@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/views/contentEntries/experiment/ContentEntriesRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ContentEntriesView","lazy","ContentEntriesRenderer"],"sources":["ContentEntriesRenderer.tsx"],"sourcesContent":["import React, { Suspense, lazy } from \"react\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { HigherOrderComponent } from \"@webiny/app-admin\";\n\nconst ContentEntriesView = lazy(() => import(\"../ContentEntries\"));\n\nexport const ContentEntriesRenderer: HigherOrderComponent = () => {\n    return function ContentEntriesRenderer() {\n        return (\n            <Suspense fallback={<CircularProgress />}>\n                <ContentEntriesView />\n            </Suspense>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAGA,IAAMA,kBAAkB,gBAAG,IAAAC,WAAA,EAAK;EAAA;IAAA;EAAA;AAAA,CAAL,CAA3B;;AAEO,IAAMC,sBAA4C,GAAG,SAA/CA,sBAA+C,GAAM;EAC9D,OAAO,SAASA,sBAAT,GAAkC;IACrC,oBACI,6BAAC,eAAD;MAAU,QAAQ,eAAE,6BAAC,0BAAD;IAApB,gBACI,6BAAC,kBAAD,OADJ,CADJ;EAKH,CAND;AAOH,CARM"}

package/admin/views/contentEntries/experiment/ContentEntriesViewConfig.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-interface ContentEntriesViewConfig extends React.FC<unknown> {
-    Filter: React.FC<ContentEntriesViewConfigFilterProps>;
-    Sorter: React.FC<ContentEntriesViewConfigSorterProps>;
-}
-export declare const ContentEntriesViewConfig: ContentEntriesViewConfig;
-export interface ContentEntriesViewConfigFilterProps {
-    name: string;
-    element?: React.ReactElement<unknown>;
-    modelIds?: string[];
-    remove?: boolean;
-}
-export interface ContentEntriesViewConfigSorterProps {
-    name: string;
-    label: string;
-    modelIds?: string[];
-    remove?: boolean;
-}
-export declare const ContentEntriesView: import("@webiny/app-admin").ComposableFC<unknown>;
-export declare const ContentEntriesViewRenderer: import("@webiny/app-admin").ComposableFC<unknown>;
-export interface ContentEntriesViewConfigFilter {
-    name: string;
-    element: React.ReactElement;
-    modelIds: string[];
-}
-export interface ContentEntriesViewConfigSorter {
-    name: string;
-    label: string;
-    modelIds: string[];
-}
-export declare function useContentEntriesViewConfig(): {
-    filters: ContentEntriesViewConfigFilter[];
-    sorters: ContentEntriesViewConfigSorter[];
-};
-export {};

package/admin/views/contentEntries/experiment/ContentEntriesViewConfig.js

@@ -1,152 +0,0 @@
-"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.ContentEntriesViewRenderer = exports.ContentEntriesViewConfig = exports.ContentEntriesView = void 0;
-exports.useContentEntriesViewConfig = useContentEntriesViewConfig;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _appAdmin = require("@webiny/app-admin");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Property = require("./Property");
-
-var ContentEntriesViewConfigApply = (0, _appAdmin.makeComposable)("ContentEntriesViewConfigApply", function (_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
-});
-
-var createHOC = function createHOC(newChildren) {
-  return function (BaseComponent) {
-    return function ConfigHOC(_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/_react.default.createElement(BaseComponent, null, newChildren, children);
-    };
-  };
-};
-
-var ContentEntriesViewConfig = function ContentEntriesViewConfig(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
-    component: ContentEntriesViewConfigApply,
-    with: createHOC(children)
-  });
-};
-
-exports.ContentEntriesViewConfig = ContentEntriesViewConfig;
-
-var Filter = function Filter(_ref4) {
-  var name = _ref4.name,
-      element = _ref4.element,
-      _ref4$modelIds = _ref4.modelIds,
-      modelIds = _ref4$modelIds === void 0 ? [] : _ref4$modelIds,
-      _ref4$remove = _ref4.remove,
-      remove = _ref4$remove === void 0 ? false : _ref4$remove;
-  return /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: name,
-    name: "filter",
-    merge: true,
-    remove: remove
-  }, /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "name",
-    name: "name",
-    value: name
-  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "modelIds",
-    name: "modelIds",
-    value: modelIds
-  }), element ? /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "element",
-    name: "element",
-    value: element
-  }) : null);
-};
-
-var Sorter = function Sorter(_ref5) {
-  var name = _ref5.name,
-      label = _ref5.label,
-      _ref5$modelIds = _ref5.modelIds,
-      modelIds = _ref5$modelIds === void 0 ? [] : _ref5$modelIds,
-      _ref5$remove = _ref5.remove,
-      remove = _ref5$remove === void 0 ? false : _ref5$remove;
-  return /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: name,
-    name: "sorter",
-    merge: true,
-    remove: remove
-  }, /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "name",
-    name: "name",
-    value: name
-  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "label",
-    name: "label",
-    value: label
-  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "modelIds",
-    name: "modelIds",
-    value: modelIds
-  }));
-};
-
-ContentEntriesViewConfig.Filter = Filter;
-ContentEntriesViewConfig.Sorter = Sorter;
-var defaultContext = {
-  properties: []
-};
-
-var ViewContext = /*#__PURE__*/_react.default.createContext(defaultContext);
-
-var ContentEntriesView = (0, _appAdmin.makeComposable)("ContentEntriesView", function () {
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      properties = _useState2[0],
-      setProperties = _useState2[1];
-
-  var context = {
-    properties: properties
-  };
-
-  var stateUpdater = function stateUpdater(properties) {
-    setProperties(properties);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(ViewContext.Provider, {
-    value: context
-  }, /*#__PURE__*/_react.default.createElement(_Property.PropertyContainer, {
-    name: "view",
-    onChange: stateUpdater
-  }, /*#__PURE__*/_react.default.createElement(ContentEntriesViewConfigApply, null), /*#__PURE__*/_react.default.createElement(ContentEntriesViewRenderer, null)));
-});
-exports.ContentEntriesView = ContentEntriesView;
-var ContentEntriesViewRenderer = (0, _appAdmin.makeComposable)("ContentEntriesViewRenderer");
-exports.ContentEntriesViewRenderer = ContentEntriesViewRenderer;
-
-function byName(name) {
-  return function (obj) {
-    return obj.name === name;
-  };
-}
-
-function useContentEntriesViewConfig() {
-  var _useContext = (0, _react.useContext)(ViewContext),
-      properties = _useContext.properties;
-
-  var filters = properties.filter(byName("filter")).map(function (f) {
-    return (0, _Property.toObject)(f);
-  });
-  var sorters = properties.filter(byName("sorter")).map(function (f) {
-    return (0, _Property.toObject)(f);
-  });
-  return {
-    filters: filters,
-    sorters: sorters
-  };
-}

package/admin/views/contentEntries/experiment/ContentEntriesViewConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ContentEntriesViewConfigApply","makeComposable","children","createHOC","newChildren","BaseComponent","ConfigHOC","ContentEntriesViewConfig","Filter","name","element","modelIds","remove","Sorter","label","defaultContext","properties","ViewContext","React","createContext","ContentEntriesView","useState","setProperties","context","stateUpdater","ContentEntriesViewRenderer","byName","obj","useContentEntriesViewConfig","useContext","filters","filter","map","f","toObject","sorters"],"sources":["ContentEntriesViewConfig.tsx"],"sourcesContent":["import { makeComposable, Compose, HigherOrderComponent } from \"@webiny/app-admin\";\nimport React, { useContext, useState } from \"react\";\nimport { Property, PropertyContainer, toObject } from \"./Property\";\n\ninterface ContentEntriesViewConfig extends React.FC<unknown> {\n    Filter: React.FC<ContentEntriesViewConfigFilterProps>;\n    Sorter: React.FC<ContentEntriesViewConfigSorterProps>;\n}\n\nconst ContentEntriesViewConfigApply = makeComposable(\n    \"ContentEntriesViewConfigApply\",\n    ({ children }) => {\n        return <>{children}</>;\n    }\n);\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 const ContentEntriesViewConfig: ContentEntriesViewConfig = ({ children }) => {\n    return <Compose component={ContentEntriesViewConfigApply} with={createHOC(children)} />;\n};\n\nexport interface ContentEntriesViewConfigFilterProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    modelIds?: string[];\n    remove?: boolean;\n}\n\nconst Filter: React.FC<ContentEntriesViewConfigFilterProps> = ({\n    name,\n    element,\n    modelIds = [],\n    remove = false\n}) => {\n    return (\n        <Property id={name} name={\"filter\"} merge={true} remove={remove}>\n            <Property id={\"name\"} name={\"name\"} value={name} />\n            <Property id={\"modelIds\"} name={\"modelIds\"} value={modelIds} />\n            {element ? <Property id={\"element\"} name={\"element\"} value={element} /> : null}\n        </Property>\n    );\n};\n\nexport interface ContentEntriesViewConfigSorterProps {\n    name: string;\n    label: string;\n    modelIds?: string[];\n    remove?: boolean;\n}\n\nconst Sorter: React.FC<ContentEntriesViewConfigSorterProps> = ({\n    name,\n    label,\n    modelIds = [],\n    remove = false\n}) => {\n    return (\n        <Property id={name} name={\"sorter\"} merge={true} remove={remove}>\n            <Property id={\"name\"} name={\"name\"} value={name} />\n            <Property id={\"label\"} name={\"label\"} value={label} />\n            <Property id={\"modelIds\"} name={\"modelIds\"} value={modelIds} />\n        </Property>\n    );\n};\n\nContentEntriesViewConfig.Filter = Filter;\nContentEntriesViewConfig.Sorter = Sorter;\n\ninterface ViewContext {\n    properties: Property[];\n}\n\nconst defaultContext = { properties: [] };\n\nconst ViewContext = React.createContext<ViewContext>(defaultContext);\n\nexport const ContentEntriesView = makeComposable(\"ContentEntriesView\", () => {\n    const [properties, setProperties] = useState<Property[]>([]);\n    const context = { properties };\n\n    const stateUpdater = (properties: Property[]) => {\n        setProperties(properties);\n    };\n\n    return (\n        <ViewContext.Provider value={context}>\n            <PropertyContainer name={\"view\"} onChange={stateUpdater}>\n                <ContentEntriesViewConfigApply />\n                <ContentEntriesViewRenderer />\n            </PropertyContainer>\n        </ViewContext.Provider>\n    );\n});\n\nexport const ContentEntriesViewRenderer = makeComposable(\"ContentEntriesViewRenderer\");\n\nfunction byName(name: string) {\n    return (obj: Property) => obj.name === name;\n}\n\nexport interface ContentEntriesViewConfigFilter {\n    name: string;\n    element: React.ReactElement;\n    modelIds: string[];\n}\n\nexport interface ContentEntriesViewConfigSorter {\n    name: string;\n    label: string;\n    modelIds: string[];\n}\n\nexport function useContentEntriesViewConfig(): {\n    filters: ContentEntriesViewConfigFilter[];\n    sorters: ContentEntriesViewConfigSorter[];\n} {\n    const { properties } = useContext(ViewContext);\n\n    const filters = properties\n        .filter(byName(\"filter\"))\n        .map(f => toObject<ContentEntriesViewConfigFilter>(f));\n\n    const sorters = properties\n        .filter(byName(\"sorter\"))\n        .map(f => toObject<ContentEntriesViewConfigSorter>(f));\n\n    return {\n        filters,\n        sorters\n    };\n}\n"],"mappings":"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"}

package/admin/views/contentEntries/experiment/Property.d.ts

@@ -1,34 +0,0 @@
-/**
- * Note by @pavel910:
- *
- * TS is disabled in this file, as this is a wild experiment, and I need to come back and fix some types, which are not very
- * obvious. I don't have time to do it right now. If the experiment is successful, I'll come back and clean this up, and
- * extract this whole logic into a separate package, as this is a tiny framework for building data objects using React, and
- * we might want to use it in many more places (all views, Page Builder Editor, etc.).
- *
- * More on this a bit later, if the experiment is successful.
- */
-import { FC } from "react";
-export declare function toObject<T = unknown>(property: Property): T;
-export declare function toArray(objects: Property[]): {}[];
-export interface Property<TValue = unknown> {
-    id?: string;
-    name: string;
-    value?: TValue;
-    properties?: Property[];
-}
-interface PropertyContainerProps {
-    name: string;
-    onChange: any;
-}
-export declare const PropertyContainer: FC<PropertyContainerProps>;
-interface PropertyProps {
-    id?: string;
-    name: string;
-    value?: unknown;
-    merge?: boolean;
-    replace?: boolean;
-    remove?: boolean;
-}
-export declare const Property: FC<PropertyProps>;
-export {};

package/admin/views/contentEntries/experiment/Property.js

@@ -1,248 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PropertyContainer = exports.Property = void 0;
-exports.toArray = toArray;
-exports.toObject = toObject;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
-
-var _utils = require("@webiny/utils");
-
-var _excluded = ["children", "name", "value"];
-
-function toObject(property) {
-  if (property.value !== undefined) {
-    return (0, _defineProperty2.default)({}, property.name, property.value);
-  }
-
-  var obj = {};
-  property.properties.forEach(function (prop) {
-    // Check if this is a single occurrence of this property
-    var isSingle = property.properties.filter(function (p) {
-      return p.name === prop.name;
-    }).length === 1;
-
-    if (prop.value !== undefined) {
-      obj[prop.name] = isSingle ? prop.value : [].concat((0, _toConsumableArray2.default)(obj[prop.name] || []), [prop.value]);
-    } else {
-      var asObject = toObject(prop);
-
-      if (!isSingle) {
-        obj[prop.name] = [].concat((0, _toConsumableArray2.default)(obj[prop.name] || []), [asObject[prop.name]]);
-      } else {
-        obj[prop.name] = asObject[prop.name];
-      }
-    }
-  });
-  return obj;
-}
-
-function toArray(objects) {
-  return objects.map(function (obj) {
-    return obj.properties.reduce(function (acc, item) {
-      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), toObject(item));
-    }, {});
-  });
-}
-
-function mergeProperties(properties1, properties2) {
-  var temp = [].concat((0, _toConsumableArray2.default)(properties1), (0, _toConsumableArray2.default)(properties2));
-  return Object.values(temp.reduce(function (acc, item) {
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.id, item));
-  }, {}));
-}
-
-var PropertyContext = /*#__PURE__*/(0, _react.createContext)(null);
-PropertyContext.displayName = "PropertyContext";
-
-var useProperty = function useProperty() {
-  return (0, _react.useContext)(PropertyContext);
-};
-
-var PropertyContainerContext = /*#__PURE__*/(0, _react.createContext)();
-
-function cleanup(properties) {
-  return properties.map(function (property) {
-    if ("$remove" in property) {
-      return null;
-    }
-
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, property), {}, {
-      properties: cleanup(property.properties)
-    });
-  }).filter(Boolean);
-}
-
-var store = new Map();
-
-var PropertyContainer = function PropertyContainer(_ref2) {
-  var name = _ref2.name,
-      onChange = _ref2.onChange,
-      children = _ref2.children;
-  var ref = (0, _react.useRef)(store);
-  var context = (0, _react.useMemo)(function () {
-    return {
-      updateContainer: function updateContainer(updater) {
-        var current = store.get(name) || [];
-        var properties = cleanup(updater(current));
-        store.set(name, properties);
-        onChange(properties);
-      }
-    };
-  }, [ref]);
-  return /*#__PURE__*/_react.default.createElement(PropertyContainerContext.Provider, {
-    value: context
-  }, children);
-};
-
-exports.PropertyContainer = PropertyContainer;
-
-var Property = function Property(_ref3) {
-  var children = _ref3.children,
-      name = _ref3.name,
-      value = _ref3.value,
-      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-  var id = (0, _react.useRef)(props.id || (0, _utils.generateAlphaNumericId)(21));
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      properties = _useState2[0],
-      setProperties = _useState2[1];
-
-  var _useContext = (0, _react.useContext)(PropertyContainerContext),
-      updateContainer = _useContext.updateContainer;
-
-  var parentProperty = useProperty();
-  var context = {
-    removeProperty: function removeProperty(id) {
-      setProperties(function (properties) {
-        var index = properties.findIndex(function (p) {
-          return p.id === id;
-        });
-
-        if (index > -1) {
-          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), {}, {
-            $remove: true
-          })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
-        }
-
-        return properties;
-      });
-    },
-    updateProperty: function updateProperty(property) {
-      setProperties(function (properties) {
-        var index = properties.findIndex(function (p) {
-          return p.id === property.id;
-        });
-
-        if (index > -1) {
-          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), property)], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
-        }
-
-        return [].concat((0, _toConsumableArray2.default)(properties), [property]);
-      });
-    }
-  };
-
-  var indexById = function indexById(p) {
-    return p.id === props.id;
-  };
-
-  var indexByName = function indexByName(p) {
-    return p.name === name;
-  };
-
-  var updateParentContainer = function updateParentContainer(property) {
-    updateContainer(function (properties) {
-      // Check if this property already exists in the parent container.
-      var index = properties.findIndex(props.id ? indexById : indexByName);
-
-      if (props.remove) {
-        if (index > -1) {
-          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), {}, {
-            $remove: true
-          })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
-        }
-
-        return properties;
-      }
-
-      if (props.replace) {
-        if (index > -1) {
-          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)({}, property)], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
-        }
-
-        return [].concat((0, _toConsumableArray2.default)(properties), [property]);
-      }
-
-      if (props.merge) {
-        if (index > -1) {
-          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), property), {}, {
-            properties: mergeProperties(properties[index].properties, property.properties)
-          })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
-        }
-      }
-
-      return [].concat((0, _toConsumableArray2.default)(properties), [property]);
-    });
-  };
-
-  (0, _useDeepCompareEffect.default)(function () {
-    var property = {
-      id: id.current,
-      name: name,
-      value: value,
-      properties: properties
-    };
-
-    if (!parentProperty) {
-      return updateParentContainer(property);
-    }
-
-    parentProperty.updateProperty(property);
-  }, [properties]);
-  (0, _useDeepCompareEffect.default)(function () {
-    // On mount, we need to report to our parent.
-    if (parentProperty) {
-      if (props.remove) {
-        parentProperty.removeProperty(id.current);
-      } else {
-        parentProperty.updateProperty({
-          id: id.current,
-          name: name,
-          value: value,
-          properties: properties
-        });
-      }
-    }
-  }, [props.remove, properties]);
-
-  if (!children) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(PropertyContext.Provider, {
-    value: context
-  }, children);
-};
-
-exports.Property = Property;

package/admin/views/contentEntries/experiment/Property.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toObject","property","value","undefined","name","obj","properties","forEach","prop","isSingle","filter","p","length","asObject","toArray","objects","map","reduce","acc","item","mergeProperties","properties1","properties2","temp","Object","values","id","PropertyContext","createContext","displayName","useProperty","useContext","PropertyContainerContext","cleanup","Boolean","store","Map","PropertyContainer","onChange","children","ref","useRef","context","useMemo","updateContainer","updater","current","get","set","Property","props","generateAlphaNumericId","useState","setProperties","parentProperty","removeProperty","index","findIndex","slice","$remove","updateProperty","indexById","indexByName","updateParentContainer","remove","replace","merge","useDeepCompareEffect"],"sources":["Property.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * Note by @pavel910:\n *\n * TS is disabled in this file, as this is a wild experiment, and I need to come back and fix some types, which are not very\n * obvious. I don't have time to do it right now. If the experiment is successful, I'll come back and clean this up, and\n * extract this whole logic into a separate package, as this is a tiny framework for building data objects using React, and\n * we might want to use it in many more places (all views, Page Builder Editor, etc.).\n *\n * More on this a bit later, if the experiment is successful.\n */\nimport React, { createContext, FC, useContext, useMemo, useRef, useState } from \"react\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport { generateAlphaNumericId } from \"@webiny/utils\";\n\nexport function toObject<T = unknown>(property: Property): T {\n    if (property.value !== undefined) {\n        return { [property.name]: property.value };\n    }\n\n    const obj = {};\n    property.properties.forEach(prop => {\n        // Check if this is a single occurrence of this property\n        const isSingle = property.properties.filter(p => p.name === prop.name).length === 1;\n        if (prop.value !== undefined) {\n            obj[prop.name] = isSingle ? prop.value : [...(obj[prop.name] || []), prop.value];\n        } else {\n            const asObject = toObject(prop);\n\n            if (!isSingle) {\n                obj[prop.name] = [...(obj[prop.name] || []), asObject[prop.name]];\n            } else {\n                obj[prop.name] = asObject[prop.name];\n            }\n        }\n    });\n\n    return obj;\n}\n\nexport function toArray(objects: Property[]) {\n    return objects.map(obj =>\n        obj.properties.reduce((acc, item) => {\n            return { ...acc, ...toObject(item) };\n        }, {})\n    );\n}\n\nfunction mergeProperties(properties1: Property[], properties2: Property[]) {\n    const temp: Property[] = [...properties1, ...properties2];\n\n    return Object.values(\n        temp.reduce((acc, item) => {\n            return { ...acc, [item.id]: item };\n        }, {})\n    );\n}\n\ninterface PropertyContext {\n    removeProperty(id: string): void;\n    updateProperty(property: Property): void;\n}\n\nconst PropertyContext = createContext<PropertyContext>(null);\nPropertyContext.displayName = \"PropertyContext\";\n\nconst useProperty = () => {\n    return useContext(PropertyContext);\n};\n\ninterface PropertyContainerContext {\n    updateContainer(update): void;\n}\n\nexport interface Property<TValue = unknown> {\n    id?: string;\n    name: string;\n    value?: TValue;\n    properties?: Property[];\n}\n\nconst PropertyContainerContext = createContext<PropertyContainerContext>();\n\nfunction cleanup(properties: Property[]): Property[] {\n    return properties\n        .map(property => {\n            if (\"$remove\" in property) {\n                return null;\n            }\n\n            return {\n                ...property,\n                properties: cleanup(property.properties)\n            };\n        })\n        .filter(Boolean);\n}\n\nconst store = new Map<string, any>();\n\ninterface PropertyContainerProps {\n    name: string;\n    // TODO: create a proper type\n    onChange: any;\n}\n\nexport const PropertyContainer: FC<PropertyContainerProps> = ({ name, onChange, children }) => {\n    const ref = useRef(store);\n    const context = useMemo(\n        () => ({\n            updateContainer(updater) {\n                const current = store.get(name) || [];\n                const properties = cleanup(updater(current));\n                store.set(name, properties);\n                onChange(properties);\n            }\n        }),\n        [ref]\n    );\n\n    return (\n        <PropertyContainerContext.Provider value={context}>\n            {children}\n        </PropertyContainerContext.Provider>\n    );\n};\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    merge?: boolean;\n    replace?: boolean;\n    remove?: boolean;\n}\n\nexport const Property: FC<PropertyProps> = ({ children, name, value, ...props }) => {\n    const id = useRef(props.id || generateAlphaNumericId(21));\n    const [properties, setProperties] = useState([]);\n    const { updateContainer } = useContext(PropertyContainerContext);\n    const parentProperty = useProperty();\n\n    const context: PropertyContext = {\n        removeProperty(id: string) {\n            setProperties(properties => {\n                const index = properties.findIndex(p => p.id === id);\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], $remove: true },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n                return properties;\n            });\n        },\n        updateProperty(property) {\n            setProperties(properties => {\n                const index = properties.findIndex(p => p.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, property];\n            });\n        }\n    };\n\n    const indexById = p => p.id === props.id;\n    const indexByName = p => p.name === name;\n\n    const updateParentContainer = property => {\n        updateContainer((properties: Property[]) => {\n            // Check if this property already exists in the parent container.\n            const index = properties.findIndex(props.id ? indexById : indexByName);\n\n            if (props.remove) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], $remove: true },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n\n                return properties;\n            }\n\n            if (props.replace) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...property },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n\n                return [...properties, property];\n            }\n\n            if (props.merge) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        {\n                            ...properties[index],\n                            ...property,\n                            properties: mergeProperties(\n                                properties[index].properties,\n                                property.properties\n                            )\n                        },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n            }\n\n            return [...properties, property];\n        });\n    };\n\n    useDeepCompareEffect(() => {\n        const property = { id: id.current, name, value, properties };\n\n        if (!parentProperty) {\n            return updateParentContainer(property);\n        }\n\n        parentProperty.updateProperty(property);\n    }, [properties]);\n\n    useDeepCompareEffect(() => {\n        // On mount, we need to report to our parent.\n        if (parentProperty) {\n            if (props.remove) {\n                parentProperty.removeProperty(id.current);\n            } else {\n                parentProperty.updateProperty({ id: id.current, name, value, properties });\n            }\n        }\n    }, [props.remove, properties]);\n\n    if (!children) {\n        return null;\n    }\n\n    return <PropertyContext.Provider value={context}>{children}</PropertyContext.Provider>;\n};\n"],"mappings":"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"}

package/admin/views/contentModelGroups/DelayedOnChange.d.ts

@@ -1,42 +0,0 @@
-import * as React from "react";
-/**
- * This component is used to wrap Input and Textarea components to optimize form re-render.
- * These 2 are the only components that trigger form model change on each character input.
- * This means, whenever you type a letter an entire form re-renders.
- * On complex forms you will feel and see a significant delay if this component is not used.
- *
- * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
- * a user stops typing for given period of time (400ms by default).
- */
-interface OnChangeCbCallable {
-    (value: string): void;
-}
-interface OnChangeCallable {
-    (value: string, cb?: OnChangeCbCallable): void;
-}
-interface ChildrenParams {
-    value: string;
-    onChange: OnChangeCallable;
-}
-interface DelayedOnChangeProps {
-    delay?: number;
-    value?: string;
-    onChange: OnChangeCallable;
-    onKeyDown?: (ev: React.SyntheticEvent) => void;
-    onBlur?: (ev: React.SyntheticEvent) => void;
-    children: (params: ChildrenParams) => React.ReactElement;
-}
-interface DelayedOnChangeState {
-    value?: string;
-}
-declare class DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {
-    static defaultProps: Partial<DelayedOnChangeProps>;
-    private delay;
-    readonly state: DelayedOnChangeState;
-    componentDidMount(): void;
-    private applyValue;
-    private onChange;
-    private changed;
-    render(): React.ReactNode;
-}
-export default DelayedOnChange;