@webiny/react-properties 0.0.0-unstable.990c3ab1b6 → 0.0.0-unstable.99666aeb00

package/{src/Properties.d.ts → Properties.d.ts}

@@ -3,7 +3,7 @@ export interface Property {
     id: string;
     parent: string;
     name: string;
-    value: unknown;
+    value?: unknown;
     array?: boolean;
 }
 interface AddPropertyOptions {
@@ -32,7 +32,13 @@ interface PropertyProps {
     before?: string;
     replace?: string;
     remove?: boolean;
+    parent?: string;
+    root?: boolean;
 }
 export declare function useParentProperty(): Property | undefined;
+interface AncestorMatch {
+    [key: string]: string | boolean | number | null | undefined;
+}
+export declare function useAncestor(params: AncestorMatch): Property | undefined;
 export declare const Property: React.FC<PropertyProps>;
 export {};

package/Properties.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Property = exports.Properties = void 0;
+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) {
@@ -22,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,
@@ -44,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]);
         });
@@ -107,6 +150,26 @@ var PropertyContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 function useParentProperty() {
   return (0, _react.useContext)(PropertyContext);
 }
+function useAncestor(params) {
+  var property = useParentProperty();
+  var _useProperties = useProperties(),
+    properties = _useProperties.properties;
+  var matchOrGetAncestor = function matchOrGetAncestor(property, params) {
+    var matchedProps = properties.filter(function (prop) {
+      return prop.parent === property.id;
+    }).filter(function (prop) {
+      return prop.name in params && prop.value === params[prop.name];
+    });
+    if (matchedProps.length === Object.keys(params).length) {
+      return property;
+    }
+    var newParent = property.parent ? properties.find(function (prop) {
+      return prop.id === property.parent;
+    }) : undefined;
+    return newParent ? matchOrGetAncestor(newParent, params) : undefined;
+  };
+  return property ? matchOrGetAncestor(property, params) : undefined;
+}
 var Property = function Property(_ref2) {
   var id = _ref2.id,
     name = _ref2.name,
@@ -121,11 +184,15 @@ var Property = function Property(_ref2) {
     _ref2$remove = _ref2.remove,
     remove = _ref2$remove === void 0 ? false : _ref2$remove,
     _ref2$array = _ref2.array,
-    array = _ref2$array === void 0 ? false : _ref2$array;
+    array = _ref2$array === void 0 ? false : _ref2$array,
+    _ref2$root = _ref2.root,
+    root = _ref2$root === void 0 ? false : _ref2$root,
+    _ref2$parent = _ref2.parent,
+    parent = _ref2$parent === void 0 ? undefined : _ref2$parent;
   var uniqueId = (0, _react.useMemo)(function () {
     return id || (0, _utils.getUniqueId)();
   }, []);
-  var parent = useParentProperty();
+  var parentProperty = useParentProperty();
   var properties = useProperties();
   if (!properties) {
     throw Error("<Properties> provider is missing higher in the hierarchy!");
@@ -133,11 +200,12 @@ var Property = function Property(_ref2) {
   var addProperty = properties.addProperty,
     removeProperty = properties.removeProperty,
     replaceProperty = properties.replaceProperty;
+  var parentId = parent ? parent : root ? "" : (parentProperty === null || parentProperty === void 0 ? void 0 : parentProperty.id) || "";
   var property = {
     id: uniqueId,
     name: name,
     value: value,
-    parent: parent ? parent.id : "",
+    parent: parentId,
     array: array
   };
   (0, _react.useEffect)(function () {

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","Property","name","value","replace","remove","array","uniqueId","getUniqueId"],"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}\n\nconst PropertyContext = createContext<Property | undefined>(undefined);\n\nexport function useParentProperty() {\n    return useContext(PropertyContext);\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}) => {\n    const uniqueId = useMemo(() => id || getUniqueId(), []);\n    const parent = 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 property = { id: uniqueId, name, value, parent: parent ? parent.id : \"\", 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":["removeByParent","id","properties","filter","prop","parent","reduce","acc","item","putPropertyBefore","property","before","existingIndex","findIndex","existingProperty","newProperties","p","targetIndex","slice","putPropertyAfter","after","splice","removedProperty","mergeProperty","index","PropertiesContext","createContext","undefined","Properties","onChange","children","useState","setProperties","useEffect","context","useMemo","getObject","toObject","addProperty","options","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\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":["createHOC","newChildren","BaseComponent","ConfigHOC","children","createConfigurableComponent","name","ConfigApply","makeComposable","Config","defaultContext","properties","ViewContext","React","createContext","WithConfig","onProperties","useState","setProperties","context","useEffect","stateUpdater","useConfig","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":";;;;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,SAAS,GACX,SADEA,SAAS,CACVC,WAA4B;EAAA,OAC7B,UAAAC,aAAa,EAAI;IACb,OAAO,SAASC,SAAS,OAAe;MAAA,IAAZC,QAAQ,QAARA,QAAQ;MAChC,oBACI,6BAAC,aAAa,QACTH,WAAW,EACXG,QAAQ,CACG;IAExB,CAAC;EACL,CAAC;AAAA;AAOE,SAASC,2BAA2B,CAAUC,IAAY,EAAE;EAC/D;AACJ;AACA;EACI,IAAMC,WAAW,GAAG,IAAAC,gCAAc,YAAIF,IAAI,kBAAe,iBAAkB;IAAA,IAAfF,QAAQ,SAARA,QAAQ;IAChE,oBAAO,4DAAGA,QAAQ,CAAI;EAC1B,CAAC,CAAC;;EAEF;AACJ;AACA;EACI,IAAMK,MAAM,GAAG,SAATA,MAAM,QAAoD;IAAA,IAA9CL,QAAQ,SAARA,QAAQ;IACtB,oBAAO,6BAAC,yBAAO;MAAC,SAAS,EAAEG,WAAY;MAAC,IAAI,EAAEP,SAAS,CAACI,QAAQ;IAAE,EAAG;EACzE,CAAC;EAMD,IAAMM,cAAc,GAAG;IAAEC,UAAU,EAAE;EAAG,CAAC;EAEzC,IAAMC,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAcJ,cAAc,CAAC;EAEpE,IAAMK,UAAU,GAAG,SAAbA,UAAU,QAAoD;IAAA,IAA9CC,YAAY,SAAZA,YAAY;MAAEZ,QAAQ,SAARA,QAAQ;IACxC,gBAAoC,IAAAa,eAAQ,EAAa,EAAE,CAAC;MAAA;MAArDN,UAAU;MAAEO,aAAa;IAChC,IAAMC,OAAO,GAAG;MAAER,UAAU,EAAVA;IAAW,CAAC;IAE9B,IAAAS,gBAAS,EAAC,YAAM;MACZ,IAAI,OAAOJ,YAAY,KAAK,UAAU,EAAE;QACpCA,YAAY,CAACL,UAAU,CAAC;MAC5B;IACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;IAEhB,IAAMU,YAAY,GAAG,SAAfA,YAAY,CAAIV,UAAsB,EAAK;MAC7CO,aAAa,CAACP,UAAU,CAAC;IAC7B,CAAC;IAED,oBACI,6BAAC,WAAW,CAAC,QAAQ;MAAC,KAAK,EAAEQ;IAAQ,gBACjC,6BAAC,iBAAU;MAAC,QAAQ,EAAEE;IAAa,gBAC/B,6BAAC,WAAW,OAAG,EACdjB,QAAQ,CACA,CACM;EAE/B,CAAC;EAED,SAASkB,SAAS,GAA4C;IAC1D,kBAAuB,IAAAC,iBAAU,EAACX,WAAW,CAAC;MAAtCD,UAAU,eAAVA,UAAU;IAClB,OAAO,IAAAa,cAAO,EAAC;MAAA,OAAM,IAAAC,eAAQ,EAAmBd,UAAU,CAAC;IAAA,GAAE,CAACA,UAAU,CAAC,CAAC;EAC9E;EAEA,OAAO;IACHI,UAAU,EAAVA,UAAU;IACVN,MAAM,EAANA,MAAM;IACNa,SAAS,EAATA;EACJ,CAAC;AACL"}

package/index.d.ts

@@ -0,0 +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":[],"sources":["index.ts"],"sourcesContent":["export * from \"./utils\";\nexport * from \"./Properties\";\nexport * from \"./useIdGenerator\";\nexport * from \"./createConfigurableComponent\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/react-properties",
-	"version": "0.0.0-unstable.990c3ab1b6",
+	"version": "0.0.0-unstable.99666aeb00",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -10,16 +10,17 @@
 	"author": "Webiny Ltd",
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.20.1",
+		"@babel/runtime": "7.20.13",
 		"@types/react": "17.0.39",
 		"nanoid": "3.3.4",
 		"react": "17.0.2"
 	},
 	"devDependencies": {
-		"@testing-library/react": "^12.1.5",
-		"@webiny/cli": "^0.0.0-unstable.990c3ab1b6",
-		"@webiny/project-utils": "^0.0.0-unstable.990c3ab1b6",
-		"@webiny/react-composition": "^0.0.0-unstable.990c3ab1b6"
+		"@testing-library/react": "12.1.5",
+		"@webiny/cli": "0.0.0-unstable.99666aeb00",
+		"@webiny/project-utils": "0.0.0-unstable.99666aeb00",
+		"@webiny/react-composition": "0.0.0-unstable.99666aeb00",
+		"prettier": "2.8.3"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -29,5 +30,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "87e7b4d0a643f65b31d029d6bf2a81902fb940a8"
+	"gitHead": "99666aeb00056c56292eeb5dbb6aba7fda2439e2"
 }

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":["useIdGenerator","name","parentProperty","useParentProperty","useCallback","parts","id","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;AACA;AAEO,SAASA,cAAc,CAACC,IAAY,EAAE;EACzC,IAAMC,cAAc,GAAG,IAAAC,6BAAiB,GAAE;EAE1C,OAAO,IAAAC,kBAAW,EACd,YAAwB;IAAA,kCAApBC,KAAK;MAALA,KAAK;IAAA;IACL,OAAO,CAACH,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEI,EAAE,EAAEL,IAAI,SAAKI,KAAK,EAAEE,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EACzE,CAAC,EACD,CAACR,IAAI,EAAEC,cAAc,CAAC,CACzB;AACL"}

package/{src/utils.d.ts → utils.d.ts}

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

package/utils.js

@@ -10,7 +10,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 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);
+var nanoid = (0, _nanoid.customAlphabet)("1234567890abcdef");
 function buildRoots(roots, properties) {
   var obj = roots.reduce(function (acc, item) {
     var isArray = item.array === true || roots.filter(function (r) {
@@ -39,5 +39,6 @@ function toObject(properties) {
   return buildRoots(roots, properties);
 }
 function getUniqueId() {
-  return nanoid();
+  var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 12;
+  return nanoid(length);
 }

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,sBAAc,EAAC,kBAAkB,EAAE,CAAC,CAAC;AAGpD,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,GAAG;EAC1B,OAAO1B,MAAM,EAAE;AACnB"}
+{"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"}

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/src/index.d.ts

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