@webiny/react-properties 5.37.0-beta.0 → 5.37.0-beta.2

package/Properties.js

@@ -10,8 +10,8 @@ exports.useAncestor = useAncestor;
 exports.useParentProperty = useParentProperty;
 exports.useProperties = useProperties;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("./utils");
 function removeByParent(id, properties) {
@@ -23,6 +23,52 @@ function removeByParent(id, properties) {
     }));
   }, properties);
 }
+function putPropertyBefore(properties, property, before) {
+  var existingIndex = properties.findIndex(function (prop) {
+    return prop.id === property.id;
+  });
+  if (existingIndex > -1) {
+    var existingProperty = properties[existingIndex];
+    var newProperties = properties.filter(function (p) {
+      return p.id !== property.id;
+    });
+    var _targetIndex = newProperties.findIndex(function (prop) {
+      return prop.id === before;
+    });
+    return [].concat((0, _toConsumableArray2.default)(newProperties.slice(0, _targetIndex)), [existingProperty], (0, _toConsumableArray2.default)(newProperties.slice(_targetIndex)));
+  }
+  var targetIndex = properties.findIndex(function (prop) {
+    return prop.id === before;
+  });
+  return [].concat((0, _toConsumableArray2.default)(properties.slice(0, targetIndex)), [property], (0, _toConsumableArray2.default)(properties.slice(targetIndex)));
+}
+function putPropertyAfter(properties, property, after) {
+  var existingIndex = properties.findIndex(function (prop) {
+    return prop.id === property.id;
+  });
+  if (existingIndex > -1) {
+    var _properties$splice = properties.splice(existingIndex, 1),
+      _properties$splice2 = (0, _slicedToArray2.default)(_properties$splice, 1),
+      removedProperty = _properties$splice2[0];
+    var _targetIndex2 = properties.findIndex(function (prop) {
+      return prop.id === after;
+    });
+    return [].concat((0, _toConsumableArray2.default)(properties.slice(0, _targetIndex2 + 1)), [removedProperty], (0, _toConsumableArray2.default)(properties.slice(_targetIndex2 + 1)));
+  }
+  var targetIndex = properties.findIndex(function (prop) {
+    return prop.id === after;
+  });
+  return [].concat((0, _toConsumableArray2.default)(properties.slice(0, targetIndex + 1)), [property], (0, _toConsumableArray2.default)(properties.slice(targetIndex + 1)));
+}
+function mergeProperty(properties, property) {
+  var index = properties.findIndex(function (prop) {
+    return prop.id === property.id;
+  });
+  if (index > -1) {
+    return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, properties[index]), property)], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
+  }
+  return properties;
+}
 var PropertiesContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 var Properties = function Properties(_ref) {
   var onChange = _ref.onChange,
@@ -45,28 +91,24 @@ var Properties = function Properties(_ref) {
       addProperty: function addProperty(property) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         setProperties(function (properties) {
-          // If a property with this ID already exists, merge the two properties.
           var index = properties.findIndex(function (prop) {
             return prop.id === property.id;
           });
           if (index > -1) {
-            return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, properties[index]), property)], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
+            var newProperties = mergeProperty(properties, property);
+            if (options.after) {
+              return putPropertyAfter(newProperties, property, options.after);
+            }
+            if (options.before) {
+              return putPropertyBefore(newProperties, property, options.before);
+            }
+            return newProperties;
           }
           if (options.after) {
-            var _index = properties.findIndex(function (prop) {
-              return prop.id === options.after;
-            });
-            if (_index > -1) {
-              return [].concat((0, _toConsumableArray2.default)(properties.slice(0, _index + 1)), [property], (0, _toConsumableArray2.default)(properties.slice(_index + 1)));
-            }
+            return putPropertyAfter(properties, property, options.after);
           }
           if (options.before) {
-            var _index2 = properties.findIndex(function (prop) {
-              return prop.id === options.before;
-            });
-            if (_index2 > -1) {
-              return [].concat((0, _toConsumableArray2.default)(properties.slice(0, _index2)), [property], (0, _toConsumableArray2.default)(properties.slice(_index2)));
-            }
+            return putPropertyBefore(properties, property, options.before);
           }
           return [].concat((0, _toConsumableArray2.default)(properties), [property]);
         });

package/Properties.js.map

@@ -1 +1 @@
-{"version":3,"names":["removeByParent","id","properties","filter","prop","parent","reduce","acc","item","PropertiesContext","createContext","undefined","Properties","onChange","children","useState","setProperties","useEffect","context","useMemo","getObject","toObject","addProperty","property","options","index","findIndex","slice","after","before","removeProperty","replaceProperty","toReplace","useProperties","useContext","Error","PropertyContext","useParentProperty","useAncestor","params","matchOrGetAncestor","matchedProps","name","value","length","Object","keys","newParent","find","Property","replace","remove","array","root","uniqueId","getUniqueId","parentProperty","parentId"],"sources":["Properties.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { getUniqueId, toObject } from \"./utils\";\n\nexport interface Property {\n    id: string;\n    parent: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n}\n\nfunction removeByParent(id: string, properties: Property[]): Property[] {\n    return properties\n        .filter(prop => prop.parent === id)\n        .reduce((acc, item) => {\n            return removeByParent(\n                item.id,\n                acc.filter(prop => prop.id !== item.id)\n            );\n        }, properties);\n}\n\ninterface AddPropertyOptions {\n    after?: string;\n    before?: string;\n}\n\ninterface PropertiesContext {\n    properties: Property[];\n    getObject<T = unknown>(): T;\n    addProperty(property: Property, options?: AddPropertyOptions): void;\n    removeProperty(id: string): void;\n    replaceProperty(id: string, property: Property): void;\n}\n\nconst PropertiesContext = createContext<PropertiesContext | undefined>(undefined);\n\ninterface PropertiesProps {\n    onChange?(properties: Property[]): void;\n}\n\nexport const Properties: React.FC<PropertiesProps> = ({ onChange, children }) => {\n    const [properties, setProperties] = useState<Property[]>([]);\n\n    useEffect(() => {\n        if (onChange) {\n            onChange(properties);\n        }\n    }, [properties]);\n\n    const context: PropertiesContext = useMemo(\n        () => ({\n            properties,\n            getObject<T>() {\n                return toObject(properties) as T;\n            },\n            addProperty(property, options = {}) {\n                setProperties(properties => {\n                    // If a property with this ID already exists, merge the two properties.\n                    const index = properties.findIndex(prop => prop.id === property.id);\n                    if (index > -1) {\n                        return [\n                            ...properties.slice(0, index),\n                            { ...properties[index], ...property },\n                            ...properties.slice(index + 1)\n                        ];\n                    }\n\n                    if (options.after) {\n                        const index = properties.findIndex(prop => prop.id === options.after);\n                        if (index > -1) {\n                            return [\n                                ...properties.slice(0, index + 1),\n                                property,\n                                ...properties.slice(index + 1)\n                            ];\n                        }\n                    }\n\n                    if (options.before) {\n                        const index = properties.findIndex(prop => prop.id === options.before);\n                        if (index > -1) {\n                            return [\n                                ...properties.slice(0, index),\n                                property,\n                                ...properties.slice(index)\n                            ];\n                        }\n                    }\n\n                    return [...properties, property];\n                });\n            },\n            removeProperty(id) {\n                setProperties(properties => {\n                    return removeByParent(\n                        id,\n                        properties.filter(prop => prop.id !== id)\n                    );\n                });\n            },\n            replaceProperty(id, property) {\n                setProperties(properties => {\n                    const toReplace = properties.findIndex(prop => prop.id === id);\n\n                    if (toReplace > -1) {\n                        // Replace the property and remove all remaining child properties.\n                        return removeByParent(id, [\n                            ...properties.slice(0, toReplace),\n                            property,\n                            ...properties.slice(toReplace + 1)\n                        ]);\n                    }\n                    return properties;\n                });\n            }\n        }),\n        [properties]\n    );\n\n    return <PropertiesContext.Provider value={context}>{children}</PropertiesContext.Provider>;\n};\n\nexport function useProperties() {\n    const properties = useContext(PropertiesContext);\n    if (!properties) {\n        throw Error(\"Properties context provider is missing!\");\n    }\n\n    return properties;\n}\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n    after?: string;\n    before?: string;\n    replace?: string;\n    remove?: boolean;\n    parent?: string;\n    root?: boolean;\n}\n\nconst PropertyContext = createContext<Property | undefined>(undefined);\n\nexport function useParentProperty() {\n    return useContext(PropertyContext);\n}\n\ninterface AncestorMatch {\n    [key: string]: string | boolean | number | null | undefined;\n}\n\nexport function useAncestor(params: AncestorMatch) {\n    const property = useParentProperty();\n    const { properties } = useProperties();\n\n    const matchOrGetAncestor = (\n        property: Property,\n        params: AncestorMatch\n    ): Property | undefined => {\n        const matchedProps = properties\n            .filter(prop => prop.parent === property.id)\n            .filter(prop => prop.name in params && prop.value === params[prop.name]);\n\n        if (matchedProps.length === Object.keys(params).length) {\n            return property;\n        }\n\n        const newParent = property.parent\n            ? properties.find(prop => prop.id === property.parent)\n            : undefined;\n\n        return newParent ? matchOrGetAncestor(newParent, params) : undefined;\n    };\n\n    return property ? matchOrGetAncestor(property, params) : undefined;\n}\n\nexport const Property: React.FC<PropertyProps> = ({\n    id,\n    name,\n    value,\n    children,\n    after = undefined,\n    before = undefined,\n    replace = undefined,\n    remove = false,\n    array = false,\n    root = false,\n    parent = undefined\n}) => {\n    const uniqueId = useMemo(() => id || getUniqueId(), []);\n    const parentProperty = useParentProperty();\n    const properties = useProperties();\n\n    if (!properties) {\n        throw Error(\"<Properties> provider is missing higher in the hierarchy!\");\n    }\n\n    const { addProperty, removeProperty, replaceProperty } = properties;\n    const parentId = parent ? parent : root ? \"\" : parentProperty?.id || \"\";\n    const property = { id: uniqueId, name, value, parent: parentId, array };\n\n    useEffect(() => {\n        if (remove) {\n            removeProperty(uniqueId);\n            return;\n        }\n\n        if (replace) {\n            replaceProperty(replace, property);\n            return;\n        }\n\n        addProperty(property, { after, before });\n\n        return () => {\n            removeProperty(uniqueId);\n        };\n    }, []);\n\n    if (children) {\n        return <PropertyContext.Provider value={property}>{children}</PropertyContext.Provider>;\n    }\n\n    return null;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","removeByParent","id","properties","filter","prop","parent","reduce","acc","item","putPropertyBefore","property","before","existingIndex","findIndex","existingProperty","newProperties","p","targetIndex","concat","_toConsumableArray2","default","slice","putPropertyAfter","after","_properties$splice","splice","_properties$splice2","_slicedToArray2","removedProperty","mergeProperty","index","_objectSpread2","PropertiesContext","createContext","undefined","Properties","_ref","onChange","children","_useState","useState","_useState2","setProperties","useEffect","context","useMemo","getObject","toObject","addProperty","options","arguments","length","removeProperty","replaceProperty","toReplace","createElement","Provider","value","exports","useProperties","useContext","Error","PropertyContext","useParentProperty","useAncestor","params","_useProperties","matchOrGetAncestor","matchedProps","name","Object","keys","newParent","find","Property","_ref2","_ref2$after","_ref2$before","_ref2$replace","replace","_ref2$remove","remove","_ref2$array","array","_ref2$root","root","_ref2$parent","uniqueId","getUniqueId","parentProperty","parentId"],"sources":["Properties.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { getUniqueId, toObject } from \"./utils\";\n\nexport interface Property {\n    id: string;\n    parent: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n}\n\nfunction removeByParent(id: string, properties: Property[]): Property[] {\n    return properties\n        .filter(prop => prop.parent === id)\n        .reduce((acc, item) => {\n            return removeByParent(\n                item.id,\n                acc.filter(prop => prop.id !== item.id)\n            );\n        }, properties);\n}\n\ninterface AddPropertyOptions {\n    after?: string;\n    before?: string;\n}\n\ninterface PropertiesContext {\n    properties: Property[];\n    getObject<T = unknown>(): T;\n    addProperty(property: Property, options?: AddPropertyOptions): void;\n    removeProperty(id: string): void;\n    replaceProperty(id: string, property: Property): void;\n}\n\nfunction putPropertyBefore(properties: Property[], property: Property, before: string) {\n    const existingIndex = properties.findIndex(prop => prop.id === property.id);\n    if (existingIndex > -1) {\n        const existingProperty = properties[existingIndex];\n        const newProperties = properties.filter(p => p.id !== property.id);\n        const targetIndex = newProperties.findIndex(prop => prop.id === before);\n        return [\n            ...newProperties.slice(0, targetIndex),\n            existingProperty,\n            ...newProperties.slice(targetIndex)\n        ];\n    }\n\n    const targetIndex = properties.findIndex(prop => prop.id === before);\n\n    return [...properties.slice(0, targetIndex), property, ...properties.slice(targetIndex)];\n}\n\nfunction putPropertyAfter(properties: Property[], property: Property, after: string) {\n    const existingIndex = properties.findIndex(prop => prop.id === property.id);\n\n    if (existingIndex > -1) {\n        const [removedProperty] = properties.splice(existingIndex, 1);\n        const targetIndex = properties.findIndex(prop => prop.id === after);\n        return [\n            ...properties.slice(0, targetIndex + 1),\n            removedProperty,\n            ...properties.slice(targetIndex + 1)\n        ];\n    }\n\n    const targetIndex = properties.findIndex(prop => prop.id === after);\n\n    return [\n        ...properties.slice(0, targetIndex + 1),\n        property,\n        ...properties.slice(targetIndex + 1)\n    ];\n}\n\nfunction mergeProperty(properties: Property[], property: Property) {\n    const index = properties.findIndex(prop => prop.id === property.id);\n    if (index > -1) {\n        return [\n            ...properties.slice(0, index),\n            { ...properties[index], ...property },\n            ...properties.slice(index + 1)\n        ];\n    }\n    return properties;\n}\n\nconst PropertiesContext = createContext<PropertiesContext | undefined>(undefined);\n\ninterface PropertiesProps {\n    onChange?(properties: Property[]): void;\n}\n\nexport const Properties: React.FC<PropertiesProps> = ({ onChange, children }) => {\n    const [properties, setProperties] = useState<Property[]>([]);\n\n    useEffect(() => {\n        if (onChange) {\n            onChange(properties);\n        }\n    }, [properties]);\n\n    const context: PropertiesContext = useMemo(\n        () => ({\n            properties,\n            getObject<T>() {\n                return toObject(properties) as T;\n            },\n            addProperty(property, options = {}) {\n                setProperties(properties => {\n                    const index = properties.findIndex(prop => prop.id === property.id);\n\n                    if (index > -1) {\n                        const newProperties = mergeProperty(properties, property);\n                        if (options.after) {\n                            return putPropertyAfter(newProperties, property, options.after);\n                        }\n                        if (options.before) {\n                            return putPropertyBefore(newProperties, property, options.before);\n                        }\n\n                        return newProperties;\n                    }\n\n                    if (options.after) {\n                        return putPropertyAfter(properties, property, options.after);\n                    }\n\n                    if (options.before) {\n                        return putPropertyBefore(properties, property, options.before);\n                    }\n\n                    return [...properties, property];\n                });\n            },\n            removeProperty(id) {\n                setProperties(properties => {\n                    return removeByParent(\n                        id,\n                        properties.filter(prop => prop.id !== id)\n                    );\n                });\n            },\n            replaceProperty(id, property) {\n                setProperties(properties => {\n                    const toReplace = properties.findIndex(prop => prop.id === id);\n\n                    if (toReplace > -1) {\n                        // Replace the property and remove all remaining child properties.\n                        return removeByParent(id, [\n                            ...properties.slice(0, toReplace),\n                            property,\n                            ...properties.slice(toReplace + 1)\n                        ]);\n                    }\n                    return properties;\n                });\n            }\n        }),\n        [properties]\n    );\n\n    return <PropertiesContext.Provider value={context}>{children}</PropertiesContext.Provider>;\n};\n\nexport function useProperties() {\n    const properties = useContext(PropertiesContext);\n    if (!properties) {\n        throw Error(\"Properties context provider is missing!\");\n    }\n\n    return properties;\n}\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n    after?: string;\n    before?: string;\n    replace?: string;\n    remove?: boolean;\n    parent?: string;\n    root?: boolean;\n}\n\nconst PropertyContext = createContext<Property | undefined>(undefined);\n\nexport function useParentProperty() {\n    return useContext(PropertyContext);\n}\n\ninterface AncestorMatch {\n    [key: string]: string | boolean | number | null | undefined;\n}\n\nexport function useAncestor(params: AncestorMatch) {\n    const property = useParentProperty();\n    const { properties } = useProperties();\n\n    const matchOrGetAncestor = (\n        property: Property,\n        params: AncestorMatch\n    ): Property | undefined => {\n        const matchedProps = properties\n            .filter(prop => prop.parent === property.id)\n            .filter(prop => prop.name in params && prop.value === params[prop.name]);\n\n        if (matchedProps.length === Object.keys(params).length) {\n            return property;\n        }\n\n        const newParent = property.parent\n            ? properties.find(prop => prop.id === property.parent)\n            : undefined;\n\n        return newParent ? matchOrGetAncestor(newParent, params) : undefined;\n    };\n\n    return property ? matchOrGetAncestor(property, params) : undefined;\n}\n\nexport const Property: React.FC<PropertyProps> = ({\n    id,\n    name,\n    value,\n    children,\n    after = undefined,\n    before = undefined,\n    replace = undefined,\n    remove = false,\n    array = false,\n    root = false,\n    parent = undefined\n}) => {\n    const uniqueId = useMemo(() => id || getUniqueId(), []);\n    const parentProperty = useParentProperty();\n    const properties = useProperties();\n\n    if (!properties) {\n        throw Error(\"<Properties> provider is missing higher in the hierarchy!\");\n    }\n\n    const { addProperty, removeProperty, replaceProperty } = properties;\n    const parentId = parent ? parent : root ? \"\" : parentProperty?.id || \"\";\n    const property = { id: uniqueId, name, value, parent: parentId, array };\n\n    useEffect(() => {\n        if (remove) {\n            removeProperty(uniqueId);\n            return;\n        }\n\n        if (replace) {\n            replaceProperty(replace, property);\n            return;\n        }\n\n        addProperty(property, { after, before });\n\n        return () => {\n            removeProperty(uniqueId);\n        };\n    }, []);\n\n    if (children) {\n        return <PropertyContext.Provider value={property}>{children}</PropertyContext.Provider>;\n    }\n\n    return null;\n};\n"],"mappings":"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"}

package/createConfigurableComponent.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Property } from "./index";
+export interface WithConfigProps {
+    children: React.ReactNode;
+    onProperties?(properties: Property[]): void;
+}
+export declare function createConfigurableComponent<TConfig>(name: string): {
+    WithConfig: ({ onProperties, children }: WithConfigProps) => JSX.Element;
+    Config: ({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+    useConfig: <TExtra extends object>() => TConfig & TExtra;
+};

package/createConfigurableComponent.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createConfigurableComponent = createConfigurableComponent;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactComposition = require("@webiny/react-composition");
+var _index = require("./index");
+var createHOC = function createHOC(newChildren) {
+  return function (BaseComponent) {
+    return function ConfigHOC(_ref) {
+      var children = _ref.children;
+      return /*#__PURE__*/_react.default.createElement(BaseComponent, null, newChildren, children);
+    };
+  };
+};
+function createConfigurableComponent(name) {
+  /**
+   * This component is used when we want to mount all composed configs.
+   */
+  var ConfigApply = (0, _reactComposition.makeComposable)("".concat(name, "ConfigApply"), function (_ref2) {
+    var children = _ref2.children;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  });
+
+  /**
+   * This component is used to configure the component (it can be mounted many times).
+   */
+  var Config = function Config(_ref3) {
+    var children = _ref3.children;
+    return /*#__PURE__*/_react.default.createElement(_reactComposition.Compose, {
+      component: ConfigApply,
+      with: createHOC(children)
+    });
+  };
+  var defaultContext = {
+    properties: []
+  };
+  var ViewContext = /*#__PURE__*/_react.default.createContext(defaultContext);
+  var WithConfig = function WithConfig(_ref4) {
+    var onProperties = _ref4.onProperties,
+      children = _ref4.children;
+    var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      properties = _useState2[0],
+      setProperties = _useState2[1];
+    var context = {
+      properties: properties
+    };
+    (0, _react.useEffect)(function () {
+      if (typeof onProperties === "function") {
+        onProperties(properties);
+      }
+    }, [properties]);
+    var stateUpdater = function stateUpdater(properties) {
+      setProperties(properties);
+    };
+    return /*#__PURE__*/_react.default.createElement(ViewContext.Provider, {
+      value: context
+    }, /*#__PURE__*/_react.default.createElement(_index.Properties, {
+      onChange: stateUpdater
+    }, /*#__PURE__*/_react.default.createElement(ConfigApply, null), children));
+  };
+  function useConfig() {
+    var _useContext = (0, _react.useContext)(ViewContext),
+      properties = _useContext.properties;
+    return (0, _react.useMemo)(function () {
+      return (0, _index.toObject)(properties);
+    }, [properties]);
+  }
+  return {
+    WithConfig: WithConfig,
+    Config: Config,
+    useConfig: useConfig
+  };
+}

package/createConfigurableComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactComposition","_index","createHOC","newChildren","BaseComponent","ConfigHOC","_ref","children","default","createElement","createConfigurableComponent","name","ConfigApply","makeComposable","concat","_ref2","Fragment","Config","_ref3","Compose","component","with","defaultContext","properties","ViewContext","React","createContext","WithConfig","_ref4","onProperties","_useState","useState","_useState2","_slicedToArray2","setProperties","context","useEffect","stateUpdater","Provider","value","Properties","onChange","useConfig","_useContext","useContext","useMemo","toObject"],"sources":["createConfigurableComponent.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport { Compose, HigherOrderComponent, makeComposable } from \"@webiny/react-composition\";\nimport { Property, Properties, toObject } from \"~/index\";\n\nconst createHOC =\n    (newChildren: React.ReactNode): HigherOrderComponent =>\n    BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {newChildren}\n                    {children}\n                </BaseComponent>\n            );\n        };\n    };\n\nexport interface WithConfigProps {\n    children: React.ReactNode;\n    onProperties?(properties: Property[]): void;\n}\n\nexport function createConfigurableComponent<TConfig>(name: string) {\n    /**\n     * This component is used when we want to mount all composed configs.\n     */\n    const ConfigApply = makeComposable(`${name}ConfigApply`, ({ children }) => {\n        return <>{children}</>;\n    });\n\n    /**\n     * This component is used to configure the component (it can be mounted many times).\n     */\n    const Config = ({ children }: { children: React.ReactNode }) => {\n        return <Compose component={ConfigApply} with={createHOC(children)} />;\n    };\n\n    interface ViewContext {\n        properties: Property[];\n    }\n\n    const defaultContext = { properties: [] };\n\n    const ViewContext = React.createContext<ViewContext>(defaultContext);\n\n    const WithConfig = ({ onProperties, children }: WithConfigProps) => {\n        const [properties, setProperties] = useState<Property[]>([]);\n        const context = { properties };\n\n        useEffect(() => {\n            if (typeof onProperties === \"function\") {\n                onProperties(properties);\n            }\n        }, [properties]);\n\n        const stateUpdater = (properties: Property[]) => {\n            setProperties(properties);\n        };\n\n        return (\n            <ViewContext.Provider value={context}>\n                <Properties onChange={stateUpdater}>\n                    <ConfigApply />\n                    {children}\n                </Properties>\n            </ViewContext.Provider>\n        );\n    };\n\n    function useConfig<TExtra extends object>(): TConfig & TExtra {\n        const { properties } = useContext(ViewContext);\n        return useMemo(() => toObject<TConfig & TExtra>(properties), [properties]);\n    }\n\n    return {\n        WithConfig,\n        Config,\n        useConfig\n    };\n}\n"],"mappings":"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"}

package/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./utils";
 export * from "./Properties";
+export * from "./useIdGenerator";
+export * from "./createConfigurableComponent";

package/index.js

@@ -24,4 +24,26 @@ Object.keys(_Properties).forEach(function (key) {
       return _Properties[key];
     }
   });
+});
+var _useIdGenerator = require("./useIdGenerator");
+Object.keys(_useIdGenerator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useIdGenerator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useIdGenerator[key];
+    }
+  });
+});
+var _createConfigurableComponent = require("./createConfigurableComponent");
+Object.keys(_createConfigurableComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createConfigurableComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _createConfigurableComponent[key];
+    }
+  });
 });

package/index.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_utils","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Properties","_useIdGenerator","_createConfigurableComponent"],"sources":["index.ts"],"sourcesContent":["export * from \"./utils\";\nexport * from \"./Properties\";\nexport * from \"./useIdGenerator\";\nexport * from \"./createConfigurableComponent\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,eAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,eAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,eAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,eAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,4BAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,4BAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,4BAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,4BAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/react-properties",
-	"version": "5.37.0-beta.0",
+	"version": "5.37.0-beta.2",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -10,17 +10,17 @@
 	"author": "Webiny Ltd",
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.20.13",
+		"@babel/runtime": "7.22.6",
 		"@types/react": "17.0.39",
 		"nanoid": "3.3.4",
 		"react": "17.0.2"
 	},
 	"devDependencies": {
 		"@testing-library/react": "12.1.5",
-		"@webiny/cli": "5.37.0-beta.0",
-		"@webiny/project-utils": "5.37.0-beta.0",
-		"@webiny/react-composition": "5.37.0-beta.0",
-		"prettier": "2.8.3"
+		"@webiny/cli": "5.37.0-beta.2",
+		"@webiny/project-utils": "5.37.0-beta.2",
+		"@webiny/react-composition": "5.37.0-beta.2",
+		"prettier": "2.8.8"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -30,5 +30,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "7bb6232942f0414e22a4549113dd112bb92e52c5"
+	"gitHead": "8d3f4ba102f9f73b0a17455fc401a15aea68ce63"
 }

