feat: Added events and defer prop to SCrollArea

appsmithorg · Jun 21, 2024 · bcf4e97 · bcf4e97
1 parent d686bc2
commit bcf4e97
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/packages/design-system/src/ScrollArea/ScrollArea.tsx b/packages/design-system/src/ScrollArea/ScrollArea.tsx
@@ -10,15 +10,27 @@ import { ScrollAreaProps } from "./ScrollArea.types";
 
 function ScrollArea(props: ScrollAreaProps) {
   const ref = useRef<HTMLDivElement>(null);
-  const { children, className, options, size = "md", ...rest } = props;
+  const {
+    children,
+    className,
+    defer,
+    events,
+    options,
+    size = "md",
+    ...rest
+  } = props;
   const defaultOptions: UseOverlayScrollbarsParams["options"] = {
     scrollbars: {
       theme: "ads-v2-scroll-theme",
       autoHide: "scroll",
     },
     ...options,
   };
-  const [initialize] = useOverlayScrollbars({ options: defaultOptions });
+  const [initialize] = useOverlayScrollbars({
+    options: defaultOptions,
+    events,
+    defer,
+  });
 
   useEffect(() => {
     if (ref.current) initialize(ref.current);

diff --git a/packages/design-system/src/ScrollArea/ScrollArea.types.ts b/packages/design-system/src/ScrollArea/ScrollArea.types.ts
@@ -6,4 +6,6 @@ import { Sizes } from "__config__/types";
 export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
   size?: Extract<Sizes, "sm" | "md">;
   options?: UseOverlayScrollbarsParams["options"];
+  events?: UseOverlayScrollbarsParams["events"];
+  defer?: UseOverlayScrollbarsParams["defer"];
 }