@headless-adminapp/app 0.0.17-alpha.50 → 0.0.17-alpha.52

package/dialog/hooks/useOpenDialog.js

@@ -2,17 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOpenDialog = useOpenDialog;
 const react_1 = require("react");
+const uuid_1 = require("uuid");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
 const useCloseDialog_1 = require("./useCloseDialog");
-function randomId() {
-    return Math.random().toString(36).substring(2);
-}
 function useOpenDialog() {
     const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
     const closeDialog = (0, useCloseDialog_1.useCloseDialog)();
     const openDialog = (0, react_1.useCallback)((options) => {
-        const id = randomId();
+        const id = (0, uuid_1.v4)();
         setValue((state) => {
             return {
                 items: [

package/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './useElementLayout';
 export * from './useIsMobile';
 export * from './useStorageState';
 export * from './useSystemColorScheme';
+export { useItemsWithKey } from './useItemsWithKey';

package/hooks/index.js

@@ -14,8 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useItemsWithKey = void 0;
 __exportStar(require("./useDebouncedValue"), exports);
 __exportStar(require("./useElementLayout"), exports);
 __exportStar(require("./useIsMobile"), exports);
 __exportStar(require("./useStorageState"), exports);
 __exportStar(require("./useSystemColorScheme"), exports);
+var useItemsWithKey_1 = require("./useItemsWithKey");
+Object.defineProperty(exports, "useItemsWithKey", { enumerable: true, get: function () { return useItemsWithKey_1.useItemsWithKey; } });

package/hooks/useItemsWithKey.d.ts

@@ -0,0 +1,7 @@
+import { ItemWithKey } from '@headless-adminapp/core/types';
+export declare function useItemsWithKey<T>(value: T[]): ItemWithKey<T>[];
+export declare function useItemsWithKey(value: null): null;
+export declare function useItemsWithKey(value: undefined): undefined;
+export declare function useItemsWithKey<T>(value: T[] | null): ItemWithKey<T>[] | null;
+export declare function useItemsWithKey<T>(value: T[] | undefined): ItemWithKey<T>[] | undefined;
+export declare function useItemsWithKey<T>(value: T[] | null | undefined): ItemWithKey<T>[] | null | undefined;

package/hooks/useItemsWithKey.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useItemsWithKey = useItemsWithKey;
+const utils_1 = require("@headless-adminapp/core/utils");
+const react_1 = require("react");
+function useItemsWithKey(value) {
+    return (0, react_1.useMemo)(() => {
+        if (!value) {
+            return value;
+        }
+        return (0, utils_1.createItemsWithKey)(value);
+    }, [value]);
+}

package/mutable/utils.js

@@ -12,20 +12,13 @@ function createMutableValue(initialValue, isArray) {
         value: storeValue,
         setValue: (value) => {
             if (typeof value === 'function') {
-                if (isArray) {
-                    storeValue.current = value(storeValue.current);
-                }
-                else {
-                    storeValue.current = Object.assign(Object.assign({}, storeValue.current), value(storeValue.current));
-                }
+                value = value(storeValue.current);
+            }
+            if (isArray) {
+                storeValue.current = value;
             }
             else {
-                if (isArray) {
-                    storeValue.current = value;
-                }
-                else {
-                    storeValue.current = Object.assign(Object.assign({}, storeValue.current), value);
-                }
+                storeValue.current = Object.assign(Object.assign({}, storeValue.current), value);
             }
             listeners.forEach((listener) => listener(storeValue.current));
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.17-alpha.50",
+  "version": "0.0.17-alpha.52",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -37,7 +37,8 @@
     "lodash": "^4.17.21",
     "react-custom-scrollbars-2": "^4.5.0",
     "react-hook-form": "7.52.2",
+    "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "aaa62f2c8f6edb9dad521d9bb254a3c1811b5aff"
+  "gitHead": "d51866b6ef09087e30a44a6a63f099075c6aea89"
 }

package/toast-notification/hooks/useOpenToastNotification.js

@@ -2,17 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOpenToastNotification = useOpenToastNotification;
 const react_1 = require("react");
+const uuid_1 = require("uuid");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
 const useCloseToastNotification_1 = require("./useCloseToastNotification");
-function randomId() {
-    return Math.random().toString(36).substring(2);
-}
 function useOpenToastNotification() {
     const setValue = (0, context_1.useContextSetValue)(context_2.ToastNotificationContext);
     const closeDialog = (0, useCloseToastNotification_1.useCloseToastNotification)();
     const openToastNotification = (0, react_1.useCallback)((options) => {
-        const id = randomId();
+        const id = (0, uuid_1.v4)();
         setValue((state) => {
             return {
                 items: [