@webiny/react-properties 0.0.0-unstable.06b2ede40f → 0.0.0-unstable.0d717d18dd

package/index.d.ts

@@ -1,5 +1,9 @@
-export * from "./utils";
-export * from "./Properties";
-export * from "./useDebugConfig";
-export * from "./useIdGenerator";
-export * from "./createConfigurableComponent";
+export * from "./utils.js";
+export * from "./Properties.js";
+export * from "./AsyncProperties.js";
+export * from "./Await.js";
+export * from "./useDebugConfig.js";
+export * from "./useIdGenerator.js";
+export * from "./createConfigurableComponent.js";
+export * from "./domain/index.js";
+export { DevToolsSection } from "./DevToolsSection.js";

package/index.js

@@ -1,7 +1,9 @@
-export * from "./utils";
-export * from "./Properties";
-export * from "./useDebugConfig";
-export * from "./useIdGenerator";
-export * from "./createConfigurableComponent";
-
-//# sourceMappingURL=index.js.map
+export * from "./utils.js";
+export * from "./Properties.js";
+export * from "./AsyncProperties.js";
+export * from "./Await.js";
+export * from "./useDebugConfig.js";
+export * from "./useIdGenerator.js";
+export * from "./createConfigurableComponent.js";
+export * from "./domain/index.js";
+export { DevToolsSection } from "./DevToolsSection.js";

package/package.json

