@spaced-out/ui-design-system 0.1.45 → 0.1.46

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.46](https://github.com/spaced-out/ui-design-system/compare/v0.1.45...v0.1.46) (2023-08-29)
+
+
+### Bug Fixes
+
+* add delay to clear extras data in use modal ([#140](https://github.com/spaced-out/ui-design-system/issues/140)) ([030c841](https://github.com/spaced-out/ui-design-system/commit/030c84138f2582b8769a8bd249ea1f8a9a125e51))
+
 ### [0.1.45](https://github.com/spaced-out/ui-design-system/compare/v0.1.44...v0.1.45) (2023-08-29)
 
 

package/lib/hooks/useModal/useModal.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useModal = void 0;
 var _react = require("react");
+var _motion = require("../../styles/variables/_motion");
 
 const useModal = () => {
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
@@ -16,7 +17,10 @@ const useModal = () => {
   }, []);
   const closeModal = () => {
     setIsOpen(false);
-    setExtras({});
+    // Since the Dialog close uses animation and its duration is motionDurationNormal, we should clear the data after the animation duration for better user experience
+    setTimeout(() => {
+      setExtras({});
+    }, parseInt(_motion.motionDurationNormal));
   };
   return {
     isOpen,

package/lib/hooks/useModal/useModal.js.flow

@@ -2,6 +2,8 @@
 
 import {useCallback, useState} from 'react';
 
+import {motionDurationNormal} from '../../styles/variables/_motion';
+
 
 export type UseModalExtras = {
   // TODO(Ashwini): Add type for extras
@@ -27,7 +29,10 @@ export const useModal = (): UseModalReturnType => {
 
   const closeModal = () => {
     setIsOpen(false);
-    setExtras({});
+    // Since the Dialog close uses animation and its duration is motionDurationNormal, we should clear the data after the animation duration for better user experience
+    setTimeout(() => {
+      setExtras({});
+    }, parseInt(motionDurationNormal));
   };
 
   return {isOpen, openModal, closeModal, extras};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {