@impulse-ui-native/modal 8.0.0 → 8.2.0

package/README.md

@@ -142,3 +142,8 @@ scroll, and keyboard avoidance is not built in.
 
 Provider uses the shared useOverlayLifecycle hook from the overlay package. Observe
 local status with onStatusChange(id, status), or hosted status with useOverlayStatus(id).
+
+## Theme motion
+
+`components.modal.enterDuration` and `exitDuration` control the fade/scale
+transition timing. Defaults remain 180 ms and 150 ms.

package/dist/hooks/use-modal-lifecycle.hook.js

@@ -7,13 +7,14 @@ import {
 import { scheduleOnRN } from "react-native-worklets";
 import { useEventCallback } from "@impulse-ui-native/core";
 import { useOverlayLifecycle } from "@impulse-ui-native/overlay";
-import { EnterDuration, ExitDuration } from "../constants/modal.constants";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
 function useModalLifecycle(props) {
+  const tokens = useComponentsTokens().modal;
   const progress = useSharedValue(0);
   const enter = useEventCallback(
     (transitionId, complete) => {
       progress.set(
-        withTiming(1, { duration: EnterDuration }, (finished) => {
+        withTiming(1, { duration: tokens.enterDuration }, (finished) => {
           if (finished) {
             scheduleOnRN(complete, transitionId);
           }
@@ -24,7 +25,7 @@ function useModalLifecycle(props) {
   const exit = useEventCallback(
     (transitionId, complete) => {
       progress.set(
-        withTiming(0, { duration: ExitDuration }, (finished) => {
+        withTiming(0, { duration: tokens.exitDuration }, (finished) => {
           if (finished) {
             scheduleOnRN(complete, transitionId);
           }

package/dist/hooks/use-modal-lifecycle.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-modal-lifecycle.hook.ts"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  cancelAnimation,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { scheduleOnRN } from \"react-native-worklets\";\n\nimport type { OverlayTransitionHandler } from \"@impulse-ui-native/overlay\";\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { useOverlayLifecycle } from \"@impulse-ui-native/overlay\";\n\nimport type { ModalLifecycleProps } from \"../types\";\nimport { EnterDuration, ExitDuration } from \"../constants/modal.constants\";\n\nexport function useModalLifecycle(props: ModalLifecycleProps) {\n  const progress = useSharedValue(0);\n\n  const enter = useEventCallback<OverlayTransitionHandler>(\n    (transitionId, complete) => {\n      progress.set(\n        withTiming(1, { duration: EnterDuration }, (finished) => {\n          if (finished) {\n            scheduleOnRN(complete, transitionId);\n          }\n        }),\n      );\n    },\n  );\n  const exit = useEventCallback<OverlayTransitionHandler>(\n    (transitionId, complete) => {\n      progress.set(\n        withTiming(0, { duration: ExitDuration }, (finished) => {\n          if (finished) {\n            scheduleOnRN(complete, transitionId);\n          }\n        }),\n      );\n    },\n  );\n\n  const options = useMemo(\n    () => ({ onEnter: enter, onExit: exit }),\n    [enter, exit],\n  );\n  const lifecycle = useOverlayLifecycle(props, options);\n\n  useEffect(() => () => cancelAnimation(progress), [progress]);\n\n  return useMemo(() => ({ ...lifecycle, progress }), [lifecycle, progress]);\n}\n"],"mappings":"AAAA,SAAS,WAAW,eAAe;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAG7B,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAGpC,SAAS,eAAe,oBAAoB;AAErC,SAAS,kBAAkB,OAA4B;AAC5D,QAAM,WAAW,eAAe,CAAC;AAEjC,QAAM,QAAQ;AAAA,IACZ,CAAC,cAAc,aAAa;AAC1B,eAAS;AAAA,QACP,WAAW,GAAG,EAAE,UAAU,cAAc,GAAG,CAAC,aAAa;AACvD,cAAI,UAAU;AACZ,yBAAa,UAAU,YAAY;AAAA,UACrC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACA,QAAM,OAAO;AAAA,IACX,CAAC,cAAc,aAAa;AAC1B,eAAS;AAAA,QACP,WAAW,GAAG,EAAE,UAAU,aAAa,GAAG,CAAC,aAAa;AACtD,cAAI,UAAU;AACZ,yBAAa,UAAU,YAAY;AAAA,UACrC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU;AAAA,IACd,OAAO,EAAE,SAAS,OAAO,QAAQ,KAAK;AAAA,IACtC,CAAC,OAAO,IAAI;AAAA,EACd;AACA,QAAM,YAAY,oBAAoB,OAAO,OAAO;AAEpD,YAAU,MAAM,MAAM,gBAAgB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE3D,SAAO,QAAQ,OAAO,EAAE,GAAG,WAAW,SAAS,IAAI,CAAC,WAAW,QAAQ,CAAC;AAC1E;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-modal-lifecycle.hook.ts"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  cancelAnimation,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { scheduleOnRN } from \"react-native-worklets\";\n\nimport type { OverlayTransitionHandler } from \"@impulse-ui-native/overlay\";\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { useOverlayLifecycle } from \"@impulse-ui-native/overlay\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ModalLifecycleProps } from \"../types\";\n\nexport function useModalLifecycle(props: ModalLifecycleProps) {\n  const tokens = useComponentsTokens().modal;\n  const progress = useSharedValue(0);\n\n  const enter = useEventCallback<OverlayTransitionHandler>(\n    (transitionId, complete) => {\n      progress.set(\n        withTiming(1, { duration: tokens.enterDuration }, (finished) => {\n          if (finished) {\n            scheduleOnRN(complete, transitionId);\n          }\n        }),\n      );\n    },\n  );\n  const exit = useEventCallback<OverlayTransitionHandler>(\n    (transitionId, complete) => {\n      progress.set(\n        withTiming(0, { duration: tokens.exitDuration }, (finished) => {\n          if (finished) {\n            scheduleOnRN(complete, transitionId);\n          }\n        }),\n      );\n    },\n  );\n\n  const options = useMemo(\n    () => ({ onEnter: enter, onExit: exit }),\n    [enter, exit],\n  );\n  const lifecycle = useOverlayLifecycle(props, options);\n\n  useEffect(() => () => cancelAnimation(progress), [progress]);\n\n  return useMemo(() => ({ ...lifecycle, progress }), [lifecycle, progress]);\n}\n"],"mappings":"AAAA,SAAS,WAAW,eAAe;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAG7B,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AAI7B,SAAS,kBAAkB,OAA4B;AAC5D,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,WAAW,eAAe,CAAC;AAEjC,QAAM,QAAQ;AAAA,IACZ,CAAC,cAAc,aAAa;AAC1B,eAAS;AAAA,QACP,WAAW,GAAG,EAAE,UAAU,OAAO,cAAc,GAAG,CAAC,aAAa;AAC9D,cAAI,UAAU;AACZ,yBAAa,UAAU,YAAY;AAAA,UACrC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACA,QAAM,OAAO;AAAA,IACX,CAAC,cAAc,aAAa;AAC1B,eAAS;AAAA,QACP,WAAW,GAAG,EAAE,UAAU,OAAO,aAAa,GAAG,CAAC,aAAa;AAC7D,cAAI,UAAU;AACZ,yBAAa,UAAU,YAAY;AAAA,UACrC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU;AAAA,IACd,OAAO,EAAE,SAAS,OAAO,QAAQ,KAAK;AAAA,IACtC,CAAC,OAAO,IAAI;AAAA,EACd;AACA,QAAM,YAAY,oBAAoB,OAAO,OAAO;AAEpD,YAAU,MAAM,MAAM,gBAAgB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE3D,SAAO,QAAQ,OAAO,EAAE,GAAG,WAAW,SAAS,IAAI,CAAC,WAAW,QAAQ,CAAC;AAC1E;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/modal",
-  "version": "8.0.0",
+  "version": "8.2.0",
   "description": "Compound modal dialogs with local and OverlayHost lifecycle support.",
   "keywords": [
     "react-native",
@@ -27,11 +27,11 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/icon": "8.0.0",
-    "@impulse-ui-native/primitives": "8.0.0",
-    "@impulse-ui-native/theme": "8.0.0",
-    "@impulse-ui-native/overlay": "8.0.0",
-    "@impulse-ui-native/core": "8.0.0"
+    "@impulse-ui-native/icon": "8.2.0",
+    "@impulse-ui-native/theme": "8.2.0",
+    "@impulse-ui-native/primitives": "8.2.0",
+    "@impulse-ui-native/core": "8.2.0",
+    "@impulse-ui-native/overlay": "8.2.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",

package/dist/constants/modal.constants.d.mts

@@ -1,4 +0,0 @@
-declare const EnterDuration = 180;
-declare const ExitDuration = 150;
-
-export { EnterDuration, ExitDuration };

package/dist/constants/modal.constants.js

@@ -1,7 +0,0 @@
-const EnterDuration = 180;
-const ExitDuration = 150;
-export {
-  EnterDuration,
-  ExitDuration
-};
-//# sourceMappingURL=modal.constants.js.map

package/dist/constants/modal.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/constants/modal.constants.ts"],"sourcesContent":["export const EnterDuration = 180;\nexport const ExitDuration = 150;\n"],"mappings":"AAAO,MAAM,gBAAgB;AACtB,MAAM,eAAe;","names":[]}