@webiny/react-properties 6.0.0-beta.0 → 6.0.0-rc.1

package/useDebugConfig.js

@@ -0,0 +1,19 @@
+import { useEffect } from "react";
+import { toObject } from "./utils.js";
+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;
+    };
+  }, [properties]);
+}
+
+//# sourceMappingURL=useDebugConfig.js.map

package/useDebugConfig.js.map

@@ -0,0 +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.js\";\nimport { toObject } from \"./utils.js\";\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":[]}

package/useIdGenerator.js

@@ -1,18 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIdGenerator = useIdGenerator;
-var _react = require("react");
-var _Properties = require("./Properties");
-function useIdGenerator(name) {
-  var parentProperty = (0, _Properties.useParentProperty)();
-  return (0, _react.useCallback)(function () {
-    for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
-      parts[_key] = arguments[_key];
+import { useCallback } from "react";
+import { useParentProperty } from "./Properties.js";
+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].concat(parts).filter(Boolean).join(":");
+    return [parentProperty?.id, name, ...parts].filter(Boolean).join(":");
   }, [name, parentProperty]);
 }
 

package/useIdGenerator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_Properties","useIdGenerator","name","parentProperty","useParentProperty","useCallback","_len","arguments","length","parts","Array","_key","id","concat","filter","Boolean","join"],"sources":["useIdGenerator.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useParentProperty } from \"~/Properties\";\n\nexport function useIdGenerator(name: string) {\n    const parentProperty = useParentProperty();\n\n    return useCallback(\n        (...parts: string[]) => {\n            return [parentProperty?.id, name, ...parts].filter(Boolean).join(\":\");\n        },\n        [name, parentProperty]\n    );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,cAAcA,CAACC,IAAY,EAAE;EACzC,IAAMC,cAAc,GAAG,IAAAC,6BAAiB,EAAC,CAAC;EAE1C,OAAO,IAAAC,kBAAW,EACd,YAAwB;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAApBC,KAAK,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAALF,KAAK,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IACL,OAAO,CAACR,cAAc,EAAES,EAAE,EAAEV,IAAI,EAAAW,MAAA,CAAKJ,KAAK,EAAEK,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EACzE,CAAC,EACD,CAACd,IAAI,EAAEC,cAAc,CACzB,CAAC;AACL","ignoreList":[]}
+{"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.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"],"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":[]}

package/utils.d.ts

@@ -1,3 +1,3 @@
-import { 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,45 +1,46 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getUniqueId = getUniqueId;
-exports.toObject = toObject;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _nanoid = require("nanoid");
-var nanoid = (0, _nanoid.customAlphabet)("1234567890abcdef");
+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 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);
+};
 function buildRoots(roots, properties) {
-  var obj = roots.reduce(function (acc, item) {
-    var isArray = item.array === true || roots.filter(function (r) {
-      return r.name === item.name;
-    }).length > 1;
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.name, isArray ? [] : {}));
+  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 ? [] : {}
+    };
   }, {});