@@ -1,7 +1,11 @@
 {
 	"name": "@webiny/react-properties",
-	"version": "0.0.0-unstable.06b2ede40f",
-	"main": "index.js",
+	"version": "0.0.0-unstable.0d717d18dd",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -10,23 +14,22 @@
 	"author": "Webiny Ltd",
 	"license": "MIT",
 	"dependencies": {
-		"@types/react": "18.2.79",
-		"@webiny/react-composition": "0.0.0-unstable.06b2ede40f",
-		"nanoid": "3.3.8",
-		"react": "18.2.0"
+		"@types/react": "18.3.31",
+		"@webiny/react-composition": "0.0.0-unstable.0d717d18dd",
+		"lodash": "4.18.1",
+		"nanoid": "6.0.0",
+		"react": "18.3.1"
 	},
 	"devDependencies": {
-		"@testing-library/react": "15.0.7",
-		"@webiny/project-utils": "0.0.0-unstable.06b2ede40f",
-		"prettier": "2.8.8"
+		"@testing-library/react": "16.3.2",
+		"@webiny/build-tools": "0.0.0-unstable.0d717d18dd",
+		"oxfmt": "0.61.0",
+		"vitest": "4.1.10"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
-	},
-	"scripts": {
-		"build": "node ../cli/bin.js run build",
-		"watch": "node ../cli/bin.js run watch"
+		"access": "public"
 	},
-	"gitHead": "06b2ede40fc2212a70eeafd74afd50b56fb0ce82"
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/useDebugConfig.d.ts

@@ -1,7 +1,32 @@
-import type { Property } from "./Properties";
+import type { Property } from "./Properties.js";
+interface WebinyDevtoolsConfig {
+    properties: Array<{
+        id: string;
+        parent: string;
+        name: string;
+        value?: unknown;
+        array?: boolean;
+    }>;
+    config: unknown;
+    updatedAt: number;
+}
+interface WebinyDevtoolsSection {
+    data: unknown;
+    group: string;
+    views: string[];
+    updatedAt: number;
+}
+interface WebinyDevtoolsHook {
+    revision: number;
+    configs: Record<string, WebinyDevtoolsConfig>;
+    sections: Record<string, WebinyDevtoolsSection>;
+}
 declare global {
     interface Window {
         __debugConfigs: Record<string, () => void>;
+        __WEBINY_DEVTOOLS_HOOK__?: WebinyDevtoolsHook;
     }
 }
+export declare function getHook(): WebinyDevtoolsHook;
 export declare function useDebugConfig(name: string, properties: Property[]): void;
+export {};

package/useDebugConfig.js

@@ -1,19 +1,45 @@
 import { useEffect } from "react";
-import { toObject } from "./utils";
-export function useDebugConfig(name, properties) {
-  useEffect(() => {
-    if (process.env.NODE_ENV !== "development") {
-      return;
-    }
-    const configs = window.__debugConfigs ?? {};
-    configs[name] = () => console.log(toObject(properties));
-    window.__debugConfigs = configs;
-    return () => {
-      const configs = window.__debugConfigs ?? {};
-      delete configs[name];
-      window.__debugConfigs = configs;
+import { toObject } from "./utils.js";
+function getHook() {
+    if (!window.__WEBINY_DEVTOOLS_HOOK__) window.__WEBINY_DEVTOOLS_HOOK__ = {
+        revision: 0,
+        configs: {},
+        sections: {}
     };
-  }, [properties]);
+    return window.__WEBINY_DEVTOOLS_HOOK__;
 }
+function useDebugConfig(name, properties) {
+    useEffect(()=>{
+        if ("development" !== process.env.NODE_ENV) return;
+        const configs = window.__debugConfigs ?? {};
+        configs[name] = ()=>console.log(toObject(properties));
+        window.__debugConfigs = configs;
+        const hook = getHook();
+        hook.configs[name] = {
+            properties: properties.map((p)=>({
+                    id: p.id,
+                    parent: p.parent,
+                    name: p.name,
+                    value: p.value,
+                    array: p.array
+                })),
+            config: toObject(properties),
+            updatedAt: Date.now()
+        };
+        hook.revision++;
+        return ()=>{
+            const configs = window.__debugConfigs ?? {};
+            delete configs[name];
+            window.__debugConfigs = configs;
+            if (window.__WEBINY_DEVTOOLS_HOOK__) {
+                delete window.__WEBINY_DEVTOOLS_HOOK__.configs[name];
+                window.__WEBINY_DEVTOOLS_HOOK__.revision++;
+            }
+        };
+    }, [
+        properties
+    ]);
+}
+export { getHook, useDebugConfig };
 
 //# sourceMappingURL=useDebugConfig.js.map

package/useDebugConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","toObject","useDebugConfig","name","properties","process","env","NODE_ENV","configs","window","__debugConfigs","console","log"],"sources":["useDebugConfig.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Property } from \"./Properties\";\nimport { toObject } from \"./utils\";\n\ndeclare global {\n    interface Window {\n        __debugConfigs: Record<string, () => void>;\n    }\n}\n\nexport function useDebugConfig(name: string, properties: Property[]) {\n    useEffect(() => {\n        if (process.env.NODE_ENV !== \"development\") {\n            return;\n        }\n\n        const configs = window.__debugConfigs ?? {};\n        configs[name] = () => console.log(toObject(properties));\n        window.__debugConfigs = configs;\n\n        return () => {\n            const configs = window.__debugConfigs ?? {};\n            delete configs[name];\n            window.__debugConfigs = configs;\n        };\n    }, [properties]);\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,QAAQ;AAQjB,OAAO,SAASC,cAAcA,CAACC,IAAY,EAAEC,UAAsB,EAAE;EACjEJ,SAAS,CAAC,MAAM;IACZ,IAAIK,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;MACxC;IACJ;IAEA,MAAMC,OAAO,GAAGC,MAAM,CAACC,cAAc,IAAI,CAAC,CAAC;IAC3CF,OAAO,CAACL,IAAI,CAAC,GAAG,MAAMQ,OAAO,CAACC,GAAG,CAACX,QAAQ,CAACG,UAAU,CAAC,CAAC;IACvDK,MAAM,CAACC,cAAc,GAAGF,OAAO;IAE/B,OAAO,MAAM;MACT,MAAMA,OAAO,GAAGC,MAAM,CAACC,cAAc,IAAI,CAAC,CAAC;MAC3C,OAAOF,OAAO,CAACL,IAAI,CAAC;MACpBM,MAAM,CAACC,cAAc,GAAGF,OAAO;IACnC,CAAC;EACL,CAAC,EAAE,CAACJ,UAAU,CAAC,CAAC;AACpB","ignoreList":[]}
+{"version":3,"file":"useDebugConfig.js","sources":["../src/useDebugConfig.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Property } from \"./Properties.js\";\nimport { toObject } from \"./utils.js\";\n\ninterface WebinyDevtoolsConfig {\n    properties: Array<{\n        id: string;\n        parent: string;\n        name: string;\n        value?: unknown;\n        array?: boolean;\n    }>;\n    config: unknown;\n    updatedAt: number;\n}\n\ninterface WebinyDevtoolsSection {\n    data: unknown;\n    group: string;\n    views: string[];\n    updatedAt: number;\n}\n\ninterface WebinyDevtoolsHook {\n    revision: number;\n    configs: Record<string, WebinyDevtoolsConfig>;\n    sections: Record<string, WebinyDevtoolsSection>;\n}\n\ndeclare global {\n    interface Window {\n        __debugConfigs: Record<string, () => void>;\n        __WEBINY_DEVTOOLS_HOOK__?: WebinyDevtoolsHook;\n    }\n}\n\nexport function getHook(): WebinyDevtoolsHook {\n    if (!window.__WEBINY_DEVTOOLS_HOOK__) {\n        window.__WEBINY_DEVTOOLS_HOOK__ = { revision: 0, configs: {}, sections: {} };\n    }\n    return window.__WEBINY_DEVTOOLS_HOOK__;\n}\n\nexport function useDebugConfig(name: string, properties: Property[]) {\n    useEffect(() => {\n        if (process.env.NODE_ENV !== \"development\") {\n            return;\n        }\n\n        // Legacy console.log support\n        const configs = window.__debugConfigs ?? {};\n        configs[name] = () => console.log(toObject(properties));\n        window.__debugConfigs = configs;\n\n        // DevTools hook: structured data for the Chrome extension\n        const hook = getHook();\n        hook.configs[name] = {\n            properties: properties.map(p => ({\n                id: p.id,\n                parent: p.parent,\n                name: p.name,\n                value: p.value,\n                array: p.array\n            })),\n            config: toObject(properties),\n            updatedAt: Date.now()\n        };\n        hook.revision++;\n\n        return () => {\n            // Legacy cleanup\n            const configs = window.__debugConfigs ?? {};\n            delete configs[name];\n            window.__debugConfigs = configs;\n\n            // DevTools hook cleanup\n            if (window.__WEBINY_DEVTOOLS_HOOK__) {\n                delete window.__WEBINY_DEVTOOLS_HOOK__.configs[name];\n                window.__WEBINY_DEVTOOLS_HOOK__.revision++;\n            }\n        };\n    }, [properties]);\n}\n"],"names":["getHook","window","useDebugConfig","name","properties","useEffect","process","configs","console","toObject","hook","p","Date"],"mappings":";;AAoCO,SAASA;IACZ,IAAI,CAACC,OAAO,wBAAwB,EAChCA,OAAO,wBAAwB,GAAG;QAAE,UAAU;QAAG,SAAS,CAAC;QAAG,UAAU,CAAC;IAAE;IAE/E,OAAOA,OAAO,wBAAwB;AAC1C;AAEO,SAASC,eAAeC,IAAY,EAAEC,UAAsB;IAC/DC,UAAU;QACN,IAAIC,AAAyB,kBAAzBA,QAAQ,GAAG,CAAC,QAAQ,EACpB;QAIJ,MAAMC,UAAUN,OAAO,cAAc,IAAI,CAAC;QAC1CM,OAAO,CAACJ,KAAK,GAAG,IAAMK,QAAQ,GAAG,CAACC,SAASL;QAC3CH,OAAO,cAAc,GAAGM;QAGxB,MAAMG,OAAOV;QACbU,KAAK,OAAO,CAACP,KAAK,GAAG;YACjB,YAAYC,WAAW,GAAG,CAACO,CAAAA,IAAM;oBAC7B,IAAIA,EAAE,EAAE;oBACR,QAAQA,EAAE,MAAM;oBAChB,MAAMA,EAAE,IAAI;oBACZ,OAAOA,EAAE,KAAK;oBACd,OAAOA,EAAE,KAAK;gBAClB;YACA,QAAQF,SAASL;YACjB,WAAWQ,KAAK,GAAG;QACvB;QACAF,KAAK,QAAQ;QAEb,OAAO;YAEH,MAAMH,UAAUN,OAAO,cAAc,IAAI,CAAC;YAC1C,OAAOM,OAAO,CAACJ,KAAK;YACpBF,OAAO,cAAc,GAAGM;YAGxB,IAAIN,OAAO,wBAAwB,EAAE;gBACjC,OAAOA,OAAO,wBAAwB,CAAC,OAAO,CAACE,KAAK;gBACpDF,OAAO,wBAAwB,CAAC,QAAQ;YAC5C;QACJ;IACJ,GAAG;QAACG;KAAW;AACnB"}

package/useIdGenerator.js

@@ -1,14 +1,23 @@
 import { useCallback } from "react";
-import { useParentProperty } from "./Properties";
-const keywords = ["$first", "$last"];
-export function useIdGenerator(name) {
-  const parentProperty = useParentProperty();
-  return useCallback((...parts) => {
-    if (keywords.includes(parts[0])) {
-      return parts[0];
-    }
-    return [parentProperty?.id, name, ...parts].filter(Boolean).join(":");
-  }, [name, parentProperty]);
+import { useParentProperty } from "./Properties.js";
+const keywords = [
+    "$first",
+    "$last"
+];
+function useIdGenerator(name) {
+    const parentProperty = useParentProperty();
+    return useCallback((...parts)=>{
+        if (keywords.includes(parts[0])) return parts[0];
+        return [
+            parentProperty?.id,
+            name,
+            ...parts
+        ].filter(Boolean).join(":");
+    }, [
+        name,
+        parentProperty
+    ]);
 }
+export { useIdGenerator };
 
 //# sourceMappingURL=useIdGenerator.js.map

package/useIdGenerator.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useParentProperty","keywords","useIdGenerator","name","parentProperty","parts","includes","id","filter","Boolean","join"],"sources":["useIdGenerator.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useParentProperty } from \"~/Properties\";\n\nconst keywords = [\"$first\", \"$last\"];\n\nexport function useIdGenerator(name: string) {\n    const parentProperty = useParentProperty();\n\n    return useCallback(\n        (...parts: string[]) => {\n            if (keywords.includes(parts[0])) {\n                return parts[0];\n            }\n            return [parentProperty?.id, name, ...parts].filter(Boolean).join(\":\");\n        },\n        [name, parentProperty]\n    );\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,iBAAiB;AAE1B,MAAMC,QAAQ,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC;AAEpC,OAAO,SAASC,cAAcA,CAACC,IAAY,EAAE;EACzC,MAAMC,cAAc,GAAGJ,iBAAiB,CAAC,CAAC;EAE1C,OAAOD,WAAW,CACd,CAAC,GAAGM,KAAe,KAAK;IACpB,IAAIJ,QAAQ,CAACK,QAAQ,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;MAC7B,OAAOA,KAAK,CAAC,CAAC,CAAC;IACnB;IACA,OAAO,CAACD,cAAc,EAAEG,EAAE,EAAEJ,IAAI,EAAE,GAAGE,KAAK,CAAC,CAACG,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EACzE,CAAC,EACD,CAACP,IAAI,EAAEC,cAAc,CACzB,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"useIdGenerator.js","sources":["../src/useIdGenerator.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useParentProperty } from \"~/Properties.js\";\n\nconst keywords = [\"$first\", \"$last\"];\n\nexport function useIdGenerator(name: string) {\n    const parentProperty = useParentProperty();\n\n    return useCallback(\n        (...parts: string[]) => {\n            if (keywords.includes(parts[0])) {\n                return parts[0];\n            }\n            return [parentProperty?.id, name, ...parts].filter(Boolean).join(\":\");\n        },\n        [name, parentProperty]\n    );\n}\n"],"names":["keywords","useIdGenerator","name","parentProperty","useParentProperty","useCallback","parts","Boolean"],"mappings":";;AAGA,MAAMA,WAAW;IAAC;IAAU;CAAQ;AAE7B,SAASC,eAAeC,IAAY;IACvC,MAAMC,iBAAiBC;IAEvB,OAAOC,YACH,CAAC,GAAGC;QACA,IAAIN,SAAS,QAAQ,CAACM,KAAK,CAAC,EAAE,GAC1B,OAAOA,KAAK,CAAC,EAAE;QAEnB,OAAO;YAACH,gBAAgB;YAAID;eAASI;SAAM,CAAC,MAAM,CAACC,SAAS,IAAI,CAAC;IACrE,GACA;QAACL;QAAMC;KAAe;AAE9B"}

