@webiny/app-headless-cms 5.32.0 → 5.33.0-beta.0

package/admin/views/contentEntries/ContentEntry/prepareFormData.js

@@ -11,8 +11,18 @@ var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime
 
 var _plugins = require("@webiny/plugins");
 
+/**
+ * This method builds transformer plugins only once.
+ * Really no need in building more than once because at this point all plugins are registered.
+ */
+var availableTransformerPlugins = undefined;
+
 var getAvailableTransformerPlugins = function getAvailableTransformerPlugins() {
-  return _plugins.plugins.byType("cms-field-value-transformer").reduce(function (transformers, pl) {
+  if (availableTransformerPlugins) {
+    return availableTransformerPlugins;
+  }
+
+  availableTransformerPlugins = _plugins.plugins.byType("cms-field-value-transformer").reduce(function (transformers, pl) {
     var fieldTypes = Array.isArray(pl.fieldType) ? pl.fieldType : [pl.fieldType];
 
     var _iterator = (0, _createForOfIteratorHelper2.default)(fieldTypes),
@@ -37,57 +47,102 @@ var getAvailableTransformerPlugins = function getAvailableTransformerPlugins() {
 
     return transformers;
   }, {});
+  return availableTransformerPlugins;
 };
 
-var createTransformers = function createTransformers(fields) {
-  var transformerPlugins = getAvailableTransformerPlugins();
-  var transformers = {};
+var transformationRunner;
 
-  var _iterator2 = (0, _createForOfIteratorHelper2.default)(fields),
-      _step2;
+var createTransformationRunner = function createTransformationRunner() {
+  if (transformationRunner) {
+    return transformationRunner;
+  }
 
-  try {
-    var _loop = function _loop() {
-      var field = _step2.value;
+  var availablePlugins = getAvailableTransformerPlugins();
 
-      if (!transformerPlugins[field.type]) {
-        return "continue";
-      } // TODO @ts-refactor figure out if possible to put some type instead of any
+  transformationRunner = function transformationRunner(field, value) {
+    var transformer = availablePlugins[field.type];
 
+    if (!transformer) {
+      return value;
+    }
 
-      transformers[field.fieldId] = function (value) {
-        return transformerPlugins[field.type].transform(value, field);
-      };
-    };
+    return transformer.transform(value, field);
+  };
 
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var _ret = _loop();
+  return transformationRunner;
+};
 
-      if (_ret === "continue") continue;
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
+var prepareFormData = function prepareFormData(input, fields) {
+  var runTransformation = createTransformationRunner();
+  return fields.reduce(function (output, field) {
+    var _field$settings;
+
+    var inputValue = input[field.fieldId];
+    var childFields = field.type === "object" ? (_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.fields : undefined;
+    /**
+     * There is a possibility that we have an object field - it has child fields.
+     */
+
+    if (childFields) {
+      /**
+       * Field can be repeatable, and in that case, we must go through all values and transform them.
+       */
+      if (field.multipleValues) {
+        if (!inputValue) {
+          return output;
+        }
 
-  return transformers;
-};
+        var values = Array.isArray(inputValue) ? inputValue : undefined;
+
+        if (!values) {
+          return output;
+        }
+
+        output[field.fieldId] = values.map(function (value) {
+          return prepareFormData(value, childFields);
+        });
+        return output;
+      }
+
+      if (!inputValue) {
+        return output;
+      }
+      /**
+       * Or if is not repeatable, just go through the fields without the need to go through an array.
+       */
 
-var prepareFormData = function prepareFormData(input, model) {
-  var transformers = createTransformers(model.fields);
-  return Object.keys(transformers).reduce(function (output, key) {
-    var value = input[key];
-    var transform = transformers[key];
-    var transformedValue = transform(value);
 
-    if (transformedValue === undefined) {
+      output[field.fieldId] = prepareFormData(inputValue, childFields);
       return output;
     }
+    /**
+     * Regular fields, multiple values enabled.
+     */
+    //
+    else if (field.multipleValues) {
+      var _values = Array.isArray(inputValue) ? inputValue : undefined;
+
+      if (!_values) {
+        return output;
+      }
 
-    output[key] = transformedValue;
+      output[field.fieldId] = _values
+      /**
+       * Transformations need to run on all the available fields.
+       */
+      .map(function (value) {
+        return runTransformation(field, value);
+      });
+      return output;
+    }
+    /**
+     * Regular values, single values.
+     */
+
+
+    output[field.fieldId] = runTransformation(field, inputValue);
     return output;
-  }, input);
+  }, {});
 };
 
 exports.prepareFormData = prepareFormData;

package/admin/views/contentEntries/ContentEntry/prepareFormData.js.map

@@ -1 +1 @@
-{"version":3,"names":["getAvailableTransformerPlugins","plugins","byType","reduce","transformers","pl","fieldTypes","Array","isArray","fieldType","console","warn","createTransformers","fields","transformerPlugins","field","type","fieldId","value","transform","prepareFormData","input","model","Object","keys","output","key","transformedValue","undefined"],"sources":["prepareFormData.ts"],"sourcesContent":["import { CmsEditorContentModel, CmsEditorField, CmsFieldValueTransformer } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\ninterface AvailableFieldTransformers {\n    [fieldType: string]: CmsFieldValueTransformer;\n}\n\ninterface FieldTransformers {\n    [fieldId: string]: (value: any) => any;\n}\n\nconst getAvailableTransformerPlugins = (): AvailableFieldTransformers => {\n    return plugins\n        .byType<CmsFieldValueTransformer>(\"cms-field-value-transformer\")\n        .reduce((transformers, pl) => {\n            const fieldTypes = Array.isArray(pl.fieldType) ? pl.fieldType : [pl.fieldType];\n            for (const fieldType of fieldTypes) {\n                if (transformers[fieldType]) {\n                    console.warn(\n                        `Transformer for field type \"${fieldType}\" is already defined. There cannot be more than one transformer.`\n                    );\n                    continue;\n                }\n                transformers[fieldType] = pl;\n            }\n            return transformers;\n        }, {} as Record<string, CmsFieldValueTransformer>);\n};\n\ninterface TransformerCallable {\n    (value: any): any;\n}\nconst createTransformers = (fields: CmsEditorField[]): FieldTransformers => {\n    const transformerPlugins = getAvailableTransformerPlugins();\n    const transformers: Record<string, TransformerCallable> = {};\n    for (const field of fields) {\n        if (!transformerPlugins[field.type]) {\n            continue;\n        }\n        // TODO @ts-refactor figure out if possible to put some type instead of any\n        transformers[field.fieldId] = (value: any) => {\n            return transformerPlugins[field.type].transform(value, field);\n        };\n    }\n    return transformers;\n};\n\nexport const prepareFormData = (\n    input: Record<string, any>,\n    model: CmsEditorContentModel\n): Record<string, any> => {\n    const transformers = createTransformers(model.fields);\n\n    return Object.keys(transformers).reduce((output, key) => {\n        const value = input[key];\n        const transform = transformers[key];\n\n        const transformedValue = transform(value);\n        if (transformedValue === undefined) {\n            return output;\n        }\n        output[key] = transformedValue;\n\n        return output;\n    }, input);\n};\n"],"mappings":";;;;;;;;;;;AACA;;AAUA,IAAMA,8BAA8B,GAAG,SAAjCA,8BAAiC,GAAkC;EACrE,OAAOC,gBAAA,CACFC,MADE,CAC+B,6BAD/B,EAEFC,MAFE,CAEK,UAACC,YAAD,EAAeC,EAAf,EAAsB;IAC1B,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAN,CAAcH,EAAE,CAACI,SAAjB,IAA8BJ,EAAE,CAACI,SAAjC,GAA6C,CAACJ,EAAE,CAACI,SAAJ,CAAhE;;IAD0B,yDAEFH,UAFE;IAAA;;IAAA;MAE1B,oDAAoC;QAAA,IAAzBG,UAAyB;;QAChC,IAAIL,YAAY,CAACK,UAAD,CAAhB,EAA6B;UACzBC,OAAO,CAACC,IAAR,wCACmCF,UADnC;UAGA;QACH;;QACDL,YAAY,CAACK,UAAD,CAAZ,GAA0BJ,EAA1B;MACH;IAVyB;MAAA;IAAA;MAAA;IAAA;;IAW1B,OAAOD,YAAP;EACH,CAdE,EAcA,EAdA,CAAP;AAeH,CAhBD;;AAqBA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,MAAD,EAAiD;EACxE,IAAMC,kBAAkB,GAAGd,8BAA8B,EAAzD;EACA,IAAMI,YAAiD,GAAG,EAA1D;;EAFwE,0DAGpDS,MAHoD;EAAA;;EAAA;IAAA;MAAA,IAG7DE,KAH6D;;MAIpE,IAAI,CAACD,kBAAkB,CAACC,KAAK,CAACC,IAAP,CAAvB,EAAqC;QACjC;MACH,CANmE,CAOpE;;;MACAZ,YAAY,CAACW,KAAK,CAACE,OAAP,CAAZ,GAA8B,UAACC,KAAD,EAAgB;QAC1C,OAAOJ,kBAAkB,CAACC,KAAK,CAACC,IAAP,CAAlB,CAA+BG,SAA/B,CAAyCD,KAAzC,EAAgDH,KAAhD,CAAP;MACH,CAFD;IARoE;;IAGxE,uDAA4B;MAAA;;MAAA,yBAEpB;IAMP;EAXuE;IAAA;EAAA;IAAA;EAAA;;EAYxE,OAAOX,YAAP;AACH,CAbD;;AAeO,IAAMgB,eAAe,GAAG,SAAlBA,eAAkB,CAC3BC,KAD2B,EAE3BC,KAF2B,EAGL;EACtB,IAAMlB,YAAY,GAAGQ,kBAAkB,CAACU,KAAK,CAACT,MAAP,CAAvC;EAEA,OAAOU,MAAM,CAACC,IAAP,CAAYpB,YAAZ,EAA0BD,MAA1B,CAAiC,UAACsB,MAAD,EAASC,GAAT,EAAiB;IACrD,IAAMR,KAAK,GAAGG,KAAK,CAACK,GAAD,CAAnB;IACA,IAAMP,SAAS,GAAGf,YAAY,CAACsB,GAAD,CAA9B;IAEA,IAAMC,gBAAgB,GAAGR,SAAS,CAACD,KAAD,CAAlC;;IACA,IAAIS,gBAAgB,KAAKC,SAAzB,EAAoC;MAChC,OAAOH,MAAP;IACH;;IACDA,MAAM,CAACC,GAAD,CAAN,GAAcC,gBAAd;IAEA,OAAOF,MAAP;EACH,CAXM,EAWJJ,KAXI,CAAP;AAYH,CAlBM"}
+{"version":3,"names":["availableTransformerPlugins","undefined","getAvailableTransformerPlugins","plugins","byType","reduce","transformers","pl","fieldTypes","Array","isArray","fieldType","console","warn","transformationRunner","createTransformationRunner","availablePlugins","field","value","transformer","type","transform","prepareFormData","input","fields","runTransformation","output","inputValue","fieldId","childFields","settings","multipleValues","values","map"],"sources":["prepareFormData.ts"],"sourcesContent":["import { CmsEditorField, CmsFieldValueTransformer } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\ninterface AvailableFieldTransformers {\n    [fieldType: string]: CmsFieldValueTransformer;\n}\n\n/**\n * This method builds transformer plugins only once.\n * Really no need in building more than once because at this point all plugins are registered.\n */\nlet availableTransformerPlugins: AvailableFieldTransformers | undefined = undefined;\nconst getAvailableTransformerPlugins = (): AvailableFieldTransformers => {\n    if (availableTransformerPlugins) {\n        return availableTransformerPlugins;\n    }\n    availableTransformerPlugins = plugins\n        .byType<CmsFieldValueTransformer>(\"cms-field-value-transformer\")\n        .reduce<AvailableFieldTransformers>((transformers, pl) => {\n            const fieldTypes = Array.isArray(pl.fieldType) ? pl.fieldType : [pl.fieldType];\n            for (const fieldType of fieldTypes) {\n                if (transformers[fieldType]) {\n                    console.warn(\n                        `Transformer for field type \"${fieldType}\" is already defined. There cannot be more than one transformer.`\n                    );\n                    continue;\n                }\n                transformers[fieldType] = pl;\n            }\n            return transformers;\n        }, {});\n\n    return availableTransformerPlugins;\n};\n\ninterface TransformationRunnerCallable {\n    (field: CmsEditorField, value: any): any;\n}\n\nlet transformationRunner: TransformationRunnerCallable;\nconst createTransformationRunner = (): TransformationRunnerCallable => {\n    if (transformationRunner) {\n        return transformationRunner;\n    }\n    const availablePlugins = getAvailableTransformerPlugins();\n\n    transformationRunner = (field, value) => {\n        const transformer = availablePlugins[field.type];\n        if (!transformer) {\n            return value;\n        }\n        return transformer.transform(value, field);\n    };\n    return transformationRunner;\n};\n\nexport const prepareFormData = (\n    input: Record<string, any>,\n    fields: CmsEditorField[]\n): Record<string, any> => {\n    const runTransformation = createTransformationRunner();\n\n    return fields.reduce<Record<string, any>>((output, field) => {\n        const inputValue = input[field.fieldId];\n        const childFields = field.type === \"object\" ? field.settings?.fields : undefined;\n        /**\n         * There is a possibility that we have an object field - it has child fields.\n         */\n        if (childFields) {\n            /**\n             * Field can be repeatable, and in that case, we must go through all values and transform them.\n             */\n            if (field.multipleValues) {\n                if (!inputValue) {\n                    return output;\n                }\n                const values = Array.isArray(inputValue) ? inputValue : undefined;\n                if (!values) {\n                    return output;\n                }\n                output[field.fieldId] = values.map(value => {\n                    return prepareFormData(value, childFields);\n                });\n                return output;\n            }\n            if (!inputValue) {\n                return output;\n            }\n            /**\n             * Or if is not repeatable, just go through the fields without the need to go through an array.\n             */\n            output[field.fieldId] = prepareFormData(inputValue, childFields);\n\n            return output;\n        }\n        /**\n         * Regular fields, multiple values enabled.\n         */\n        //\n        else if (field.multipleValues) {\n            const values = Array.isArray(inputValue) ? inputValue : undefined;\n            if (!values) {\n                return output;\n            }\n            output[field.fieldId] = values\n                /**\n                 * Transformations need to run on all the available fields.\n                 */\n                .map(value => {\n                    return runTransformation(field, value);\n                });\n            return output;\n        }\n        /**\n         * Regular values, single values.\n         */\n        output[field.fieldId] = runTransformation(field, inputValue);\n\n        return output;\n    }, {});\n};\n"],"mappings":"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"}

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

@@ -23,10 +23,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _nanoid = require("nanoid");
-
 var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
 
+var _utils = require("@webiny/utils");
+
 var _excluded = ["children", "name", "value"];
 
 function toObject(property) {
@@ -121,7 +121,7 @@ var Property = function Property(_ref3) {
       name = _ref3.name,
       value = _ref3.value,
       props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-  var id = (0, _react.useRef)(props.id || (0, _nanoid.nanoid)());
+  var id = (0, _react.useRef)(props.id || (0, _utils.generateAlphaNumericId)(21));
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

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

@@ -1 +1 @@
-{"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","nanoid","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 { nanoid } from \"nanoid\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\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 || nanoid());\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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;AAWA;;AACA;;AACA;;;;AAEO,SAASA,QAAT,CAA+BC,QAA/B,EAAsD;EACzD,IAAIA,QAAQ,CAACC,KAAT,KAAmBC,SAAvB,EAAkC;IAC9B,yCAAUF,QAAQ,CAACG,IAAnB,EAA0BH,QAAQ,CAACC,KAAnC;EACH;;EAED,IAAMG,GAAG,GAAG,EAAZ;EACAJ,QAAQ,CAACK,UAAT,CAAoBC,OAApB,CAA4B,UAAAC,IAAI,EAAI;IAChC;IACA,IAAMC,QAAQ,GAAGR,QAAQ,CAACK,UAAT,CAAoBI,MAApB,CAA2B,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACP,IAAF,KAAWI,IAAI,CAACJ,IAApB;IAAA,CAA5B,EAAsDQ,MAAtD,KAAiE,CAAlF;;IACA,IAAIJ,IAAI,CAACN,KAAL,KAAeC,SAAnB,EAA8B;MAC1BE,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,GAAiBK,QAAQ,GAAGD,IAAI,CAACN,KAAR,8CAAqBG,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,IAAkB,EAAvC,IAA4CI,IAAI,CAACN,KAAjD,EAAzB;IACH,CAFD,MAEO;MACH,IAAMW,QAAQ,GAAGb,QAAQ,CAACQ,IAAD,CAAzB;;MAEA,IAAI,CAACC,QAAL,EAAe;QACXJ,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,8CAAsBC,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,IAAkB,EAAxC,IAA6CS,QAAQ,CAACL,IAAI,CAACJ,IAAN,CAArD;MACH,CAFD,MAEO;QACHC,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,GAAiBS,QAAQ,CAACL,IAAI,CAACJ,IAAN,CAAzB;MACH;IACJ;EACJ,CAdD;EAgBA,OAAOC,GAAP;AACH;;AAEM,SAASS,OAAT,CAAiBC,OAAjB,EAAsC;EACzC,OAAOA,OAAO,CAACC,GAAR,CAAY,UAAAX,GAAG;IAAA,OAClBA,GAAG,CAACC,UAAJ,CAAeW,MAAf,CAAsB,UAACC,GAAD,EAAMC,IAAN,EAAe;MACjC,mEAAYD,GAAZ,GAAoBlB,QAAQ,CAACmB,IAAD,CAA5B;IACH,CAFD,EAEG,EAFH,CADkB;EAAA,CAAf,CAAP;AAKH;;AAED,SAASC,eAAT,CAAyBC,WAAzB,EAAkDC,WAAlD,EAA2E;EACvE,IAAMC,IAAgB,8CAAOF,WAAP,oCAAuBC,WAAvB,EAAtB;EAEA,OAAOE,MAAM,CAACC,MAAP,CACHF,IAAI,CAACN,MAAL,CAAY,UAACC,GAAD,EAAMC,IAAN,EAAe;IACvB,mEAAYD,GAAZ,yCAAkBC,IAAI,CAACO,EAAvB,EAA4BP,IAA5B;EACH,CAFD,EAEG,EAFH,CADG,CAAP;AAKH;;AAOD,IAAMQ,eAAe,gBAAG,IAAAC,oBAAA,EAA+B,IAA/B,CAAxB;AACAD,eAAe,CAACE,WAAhB,GAA8B,iBAA9B;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;EACtB,OAAO,IAAAC,iBAAA,EAAWJ,eAAX,CAAP;AACH,CAFD;;AAeA,IAAMK,wBAAwB,gBAAG,IAAAJ,oBAAA,GAAjC;;AAEA,SAASK,OAAT,CAAiB3B,UAAjB,EAAqD;EACjD,OAAOA,UAAU,CACZU,GADE,CACE,UAAAf,QAAQ,EAAI;IACb,IAAI,aAAaA,QAAjB,EAA2B;MACvB,OAAO,IAAP;IACH;;IAED,mEACOA,QADP;MAEIK,UAAU,EAAE2B,OAAO,CAAChC,QAAQ,CAACK,UAAV;IAFvB;EAIH,CAVE,EAWFI,MAXE,CAWKwB,OAXL,CAAP;AAYH;;AAED,IAAMC,KAAK,GAAG,IAAIC,GAAJ,EAAd;;AAQO,IAAMC,iBAA6C,GAAG,SAAhDA,iBAAgD,QAAkC;EAAA,IAA/BjC,IAA+B,SAA/BA,IAA+B;EAAA,IAAzBkC,QAAyB,SAAzBA,QAAyB;EAAA,IAAfC,QAAe,SAAfA,QAAe;EAC3F,IAAMC,GAAG,GAAG,IAAAC,aAAA,EAAON,KAAP,CAAZ;EACA,IAAMO,OAAO,GAAG,IAAAC,cAAA,EACZ;IAAA,OAAO;MACHC,eADG,2BACaC,OADb,EACsB;QACrB,IAAMC,OAAO,GAAGX,KAAK,CAACY,GAAN,CAAU3C,IAAV,KAAmB,EAAnC;QACA,IAAME,UAAU,GAAG2B,OAAO,CAACY,OAAO,CAACC,OAAD,CAAR,CAA1B;QACAX,KAAK,CAACa,GAAN,CAAU5C,IAAV,EAAgBE,UAAhB;QACAgC,QAAQ,CAAChC,UAAD,CAAR;MACH;IANE,CAAP;EAAA,CADY,EASZ,CAACkC,GAAD,CATY,CAAhB;EAYA,oBACI,6BAAC,wBAAD,CAA0B,QAA1B;IAAmC,KAAK,EAAEE;EAA1C,GACKH,QADL,CADJ;AAKH,CAnBM;;;;AA8BA,IAAMU,QAA2B,GAAG,SAA9BA,QAA8B,QAAyC;EAAA,IAAtCV,QAAsC,SAAtCA,QAAsC;EAAA,IAA5BnC,IAA4B,SAA5BA,IAA4B;EAAA,IAAtBF,KAAsB,SAAtBA,KAAsB;EAAA,IAAZgD,KAAY;EAChF,IAAMxB,EAAE,GAAG,IAAAe,aAAA,EAAOS,KAAK,CAACxB,EAAN,IAAY,IAAAyB,6BAAA,EAAuB,EAAvB,CAAnB,CAAX;;EACA,gBAAoC,IAAAC,eAAA,EAAS,EAAT,CAApC;EAAA;EAAA,IAAO9C,UAAP;EAAA,IAAmB+C,aAAnB;;EACA,kBAA4B,IAAAtB,iBAAA,EAAWC,wBAAX,CAA5B;EAAA,IAAQY,eAAR,eAAQA,eAAR;;EACA,IAAMU,cAAc,GAAGxB,WAAW,EAAlC;EAEA,IAAMY,OAAwB,GAAG;IAC7Ba,cAD6B,0BACd7B,EADc,EACF;MACvB2B,aAAa,CAAC,UAAA/C,UAAU,EAAI;QACxB,IAAMkD,KAAK,GAAGlD,UAAU,CAACmD,SAAX,CAAqB,UAAA9C,CAAC;UAAA,OAAIA,CAAC,CAACe,EAAF,KAASA,EAAb;QAAA,CAAtB,CAAd;;QACA,IAAI8B,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,gEAESlD,UAAU,CAACkD,KAAD,CAFnB;YAE4BG,OAAO,EAAE;UAFrC,sCAGOrD,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAHP;QAKH;;QACD,OAAOlD,UAAP;MACH,CAVY,CAAb;IAWH,CAb4B;IAc7BsD,cAd6B,0BAcd3D,QAdc,EAcJ;MACrBoD,aAAa,CAAC,UAAA/C,UAAU,EAAI;QACxB,IAAMkD,KAAK,GAAGlD,UAAU,CAACmD,SAAX,CAAqB,UAAA9C,CAAC;UAAA,OAAIA,CAAC,CAACe,EAAF,KAASzB,QAAQ,CAACyB,EAAtB;QAAA,CAAtB,CAAd;;QACA,IAAI8B,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,gEAESlD,UAAU,CAACkD,KAAD,CAFnB,GAE+BvD,QAF/B,qCAGOK,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAHP;QAKH;;QACD,kDAAWlD,UAAX,IAAuBL,QAAvB;MACH,CAVY,CAAb;IAWH;EA1B4B,CAAjC;;EA6BA,IAAM4D,SAAS,GAAG,SAAZA,SAAY,CAAAlD,CAAC;IAAA,OAAIA,CAAC,CAACe,EAAF,KAASwB,KAAK,CAACxB,EAAnB;EAAA,CAAnB;;EACA,IAAMoC,WAAW,GAAG,SAAdA,WAAc,CAAAnD,CAAC;IAAA,OAAIA,CAAC,CAACP,IAAF,KAAWA,IAAf;EAAA,CAArB;;EAEA,IAAM2D,qBAAqB,GAAG,SAAxBA,qBAAwB,CAAA9D,QAAQ,EAAI;IACtC2C,eAAe,CAAC,UAACtC,UAAD,EAA4B;MACxC;MACA,IAAMkD,KAAK,GAAGlD,UAAU,CAACmD,SAAX,CAAqBP,KAAK,CAACxB,EAAN,GAAWmC,SAAX,GAAuBC,WAA5C,CAAd;;MAEA,IAAIZ,KAAK,CAACc,MAAV,EAAkB;QACd,IAAIR,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,gEAESlD,UAAU,CAACkD,KAAD,CAFnB;YAE4BG,OAAO,EAAE;UAFrC,sCAGOrD,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAHP;QAKH;;QAED,OAAOlD,UAAP;MACH;;MAED,IAAI4C,KAAK,CAACe,OAAV,EAAmB;QACf,IAAIT,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,oCAESvD,QAFT,qCAGOK,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAHP;QAKH;;QAED,kDAAWlD,UAAX,IAAuBL,QAAvB;MACH;;MAED,IAAIiD,KAAK,CAACgB,KAAV,EAAiB;QACb,IAAIV,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,4FAGWlD,UAAU,CAACkD,KAAD,CAHrB,GAIWvD,QAJX;YAKQK,UAAU,EAAEc,eAAe,CACvBd,UAAU,CAACkD,KAAD,CAAV,CAAkBlD,UADK,EAEvBL,QAAQ,CAACK,UAFc;UALnC,sCAUOA,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAVP;QAYH;MACJ;;MAED,kDAAWlD,UAAX,IAAuBL,QAAvB;IACH,CA9Cc,CAAf;EA+CH,CAhDD;;EAkDA,IAAAkE,6BAAA,EAAqB,YAAM;IACvB,IAAMlE,QAAQ,GAAG;MAAEyB,EAAE,EAAEA,EAAE,CAACoB,OAAT;MAAkB1C,IAAI,EAAJA,IAAlB;MAAwBF,KAAK,EAALA,KAAxB;MAA+BI,UAAU,EAAVA;IAA/B,CAAjB;;IAEA,IAAI,CAACgD,cAAL,EAAqB;MACjB,OAAOS,qBAAqB,CAAC9D,QAAD,CAA5B;IACH;;IAEDqD,cAAc,CAACM,cAAf,CAA8B3D,QAA9B;EACH,CARD,EAQG,CAACK,UAAD,CARH;EAUA,IAAA6D,6BAAA,EAAqB,YAAM;IACvB;IACA,IAAIb,cAAJ,EAAoB;MAChB,IAAIJ,KAAK,CAACc,MAAV,EAAkB;QACdV,cAAc,CAACC,cAAf,CAA8B7B,EAAE,CAACoB,OAAjC;MACH,CAFD,MAEO;QACHQ,cAAc,CAACM,cAAf,CAA8B;UAAElC,EAAE,EAAEA,EAAE,CAACoB,OAAT;UAAkB1C,IAAI,EAAJA,IAAlB;UAAwBF,KAAK,EAALA,KAAxB;UAA+BI,UAAU,EAAVA;QAA/B,CAA9B;MACH;IACJ;EACJ,CATD,EASG,CAAC4C,KAAK,CAACc,MAAP,EAAe1D,UAAf,CATH;;EAWA,IAAI,CAACiC,QAAL,EAAe;IACX,OAAO,IAAP;EACH;;EAED,oBAAO,6BAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEG;EAAjC,GAA2CH,QAA3C,CAAP;AACH,CAlHM"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms",
-	"version": "5.32.0",
+	"version": "5.33.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -26,20 +26,20 @@
 		"@fortawesome/react-fontawesome": "0.1.19",
 		"@svgr/webpack": "6.3.1",
 		"@types/react": "17.0.39",
-		"@webiny/app": "5.32.0",
-		"@webiny/app-admin": "5.32.0",
-		"@webiny/app-graphql-playground": "5.32.0",
-		"@webiny/app-i18n": "5.32.0",
-		"@webiny/app-plugin-admin-welcome-screen": "5.32.0",
-		"@webiny/app-security": "5.32.0",
-		"@webiny/error": "5.32.0",
-		"@webiny/form": "5.32.0",
-		"@webiny/plugins": "5.32.0",
-		"@webiny/react-composition": "5.32.0",
-		"@webiny/react-router": "5.32.0",
-		"@webiny/ui": "5.32.0",
-		"@webiny/utils": "5.32.0",
-		"@webiny/validation": "5.32.0",
+		"@webiny/app": "5.33.0-beta.0",
+		"@webiny/app-admin": "5.33.0-beta.0",
+		"@webiny/app-graphql-playground": "5.33.0-beta.0",
+		"@webiny/app-i18n": "5.33.0-beta.0",
+		"@webiny/app-plugin-admin-welcome-screen": "5.33.0-beta.0",
+		"@webiny/app-security": "5.33.0-beta.0",
+		"@webiny/error": "5.33.0-beta.0",
+		"@webiny/form": "5.33.0-beta.0",
+		"@webiny/plugins": "5.33.0-beta.0",
+		"@webiny/react-composition": "5.33.0-beta.0",
+		"@webiny/react-router": "5.33.0-beta.0",
+		"@webiny/ui": "5.33.0-beta.0",
+		"@webiny/utils": "5.33.0-beta.0",
+		"@webiny/validation": "5.33.0-beta.0",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -52,7 +52,6 @@
 		"graphql-tag": "2.12.6",
 		"invariant": "2.2.4",
 		"lodash": "4.17.21",
-		"nanoid": "3.3.4",
 		"pluralize": "8.0.0",
 		"prop-types": "15.8.1",
 		"raw.macro": "0.4.2",
@@ -64,7 +63,6 @@
 		"react-helmet": "6.1.0",
 		"react-hotkeyz": "1.0.4",
 		"react-virtualized": "9.22.3",
-		"shortid": "2.2.16",
 		"timeago-react": "2.0.1",
 		"use-deep-compare-effect": "1.8.1"
 	},
@@ -74,12 +72,11 @@
 		"@babel/preset-env": "^7.16.4",
 		"@babel/preset-react": "^7.16.0",
 		"@babel/preset-typescript": "^7.16.0",
-		"@webiny/cli": "^5.32.0",
-		"@webiny/project-utils": "^5.32.0",
+		"@webiny/cli": "^5.33.0-beta.0",
+		"@webiny/project-utils": "^5.33.0-beta.0",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"babel-plugin-module-resolver": "^4.1.0",
-		"execa": "^5.0.0",
 		"rimraf": "^3.0.2",
 		"ttypescript": "^1.5.12",
 		"typescript": "4.7.4"
@@ -107,5 +104,5 @@
 			]
 		}
 	},
-	"gitHead": "1227aa53c68afa4ccd518c8a4344195a2b8e354b"
+	"gitHead": "8809a70796e5117e92416d6859c1f5dcae2a8c98"
 }

package/types.d.ts

@@ -250,6 +250,7 @@ export declare type CmsEditorField<T = unknown> = T & {
     id: string;
     type: string;
     fieldId: CmsEditorFieldId;
+    storageId?: string;
     label?: string;
     helpText?: string;
     placeholderText?: string;

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ReactElement, ReactNode } from \"react\";\nimport {\n    FormRenderPropParams,\n    FormAPI,\n    BindComponent as BaseBindComponent,\n    BindComponentRenderProp as BaseBindComponentRenderProp,\n    BindComponentProps as BaseBindComponentProps\n} from \"@webiny/form\";\nimport { ApolloClient } from \"apollo-client\";\nimport { IconPrefix, IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport Label from \"./admin/components/ContentEntryForm/Label\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\ninterface QueryFieldParams {\n    field: CmsEditorField;\n}\n\nexport interface CmsEditorFieldTypePlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-type\";\n    field: {\n        /**\n         * A unique identifier of the field type (text, number, json, myField, ...).\n         *\n         * ```ts\n         * type: \"myField\"\n         * ```\n         */\n        type: string;\n        /**\n         * A display name for the field.\n         *\n         * ```ts\n         * label: \"Field name\"\n         * ```\n         */\n        label: string;\n        /**\n         * A list of available validators for the model field.\n         *\n         * ```ts\n         * validators: [\n         *     \"required\",\n         *     \"gte\",\n         *     \"lte\"\n         * ]\n         * ```\n         */\n        validators?: string[];\n        /**\n         * A list of available validators when a model field accepts a list (array) of values.\n         *\n         * ```ts\n         * listValidators: [\n         *     \"minLength\",\n         *     \"maxLength\"\n         * ]\n         * ```\n         */\n        listValidators?: string[];\n        /**\n         * An explanation of the field displayed beneath the label.\n         *\n         * ```ts\n         * description: \"A short description of the field\"\n         * ```\n         */\n        description: string;\n        /**\n         * A ReactNode to display the icon for the field.\n         *\n         * ```tsx\n         * icon: <MyIconComponent />\n         * ```\n         */\n        icon: React.ReactNode;\n        /**\n         * Is it allowed to have multiple values in this field?\n         *\n         * ```ts\n         * allowMultipleValues: true\n         * ```\n         */\n        allowMultipleValues: boolean;\n        /**\n         * Does this field type have a fixed list of values that can be selected?\n         *\n         * ```ts\n         * allowPredefinedValues: false\n         * ```\n         */\n        allowPredefinedValues: boolean;\n        /**\n         * A ReactNode label when multiple values are enabled.\n         */\n        multipleValuesLabel: React.ReactNode;\n        /**\n         * These are default values when the field is first created. This is a representation of the field that is stored in the database.\n         *\n         * ```ts\n         * createField: () => ({\n         *     type: \"fieldType\",\n         *     validation: [],\n         *     renderer: {\n         *         name: \"fieldTypeRenderer\"\n         *     }\n         * })\n         * ```\n         */\n        createField: () => Pick<CmsEditorField, \"type\" | \"validation\" | \"renderer\" | \"settings\">;\n        /**\n         * A ReactNode that you can add in the section below the help text when creating/editing field.\n         *\n         * ```tsx\n         * renderSettings: (params) => {\n         *     return <FieldSettingsComponent />;\n         * }\n         * ```\n         */\n        renderSettings?: (params: {\n            form: FormRenderPropParams;\n            afterChangeLabel: (value: string) => void;\n            uniqueFieldIdValidator: (fieldId: string) => void;\n            contentModel: CmsEditorContentModel;\n        }) => React.ReactNode;\n        /**\n         * A ReactNode that renders in the Predefined values tab.\n         *\n         * ```tsx\n         * renderPredefinedValues: (params) => {\n         *     const {form: {Bind}} = params;\n         *     return (\n         *         <Bind name=\"fieldProperty\">\n         *             <InputComponent />\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        renderPredefinedValues?: (params: {\n            form: FormRenderPropParams;\n            field: CmsEditorField;\n            getBind: (index?: number) => any;\n        }) => React.ReactElement;\n        /**\n         * Object wrapper for GraphQL stuff\n         */\n        graphql?: {\n            /**\n             * Define field selection.\n             *\n             * ```ts\n             * graphql: {\n             *     queryField: `\n             *         {\n             *             id\n             *             title\n             *             createdOn\n             *         }\n             *     `,\n             * }\n             * ```\n             */\n            queryField?: string | ((params: QueryFieldParams) => string);\n        };\n        render?(params: any): React.ReactElement;\n    };\n}\n\nexport interface CmsEditorFieldRendererProps {\n    field: CmsEditorField;\n    Label: typeof Label;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport interface CmsEditorFieldRendererPlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-renderer\";\n    renderer: {\n        /**\n         * Name of the renderer to match the one from `createField()` method in `CmsEditorFieldTypePlugin`.\n         *\n         * ```ts\n         * renderName: \"myFieldTypeRenderer\"\n         * ```\n         */\n        rendererName: string;\n        /**\n         * A display name for the field in the UI. It is a `ReactNode` type so you can return a component if you want to.\n         *\n         * ```tsx\n         * name: <MyFieldNameComponent />\n         * ```\n         */\n        name: React.ReactNode;\n        /**\n         * A description for the field in the UI. Works exactly like the `name` property.\n         *\n         * ```tsx\n         * name: <MyFieldDescriptionComponent />\n         * ```\n         */\n        description: React.ReactNode;\n        /**\n         * A method that determines if the field can be rendered by this plugin.\n         *\n         * ```ts\n         * canUse({ field }) {\n         *     return (\n         *         field.type === \"myType\" && !field.multipleValues\n         *     );\n         * }\n         * ```\n         */\n        canUse(props: { field: CmsEditorField }): boolean;\n        /**\n         * Renders a field in the UI.\n         *\n         * ```tsx\n         * render({ field, getBind }) {\n         *     const Bind = getBind();\n         *\n         *     return (\n         *         <Bind>\n         *             {bind => {\n         *                 return (\n         *                     <Input\n         *                         value={bind.value}\n         *                         onChange={bind.onChange}\n         *                     />\n         *                 )\n         *             }}\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        render(props: CmsEditorFieldRendererProps): React.ReactNode;\n    };\n}\n\nexport interface CmsEditorFieldPredefinedValuesEntry {\n    label: string;\n    value: string;\n    selected?: boolean;\n}\n\nexport interface CmsEditorFieldPredefinedValues {\n    enabled: boolean;\n    values: CmsEditorFieldPredefinedValuesEntry[];\n}\n\nexport type CmsEditorField<T = unknown> = T & {\n    id: string;\n    type: string;\n    fieldId: CmsEditorFieldId;\n    label?: string;\n    helpText?: string;\n    placeholderText?: string;\n    validation?: CmsEditorFieldValidator[];\n    listValidation?: CmsEditorFieldValidator[];\n    multipleValues?: boolean;\n    predefinedValues?: CmsEditorFieldPredefinedValues;\n    settings?: {\n        defaultValue?: string | null | undefined;\n        defaultSetValue?: string;\n        type?: string;\n        fields?: CmsEditorField<any>[];\n        layout?: string[][];\n        models?: Pick<CmsModel, \"modelId\" | \"name\">[];\n        imagesOnly?: boolean;\n        [key: string]: any;\n    };\n    renderer: {\n        name: string;\n    };\n};\n\nexport type CmsEditorFieldId = string;\nexport type CmsEditorFieldsLayout = CmsEditorFieldId[][];\n\nexport interface CmsEditorContentModel {\n    id: string;\n    group: Pick<CmsGroup, \"id\" | \"name\">;\n    description?: string;\n    version: number;\n    layout?: CmsEditorFieldsLayout;\n    fields: CmsEditorField[];\n    lockedFields: CmsEditorField[];\n    name: string;\n    modelId: string;\n    titleFieldId: string;\n    settings: {\n        [key: string]: any;\n    };\n    status: string;\n    savedOn: string;\n    meta: any;\n    createdBy: CmsCreatedBy;\n    /**\n     * If model is a plugin one (it cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n\nexport type CmsContentEntryStatusType =\n    | \"draft\"\n    | \"published\"\n    | \"unpublished\"\n    | \"changesRequested\"\n    | \"reviewRequested\";\n\nexport interface CmsEditorContentEntry {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n    [key: string]: any;\n}\n\nexport interface CmsContentEntryRevision {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n}\n\nexport interface CmsEditorFieldValidator {\n    name: string;\n    message: string;\n    settings: any;\n}\n\nexport interface CmsEditorFieldValidatorPluginValidator {\n    name: string;\n    label: string;\n    description: string;\n    defaultMessage: string;\n    defaultSettings?: Record<string, any>;\n    renderSettings?: (props: {\n        field: CmsEditorField;\n        Bind: BindComponent;\n        setValue: (name: string, value: any) => void;\n        setMessage: (message: string) => void;\n        data: CmsEditorFieldValidator;\n    }) => React.ReactElement;\n}\nexport interface CmsEditorFieldValidatorPlugin extends Plugin {\n    type: \"cms-editor-field-validator\";\n    validator: CmsEditorFieldValidatorPluginValidator;\n}\n\nexport type CmsEditorContentTab = React.FC<{ activeTab: boolean }>;\n\n// ------------------------------------------------------------------------------------------------------------\nexport interface CmsEditorFieldOptionPlugin extends Plugin {\n    type: \"cms-editor-field-option\";\n    render(): ReactElement;\n}\n\nexport interface CmsContentDetailsPlugin extends Plugin {\n    render: (params: any) => ReactNode;\n}\n\nexport interface CmsContentDetailsRevisionContentPlugin extends Plugin {\n    type: \"cms-content-details-revision-content\";\n    render(params: any): ReactElement;\n}\n\nexport interface CmsEditorFieldValidatorPatternPlugin extends Plugin {\n    type: \"cms-editor-field-validator-pattern\";\n    pattern: {\n        name: string;\n        message: string;\n        label: string;\n    };\n}\n\nexport interface CmsFieldValidator {\n    name: string;\n    message: any;\n    settings: any;\n}\n\nexport interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {\n    type: \"cms-model-field-validator\";\n    validator: {\n        name: string;\n        validate: (value: T, validator: CmsFieldValidator) => Promise<any>;\n    };\n}\n\n/**\n * @category Plugin\n * @category ContentModelField\n * @category FieldValidation\n */\nexport interface CmsModelFieldValidatorPatternPlugin extends Plugin {\n    /**\n     * A plugin type\n     */\n    type: \"cms-model-field-validator-pattern\";\n    /**\n     * A pattern object for the validator.\n     */\n    pattern: {\n        /**\n         * name of the pattern.\n         */\n        name: string;\n        /**\n         * RegExp of the validator.\n         */\n        regex: string;\n        /**\n         * RegExp flags\n         */\n        flags: string;\n    };\n}\n\nexport interface FieldLayoutPosition {\n    row: number;\n    index: number | null;\n}\n\nexport interface CmsEditorFormSettingsPlugin extends Plugin {\n    type: \"cms-editor-form-settings\";\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    render(props: { Bind: BaseBindComponent; form: FormAPI; formData: any }): React.ReactNode;\n    renderHeaderActions?(props: {\n        Bind: BaseBindComponent;\n        form: FormAPI;\n        formData: any;\n    }): React.ReactNode;\n}\n\nexport interface CmsIcon {\n    /**\n     * [ pack, icon ], ex: [\"fab\", \"cog\"]\n     */\n    id: [IconPrefix, IconName];\n    /**\n     * Icon name\n     */\n    name: string;\n    /**\n     * SVG element\n     */\n    svg: ReactElement;\n}\n\nexport interface CmsIconsPlugin extends Plugin {\n    type: \"cms-icons\";\n    getIcons(): CmsIcon[];\n}\n\nexport interface UseContentModelEditorReducerState {\n    apolloClient: ApolloClient<any>;\n    id: string;\n}\n\n/**\n * Transform field value when sending data to the API.\n */\nexport interface CmsFieldValueTransformer extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-field-value-transformer\";\n    /**\n     * A field type for the value transformer. Or a list of field types.\n     */\n    fieldType: string | string[];\n    /**\n     * A transformer function that takes a value and returns a new one.\n     */\n    transform: (value: any, field: CmsEditorField) => any;\n}\n\n/**\n * Define a custom form layout renderer for a specific content model.\n */\nexport interface CmsContentFormRendererPlugin extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-content-form-renderer\";\n    /**\n     * Content model ID that will use this renderer.\n     */\n    modelId: string;\n\n    /**\n     * A function that will render a custom form layout.\n     */\n    render(props: {\n        /**\n         * Content model that is being rendered.\n         */\n        contentModel: CmsEditorContentModel;\n        /**\n         * Content entry data handled by the Form element.\n         */\n        data: Record<string, any>;\n        /**\n         * A component to bind data to the Form.\n         */\n        Bind: BindComponent;\n        /**\n         * Content model fields to render.\n         */\n        fields: Record<string, React.ReactElement>;\n    }): React.ReactNode;\n}\n/**\n * #########################\n * Data types\n * #########################\n */\nexport interface CmsSecurityPermission extends SecurityPermission {\n    accessLevel?: \"full\" | \"no\" | \"custom\";\n    models?: Record<string, string>;\n    groups?: Record<string, string>;\n    endpoints?: string[];\n    locales?: string[];\n    rwd?: string;\n    own?: boolean;\n    pw?: string;\n}\nexport interface CmsCreatedBy {\n    id: string;\n    displayName: string;\n    type: string;\n}\n/**\n * @category GraphQL\n * @category Model\n */\nexport type CmsModel = CmsEditorContentModel;\n/**\n * @category GraphQL\n * @category Group\n */\nexport interface CmsGroup {\n    id: string;\n    name: string;\n    slug: string;\n    icon?: string;\n    description?: string;\n    contentModels: CmsModel[];\n    createdBy: CmsCreatedBy;\n    /**\n     * Tells if this group is a plugin one (cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n/**\n * @category GraphQL\n * @category Error\n */\nexport interface CmsErrorResponse {\n    message: string;\n    code: string;\n    data: Record<string, any> | Record<string, any>[];\n}\n/**\n * @category GraphQL\n * @category Meta\n */\nexport interface CmsMetaResponse {\n    totalCount: number;\n    cursor: string | null;\n    hasMoreItems: boolean;\n}\n\n/***\n * ###### FORM ########\n */\nexport interface BindComponentRenderProp extends BaseBindComponentRenderProp {\n    parentName: string;\n    appendValue: (value: any) => void;\n    prependValue: (value: any) => void;\n    appendValues: (values: any[]) => void;\n    removeValue: (index: number) => void;\n    moveValueUp: (index: number) => void;\n    moveValueDown: (index: number) => void;\n}\n\ninterface BindComponentProps extends Omit<BaseBindComponentProps, \"children\" | \"name\"> {\n    name?: string;\n    children?: ((props: BindComponentRenderProp) => React.ReactElement) | React.ReactElement;\n}\n\nexport type BindComponent = React.FC<BindComponentProps> & {\n    parentName?: string;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ReactElement, ReactNode } from \"react\";\nimport {\n    FormRenderPropParams,\n    FormAPI,\n    BindComponent as BaseBindComponent,\n    BindComponentRenderProp as BaseBindComponentRenderProp,\n    BindComponentProps as BaseBindComponentProps\n} from \"@webiny/form\";\nimport { ApolloClient } from \"apollo-client\";\nimport { IconPrefix, IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport Label from \"./admin/components/ContentEntryForm/Label\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\ninterface QueryFieldParams {\n    field: CmsEditorField;\n}\n\nexport interface CmsEditorFieldTypePlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-type\";\n    field: {\n        /**\n         * A unique identifier of the field type (text, number, json, myField, ...).\n         *\n         * ```ts\n         * type: \"myField\"\n         * ```\n         */\n        type: string;\n        /**\n         * A display name for the field.\n         *\n         * ```ts\n         * label: \"Field name\"\n         * ```\n         */\n        label: string;\n        /**\n         * A list of available validators for the model field.\n         *\n         * ```ts\n         * validators: [\n         *     \"required\",\n         *     \"gte\",\n         *     \"lte\"\n         * ]\n         * ```\n         */\n        validators?: string[];\n        /**\n         * A list of available validators when a model field accepts a list (array) of values.\n         *\n         * ```ts\n         * listValidators: [\n         *     \"minLength\",\n         *     \"maxLength\"\n         * ]\n         * ```\n         */\n        listValidators?: string[];\n        /**\n         * An explanation of the field displayed beneath the label.\n         *\n         * ```ts\n         * description: \"A short description of the field\"\n         * ```\n         */\n        description: string;\n        /**\n         * A ReactNode to display the icon for the field.\n         *\n         * ```tsx\n         * icon: <MyIconComponent />\n         * ```\n         */\n        icon: React.ReactNode;\n        /**\n         * Is it allowed to have multiple values in this field?\n         *\n         * ```ts\n         * allowMultipleValues: true\n         * ```\n         */\n        allowMultipleValues: boolean;\n        /**\n         * Does this field type have a fixed list of values that can be selected?\n         *\n         * ```ts\n         * allowPredefinedValues: false\n         * ```\n         */\n        allowPredefinedValues: boolean;\n        /**\n         * A ReactNode label when multiple values are enabled.\n         */\n        multipleValuesLabel: React.ReactNode;\n        /**\n         * These are default values when the field is first created. This is a representation of the field that is stored in the database.\n         *\n         * ```ts\n         * createField: () => ({\n         *     type: \"fieldType\",\n         *     validation: [],\n         *     renderer: {\n         *         name: \"fieldTypeRenderer\"\n         *     }\n         * })\n         * ```\n         */\n        createField: () => Pick<CmsEditorField, \"type\" | \"validation\" | \"renderer\" | \"settings\">;\n        /**\n         * A ReactNode that you can add in the section below the help text when creating/editing field.\n         *\n         * ```tsx\n         * renderSettings: (params) => {\n         *     return <FieldSettingsComponent />;\n         * }\n         * ```\n         */\n        renderSettings?: (params: {\n            form: FormRenderPropParams;\n            afterChangeLabel: (value: string) => void;\n            uniqueFieldIdValidator: (fieldId: string) => void;\n            contentModel: CmsEditorContentModel;\n        }) => React.ReactNode;\n        /**\n         * A ReactNode that renders in the Predefined values tab.\n         *\n         * ```tsx\n         * renderPredefinedValues: (params) => {\n         *     const {form: {Bind}} = params;\n         *     return (\n         *         <Bind name=\"fieldProperty\">\n         *             <InputComponent />\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        renderPredefinedValues?: (params: {\n            form: FormRenderPropParams;\n            field: CmsEditorField;\n            getBind: (index?: number) => any;\n        }) => React.ReactElement;\n        /**\n         * Object wrapper for GraphQL stuff\n         */\n        graphql?: {\n            /**\n             * Define field selection.\n             *\n             * ```ts\n             * graphql: {\n             *     queryField: `\n             *         {\n             *             id\n             *             title\n             *             createdOn\n             *         }\n             *     `,\n             * }\n             * ```\n             */\n            queryField?: string | ((params: QueryFieldParams) => string);\n        };\n        render?(params: any): React.ReactElement;\n    };\n}\n\nexport interface CmsEditorFieldRendererProps {\n    field: CmsEditorField;\n    Label: typeof Label;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport interface CmsEditorFieldRendererPlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-renderer\";\n    renderer: {\n        /**\n         * Name of the renderer to match the one from `createField()` method in `CmsEditorFieldTypePlugin`.\n         *\n         * ```ts\n         * renderName: \"myFieldTypeRenderer\"\n         * ```\n         */\n        rendererName: string;\n        /**\n         * A display name for the field in the UI. It is a `ReactNode` type so you can return a component if you want to.\n         *\n         * ```tsx\n         * name: <MyFieldNameComponent />\n         * ```\n         */\n        name: React.ReactNode;\n        /**\n         * A description for the field in the UI. Works exactly like the `name` property.\n         *\n         * ```tsx\n         * name: <MyFieldDescriptionComponent />\n         * ```\n         */\n        description: React.ReactNode;\n        /**\n         * A method that determines if the field can be rendered by this plugin.\n         *\n         * ```ts\n         * canUse({ field }) {\n         *     return (\n         *         field.type === \"myType\" && !field.multipleValues\n         *     );\n         * }\n         * ```\n         */\n        canUse(props: { field: CmsEditorField }): boolean;\n        /**\n         * Renders a field in the UI.\n         *\n         * ```tsx\n         * render({ field, getBind }) {\n         *     const Bind = getBind();\n         *\n         *     return (\n         *         <Bind>\n         *             {bind => {\n         *                 return (\n         *                     <Input\n         *                         value={bind.value}\n         *                         onChange={bind.onChange}\n         *                     />\n         *                 )\n         *             }}\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        render(props: CmsEditorFieldRendererProps): React.ReactNode;\n    };\n}\n\nexport interface CmsEditorFieldPredefinedValuesEntry {\n    label: string;\n    value: string;\n    selected?: boolean;\n}\n\nexport interface CmsEditorFieldPredefinedValues {\n    enabled: boolean;\n    values: CmsEditorFieldPredefinedValuesEntry[];\n}\n\nexport type CmsEditorField<T = unknown> = T & {\n    id: string;\n    type: string;\n    fieldId: CmsEditorFieldId;\n    storageId?: string;\n    label?: string;\n    helpText?: string;\n    placeholderText?: string;\n    validation?: CmsEditorFieldValidator[];\n    listValidation?: CmsEditorFieldValidator[];\n    multipleValues?: boolean;\n    predefinedValues?: CmsEditorFieldPredefinedValues;\n    settings?: {\n        defaultValue?: string | null | undefined;\n        defaultSetValue?: string;\n        type?: string;\n        fields?: CmsEditorField<any>[];\n        layout?: string[][];\n        models?: Pick<CmsModel, \"modelId\" | \"name\">[];\n        imagesOnly?: boolean;\n        [key: string]: any;\n    };\n    renderer: {\n        name: string;\n    };\n};\n\nexport type CmsEditorFieldId = string;\nexport type CmsEditorFieldsLayout = CmsEditorFieldId[][];\n\nexport interface CmsEditorContentModel {\n    id: string;\n    group: Pick<CmsGroup, \"id\" | \"name\">;\n    description?: string;\n    version: number;\n    layout?: CmsEditorFieldsLayout;\n    fields: CmsEditorField[];\n    lockedFields: CmsEditorField[];\n    name: string;\n    modelId: string;\n    titleFieldId: string;\n    settings: {\n        [key: string]: any;\n    };\n    status: string;\n    savedOn: string;\n    meta: any;\n    createdBy: CmsCreatedBy;\n    /**\n     * If model is a plugin one (it cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n\nexport type CmsContentEntryStatusType =\n    | \"draft\"\n    | \"published\"\n    | \"unpublished\"\n    | \"changesRequested\"\n    | \"reviewRequested\";\n\nexport interface CmsEditorContentEntry {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n    [key: string]: any;\n}\n\nexport interface CmsContentEntryRevision {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n}\n\nexport interface CmsEditorFieldValidator {\n    name: string;\n    message: string;\n    settings: any;\n}\n\nexport interface CmsEditorFieldValidatorPluginValidator {\n    name: string;\n    label: string;\n    description: string;\n    defaultMessage: string;\n    defaultSettings?: Record<string, any>;\n    renderSettings?: (props: {\n        field: CmsEditorField;\n        Bind: BindComponent;\n        setValue: (name: string, value: any) => void;\n        setMessage: (message: string) => void;\n        data: CmsEditorFieldValidator;\n    }) => React.ReactElement;\n}\nexport interface CmsEditorFieldValidatorPlugin extends Plugin {\n    type: \"cms-editor-field-validator\";\n    validator: CmsEditorFieldValidatorPluginValidator;\n}\n\nexport type CmsEditorContentTab = React.FC<{ activeTab: boolean }>;\n\n// ------------------------------------------------------------------------------------------------------------\nexport interface CmsEditorFieldOptionPlugin extends Plugin {\n    type: \"cms-editor-field-option\";\n    render(): ReactElement;\n}\n\nexport interface CmsContentDetailsPlugin extends Plugin {\n    render: (params: any) => ReactNode;\n}\n\nexport interface CmsContentDetailsRevisionContentPlugin extends Plugin {\n    type: \"cms-content-details-revision-content\";\n    render(params: any): ReactElement;\n}\n\nexport interface CmsEditorFieldValidatorPatternPlugin extends Plugin {\n    type: \"cms-editor-field-validator-pattern\";\n    pattern: {\n        name: string;\n        message: string;\n        label: string;\n    };\n}\n\nexport interface CmsFieldValidator {\n    name: string;\n    message: any;\n    settings: any;\n}\n\nexport interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {\n    type: \"cms-model-field-validator\";\n    validator: {\n        name: string;\n        validate: (value: T, validator: CmsFieldValidator) => Promise<any>;\n    };\n}\n\n/**\n * @category Plugin\n * @category ContentModelField\n * @category FieldValidation\n */\nexport interface CmsModelFieldValidatorPatternPlugin extends Plugin {\n    /**\n     * A plugin type\n     */\n    type: \"cms-model-field-validator-pattern\";\n    /**\n     * A pattern object for the validator.\n     */\n    pattern: {\n        /**\n         * name of the pattern.\n         */\n        name: string;\n        /**\n         * RegExp of the validator.\n         */\n        regex: string;\n        /**\n         * RegExp flags\n         */\n        flags: string;\n    };\n}\n\nexport interface FieldLayoutPosition {\n    row: number;\n    index: number | null;\n}\n\nexport interface CmsEditorFormSettingsPlugin extends Plugin {\n    type: \"cms-editor-form-settings\";\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    render(props: { Bind: BaseBindComponent; form: FormAPI; formData: any }): React.ReactNode;\n    renderHeaderActions?(props: {\n        Bind: BaseBindComponent;\n        form: FormAPI;\n        formData: any;\n    }): React.ReactNode;\n}\n\nexport interface CmsIcon {\n    /**\n     * [ pack, icon ], ex: [\"fab\", \"cog\"]\n     */\n    id: [IconPrefix, IconName];\n    /**\n     * Icon name\n     */\n    name: string;\n    /**\n     * SVG element\n     */\n    svg: ReactElement;\n}\n\nexport interface CmsIconsPlugin extends Plugin {\n    type: \"cms-icons\";\n    getIcons(): CmsIcon[];\n}\n\nexport interface UseContentModelEditorReducerState {\n    apolloClient: ApolloClient<any>;\n    id: string;\n}\n\n/**\n * Transform field value when sending data to the API.\n */\nexport interface CmsFieldValueTransformer extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-field-value-transformer\";\n    /**\n     * A field type for the value transformer. Or a list of field types.\n     */\n    fieldType: string | string[];\n    /**\n     * A transformer function that takes a value and returns a new one.\n     */\n    transform: (value: any, field: CmsEditorField) => any;\n}\n\n/**\n * Define a custom form layout renderer for a specific content model.\n */\nexport interface CmsContentFormRendererPlugin extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-content-form-renderer\";\n    /**\n     * Content model ID that will use this renderer.\n     */\n    modelId: string;\n\n    /**\n     * A function that will render a custom form layout.\n     */\n    render(props: {\n        /**\n         * Content model that is being rendered.\n         */\n        contentModel: CmsEditorContentModel;\n        /**\n         * Content entry data handled by the Form element.\n         */\n        data: Record<string, any>;\n        /**\n         * A component to bind data to the Form.\n         */\n        Bind: BindComponent;\n        /**\n         * Content model fields to render.\n         */\n        fields: Record<string, React.ReactElement>;\n    }): React.ReactNode;\n}\n/**\n * #########################\n * Data types\n * #########################\n */\nexport interface CmsSecurityPermission extends SecurityPermission {\n    accessLevel?: \"full\" | \"no\" | \"custom\";\n    models?: Record<string, string>;\n    groups?: Record<string, string>;\n    endpoints?: string[];\n    locales?: string[];\n    rwd?: string;\n    own?: boolean;\n    pw?: string;\n}\nexport interface CmsCreatedBy {\n    id: string;\n    displayName: string;\n    type: string;\n}\n/**\n * @category GraphQL\n * @category Model\n */\nexport type CmsModel = CmsEditorContentModel;\n/**\n * @category GraphQL\n * @category Group\n */\nexport interface CmsGroup {\n    id: string;\n    name: string;\n    slug: string;\n    icon?: string;\n    description?: string;\n    contentModels: CmsModel[];\n    createdBy: CmsCreatedBy;\n    /**\n     * Tells if this group is a plugin one (cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n/**\n * @category GraphQL\n * @category Error\n */\nexport interface CmsErrorResponse {\n    message: string;\n    code: string;\n    data: Record<string, any> | Record<string, any>[];\n}\n/**\n * @category GraphQL\n * @category Meta\n */\nexport interface CmsMetaResponse {\n    totalCount: number;\n    cursor: string | null;\n    hasMoreItems: boolean;\n}\n\n/***\n * ###### FORM ########\n */\nexport interface BindComponentRenderProp extends BaseBindComponentRenderProp {\n    parentName: string;\n    appendValue: (value: any) => void;\n    prependValue: (value: any) => void;\n    appendValues: (values: any[]) => void;\n    removeValue: (index: number) => void;\n    moveValueUp: (index: number) => void;\n    moveValueDown: (index: number) => void;\n}\n\ninterface BindComponentProps extends Omit<BaseBindComponentProps, \"children\" | \"name\"> {\n    name?: string;\n    children?: ((props: BindComponentRenderProp) => React.ReactElement) | React.ReactElement;\n}\n\nexport type BindComponent = React.FC<BindComponentProps> & {\n    parentName?: string;\n};\n"],"mappings":""}