removed ability to pass an array to custom classname field;

Author: xobotyi

src/index.js

@@ -637,27 +637,13 @@ export default class Scrollbar extends React.Component
 
         const browserScrollbarWidth = getScrollbarWidth();
 
-        const 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(" ");
+        const 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));
 
         const holderStyles          = {
                   ...style,

tests/Scrollbar/rendering.js

@@ -130,32 +130,6 @@ export default function performTests() {
                             done();
                         });
             });
-
-            it("should apply if it is an array", (done) => {
-                render(<Scrollbar className={ ['awesome', 'classname'] }
-                                  wrapperClassName={ ['awesome', 'classname'] } contentClassName={ ['awesome', 'classname'] }
-                                  trackHorizontalClassName={ ['awesome', 'classname'] } trackVerticalClassName={ ['awesome', 'classname'] }
-                                  thumbHorizontalClassName={ ['awesome', 'classname'] } thumbVerticalClassName={ ['awesome', 'classname'] } />,
-                        node,
-                        function () {
-                            expect(this.holder.classList.contains('awesome')).toBeTruthy();
-                            expect(this.holder.classList.contains('classname')).toBeTruthy();
-                            expect(this.wrapper.classList.contains('awesome')).toBeTruthy();
-                            expect(this.wrapper.classList.contains('classname')).toBeTruthy();
-                            expect(this.content.classList.contains('awesome')).toBeTruthy();
-                            expect(this.content.classList.contains('classname')).toBeTruthy();
-                            expect(this.trackHorizontal.classList.contains('awesome')).toBeTruthy();
-                            expect(this.trackHorizontal.classList.contains('classname')).toBeTruthy();
-                            expect(this.trackVertical.classList.contains('awesome')).toBeTruthy();
-                            expect(this.trackVertical.classList.contains('classname')).toBeTruthy();
-                            expect(this.thumbHorizontal.classList.contains('awesome')).toBeTruthy();
-                            expect(this.thumbHorizontal.classList.contains('classname')).toBeTruthy();
-                            expect(this.thumbVertical.classList.contains('awesome')).toBeTruthy();
-                            expect(this.thumbVertical.classList.contains('classname')).toBeTruthy();
-
-                            done();
-                        });
-            });
         });
 
         describe("when disabling default styles", () => {