@headless-adminapp/app 0.0.17-alpha.48 → 0.0.17-alpha.49

package/dialog/hooks/useCloseDialog.js

@@ -4,26 +4,28 @@ exports.useCloseDialog = useCloseDialog;
 const react_1 = require("react");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
+function markDialogAsClosed(items, id) {
+    return items.map((item) => {
+        if (item.id === id) {
+            return Object.assign(Object.assign({}, item), { isOpen: false });
+        }
+        return item;
+    });
+}
+function excludeDialogItemById(items, id) {
+    return items.filter((item) => item.id !== id);
+}
 function useCloseDialog() {
     const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
     const closeDialog = (0, react_1.useCallback)((id) => {
-        setValue((state) => {
-            return {
-                items: state.items.map((item) => {
-                    if (item.id === id) {
-                        return Object.assign(Object.assign({}, item), { isOpen: false });
-                    }
-                    return item;
-                }),
-            };
-        });
+        setValue((state) => ({
+            items: markDialogAsClosed(state.items, id),
+        }));
         // Simulate a delay to show the dialog closing animation
         setTimeout(() => {
-            setValue((state) => {
-                return {
-                    items: state.items.filter((item) => item.id !== id),
-                };
-            });
+            setValue((state) => ({
+                items: excludeDialogItemById(state.items, id),
+            }));
         }, 1000);
     }, [setValue]);
     return closeDialog;

package/hooks/useDebouncedValue.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDebouncedValue = useDebouncedValue;
 const react_1 = require("react");

package/hooks/useElementLayout.js

@@ -4,7 +4,7 @@ exports.useElementSize = useElementSize;
 const react_1 = require("react");
 function useElementSize(elementRef, interval) {
     const [size, setSize] = (0, react_1.useState)({ width: 0, height: 0 });
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useLayoutEffect)(() => {
         function updateSize() {
             if (elementRef.current) {
                 const element = elementRef.current;

package/hooks/useIsMobile.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/hooks/useSystemColorScheme.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSystemColorScheme = useSystemColorScheme;
 const react_1 = require("react");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.17-alpha.48",
+  "version": "0.0.17-alpha.49",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -39,5 +39,5 @@
     "react-hook-form": "7.52.2",
     "yup": "^1.4.0"
   },
-  "gitHead": "e8887232802a525648c316b2b8526b2571bc8b8c"
+  "gitHead": "8546e02107f006000bc8855d6a462e3a64f9ae9e"
 }

package/toast-notification/hooks/useCloseToastNotification.js

@@ -4,26 +4,28 @@ exports.useCloseToastNotification = useCloseToastNotification;
 const react_1 = require("react");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
+function markToastNotificationAsClosed(items, id) {
+    return items.map((item) => {
+        if (item.id === id) {
+            return Object.assign(Object.assign({}, item), { isOpen: false });
+        }
+        return item;
+    });
+}
+function excludeToastNotificationItemById(items, id) {
+    return items.filter((item) => item.id !== id);
+}
 function useCloseToastNotification() {
     const setValue = (0, context_1.useContextSetValue)(context_2.ToastNotificationContext);
     const closeDialog = (0, react_1.useCallback)((id) => {
-        setValue((state) => {
-            return {
-                items: state.items.map((item) => {
-                    if (item.id === id) {
-                        return Object.assign(Object.assign({}, item), { isOpen: false });
-                    }
-                    return item;
-                }),
-            };
-        });
+        setValue((state) => ({
+            items: markToastNotificationAsClosed(state.items, id),
+        }));
         // Simulate a delay to show the dialog closing animation
         setTimeout(() => {
-            setValue((state) => {
-                return {
-                    items: state.items.filter((item) => item.id !== id),
-                };
-            });
+            setValue((state) => ({
+                items: excludeToastNotificationItemById(state.items, id),
+            }));
         }, 1000);
     }, [setValue]);
     return closeDialog;