package/utils.d.ts

@@ -1,3 +1,3 @@
-import type { Property } from "./Properties";
+import type { Property } from "./Properties.js";
 export declare function toObject<T = unknown>(properties: Property[]): T;
 export declare function getUniqueId(length?: number): string;

package/utils.js

@@ -1,47 +1,48 @@
 import { customAlphabet } from "nanoid";
 const nanoid = customAlphabet("1234567890abcdef");
-const sortPropertiesToTheTop = (a, b) => {
-  if (a.$isFirst && b.$isFirst) {
-    return -1;
-  }
-  return Number(b.$isFirst) - Number(a.$isFirst);
+const sortPropertiesToTheTop = (a, b)=>{
+    if (a.$isFirst && b.$isFirst) return -1;
+    return Number(b.$isFirst) - Number(a.$isFirst);
 };
-const sortPropertiesToTheBottom = (a, b) => {
-  if (a.$isLast && b.$isLast) {
-    return 1;
-  }
-  return Number(a.$isLast) - Number(b.$isLast);
-};
-const sortProperties = properties => {
-  return properties.sort(sortPropertiesToTheTop).sort(sortPropertiesToTheBottom);
+const sortPropertiesToTheBottom = (a, b)=>{
+    if (a.$isLast && b.$isLast) return 1;
+    return Number(a.$isLast) - Number(b.$isLast);
 };
+const sortProperties = (properties)=>properties.sort(sortPropertiesToTheTop).sort(sortPropertiesToTheBottom);
 function buildRoots(roots, properties) {
-  const sortedRoots = sortProperties(roots);
-  const obj = sortedRoots.reduce((acc, item) => {
-    const isArray = item.array === true || sortedRoots.filter(r => r.name === item.name).length > 1;
-    return {
-      ...acc,
-      [item.name]: isArray ? [] : {}
-    };
-  }, {});
-  sortedRoots.forEach(root => {
-    const isArray = root.array === true || Array.isArray(obj[root.name]);
-    if (root.value !== undefined) {
-      obj[root.name] = isArray ? [...obj[root.name], root.value] : root.value;
-      return;
-    }
-    const nextRoots = properties.filter(p => p.parent === root.id);
-    const value = buildRoots(nextRoots, properties);
-    obj[root.name] = isArray ? [...obj[root.name], value] : value;
-  });
-  return obj;
+    const sortedRoots = sortProperties(roots);
+    const obj = sortedRoots.reduce((acc, item)=>{
+        const isArray = true === item.array || sortedRoots.filter((r)=>r.name === item.name).length > 1;
+        return {
+            ...acc,
+            [item.name]: isArray ? [] : {}
+        };
+    }, {});
+    sortedRoots.forEach((root)=>{
+        const isArray = true === root.array || Array.isArray(obj[root.name]);
+        if (void 0 !== root.value) {
+            obj[root.name] = isArray ? [
+                ...obj[root.name],
+                root.value
+            ] : root.value;
+            return;
+        }
+        const nextRoots = properties.filter((p)=>p.parent === root.id);
+        const value = buildRoots(nextRoots, properties);
+        obj[root.name] = isArray ? [
+            ...obj[root.name],
+            value
+        ] : value;
+    });
+    return obj;
 }
-export function toObject(properties) {
-  const roots = properties.filter(prop => prop.parent === "");
-  return buildRoots(roots, properties);
+function toObject(properties) {
+    const roots = properties.filter((prop)=>"" === prop.parent);
+    return buildRoots(roots, properties);
 }
-export function getUniqueId(length = 12) {
-  return nanoid(length);
+function getUniqueId(length = 12) {
+    return nanoid(length);
 }
+export { getUniqueId, toObject };
 
 //# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["customAlphabet","nanoid","sortPropertiesToTheTop","a","b","$isFirst","Number","sortPropertiesToTheBottom","$isLast","sortProperties","properties","sort","buildRoots","roots","sortedRoots","obj","reduce","acc","item","isArray","array","filter","r","name","length","forEach","root","Array","value","undefined","nextRoots","p","parent","id","toObject","prop","getUniqueId"],"sources":["utils.ts"],"sourcesContent":["import { customAlphabet } from \"nanoid\";\nconst nanoid = customAlphabet(\"1234567890abcdef\");\nimport type { Property } from \"./Properties\";\n\nconst sortPropertiesToTheTop = (a: Property, b: Property) => {\n    if (a.$isFirst && b.$isFirst) {\n        return -1;\n    }\n\n    return Number(b.$isFirst) - Number(a.$isFirst);\n};\n\nconst sortPropertiesToTheBottom = (a: Property, b: Property) => {\n    if (a.$isLast && b.$isLast) {\n        return 1;\n    }\n\n    return Number(a.$isLast) - Number(b.$isLast);\n};\n\nconst sortProperties = (properties: Property[]) => {\n    return properties.sort(sortPropertiesToTheTop).sort(sortPropertiesToTheBottom);\n};\n\nfunction buildRoots(roots: Property[], properties: Property[]) {\n    const sortedRoots = sortProperties(roots);\n    const obj: Record<string, unknown> = sortedRoots.reduce((acc, item) => {\n        const isArray =\n            item.array === true || sortedRoots.filter(r => r.name === item.name).length > 1;\n        return { ...acc, [item.name]: isArray ? [] : {} };\n    }, {});\n\n    sortedRoots.forEach(root => {\n        const isArray = root.array === true || Array.isArray(obj[root.name]);\n        if (root.value !== undefined) {\n            obj[root.name] = isArray ? [...(obj[root.name] as Array<any>), root.value] : root.value;\n            return;\n        }\n\n        const nextRoots = properties.filter(p => p.parent === root.id);\n        const value = buildRoots(nextRoots, properties);\n        obj[root.name] = isArray ? [...(obj[root.name] as Property[]), value] : value;\n    });\n\n    return obj;\n}\n\nexport function toObject<T = unknown>(properties: Property[]): T {\n    const roots = properties.filter(prop => prop.parent === \"\");\n    return buildRoots(roots, properties) as T;\n}\n\nexport function getUniqueId(length = 12) {\n    return nanoid(length);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { customAlphabet } from \"nanoid\";\nconst nanoid = customAlphabet(\"1234567890abcdef\");\nimport type { Property } from \"./Properties.js\";\n\nconst sortPropertiesToTheTop = (a: Property, b: Property) => {\n    if (a.$isFirst && b.$isFirst) {\n        return -1;\n    }\n\n    return Number(b.$isFirst) - Number(a.$isFirst);\n};\n\nconst sortPropertiesToTheBottom = (a: Property, b: Property) => {\n    if (a.$isLast && b.$isLast) {\n        return 1;\n    }\n\n    return Number(a.$isLast) - Number(b.$isLast);\n};\n\nconst sortProperties = (properties: Property[]) => {\n    return properties.sort(sortPropertiesToTheTop).sort(sortPropertiesToTheBottom);\n};\n\nfunction buildRoots(roots: Property[], properties: Property[]) {\n    const sortedRoots = sortProperties(roots);\n    const obj: Record<string, unknown> = sortedRoots.reduce((acc, item) => {\n        const isArray =\n            item.array === true || sortedRoots.filter(r => r.name === item.name).length > 1;\n        return { ...acc, [item.name]: isArray ? [] : {} };\n    }, {});\n\n    sortedRoots.forEach(root => {\n        const isArray = root.array === true || Array.isArray(obj[root.name]);\n        if (root.value !== undefined) {\n            obj[root.name] = isArray ? [...(obj[root.name] as Array<any>), root.value] : root.value;\n            return;\n        }\n\n        const nextRoots = properties.filter(p => p.parent === root.id);\n        const value = buildRoots(nextRoots, properties);\n        obj[root.name] = isArray ? [...(obj[root.name] as Property[]), value] : value;\n    });\n\n    return obj;\n}\n\nexport function toObject<T = unknown>(properties: Property[]): T {\n    const roots = properties.filter(prop => prop.parent === \"\");\n    return buildRoots(roots, properties) as T;\n}\n\nexport function getUniqueId(length = 12) {\n    return nanoid(length);\n}\n"],"names":["nanoid","customAlphabet","sortPropertiesToTheTop","a","b","Number","sortPropertiesToTheBottom","sortProperties","properties","buildRoots","roots","sortedRoots","obj","acc","item","isArray","r","root","Array","undefined","nextRoots","p","value","toObject","prop","getUniqueId","length"],"mappings":";AACA,MAAMA,SAASC,eAAe;AAG9B,MAAMC,yBAAyB,CAACC,GAAaC;IACzC,IAAID,EAAE,QAAQ,IAAIC,EAAE,QAAQ,EACxB,OAAO;IAGX,OAAOC,OAAOD,EAAE,QAAQ,IAAIC,OAAOF,EAAE,QAAQ;AACjD;AAEA,MAAMG,4BAA4B,CAACH,GAAaC;IAC5C,IAAID,EAAE,OAAO,IAAIC,EAAE,OAAO,EACtB,OAAO;IAGX,OAAOC,OAAOF,EAAE,OAAO,IAAIE,OAAOD,EAAE,OAAO;AAC/C;AAEA,MAAMG,iBAAiB,CAACC,aACbA,WAAW,IAAI,CAACN,wBAAwB,IAAI,CAACI;AAGxD,SAASG,WAAWC,KAAiB,EAAEF,UAAsB;IACzD,MAAMG,cAAcJ,eAAeG;IACnC,MAAME,MAA+BD,YAAY,MAAM,CAAC,CAACE,KAAKC;QAC1D,MAAMC,UACFD,AAAe,SAAfA,KAAK,KAAK,IAAaH,YAAY,MAAM,CAACK,CAAAA,IAAKA,EAAE,IAAI,KAAKF,KAAK,IAAI,EAAE,MAAM,GAAG;QAClF,OAAO;YAAE,GAAGD,GAAG;YAAE,CAACC,KAAK,IAAI,CAAC,EAAEC,UAAU,EAAE,GAAG,CAAC;QAAE;IACpD,GAAG,CAAC;IAEJJ,YAAY,OAAO,CAACM,CAAAA;QAChB,MAAMF,UAAUE,AAAe,SAAfA,KAAK,KAAK,IAAaC,MAAM,OAAO,CAACN,GAAG,CAACK,KAAK,IAAI,CAAC;QACnE,IAAIA,AAAeE,WAAfF,KAAK,KAAK,EAAgB;YAC1BL,GAAG,CAACK,KAAK,IAAI,CAAC,GAAGF,UAAU;mBAAKH,GAAG,CAACK,KAAK,IAAI,CAAC;gBAAiBA,KAAK,KAAK;aAAC,GAAGA,KAAK,KAAK;YACvF;QACJ;QAEA,MAAMG,YAAYZ,WAAW,MAAM,CAACa,CAAAA,IAAKA,EAAE,MAAM,KAAKJ,KAAK,EAAE;QAC7D,MAAMK,QAAQb,WAAWW,WAAWZ;QACpCI,GAAG,CAACK,KAAK,IAAI,CAAC,GAAGF,UAAU;eAAKH,GAAG,CAACK,KAAK,IAAI,CAAC;YAAiBK;SAAM,GAAGA;IAC5E;IAEA,OAAOV;AACX;AAEO,SAASW,SAAsBf,UAAsB;IACxD,MAAME,QAAQF,WAAW,MAAM,CAACgB,CAAAA,OAAQA,AAAgB,OAAhBA,KAAK,MAAM;IACnD,OAAOf,WAAWC,OAAOF;AAC7B;AAEO,SAASiB,YAAYC,SAAS,EAAE;IACnC,OAAO1B,OAAO0B;AAClB"}

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./utils\";\nexport * from \"./Properties\";\nexport * from \"./useDebugConfig\";\nexport * from \"./useIdGenerator\";\nexport * from \"./createConfigurableComponent\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","ignoreList":[]}