-  roots.forEach(function (root) {
-    var isArray = root.array === true || Array.isArray(obj[root.name]);
+  sortedRoots.forEach(root => {
+    const isArray = root.array === true || Array.isArray(obj[root.name]);
     if (root.value !== undefined) {
-      obj[root.name] = isArray ? [].concat((0, _toConsumableArray2.default)(obj[root.name]), [root.value]) : root.value;
+      obj[root.name] = isArray ? [...obj[root.name], root.value] : root.value;
       return;
     }
-    var nextRoots = properties.filter(function (p) {
-      return p.parent === root.id;
-    });
-    var value = buildRoots(nextRoots, properties);
-    obj[root.name] = isArray ? [].concat((0, _toConsumableArray2.default)(obj[root.name]), [value]) : value;
+    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;
 }
-function toObject(properties) {
-  var roots = properties.filter(function (prop) {
-    return prop.parent === "";
-  });
+export function toObject(properties) {
+  const roots = properties.filter(prop => prop.parent === "");
   return buildRoots(roots, properties);
 }
-function getUniqueId() {
-  var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 12;
+export function getUniqueId(length = 12) {
   return nanoid(length);
 }
 

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_nanoid","require","nanoid","customAlphabet","buildRoots","roots","properties","obj","reduce","acc","item","isArray","array","filter","r","name","length","_objectSpread3","default","_defineProperty2","forEach","root","Array","value","undefined","concat","_toConsumableArray2","nextRoots","p","parent","id","toObject","prop","getUniqueId","arguments"],"sources":["utils.ts"],"sourcesContent":["import { customAlphabet } from \"nanoid\";\nconst nanoid = customAlphabet(\"1234567890abcdef\");\nimport { Property } from \"./Properties\";\n\nfunction buildRoots(roots: Property[], properties: Property[]) {\n    const obj: Record<string, unknown> = roots.reduce((acc, item) => {\n        const isArray = item.array === true || roots.filter(r => r.name === item.name).length > 1;\n        return { ...acc, [item.name]: isArray ? [] : {} };\n    }, {});\n\n    roots.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":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAMC,MAAM,GAAG,IAAAC,sBAAc,EAAC,kBAAkB,CAAC;AAGjD,SAASC,UAAUA,CAACC,KAAiB,EAAEC,UAAsB,EAAE;EAC3D,IAAMC,GAA4B,GAAGF,KAAK,CAACG,MAAM,CAAC,UAACC,GAAG,EAAEC,IAAI,EAAK;IAC7D,IAAMC,OAAO,GAAGD,IAAI,CAACE,KAAK,KAAK,IAAI,IAAIP,KAAK,CAACQ,MAAM,CAAC,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACC,IAAI,KAAKL,IAAI,CAACK,IAAI;IAAA,EAAC,CAACC,MAAM,GAAG,CAAC;IACzF,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYT,GAAG,WAAAU,gBAAA,CAAAD,OAAA,MAAGR,IAAI,CAACK,IAAI,EAAGJ,OAAO,GAAG,EAAE,GAAG,CAAC,CAAC;EACnD,CAAC,EAAE,CAAC,CAAC,CAAC;EAENN,KAAK,CAACe,OAAO,CAAC,UAAAC,IAAI,EAAI;IAClB,IAAMV,OAAO,GAAGU,IAAI,CAACT,KAAK,KAAK,IAAI,IAAIU,KAAK,CAACX,OAAO,CAACJ,GAAG,CAACc,IAAI,CAACN,IAAI,CAAC,CAAC;IACpE,IAAIM,IAAI,CAACE,KAAK,KAAKC,SAAS,EAAE;MAC1BjB,GAAG,CAACc,IAAI,CAACN,IAAI,CAAC,GAAGJ,OAAO,MAAAc,MAAA,KAAAC,mBAAA,CAAAR,OAAA,EAAQX,GAAG,CAACc,IAAI,CAACN,IAAI,CAAC,IAAiBM,IAAI,CAACE,KAAK,KAAIF,IAAI,CAACE,KAAK;MACvF;IACJ;IAEA,IAAMI,SAAS,GAAGrB,UAAU,CAACO,MAAM,CAAC,UAAAe,CAAC;MAAA,OAAIA,CAAC,CAACC,MAAM,KAAKR,IAAI,CAACS,EAAE;IAAA,EAAC;IAC9D,IAAMP,KAAK,GAAGnB,UAAU,CAACuB,SAAS,EAAErB,UAAU,CAAC;IAC/CC,GAAG,CAACc,IAAI,CAACN,IAAI,CAAC,GAAGJ,OAAO,MAAAc,MAAA,KAAAC,mBAAA,CAAAR,OAAA,EAAQX,GAAG,CAACc,IAAI,CAACN,IAAI,CAAC,IAAiBQ,KAAK,KAAIA,KAAK;EACjF,CAAC,CAAC;EAEF,OAAOhB,GAAG;AACd;AAEO,SAASwB,QAAQA,CAAczB,UAAsB,EAAK;EAC7D,IAAMD,KAAK,GAAGC,UAAU,CAACO,MAAM,CAAC,UAAAmB,IAAI;IAAA,OAAIA,IAAI,CAACH,MAAM,KAAK,EAAE;EAAA,EAAC;EAC3D,OAAOzB,UAAU,CAACC,KAAK,EAAEC,UAAU,CAAC;AACxC;AAEO,SAAS2B,WAAWA,CAAA,EAAc;EAAA,IAAbjB,MAAM,GAAAkB,SAAA,CAAAlB,MAAA,QAAAkB,SAAA,QAAAV,SAAA,GAAAU,SAAA,MAAG,EAAE;EACnC,OAAOhC,MAAM,CAACc,MAAM,CAAC;AACzB","ignoreList":[]}
+{"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.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"],"mappings":"AAAA,SAASA,cAAc,QAAQ,QAAQ;AACvC,MAAMC,MAAM,GAAGD,cAAc,CAAC,kBAAkB,CAAC;AAGjD,MAAME,sBAAsB,GAAGA,CAACC,CAAW,EAAEC,CAAW,KAAK;EACzD,IAAID,CAAC,CAACE,QAAQ,IAAID,CAAC,CAACC,QAAQ,EAAE;IAC1B,OAAO,CAAC,CAAC;EACb;EAEA,OAAOC,MAAM,CAACF,CAAC,CAACC,QAAQ,CAAC,GAAGC,MAAM,CAACH,CAAC,CAACE,QAAQ,CAAC;AAClD,CAAC;AAED,MAAME,yBAAyB,GAAGA,CAACJ,CAAW,EAAEC,CAAW,KAAK;EAC5D,IAAID,CAAC,CAACK,OAAO,IAAIJ,CAAC,CAACI,OAAO,EAAE;IACxB,OAAO,CAAC;EACZ;EAEA,OAAOF,MAAM,CAACH,CAAC,CAACK,OAAO,CAAC,GAAGF,MAAM,CAACF,CAAC,CAACI,OAAO,CAAC;AAChD,CAAC;AAED,MAAMC,cAAc,GAAIC,UAAsB,IAAK;EAC/C,OAAOA,UAAU,CAACC,IAAI,CAACT,sBAAsB,CAAC,CAACS,IAAI,CAACJ,yBAAyB,CAAC;AAClF,CAAC;AAED,SAASK,UAAUA,CAACC,KAAiB,EAAEH,UAAsB,EAAE;EAC3D,MAAMI,WAAW,GAAGL,cAAc,CAACI,KAAK,CAAC;EACzC,MAAME,GAA4B,GAAGD,WAAW,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAK;IACnE,MAAMC,OAAO,GACTD,IAAI,CAACE,KAAK,KAAK,IAAI,IAAIN,WAAW,CAACO,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAKL,IAAI,CAACK,IAAI,CAAC,CAACC,MAAM,GAAG,CAAC;IACnF,OAAO;MAAE,GAAGP,GAAG;MAAE,CAACC,IAAI,CAACK,IAAI,GAAGJ,OAAO,GAAG,EAAE,GAAG,CAAC;IAAE,CAAC;EACrD,CAAC,EAAE,CAAC,CAAC,CAAC;EAENL,WAAW,CAACW,OAAO,CAACC,IAAI,IAAI;IACxB,MAAMP,OAAO,GAAGO,IAAI,CAACN,KAAK,KAAK,IAAI,IAAIO,KAAK,CAACR,OAAO,CAACJ,GAAG,CAACW,IAAI,CAACH,IAAI,CAAC,CAAC;IACpE,IAAIG,IAAI,CAACE,KAAK,KAAKC,SAAS,EAAE;MAC1Bd,GAAG,CAACW,IAAI,CAACH,IAAI,CAAC,GAAGJ,OAAO,GAAG,CAAC,GAAIJ,GAAG,CAACW,IAAI,CAACH,IAAI,CAAgB,EAAEG,IAAI,CAACE,KAAK,CAAC,GAAGF,IAAI,CAACE,KAAK;MACvF;IACJ;IAEA,MAAME,SAAS,GAAGpB,UAAU,CAACW,MAAM,CAACU,CAAC,IAAIA,CAAC,CAACC,MAAM,KAAKN,IAAI,CAACO,EAAE,CAAC;IAC9D,MAAML,KAAK,GAAGhB,UAAU,CAACkB,SAAS,EAAEpB,UAAU,CAAC;IAC/CK,GAAG,CAACW,IAAI,CAACH,IAAI,CAAC,GAAGJ,OAAO,GAAG,CAAC,GAAIJ,GAAG,CAACW,IAAI,CAACH,IAAI,CAAgB,EAAEK,KAAK,CAAC,GAAGA,KAAK;EACjF,CAAC,CAAC;EAEF,OAAOb,GAAG;AACd;AAEA,OAAO,SAASmB,QAAQA,CAAcxB,UAAsB,EAAK;EAC7D,MAAMG,KAAK,GAAGH,UAAU,CAACW,MAAM,CAACc,IAAI,IAAIA,IAAI,CAACH,MAAM,KAAK,EAAE,CAAC;EAC3D,OAAOpB,UAAU,CAACC,KAAK,EAAEH,UAAU,CAAC;AACxC;AAEA,OAAO,SAAS0B,WAAWA,CAACZ,MAAM,GAAG,EAAE,EAAE;EACrC,OAAOvB,MAAM,CAACuB,MAAM,CAAC;AACzB","ignoreList":[]}