Docs update;

Author: xobotyi

dist/index.js

@@ -578,13 +578,13 @@ function (_React$Component) {
           props = _objectWithoutProperties(_this$props2, ["minimalThumbsSize", "fallbackScrollbarWidth", "scrollDetectionThreshold", "defaultStyles", "noScroll", "noScrollX", "noScrollY", "permanentScrollbars", "permanentScrollbarX", "permanentScrollbarY", "rtl", "momentum", "tagName", "children", "style", "className", "wrapperStyle", "contentStyle", "trackVerticalStyle", "trackHorizontalStyle", "thumbVerticalStyle", "thumbHorizontalStyle", "wrapperClassName", "contentClassName", "trackVerticalClassName", "trackHorizontalClassName", "thumbVerticalClassName", "thumbHorizontalClassName", "onScroll", "onScrollStart", "onScrollStop", "renderWrapper", "renderContent", "renderTrackVertical", "renderTrackHorizontal", "renderThumbVertical", "renderThumbHorizontal"]);
 
       var browserScrollbarWidth = (0, _utilities.getScrollbarWidth)();
-      var holderClassNames = ["ScrollbarsCustom-holder"].concat(className || false ? typeof className === "string" ? [className] : className : []).join(" "),
-          wrapperClassNames = ["ScrollbarsCustom-wrapper"].concat(wrapperClassName || false ? typeof wrapperClassName === "string" ? [wrapperClassName] : wrapperClassName : []).join(" "),
-          contentClassNames = ["ScrollbarsCustom-content"].concat(contentClassName || false ? typeof contentClassName === "string" ? [contentClassName] : contentClassName : []).join(" "),
-          trackVerticalClassNames = ["ScrollbarsCustom-track", "ScrollbarsCustom-trackVertical"].concat(trackVerticalClassName || false ? typeof trackVerticalClassName === "string" ? [trackVerticalClassName] : trackVerticalClassName : []).join(" "),
-          trackHorizontalClassNames = ["ScrollbarsCustom-track", "ScrollbarsCustom-trackHorizontal"].concat(thumbVerticalClassName || false ? typeof thumbVerticalClassName === "string" ? [thumbVerticalClassName] : thumbVerticalClassName : []).join(" "),
-          thumbVerticalClassNames = ["ScrollbarsCustom-thumb", "ScrollbarsCustom-thumbVertical"].concat(trackHorizontalClassName || false ? typeof trackHorizontalClassName === "string" ? [trackHorizontalClassName] : trackHorizontalClassName : []).join(" "),
-          thumbHorizontalClassNames = ["ScrollbarsCustom-thumb", "ScrollbarsCustom-thumbHorizontal"].concat(thumbHorizontalClassName || false ? typeof thumbHorizontalClassName === "string" ? [thumbHorizontalClassName] : thumbHorizontalClassName : []).join(" ");
+      var holderClassNames = "ScrollbarsCustom-holder" + (className && " " + className),
+          wrapperClassNames = "ScrollbarsCustom-wrapper" + (wrapperClassName && " " + wrapperClassName),
+          contentClassNames = "ScrollbarsCustom-content" + (contentClassName && " " + contentClassName),
+          trackVerticalClassNames = "ScrollbarsCustom-track ScrollbarsCustom-trackVertical" + (trackVerticalClassName && " " + trackVerticalClassName),
+          trackHorizontalClassNames = "ScrollbarsCustom-track ScrollbarsCustom-trackHorizontal" + (trackHorizontalClassName && " " + trackHorizontalClassName),
+          thumbVerticalClassNames = "ScrollbarsCustom-thumb ScrollbarsCustom-thumbHorizontal" + (thumbVerticalClassName && " " + thumbVerticalClassName),
+          thumbHorizontalClassNames = "ScrollbarsCustom-thumb ScrollbarsCustom-thumbHorizontal" + (thumbHorizontalClassName && " " + thumbHorizontalClassName);
 
       var holderStyles = _objectSpread({}, style, defaultStyles && defaultElementsStyles.holder, {
         direction: rtl === true && "rtl" || rtl === false && "ltr" || null

docs/API.md

@@ -17,13 +17,13 @@
     * `scrollDetectionThreshold`: _(number)_ Scroll process check interval in milliseconds _(default: 100)_
     * `contentSizeTrack`: _(boolean)_ Automatically check content's sizes to actualize the scrollbars. Useful when dom is changed not only by react. _(default: false)_
     * `contentSizeTrackInterval`: _(number)_ Interval between content's size check, in milliseconds _(default: 200)_
-    * `className`: _(string|array)_ Additional classnames to add to holder element _(default: undefined)_
-    * `wrapperClassName`: _(string|array)_ Additional classnames to add to wrapper element _(default: undefined)_
-    * `contentClassName`: _(string|array)_ Additional classnames to add to content element _(default: undefined)_
-    * `trackVerticalClassName`: _(string|array)_ Additional classnames to add to vertical track element _(default: undefined)_
-    * `trackHorizontalClassName`: _(string|array)_ Additional classnames to add to horizontal track element _(default: undefined)_
-    * `thumbVerticalClassName`: _(string|array)_ Additional classnames to add to vertical track element _(default: undefined)_
-    * `thumbHorizontalClassName`: _(string|array)_ Additional classnames to add to horizontal track element _(default: undefined)_
+    * `className`: _(string)_ Additional classname to add to holder element _(default: undefined)_
+    * `wrapperClassName`: _(string)_ Additional classname to add to wrapper element _(default: undefined)_
+    * `contentClassName`: _(string)_ Additional classname to add to content element _(default: undefined)_
+    * `trackVerticalClassName`: _(string)_ Additional classname to add to vertical track element _(default: undefined)_
+    * `trackHorizontalClassName`: _(string)_ Additional classname to add to horizontal track element _(default: undefined)_
+    * `thumbVerticalClassName`: _(string)_ Additional classname to add to vertical track element _(default: undefined)_
+    * `thumbHorizontalClassName`: _(string)_ Additional classname to add to horizontal track element _(default: undefined)_
     * `style`: _(object)_ Additional styles for holder element _(default: undefined)_
     * `wrapperStyle`: _(object)_ Additional styles for wrapper element _(default: undefined)_
     * `contentStyle`: _(object)_ Additional styles for content element _(default: undefined)_