package/useIdGenerator.d.ts

@@ -0,0 +1 @@
+export declare function useIdGenerator(name: string): (...parts: string[]) => string;

package/useIdGenerator.js

@@ -0,0 +1,17 @@
+"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];
+    }
+    return [parentProperty === null || parentProperty === void 0 ? void 0 : parentProperty.id, name].concat(parts).filter(Boolean).join(":");
+  }, [name, parentProperty]);
+}

package/useIdGenerator.js.map

@@ -0,0 +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,aAAdA,cAAc,uBAAdA,cAAc,CAAES,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"}

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\");\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;AACA,IAAMA,MAAM,GAAG,IAAAC,sBAAc,EAAC,kBAAkB,CAAC;AAGjD,SAASC,UAAU,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,mEAAYP,GAAG,yCAAGC,IAAI,CAACK,IAAI,EAAGJ,OAAO,GAAG,EAAE,GAAG,CAAC,CAAC;EACnD,CAAC,EAAE,CAAC,CAAC,CAAC;EAENN,KAAK,CAACY,OAAO,CAAC,UAAAC,IAAI,EAAI;IAClB,IAAMP,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,8CAAQJ,GAAG,CAACW,IAAI,CAACH,IAAI,CAAC,IAAiBG,IAAI,CAACE,KAAK,KAAIF,IAAI,CAACE,KAAK;MACvF;IACJ;IAEA,IAAME,SAAS,GAAGhB,UAAU,CAACO,MAAM,CAAC,UAAAU,CAAC;MAAA,OAAIA,CAAC,CAACC,MAAM,KAAKN,IAAI,CAACO,EAAE;IAAA,EAAC;IAC9D,IAAML,KAAK,GAAGhB,UAAU,CAACkB,SAAS,EAAEhB,UAAU,CAAC;IAC/CC,GAAG,CAACW,IAAI,CAACH,IAAI,CAAC,GAAGJ,OAAO,8CAAQJ,GAAG,CAACW,IAAI,CAACH,IAAI,CAAC,IAAiBK,KAAK,KAAIA,KAAK;EACjF,CAAC,CAAC;EAEF,OAAOb,GAAG;AACd;AAEO,SAASmB,QAAQ,CAAcpB,UAAsB,EAAK;EAC7D,IAAMD,KAAK,GAAGC,UAAU,CAACO,MAAM,CAAC,UAAAc,IAAI;IAAA,OAAIA,IAAI,CAACH,MAAM,KAAK,EAAE;EAAA,EAAC;EAC3D,OAAOpB,UAAU,CAACC,KAAK,EAAEC,UAAU,CAAC;AACxC;AAEO,SAASsB,WAAW,GAAc;EAAA,IAAbZ,MAAM,uEAAG,EAAE;EACnC,OAAOd,MAAM,CAACc,MAAM,CAAC;AACzB"}
+{"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"}