From b3f0eb382fcb8dd138c321640487155e3883afb2 Mon Sep 17 00:00:00 2001
From: Aliaksandr Mikhniuk <aliaksandr.mikhniuk@softnetix.io>
Date: Wed, 14 Jun 2023 11:53:27 +0300
Subject: [PATCH] feat: add the option to change trackXVisible and
 trackYVisible classes

---
 src/Scrollbar.tsx | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/Scrollbar.tsx b/src/Scrollbar.tsx
index 533f466..3d1a121 100644
--- a/src/Scrollbar.tsx
+++ b/src/Scrollbar.tsx
@@ -30,6 +30,10 @@ if (isBrowser) {
   );
 }
 
+
+const DEFAULT_TRACK_Y_VISIBLE_CLASS_NAME = "trackYVisible";
+const DEFAULT_TRACK_X_VISIBLE_CLASS_NAME = "trackXVisible";
+
 export type ScrollbarProps = ElementPropsWithElementRefAndRenderer & {
   createContext?: boolean;
 
@@ -95,6 +99,9 @@ export type ScrollbarProps = ElementPropsWithElementRefAndRenderer & {
   onScroll?: (scrollValues: ScrollState, prevScrollState: ScrollState) => void;
   onScrollStart?: (scrollValues: ScrollState) => void;
   onScrollStop?: (scrollValues: ScrollState) => void;
+
+  trackXVisibleClassName?: string
+  trackYVisibleClassName?: string
 };
 
 export type ScrollbarState = {
@@ -836,9 +843,15 @@ export default class Scrollbar extends React.Component<ScrollbarProps, Scrollbar
 
       children,
 
+      trackXVisibleClassName,
+      trackYVisibleClassName,
+
       ...propsHolderProps
     } = this.props as ScrollbarProps;
 
+    const trackXVisibleClassNameToRender = trackXVisibleClassName ?? DEFAULT_TRACK_X_VISIBLE_CLASS_NAME
+    const trackYVisibleClassNameToRender = trackYVisibleClassName ?? DEFAULT_TRACK_Y_VISIBLE_CLASS_NAME
+
     const scrollbarWidth = !util.isUndef(propsScrollbarWidth)
       ? propsScrollbarWidth
       : util.getScrollbarWidth() || 0;
@@ -862,8 +875,8 @@ export default class Scrollbar extends React.Component<ScrollbarProps, Scrollbar
         ...propsHolderProps,
         className: cnb(
           'ScrollbarsCustom native',
-          this.state.trackYVisible && 'trackYVisible',
-          this.state.trackXVisible && 'trackXVisible',
+          this.state.trackYVisible && trackYVisibleClassNameToRender,
+          this.state.trackXVisible && trackXVisibleClassNameToRender,
           this.state.isRTL && 'rtl',
           propsHolderProps.className
         ),
@@ -1003,8 +1016,8 @@ export default class Scrollbar extends React.Component<ScrollbarProps, Scrollbar
       ...propsHolderProps,
       className: cnb(
         'ScrollbarsCustom',
-        this.state.trackYVisible && 'trackYVisible',
-        this.state.trackXVisible && 'trackXVisible',
+        this.state.trackYVisible && trackYVisibleClassNameToRender,
+        this.state.trackXVisible && trackXVisibleClassNameToRender,
         this.state.isRTL && 'rtl',
         propsHolderProps.className
       ),