@webiny/react-properties 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/utils.js

@@ -1,54 +1,48 @@
-"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", 6);
-
+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)=>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 ? [] : {}));
-  }, {});
-  roots.forEach(function (root) {
-    var 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;
-      return;
-    }
-
-    var nextRoots = properties.filter(function (p) {
-      return p.parent === root.id;
+    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;
     });
-    var value = buildRoots(nextRoots, properties);
-    obj[root.name] = isArray ? [].concat((0, _toConsumableArray2.default)(obj[root.name]), [value]) : value;
-  });
-  return obj;
+    return obj;
 }
-
 function toObject(properties) {
-  var roots = properties.filter(function (prop) {
-    return prop.parent === "";
-  });
-  return buildRoots(roots, properties);
+    const roots = properties.filter((prop)=>"" === prop.parent);
+    return buildRoots(roots, properties);
+}
+function getUniqueId(length = 12) {
+    return nanoid(length);
 }
+export { getUniqueId, toObject };
 
-function getUniqueId() {
-  return nanoid();
-}
+//# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["nanoid","customAlphabet","buildRoots","roots","properties","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\", 6);\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() {\n    return nanoid();\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AACA,IAAMA,MAAM,GAAG,IAAAC,sBAAA,EAAe,kBAAf,EAAmC,CAAnC,CAAf;;AAGA,SAASC,UAAT,CAAoBC,KAApB,EAAuCC,UAAvC,EAA+D;EAC3D,IAAMC,GAA4B,GAAGF,KAAK,CAACG,MAAN,CAAa,UAACC,GAAD,EAAMC,IAAN,EAAe;IAC7D,IAAMC,OAAO,GAAGD,IAAI,CAACE,KAAL,KAAe,IAAf,IAAuBP,KAAK,CAACQ,MAAN,CAAa,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACC,IAAF,KAAWL,IAAI,CAACK,IAApB;IAAA,CAAd,EAAwCC,MAAxC,GAAiD,CAAxF;IACA,mEAAYP,GAAZ,yCAAkBC,IAAI,CAACK,IAAvB,EAA8BJ,OAAO,GAAG,EAAH,GAAQ,EAA7C;EACH,CAHoC,EAGlC,EAHkC,CAArC;EAKAN,KAAK,CAACY,OAAN,CAAc,UAAAC,IAAI,EAAI;IAClB,IAAMP,OAAO,GAAGO,IAAI,CAACN,KAAL,KAAe,IAAf,IAAuBO,KAAK,CAACR,OAAN,CAAcJ,GAAG,CAACW,IAAI,CAACH,IAAN,CAAjB,CAAvC;;IACA,IAAIG,IAAI,CAACE,KAAL,KAAeC,SAAnB,EAA8B;MAC1Bd,GAAG,CAACW,IAAI,CAACH,IAAN,CAAH,GAAiBJ,OAAO,8CAAQJ,GAAG,CAACW,IAAI,CAACH,IAAN,CAAX,IAAuCG,IAAI,CAACE,KAA5C,KAAqDF,IAAI,CAACE,KAAlF;MACA;IACH;;IAED,IAAME,SAAS,GAAGhB,UAAU,CAACO,MAAX,CAAkB,UAAAU,CAAC;MAAA,OAAIA,CAAC,CAACC,MAAF,KAAaN,IAAI,CAACO,EAAtB;IAAA,CAAnB,CAAlB;IACA,IAAML,KAAK,GAAGhB,UAAU,CAACkB,SAAD,EAAYhB,UAAZ,CAAxB;IACAC,GAAG,CAACW,IAAI,CAACH,IAAN,CAAH,GAAiBJ,OAAO,8CAAQJ,GAAG,CAACW,IAAI,CAACH,IAAN,CAAX,IAAuCK,KAAvC,KAAgDA,KAAxE;EACH,CAVD;EAYA,OAAOb,GAAP;AACH;;AAEM,SAASmB,QAAT,CAA+BpB,UAA/B,EAA0D;EAC7D,IAAMD,KAAK,GAAGC,UAAU,CAACO,MAAX,CAAkB,UAAAc,IAAI;IAAA,OAAIA,IAAI,CAACH,MAAL,KAAgB,EAApB;EAAA,CAAtB,CAAd;EACA,OAAOpB,UAAU,CAACC,KAAD,EAAQC,UAAR,CAAjB;AACH;;AAEM,SAASsB,WAAT,GAAuB;EAC1B,OAAO1B,MAAM,EAAb;AACH"}
+{"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/__tests__/cases/dashboard/App.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { Property } from "../../../src/index";
-interface AddWidgetProps {
-    name: string;
-    type: string;
-}
-declare const AddWidget: <T extends Record<string, unknown>>(props: T & AddWidgetProps) => JSX.Element;
-export interface CardWidget extends Record<string, unknown> {
-    title: string;
-    description: string;
-    button: React.ReactElement;
-}
-interface DashboardConfig extends React.FC<unknown> {
-    AddWidget: typeof AddWidget;
-    DashboardRenderer: typeof DashboardRenderer;
-}
-export declare const DashboardConfig: DashboardConfig;
-declare const DashboardRenderer: import("@webiny/react-composition").ComposableFC<unknown>;
-interface DashboardViewProps {
-    onProperties(properties: Property[]): void;
-}
-export declare const App: React.FC<DashboardViewProps>;
-export {};

package/__tests__/cases/dashboard/dashboard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/__tests__/cases/pbEditorSettings/PbEditorSettingsView.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-interface SettingsGroupProps {
-    name: string;
-    title?: string;
-    icon?: string;
-    remove?: boolean;
-    replace?: string;
-}
-interface FormFieldProps extends Record<string, unknown> {
-    name: string;
-    component?: string;
-    after?: string;
-    remove?: boolean;
-    replace?: string;
-}
-declare const PageSettingsView: React.FC<import("./createConfigurableView").ViewProps>;
-declare const PageSettingsConfig: React.FC<{}> & {
-    FormField: React.FC<FormFieldProps>;
-    SettingsGroup: React.FC<SettingsGroupProps>;
-};
-export { PageSettingsView, PageSettingsConfig };

package/__tests__/cases/pbEditorSettings/createConfigurableView.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { Property } from "../../../src/index";
-export interface ViewProps {
-    onProperties?(properties: Property[]): void;
-}
-export declare function createConfigurableView(name: string): {
-    View: React.FC<ViewProps>;
-    Config: React.FC<{}>;
-};

package/__tests__/cases/pbEditorSettings/pbEditorSettings.test.d.ts

@@ -1 +0,0 @@
-export {};

package/__tests__/properties.test.d.ts

@@ -1 +0,0 @@
-export {};

package/__tests__/setupEnv.d.ts

@@ -1 +0,0 @@
-declare const randomFillSync: any;

package/__tests__/utils.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="jest" />
-export declare function getLastCall(callable: jest.Mock): any;

package/index.js.map

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

package/src/Properties.d.ts

@@ -1,38 +0,0 @@
-import React from "react";
-export interface Property {
-    id: string;
-    parent: string;
-    name: string;
-    value: unknown;
-    array?: boolean;
-}
-interface AddPropertyOptions {
-    after?: string;
-    before?: string;
-}
-interface PropertiesContext {
-    properties: Property[];
-    getObject<T = unknown>(): T;
-    addProperty(property: Property, options?: AddPropertyOptions): void;
-    removeProperty(id: string): void;
-    replaceProperty(id: string, property: Property): void;
-}
-declare const PropertiesContext: React.Context<PropertiesContext | undefined>;
-interface PropertiesProps {
-    onChange?(properties: Property[]): void;
-}
-export declare const Properties: React.FC<PropertiesProps>;
-export declare function useProperties(): PropertiesContext;
-interface PropertyProps {
-    id?: string;
-    name: string;
-    value?: unknown;
-    array?: boolean;
-    after?: string;
-    before?: string;
-    replace?: string;
-    remove?: boolean;
-}
-export declare function useParentProperty(): Property | undefined;
-export declare const Property: React.FC<PropertyProps>;
-export {};

package/src/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./utils";
-export * from "./Properties";

package/src/utils.d.ts

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