diff --git a/.changeset/few-experts-live.md b/.changeset/few-experts-live.md new file mode 100644 index 00000000..2ecae543 --- /dev/null +++ b/.changeset/few-experts-live.md @@ -0,0 +1,5 @@ +--- +"@appsmithorg/design-system": patch +--- + +feat: Added events and defer prop to ScrollArea diff --git a/.changeset/great-pets-develop.md b/.changeset/great-pets-develop.md deleted file mode 100644 index 2b2bf44c..00000000 --- a/.changeset/great-pets-develop.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@appsmithorg/design-system": patch ---- - -chore: adding icon for git-repository diff --git a/.changeset/grumpy-turtles-tan.md b/.changeset/grumpy-turtles-tan.md deleted file mode 100644 index b6d0704a..00000000 --- a/.changeset/grumpy-turtles-tan.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@appsmithorg/design-system": patch ---- - -feat: Text wrap fix diff --git a/packages/design-system/CHANGELOG.md b/packages/design-system/CHANGELOG.md index dc13ca4d..5882ecb6 100644 --- a/packages/design-system/CHANGELOG.md +++ b/packages/design-system/CHANGELOG.md @@ -1,5 +1,17 @@ # @appsmithorg/design-system +## 2.1.42 + +### Patch Changes + +- [#740](https://github.com/appsmithorg/design-system/pull/740) [`fb7a979d`](https://github.com/appsmithorg/design-system/commit/fb7a979dc6dde647f8e1778801e117972ffadb26) Thanks [@brayn003](https://github.com/brayn003)! - chore: adding icon for git-repository + +## 2.1.41 + +### Patch Changes + +- [#735](https://github.com/appsmithorg/design-system/pull/735) [`56cd05b7`](https://github.com/appsmithorg/design-system/commit/56cd05b764a867a0c2adef0348ebcdbd55214df6) Thanks [@albinAppsmith](https://github.com/albinAppsmith)! - feat: Text wrap fix + ## 2.1.40 ### Patch Changes diff --git a/packages/design-system/package.json b/packages/design-system/package.json index 08b4f7bb..60a1f49c 100644 --- a/packages/design-system/package.json +++ b/packages/design-system/package.json @@ -1,6 +1,6 @@ { "name": "@appsmithorg/design-system", - "version": "2.1.40", + "version": "2.1.42", "description": "This is the package for the design system that powers the Appsmith platform", "module": "build/index.js", "types": "build/index.d.ts", diff --git a/packages/design-system/src/ScrollArea/ScrollArea.tsx b/packages/design-system/src/ScrollArea/ScrollArea.tsx index 14edff7b..290e0dd6 100644 --- a/packages/design-system/src/ScrollArea/ScrollArea.tsx +++ b/packages/design-system/src/ScrollArea/ScrollArea.tsx @@ -10,7 +10,15 @@ import { ScrollAreaProps } from "./ScrollArea.types"; function ScrollArea(props: ScrollAreaProps) { const ref = useRef(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", @@ -18,7 +26,11 @@ function ScrollArea(props: ScrollAreaProps) { }, ...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 index 560b675d..bd301d2b 100644 --- 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 { size?: Extract; options?: UseOverlayScrollbarsParams["options"]; + events?: UseOverlayScrollbarsParams["events"]; + defer?: UseOverlayScrollbarsParams["defer"]; }