Bump to v1.4.0

woofers · Mar 28, 2024 · a962219 · a962219
1 parent b2a7c66
commit a962219
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 8 deletions.
diff --git a/demo/package.json b/demo/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-sheet-slide-demo",
   "homepage": "http://woofers.github.io/react-sheet-slide",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "author": "Jaxson Van Doorn <jaxson.vandoorn@gmail.com>",
   "license": "MIT",
   "scripts": {

diff --git a/demo/src/app/global.css b/demo/src/app/global.css
@@ -136,6 +136,7 @@ ul {
 
 #react-sheet-slide > div > div {
   --width: min(100%, 640px);
+  --modal-width: 492px;
 }
 
 @layer base {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-sheet-slide",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A responsive React draggable sheet and dialog component",
   "src": "src/index.tsx",
   "main": "lib/index.cjs",

diff --git a/src/hooks/use-spring.ts b/src/hooks/use-spring.ts
@@ -25,11 +25,11 @@ const useSpringWrapper = () =>
 type AsyncType = { config?: SpringConfig } & Record<string, unknown>
 type SpringSetAsync = (e: AsyncType) => Promise<unknown>
 
-const useSpring = (): [Spring, SpringSet, SpringSetAsync] => {
+const useSpring = ({ velocity: defaultVelocity } = { velocity: 1 }): [Spring, SpringSet, SpringSetAsync] => {
   const [spring, api] = useSpringWrapper()
   const set = useMemo(() => api.start.bind(api), [api])
   const asyncSet = useCallback(
-    ({ config: { velocity = 1, ...rest } = {}, ...opts }: AsyncType) =>
+    ({ config: { velocity = defaultVelocity, ...rest } = {}, ...opts }: AsyncType) =>
       new Promise(resolve =>
         set({
           ...opts,
@@ -51,7 +51,7 @@ const useSpring = (): [Spring, SpringSet, SpringSetAsync] => {
           }
         })
       ),
-    [set]
+    [set, defaultVelocity]
   )
   return [spring, set, asyncSet]
 }

diff --git a/src/sheet.module.css b/src/sheet.module.css
@@ -107,7 +107,7 @@ body[style].sheet-open {
 
 .modal-modal {
   max-height: calc(100% - var(--padding) * 2);
-  max-width: 492px;
+  max-width: var(--modal-width, 492px);
   border-radius: var(--radius);
   display: flex;
   background: var(--background);

diff --git a/src/sheet.tsx b/src/sheet.tsx
@@ -118,6 +118,7 @@ type BaseProps = {
   selectedDetent?: SelectedDetent
   useModal?: boolean
   useDarkMode?: boolean
+  velocity?: number
 }
 
 type InteralSheetProps = Callbacks & BaseProps & { close: () => void }
@@ -200,7 +201,8 @@ const BaseSheet = forwardRef<HTMLDivElement, InteralSheetProps>(
       detents: getDetents = detents.fit,
       selectedDetent: getSelectedDetent = _selectedDetent,
       useModal: useModalInitial,
-      useDarkMode: useDarkModeInitial,
+      useDarkMode: useDarkModeInitial,  
+      velocity = 1,
       ...rest
     },
     ref
@@ -236,7 +238,7 @@ const BaseSheet = forwardRef<HTMLDivElement, InteralSheetProps>(
     const headerRef = useRef<HTMLDivElement | null>(null)
     const footerRef = useRef<HTMLDivElement | null>(null)
 
-    const [spring, set, asyncSet] = useSpring()
+    const [spring, set, asyncSet] = useSpring({ velocity })
     const { modal, backdrop } = useSpringInterpolations({ spring })
 
     const resizeSourceRef = useRef<ResizeSource>()