@webiny/app-headless-cms 5.40.0-beta.3 → 5.40.0-beta.4

package/admin/components/ContentEntryForm/useBind.js

@@ -14,6 +14,7 @@ var _createValidators = require("../../../utils/createValidators");
 var createFieldCacheKey = function createFieldCacheKey(field) {
   return [field.id, field.fieldId, JSON.stringify(field.validation), JSON.stringify(field.listValidation)].join(";");
 };
+var emptyValidators = [];
 function useBind(_ref) {
   var Bind = _ref.Bind,
     field = _ref.field;
@@ -33,8 +34,8 @@ function useBind(_ref) {
     if (memoizedBindComponents.current[componentId]) {
       return memoizedBindComponents.current[componentId];
     }
-    var validators = (0, _createValidators.createValidators)(field, field.validation || []);
-    var listValidators = (0, _createValidators.createValidators)(field, field.listValidation || []);
+    var validators = (0, _createValidators.createValidators)(field, field.validation || emptyValidators);
+    var listValidators = (0, _createValidators.createValidators)(field, field.listValidation || emptyValidators);
     var defaultValue = undefined;
     var isMultipleValues = index === -1 && field.multipleValues;
     var inputValidators = isMultipleValues ? listValidators : validators;

package/admin/components/ContentEntryForm/useBind.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_createValidators","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","useBind","_ref","Bind","memoizedBindComponents","useRef","cacheKey","form","useForm","useCallback","index","arguments","length","undefined","parentName","name","filter","v","componentId","concat","current","validators","createValidators","listValidators","defaultValue","isMultipleValues","multipleValues","inputValidators","UseBind","params","childName","childValidators","children","default","createElement","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","element","cloneElement","displayName"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, useCallback, cloneElement } from \"react\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/types\";\n\ninterface UseBindProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nexport function useBind({ Bind, field }: UseBindProps) {\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return useCallback(\n        (index = -1) => {\n            const { parentName } = Bind;\n\n            // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n            // This allows us to have nested fields (like \"object\" field with nested properties)\n            const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n                .filter(v => v !== undefined)\n                .join(\".\");\n\n            const componentId = `${name};${cacheKey}`;\n\n            if (memoizedBindComponents.current[componentId]) {\n                return memoizedBindComponents.current[componentId];\n            }\n\n            const validators = createValidators(field, field.validation || []);\n            const listValidators = createValidators(field, field.listValidation || []);\n            const defaultValue: string[] | undefined = undefined;\n            const isMultipleValues = index === -1 && field.multipleValues;\n            const inputValidators = isMultipleValues ? listValidators : validators;\n\n            memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n                const { name: childName, validators: childValidators, children } = params;\n\n                return (\n                    <Bind\n                        name={childName || name}\n                        validators={childValidators || inputValidators}\n                        defaultValue={index === -1 ? defaultValue : null}\n                    >\n                        {bind => {\n                            // Multiple-values functions below.\n                            const props = { ...bind };\n                            if (field.multipleValues && index === -1) {\n                                props.appendValue = (newValue: any, index?: number) => {\n                                    const currentValue = bind.value || [];\n                                    const newIndex = index ?? currentValue.length;\n\n                                    bind.onChange([\n                                        ...currentValue.slice(0, newIndex),\n                                        newValue,\n                                        ...currentValue.slice(newIndex)\n                                    ]);\n                                };\n                                props.prependValue = (newValue: any) => {\n                                    bind.onChange([newValue, ...(bind.value || [])]);\n                                };\n                                props.appendValues = (newValues: any[]) => {\n                                    bind.onChange([...(bind.value || []), ...newValues]);\n                                };\n\n                                props.removeValue = (index: number) => {\n                                    if (index < 0) {\n                                        return;\n                                    }\n                                    let value = bind.value;\n                                    value = [...value.slice(0, index), ...value.slice(index + 1)];\n\n                                    bind.onChange(value);\n\n                                    // To make sure the field is still valid, we must trigger validation.\n                                    form.validateInput(field.fieldId);\n                                };\n\n                                props.moveValueUp = (index: number) => {\n                                    if (index <= 0) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index - 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n\n                                props.moveValueDown = (index: number) => {\n                                    if (index >= bind.value.length) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index + 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n                            }\n\n                            const element =\n                                typeof children === \"function\"\n                                    ? children(props)\n                                    : cloneElement(children, props);\n\n                            return element;\n                        }}\n                    </Bind>\n                );\n            } as BindComponent;\n\n            // We need to keep track of current field name, to support nested fields.\n            memoizedBindComponents.current[componentId].parentName = name;\n            memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n\n            return memoizedBindComponents.current[componentId];\n        },\n        [field.fieldId, cacheKey]\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_createValidators","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","_ref","Bind","memoizedBindComponents","useRef","cacheKey","form","useForm","useCallback","index","arguments","length","undefined","parentName","name","filter","v","componentId","concat","current","validators","createValidators","listValidators","defaultValue","isMultipleValues","multipleValues","inputValidators","UseBind","params","childName","childValidators","children","default","createElement","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","element","cloneElement","displayName"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, useCallback, cloneElement } from \"react\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/types\";\n\ninterface UseBindProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind, field }: UseBindProps) {\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return useCallback(\n        (index = -1) => {\n            const { parentName } = Bind;\n\n            // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n            // This allows us to have nested fields (like \"object\" field with nested properties)\n            const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n                .filter(v => v !== undefined)\n                .join(\".\");\n\n            const componentId = `${name};${cacheKey}`;\n\n            if (memoizedBindComponents.current[componentId]) {\n                return memoizedBindComponents.current[componentId];\n            }\n\n            const validators = createValidators(field, field.validation || emptyValidators);\n            const listValidators = createValidators(field, field.listValidation || emptyValidators);\n            const defaultValue: string[] | undefined = undefined;\n            const isMultipleValues = index === -1 && field.multipleValues;\n            const inputValidators = isMultipleValues ? listValidators : validators;\n\n            memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n                const { name: childName, validators: childValidators, children } = params;\n\n                return (\n                    <Bind\n                        name={childName || name}\n                        validators={childValidators || inputValidators}\n                        defaultValue={index === -1 ? defaultValue : null}\n                    >\n                        {bind => {\n                            // Multiple-values functions below.\n                            const props = { ...bind };\n                            if (field.multipleValues && index === -1) {\n                                props.appendValue = (newValue: any, index?: number) => {\n                                    const currentValue = bind.value || [];\n                                    const newIndex = index ?? currentValue.length;\n\n                                    bind.onChange([\n                                        ...currentValue.slice(0, newIndex),\n                                        newValue,\n                                        ...currentValue.slice(newIndex)\n                                    ]);\n                                };\n                                props.prependValue = (newValue: any) => {\n                                    bind.onChange([newValue, ...(bind.value || [])]);\n                                };\n                                props.appendValues = (newValues: any[]) => {\n                                    bind.onChange([...(bind.value || []), ...newValues]);\n                                };\n\n                                props.removeValue = (index: number) => {\n                                    if (index < 0) {\n                                        return;\n                                    }\n                                    let value = bind.value;\n                                    value = [...value.slice(0, index), ...value.slice(index + 1)];\n\n                                    bind.onChange(value);\n\n                                    // To make sure the field is still valid, we must trigger validation.\n                                    form.validateInput(field.fieldId);\n                                };\n\n                                props.moveValueUp = (index: number) => {\n                                    if (index <= 0) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index - 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n\n                                props.moveValueDown = (index: number) => {\n                                    if (index >= bind.value.length) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index + 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n                            }\n\n                            const element =\n                                typeof children === \"function\"\n                                    ? children(props)\n                                    : cloneElement(children, props);\n\n                            return element;\n                        }}\n                    </Bind>\n                );\n            } as BindComponent;\n\n            // We need to keep track of current field name, to support nested fields.\n            memoizedBindComponents.current[componentId].parentName = name;\n            memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n\n            return memoizedBindComponents.current[componentId];\n        },\n        [field.fieldId, cacheKey]\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/admin/components/IconPicker.js

@@ -15,7 +15,7 @@ var _plugins = require("@webiny/plugins");
 var _Typography = require("@webiny/ui/Typography");
 var _reactVirtualized = require("react-virtualized");
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
-var _DelayedOnChange = _interopRequireDefault(require("./DelayedOnChange"));
+var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
 var _Menu = require("@webiny/ui/Menu");
 var _Input = require("@webiny/ui/Input");
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
@@ -35,7 +35,7 @@ var globalStyles = process.env.NODE_ENV === "production" ? {
 } : {
   name: "wxw4zd-globalStyles",
   styles: "#rmwcPortal>.mdc-menu-surface{z-index:1000;};label:globalStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25QaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCNkIiLCJmaWxlIjoiSWNvblBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGNzcyBhcyByZWFjdENzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBwbHVnaW5zIH0gZnJvbSBcIkB3ZWJpbnkvcGx1Z2luc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEdyaWQgfSBmcm9tIFwicmVhY3QtdmlydHVhbGl6ZWRcIjtcbmltcG9ydCB7IEZvbnRBd2Vzb21lSWNvbiB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvcmVhY3QtZm9udGF3ZXNvbWVcIjtcbmltcG9ydCBEZWxheWVkT25DaGFuZ2UsIHsgT25DaGFuZ2VDYkNhbGxhYmxlIH0gZnJvbSBcIi4vRGVsYXllZE9uQ2hhbmdlXCI7XG5pbXBvcnQgeyBNZW51LCBSZW5kZXJhYmxlTWVudUNoaWxkcmVuIH0gZnJvbSBcIkB3ZWJpbnkvdWkvTWVudVwiO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tIFwiQHdlYmlueS91aS9JbnB1dFwiO1xuaW1wb3J0IHsgQ21zSWNvbiwgQ21zSWNvbnNQbHVnaW4gfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgRm9ybUNvbXBvbmVudFByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvdHlwZXNcIjtcbmltcG9ydCB7IEZvcm1FbGVtZW50TWVzc2FnZSB9IGZyb20gXCJAd2ViaW55L3VpL0Zvcm1FbGVtZW50TWVzc2FnZVwiO1xuaW1wb3J0IHsgR3JpZENlbGxQcm9wcyB9IGZyb20gXCJyZWFjdC12aXJ0dWFsaXplZC9kaXN0L2VzL0dyaWRcIjtcblxuLyoqXG4gKiBDb250cm9scyB0aGUgaGVscGVyIHRleHQgYmVsb3cgdGhlIGNoZWNrYm94LlxuICogQHR5cGUge3N0cmluZ31cbiAqL1xuY29uc3QgaWNvblBpY2tlckxhYmVsID0gY3NzKHsgbWFyZ2luQm90dG9tOiA1LCBtYXJnaW5MZWZ0OiAyIH0pO1xuXG5jb25zdCBnbG9iYWxTdHlsZXMgPSByZWFjdENzc2BcbiAgICAjcm13Y1BvcnRhbCA+IC5tZGMtbWVudS1zdXJmYWNlIHtcbiAgICAgICAgei1pbmRleDogMTAwMDtcbiAgICB9XG5gO1xuXG5jb25zdCBNZW51V3JhcHBlciA9IGNzc2BcbiAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQsIHJnYmEoMCwgMCwgMCwgMC41NCkpO1xuICAgIHBhZGRpbmc6IDE2cHggOHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICA6aG92ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAxKTtcbiAgICB9XG5gO1xuXG5jb25zdCBOb1Jlc3VsdFdyYXBwZXIgPSBjc3Moe1xuICAgIHdpZHRoOiA2NDAsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgcGFkZGluZzogXCIxNnB4IDEycHhcIlxufSk7XG5cbmNvbnN0IENPTFVNTl9DT1VOVCA9IDY7XG5cbmNvbnN0IGdyaWRJdGVtID0gY3NzKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBhZGRpbmdUb3A6IDE1LFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVooMClcIixcbiAgICBib3JkZXJSYWRpdXM6IDIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgdHJhbnNpdGlvbjogXCJhbGwgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIHRyYW5zaXRpb246IFwib3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjE2NSwgMC44NCwgMC40NCwgMSlcIixcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgICAgb3BhY2l0eTogMFxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfSxcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogNDIsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogNVxuICAgIH1cbn0pO1xuXG5jb25zdCBncmlkID0gY3NzKHtcbiAgICBwYWRkaW5nOiAyMFxufSk7XG5cbmNvbnN0IHBpY2tJY29uID0gY3NzKHtcbiAgICB3aWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCJcbn0pO1xuXG5jb25zdCBzZWFyY2hJbnB1dCA9IGNzcyh7XG4gICAgaW5wdXQ6IHtcbiAgICAgICAgcGFkZGluZzogXCIyMHB4IDEycHggMjBweFwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSWNvblBpY2tlclByb3BzIGV4dGVuZHMgRm9ybUNvbXBvbmVudFByb3BzIHtcbiAgICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBkZXNjcmlwdGlvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIFJlbmRlckNlbGxQYXJhbXMge1xuICAgIGNsb3NlTWVudTogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IEljb25QaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIGxhYmVsLFxuICAgIGRlc2NyaXB0aW9uLFxuICAgIHZhbGlkYXRpb25cbn06IEljb25QaWNrZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtmaWx0ZXIsIHNldEZpbHRlcl0gPSB1c2VTdGF0ZShcIlwiKTtcbiAgICBjb25zdCBbbXVzdFJlbmRlckdyaWQsIHNldE11c3RSZW5kZXJHcmlkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKG11c3RSZW5kZXJHcmlkICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICBpbnB1dFJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIDUwKTtcbiAgICB9LCBbbXVzdFJlbmRlckdyaWRdKTtcblxuICAgIGNvbnN0IG9uRmlsdGVyQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICh2YWx1ZTogc3RyaW5nLCBjYj86IE9uQ2hhbmdlQ2JDYWxsYWJsZSkgPT4ge1xuICAgICAgICAgICAgc2V0RmlsdGVyKHZhbHVlKTtcbiAgICAgICAgICAgIGlmIChjYikge1xuICAgICAgICAgICAgICAgIGNiKHZhbHVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW2ZpbHRlcl1cbiAgICApO1xuXG4gICAgY29uc3QgYWxsSWNvbnM6IENtc0ljb25bXSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBjb25zdCBpY29uUGx1Z2lucyA9IHBsdWdpbnMuYnlUeXBlPENtc0ljb25zUGx1Z2luPihcImNtcy1pY29uc1wiKTtcbiAgICAgICAgcmV0dXJuIGljb25QbHVnaW5zLnJlZHVjZSgoaWNvbnM6IEFycmF5PENtc0ljb24+LCBwbCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGljb25zLmNvbmNhdChwbC5nZXRJY29ucygpKTtcbiAgICAgICAgfSwgW10pO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IGljb25zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiBmaWx0ZXIgPyBhbGxJY29ucy5maWx0ZXIoaWMgPT4gaWMubmFtZS5pbmNsdWRlcyhmaWx0ZXIpKSA6IGFsbEljb25zO1xuICAgIH0sIFtmaWx0ZXJdKTtcblxuICAgIGNvbnN0IHJlbmRlckNlbGwgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgY2xvc2VNZW51IH06IFJlbmRlckNlbGxQYXJhbXMpID0+IHtcbiAgICAgICAgICAgIHJldHVybiBmdW5jdGlvbiByZW5kZXJDZWxsKHtcbiAgICAgICAgICAgICAgICBjb2x1bW5JbmRleCxcbiAgICAgICAgICAgICAgICBrZXksXG4gICAgICAgICAgICAgICAgcm93SW5kZXgsXG4gICAgICAgICAgICAgICAgc3R5bGVcbiAgICAgICAgICAgIH06IEdyaWRDZWxsUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAgICAgICAgICAgICAgIGNvbnN0IGl0ZW0gPSBpY29uc1tyb3dJbmRleCAqIENPTFVNTl9DT1VOVCArIGNvbHVtbkluZGV4XTtcbiAgICAgICAgICAgICAgICBpZiAoIWl0ZW0pIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtrZXl9XG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2dyaWRJdGVtfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChvbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZShpdGVtLmlkLmpvaW4oXCIvXCIpKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VNZW51KCk7XG4gICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Rm9udEF3ZXNvbWVJY29uIGljb249e2l0ZW0uaWR9IHNpemU9e1wiMnhcIn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MlwifT57aXRlbS5uYW1lfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0sXG4gICAgICAgIFtpY29uc11cbiAgICApO1xuXG4gICAgY29uc3QgcmVuZGVyR3JpZCA9IHVzZUNhbGxiYWNrPFJlbmRlcmFibGVNZW51Q2hpbGRyZW4+KFxuICAgICAgICAoeyBjbG9zZU1lbnUgfSkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8R2xvYmFsIHN0eWxlcz17Z2xvYmFsU3R5bGVzfSAvPlxuICAgICAgICAgICAgICAgICAgICA8RGVsYXllZE9uQ2hhbmdlIHZhbHVlPXtmaWx0ZXJ9IG9uQ2hhbmdlPXtvbkZpbHRlckNoYW5nZX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7KHsgdmFsdWUsIG9uQ2hhbmdlIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5wdXRSZWY9e2lucHV0UmVmfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3NlYXJjaElucHV0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1wiU2VhcmNoIGljb25zLi4uXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvRGVsYXllZE9uQ2hhbmdlPlxuICAgICAgICAgICAgICAgICAgICB7aWNvbnMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e05vUmVzdWx0V3JhcHBlcn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPVwiYm9keTFcIj5ObyByZXN1bHRzIGZvdW5kLjwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2dyaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2VsbFJlbmRlcmVyPXtyZW5kZXJDZWxsKHsgY2xvc2VNZW51IH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbHVtbkNvdW50PXtDT0xVTU5fQ09VTlR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sdW1uV2lkdGg9ezEwMH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9ezQ0MH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3dDb3VudD17TWF0aC5jZWlsKGljb25zLmxlbmd0aCAvIENPTFVNTl9DT1VOVCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcm93SGVpZ2h0PXsxMDB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9ezY0MH1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICApO1xuICAgICAgICB9LFxuICAgICAgICBbaWNvbnNdXG4gICAgKTtcblxuICAgIGNvbnN0IGZvbnRBd2Vzb21lSWNvblZhbHVlOiBhbnkgPVxuICAgICAgICB0eXBlb2YgdmFsdWUgPT09IFwic3RyaW5nXCIgJiYgdmFsdWUuaW5jbHVkZXMoXCIvXCIpID8gdmFsdWUuc3BsaXQoXCIvXCIpIDogW1wiZmFzXCIsIFwic3RhclwiXTtcblxuICAgIGNvbnN0IHsgaXNWYWxpZDogdmFsaWRhdGlvbklzVmFsaWQsIG1lc3NhZ2U6IHZhbGlkYXRpb25NZXNzYWdlIH0gPSB2YWxpZGF0aW9uIHx8IHt9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2ljb25QaWNrZXJMYWJlbH0+XG4gICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifT57bGFiZWx9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgPE1lbnVcbiAgICAgICAgICAgICAgICBvbk9wZW49eygpID0+IHNldE11c3RSZW5kZXJHcmlkKHRydWUpfVxuICAgICAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHNldE11c3RSZW5kZXJHcmlkKGZhbHNlKX1cbiAgICAgICAgICAgICAgICByZW5kZXJUb1BvcnRhbD17dHJ1ZX1cbiAgICAgICAgICAgICAgICBoYW5kbGU9e1xuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17TWVudVdyYXBwZXJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3BpY2tJY29ufT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9udEF3ZXNvbWVJY29uIGljb249e2ZvbnRBd2Vzb21lSWNvblZhbHVlfSBzaXplPXtcIjJ4XCJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICAgICAqIFVuZm9ydHVuYXRlbHkgd2UgbmVlZCB0byBjYXN0IGZvciBidWlsZCB0byBwYXNzLlxuICAgICAgICAgICAgICAgICAgICAgKlxuICAgICAgICAgICAgICAgICAgICAgKiByZWFsIHR5cGUgaXMgUmVuZGVyYWJsZU1lbnVDaGlsZHJlbiwgYnV0IHRoZSBUUyBpcyBjb21wbGFpbmluZy5cbiAgICAgICAgICAgICAgICAgICAgICogQFRPRE8gYnJ1bm8gZml4XG4gICAgICAgICAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgICAgICAgICBtdXN0UmVuZGVyR3JpZCAmJiAocmVuZGVyR3JpZCBhcyB1bmtub3duIGFzIFJlYWN0LlJlYWN0Tm9kZSlcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L01lbnU+XG5cbiAgICAgICAgICAgIHt2YWxpZGF0aW9uSXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2UgZXJyb3I+e3ZhbGlkYXRpb25NZXNzYWdlfTwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHt2YWxpZGF0aW9uSXNWYWxpZCAhPT0gZmFsc2UgJiYgZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+e2Rlc2NyaXB0aW9ufTwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25QaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCNkIiLCJmaWxlIjoiSWNvblBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGNzcyBhcyByZWFjdENzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBwbHVnaW5zIH0gZnJvbSBcIkB3ZWJpbnkvcGx1Z2luc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEdyaWQgfSBmcm9tIFwicmVhY3QtdmlydHVhbGl6ZWRcIjtcbmltcG9ydCB7IEZvbnRBd2Vzb21lSWNvbiB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvcmVhY3QtZm9udGF3ZXNvbWVcIjtcbmltcG9ydCB7IERlbGF5ZWRPbkNoYW5nZSwgT25DaGFuZ2VDYWxsYWJsZSB9IGZyb20gXCJAd2ViaW55L3VpL0RlbGF5ZWRPbkNoYW5nZVwiO1xuaW1wb3J0IHsgTWVudSwgUmVuZGVyYWJsZU1lbnVDaGlsZHJlbiB9IGZyb20gXCJAd2ViaW55L3VpL01lbnVcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIkB3ZWJpbnkvdWkvSW5wdXRcIjtcbmltcG9ydCB7IENtc0ljb24sIENtc0ljb25zUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IEZvcm1Db21wb25lbnRQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL3R5cGVzXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9Gb3JtRWxlbWVudE1lc3NhZ2VcIjtcbmltcG9ydCB7IEdyaWRDZWxsUHJvcHMgfSBmcm9tIFwicmVhY3QtdmlydHVhbGl6ZWQvZGlzdC9lcy9HcmlkXCI7XG5cbi8qKlxuICogQ29udHJvbHMgdGhlIGhlbHBlciB0ZXh0IGJlbG93IHRoZSBjaGVja2JveC5cbiAqIEB0eXBlIHtzdHJpbmd9XG4gKi9cbmNvbnN0IGljb25QaWNrZXJMYWJlbCA9IGNzcyh7IG1hcmdpbkJvdHRvbTogNSwgbWFyZ2luTGVmdDogMiB9KTtcblxuY29uc3QgZ2xvYmFsU3R5bGVzID0gcmVhY3RDc3NgXG4gICAgI3Jtd2NQb3J0YWwgPiAubWRjLW1lbnUtc3VyZmFjZSB7XG4gICAgICAgIHotaW5kZXg6IDEwMDA7XG4gICAgfVxuYDtcblxuY29uc3QgTWVudVdyYXBwZXIgPSBjc3NgXG4gICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kLCByZ2JhKDAsIDAsIDAsIDAuNTQpKTtcbiAgICBwYWRkaW5nOiAxNnB4IDhweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMSk7XG4gICAgfVxuYDtcblxuY29uc3QgTm9SZXN1bHRXcmFwcGVyID0gY3NzKHtcbiAgICB3aWR0aDogNjQwLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IFwiMTZweCAxMnB4XCJcbn0pO1xuXG5jb25zdCBDT0xVTU5fQ09VTlQgPSA2O1xuXG5jb25zdCBncmlkSXRlbSA9IGNzcyh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwYWRkaW5nVG9wOiAxNSxcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVaKDApXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAyLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHRyYW5zaXRpb246IFwiYWxsIDAuNXMgY3ViaWMtYmV6aWVyKDAuMTY1LCAwLjg0LCAwLjQ0LCAxKVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICBib3hTaGFkb3c6IFwiMCAwLjI1cmVtIDAuMTI1cmVtIDAgcmdiYSgwLDAsMCwwLjA1KVwiLFxuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDFcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IDQyLFxuICAgICAgICBtYXJnaW5Cb3R0b206IDVcbiAgICB9XG59KTtcblxuY29uc3QgZ3JpZCA9IGNzcyh7XG4gICAgcGFkZGluZzogMjBcbn0pO1xuXG5jb25zdCBwaWNrSWNvbiA9IGNzcyh7XG4gICAgd2lkdGg6IDUwLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiXG59KTtcblxuY29uc3Qgc2VhcmNoSW5wdXQgPSBjc3Moe1xuICAgIGlucHV0OiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMjBweCAxMnB4IDIwcHhcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25QaWNrZXJQcm9wcyBleHRlbmRzIEZvcm1Db21wb25lbnRQcm9wcyB7XG4gICAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgZGVzY3JpcHRpb24/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmludGVyZmFjZSBSZW5kZXJDZWxsUGFyYW1zIHtcbiAgICBjbG9zZU1lbnU6ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBJY29uUGlja2VyID0gKHtcbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBsYWJlbCxcbiAgICBkZXNjcmlwdGlvbixcbiAgICB2YWxpZGF0aW9uXG59OiBJY29uUGlja2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCBbZmlsdGVyLCBzZXRGaWx0ZXJdID0gdXNlU3RhdGUoXCJcIik7XG4gICAgY29uc3QgW211c3RSZW5kZXJHcmlkLCBzZXRNdXN0UmVuZGVyR3JpZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChtdXN0UmVuZGVyR3JpZCAmJiBpbnB1dFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LCA1MCk7XG4gICAgfSwgW211c3RSZW5kZXJHcmlkXSk7XG5cbiAgICBjb25zdCBvbkZpbHRlckNoYW5nZSA9IHVzZUNhbGxiYWNrPE9uQ2hhbmdlQ2FsbGFibGU+KFxuICAgICAgICAodmFsdWUsIGNiKSA9PiB7XG4gICAgICAgICAgICBzZXRGaWx0ZXIodmFsdWUpO1xuICAgICAgICAgICAgaWYgKGNiKSB7XG4gICAgICAgICAgICAgICAgY2IodmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbZmlsdGVyXVxuICAgICk7XG5cbiAgICBjb25zdCBhbGxJY29uczogQ21zSWNvbltdID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGljb25QbHVnaW5zID0gcGx1Z2lucy5ieVR5cGU8Q21zSWNvbnNQbHVnaW4+KFwiY21zLWljb25zXCIpO1xuICAgICAgICByZXR1cm4gaWNvblBsdWdpbnMucmVkdWNlKChpY29uczogQXJyYXk8Q21zSWNvbj4sIHBsKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gaWNvbnMuY29uY2F0KHBsLmdldEljb25zKCkpO1xuICAgICAgICB9LCBbXSk7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3QgaWNvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIGZpbHRlciA/IGFsbEljb25zLmZpbHRlcihpYyA9PiBpYy5uYW1lLmluY2x1ZGVzKGZpbHRlcikpIDogYWxsSWNvbnM7XG4gICAgfSwgW2ZpbHRlcl0pO1xuXG4gICAgY29uc3QgcmVuZGVyQ2VsbCA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoeyBjbG9zZU1lbnUgfTogUmVuZGVyQ2VsbFBhcmFtcykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGZ1bmN0aW9uIHJlbmRlckNlbGwoe1xuICAgICAgICAgICAgICAgIGNvbHVtbkluZGV4LFxuICAgICAgICAgICAgICAgIGtleSxcbiAgICAgICAgICAgICAgICByb3dJbmRleCxcbiAgICAgICAgICAgICAgICBzdHlsZVxuICAgICAgICAgICAgfTogR3JpZENlbGxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gICAgICAgICAgICAgICAgY29uc3QgaXRlbSA9IGljb25zW3Jvd0luZGV4ICogQ09MVU1OX0NPVU5UICsgY29sdW1uSW5kZXhdO1xuICAgICAgICAgICAgICAgIGlmICghaXRlbSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2tleX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Z3JpZEl0ZW19XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGl0ZW0uaWQuam9pbihcIi9cIikpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbG9zZU1lbnUoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxGb250QXdlc29tZUljb24gaWNvbj17aXRlbS5pZH0gc2l6ZT17XCIyeFwifSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PntpdGVtLm5hbWV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSxcbiAgICAgICAgW2ljb25zXVxuICAgICk7XG5cbiAgICBjb25zdCByZW5kZXJHcmlkID0gdXNlQ2FsbGJhY2s8UmVuZGVyYWJsZU1lbnVDaGlsZHJlbj4oXG4gICAgICAgICh7IGNsb3NlTWVudSB9KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxHbG9iYWwgc3R5bGVzPXtnbG9iYWxTdHlsZXN9IC8+XG4gICAgICAgICAgICAgICAgICAgIDxEZWxheWVkT25DaGFuZ2UgdmFsdWU9e2ZpbHRlcn0gb25DaGFuZ2U9e29uRmlsdGVyQ2hhbmdlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHsoeyB2YWx1ZSwgb25DaGFuZ2UgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17c2VhcmNoSW5wdXR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17XCJTZWFyY2ggaWNvbnMuLi5cIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9EZWxheWVkT25DaGFuZ2U+XG4gICAgICAgICAgICAgICAgICAgIHtpY29ucy5sZW5ndGggPT09IDAgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Tm9SZXN1bHRXcmFwcGVyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9XCJib2R5MVwiPk5vIHJlc3VsdHMgZm91bmQuPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Z3JpZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjZWxsUmVuZGVyZXI9e3JlbmRlckNlbGwoeyBjbG9zZU1lbnUgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sdW1uQ291bnQ9e0NPTFVNTl9DT1VOVH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2x1bW5XaWR0aD17MTAwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD17NDQwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvd0NvdW50PXtNYXRoLmNlaWwoaWNvbnMubGVuZ3RoIC8gQ09MVU1OX0NPVU5UKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3dIZWlnaHQ9ezEwMH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD17NjQwfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgICAgIFtpY29uc11cbiAgICApO1xuXG4gICAgY29uc3QgZm9udEF3ZXNvbWVJY29uVmFsdWU6IGFueSA9XG4gICAgICAgIHR5cGVvZiB2YWx1ZSA9PT0gXCJzdHJpbmdcIiAmJiB2YWx1ZS5pbmNsdWRlcyhcIi9cIikgPyB2YWx1ZS5zcGxpdChcIi9cIikgOiBbXCJmYXNcIiwgXCJzdGFyXCJdO1xuXG4gICAgY29uc3QgeyBpc1ZhbGlkOiB2YWxpZGF0aW9uSXNWYWxpZCwgbWVzc2FnZTogdmFsaWRhdGlvbk1lc3NhZ2UgfSA9IHZhbGlkYXRpb24gfHwge307XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aWNvblBpY2tlckxhYmVsfT5cbiAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkxXCJ9PntsYWJlbH08L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgICAgIG9uT3Blbj17KCkgPT4gc2V0TXVzdFJlbmRlckdyaWQodHJ1ZSl9XG4gICAgICAgICAgICAgICAgb25DbG9zZT17KCkgPT4gc2V0TXVzdFJlbmRlckdyaWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgIHJlbmRlclRvUG9ydGFsPXt0cnVlfVxuICAgICAgICAgICAgICAgIGhhbmRsZT17XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtNZW51V3JhcHBlcn0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17cGlja0ljb259PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb250QXdlc29tZUljb24gaWNvbj17Zm9udEF3ZXNvbWVJY29uVmFsdWV9IHNpemU9e1wiMnhcIn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICAgICAgICogVW5mb3J0dW5hdGVseSB3ZSBuZWVkIHRvIGNhc3QgZm9yIGJ1aWxkIHRvIHBhc3MuXG4gICAgICAgICAgICAgICAgICAgICAqXG4gICAgICAgICAgICAgICAgICAgICAqIHJlYWwgdHlwZSBpcyBSZW5kZXJhYmxlTWVudUNoaWxkcmVuLCBidXQgdGhlIFRTIGlzIGNvbXBsYWluaW5nLlxuICAgICAgICAgICAgICAgICAgICAgKiBAVE9ETyBicnVubyBmaXhcbiAgICAgICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgICAgIG11c3RSZW5kZXJHcmlkICYmIChyZW5kZXJHcmlkIGFzIHVua25vd24gYXMgUmVhY3QuUmVhY3ROb2RlKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvTWVudT5cblxuICAgICAgICAgICAge3ZhbGlkYXRpb25Jc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj57dmFsaWRhdGlvbk1lc3NhZ2V9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge3ZhbGlkYXRpb25Jc1ZhbGlkICE9PSBmYWxzZSAmJiBkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZGVzY3JpcHRpb259PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var MenuWrapper = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    color: var(--mdc-theme-text-secondary-on-background);\n    background-color: var(--mdc-theme-on-background);\n    border-bottom: 1px solid var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n    padding: 16px 8px;\n    cursor: pointer;\n    :hover {\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\n    }\n"])));
@@ -167,7 +167,7 @@ var IconPicker = exports.IconPicker = function IconPicker(_ref) {
     var closeMenu = _ref4.closeMenu;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Global, {
       styles: globalStyles
-    }), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.default, {
+    }), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
       value: filter,
       onChange: onFilterChange
     }, function (_ref5) {

package/admin/components/IconPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_react2","_plugins","_Typography","_reactVirtualized","_reactFontawesome","_DelayedOnChange","_interopRequireDefault","_Menu","_Input","_FormElementMessage","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","iconPickerLabel","css","marginBottom","marginLeft","globalStyles","process","env","NODE_ENV","name","styles","map","toString","MenuWrapper","_taggedTemplateLiteral2","default","NoResultWrapper","width","color","padding","COLUMN_COUNT","gridItem","display","flexDirection","justifyContent","boxSizing","paddingTop","alignItems","textAlign","cursor","transform","borderRadius","transition","boxShadow","content","position","top","left","height","zIndex","opacity","backgroundColor","grid","pickIcon","searchInput","input","IconPicker","exports","_ref","value","onChange","label","description","validation","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","mustRenderGrid","setMustRenderGrid","inputRef","useRef","useEffect","setTimeout","current","focus","onFilterChange","useCallback","cb","allIcons","useMemo","iconPlugins","plugins","byType","reduce","icons","pl","concat","getIcons","ic","includes","renderCell","_ref2","closeMenu","_ref3","columnIndex","key","rowIndex","style","item","createElement","className","onClick","id","join","FontAwesomeIcon","icon","size","Typography","use","renderGrid","_ref4","Fragment","Global","_ref5","Input","placeholder","length","Grid","cellRenderer","columnCount","columnWidth","rowCount","Math","ceil","rowHeight","fontAwesomeIconValue","split","_ref6","validationIsValid","isValid","validationMessage","message","Menu","onOpen","onClose","renderToPortal","handle","FormElementMessage","error"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { css as reactCss, Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Grid } from \"react-virtualized\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport DelayedOnChange, { OnChangeCbCallable } from \"./DelayedOnChange\";\nimport { Menu, RenderableMenuChildren } from \"@webiny/ui/Menu\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { GridCellProps } from \"react-virtualized/dist/es/Grid\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst iconPickerLabel = css({ marginBottom: 5, marginLeft: 2 });\n\nconst globalStyles = reactCss`\n    #rmwcPortal > .mdc-menu-surface {\n        z-index: 1000;\n    }\n`;\n\nconst MenuWrapper = css`\n    color: var(--mdc-theme-text-secondary-on-background);\n    background-color: var(--mdc-theme-on-background);\n    border-bottom: 1px solid var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n    padding: 16px 8px;\n    cursor: pointer;\n    :hover {\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\n    }\n`;\n\nconst NoResultWrapper = css({\n    width: 640,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    padding: \"16px 12px\"\n});\n\nconst COLUMN_COUNT = 6;\n\nconst gridItem = css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"flex-start\",\n    boxSizing: \"border-box\",\n    paddingTop: 15,\n    alignItems: \"center\",\n    textAlign: \"center\",\n    cursor: \"pointer\",\n    transform: \"translateZ(0)\",\n    borderRadius: 2,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    transition: \"all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n    \"&::after\": {\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    },\n    \">svg\": {\n        width: 42,\n        marginBottom: 5\n    }\n});\n\nconst grid = css({\n    padding: 20\n});\n\nconst pickIcon = css({\n    width: 50,\n    textAlign: \"center\",\n    cursor: \"pointer\"\n});\n\nconst searchInput = css({\n    input: {\n        padding: \"20px 12px 20px\"\n    }\n});\n\nexport interface IconPickerProps extends FormComponentProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\n\ninterface RenderCellParams {\n    closeMenu: () => void;\n}\n\nexport const IconPicker = ({\n    value,\n    onChange,\n    label,\n    description,\n    validation\n}: IconPickerProps) => {\n    const [filter, setFilter] = useState(\"\");\n    const [mustRenderGrid, setMustRenderGrid] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        setTimeout(() => {\n            if (mustRenderGrid && inputRef.current) {\n                inputRef.current.focus();\n            }\n        }, 50);\n    }, [mustRenderGrid]);\n\n    const onFilterChange = useCallback(\n        (value: string, cb?: OnChangeCbCallable) => {\n            setFilter(value);\n            if (cb) {\n                cb(value);\n            }\n        },\n        [filter]\n    );\n\n    const allIcons: CmsIcon[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<CmsIcon>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    const icons = useMemo(() => {\n        return filter ? allIcons.filter(ic => ic.name.includes(filter)) : allIcons;\n    }, [filter]);\n\n    const renderCell = useCallback(\n        ({ closeMenu }: RenderCellParams) => {\n            return function renderCell({\n                columnIndex,\n                key,\n                rowIndex,\n                style\n            }: GridCellProps): React.ReactNode {\n                const item = icons[rowIndex * COLUMN_COUNT + columnIndex];\n                if (!item) {\n                    return null;\n                }\n\n                return (\n                    <div\n                        key={key}\n                        style={style}\n                        className={gridItem}\n                        onClick={() => {\n                            if (onChange) {\n                                onChange(item.id.join(\"/\"));\n                            }\n                            closeMenu();\n                        }}\n                    >\n                        <FontAwesomeIcon icon={item.id} size={\"2x\"} />\n                        <Typography use={\"body2\"}>{item.name}</Typography>\n                    </div>\n                );\n            };\n        },\n        [icons]\n    );\n\n    const renderGrid = useCallback<RenderableMenuChildren>(\n        ({ closeMenu }) => {\n            return (\n                <>\n                    <Global styles={globalStyles} />\n                    <DelayedOnChange value={filter} onChange={onFilterChange}>\n                        {({ value, onChange }) => (\n                            <Input\n                                inputRef={inputRef}\n                                className={searchInput}\n                                value={value}\n                                onChange={onChange}\n                                placeholder={\"Search icons...\"}\n                            />\n                        )}\n                    </DelayedOnChange>\n                    {icons.length === 0 ? (\n                        <div className={NoResultWrapper}>\n                            <Typography use=\"body1\">No results found.</Typography>\n                        </div>\n                    ) : (\n                        <Grid\n                            className={grid}\n                            cellRenderer={renderCell({ closeMenu })}\n                            columnCount={COLUMN_COUNT}\n                            columnWidth={100}\n                            height={440}\n                            rowCount={Math.ceil(icons.length / COLUMN_COUNT)}\n                            rowHeight={100}\n                            width={640}\n                        />\n                    )}\n                </>\n            );\n        },\n        [icons]\n    );\n\n    const fontAwesomeIconValue: any =\n        typeof value === \"string\" && value.includes(\"/\") ? value.split(\"/\") : [\"fas\", \"star\"];\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            {label && (\n                <div className={iconPickerLabel}>\n                    <Typography use={\"body1\"}>{label}</Typography>\n                </div>\n            )}\n\n            <Menu\n                onOpen={() => setMustRenderGrid(true)}\n                onClose={() => setMustRenderGrid(false)}\n                renderToPortal={true}\n                handle={\n                    <div className={MenuWrapper}>\n                        <div className={pickIcon}>\n                            <FontAwesomeIcon icon={fontAwesomeIconValue} size={\"2x\"} />\n                        </div>\n                    </div>\n                }\n            >\n                {\n                    /**\n                     * Unfortunately we need to cast for build to pass.\n                     *\n                     * real type is RenderableMenuChildren, but the TS is complaining.\n                     * @TODO bruno fix\n                     */\n                    mustRenderGrid && (renderGrid as unknown as React.ReactNode)\n                }\n            </Menu>\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_react2","_plugins","_Typography","_reactVirtualized","_reactFontawesome","_DelayedOnChange","_Menu","_Input","_FormElementMessage","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","iconPickerLabel","css","marginBottom","marginLeft","globalStyles","process","env","NODE_ENV","name","styles","map","toString","MenuWrapper","_taggedTemplateLiteral2","default","NoResultWrapper","width","color","padding","COLUMN_COUNT","gridItem","display","flexDirection","justifyContent","boxSizing","paddingTop","alignItems","textAlign","cursor","transform","borderRadius","transition","boxShadow","content","position","top","left","height","zIndex","opacity","backgroundColor","grid","pickIcon","searchInput","input","IconPicker","exports","_ref","value","onChange","label","description","validation","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","mustRenderGrid","setMustRenderGrid","inputRef","useRef","useEffect","setTimeout","current","focus","onFilterChange","useCallback","cb","allIcons","useMemo","iconPlugins","plugins","byType","reduce","icons","pl","concat","getIcons","ic","includes","renderCell","_ref2","closeMenu","_ref3","columnIndex","key","rowIndex","style","item","createElement","className","onClick","id","join","FontAwesomeIcon","icon","size","Typography","use","renderGrid","_ref4","Fragment","Global","DelayedOnChange","_ref5","Input","placeholder","length","Grid","cellRenderer","columnCount","columnWidth","rowCount","Math","ceil","rowHeight","fontAwesomeIconValue","split","_ref6","validationIsValid","isValid","validationMessage","message","Menu","onOpen","onClose","renderToPortal","handle","FormElementMessage","error"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { css as reactCss, Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Grid } from \"react-virtualized\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { DelayedOnChange, OnChangeCallable } from \"@webiny/ui/DelayedOnChange\";\nimport { Menu, RenderableMenuChildren } from \"@webiny/ui/Menu\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { GridCellProps } from \"react-virtualized/dist/es/Grid\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst iconPickerLabel = css({ marginBottom: 5, marginLeft: 2 });\n\nconst globalStyles = reactCss`\n    #rmwcPortal > .mdc-menu-surface {\n        z-index: 1000;\n    }\n`;\n\nconst MenuWrapper = css`\n    color: var(--mdc-theme-text-secondary-on-background);\n    background-color: var(--mdc-theme-on-background);\n    border-bottom: 1px solid var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n    padding: 16px 8px;\n    cursor: pointer;\n    :hover {\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\n    }\n`;\n\nconst NoResultWrapper = css({\n    width: 640,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    padding: \"16px 12px\"\n});\n\nconst COLUMN_COUNT = 6;\n\nconst gridItem = css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"flex-start\",\n    boxSizing: \"border-box\",\n    paddingTop: 15,\n    alignItems: \"center\",\n    textAlign: \"center\",\n    cursor: \"pointer\",\n    transform: \"translateZ(0)\",\n    borderRadius: 2,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    transition: \"all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n    \"&::after\": {\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    },\n    \">svg\": {\n        width: 42,\n        marginBottom: 5\n    }\n});\n\nconst grid = css({\n    padding: 20\n});\n\nconst pickIcon = css({\n    width: 50,\n    textAlign: \"center\",\n    cursor: \"pointer\"\n});\n\nconst searchInput = css({\n    input: {\n        padding: \"20px 12px 20px\"\n    }\n});\n\nexport interface IconPickerProps extends FormComponentProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\n\ninterface RenderCellParams {\n    closeMenu: () => void;\n}\n\nexport const IconPicker = ({\n    value,\n    onChange,\n    label,\n    description,\n    validation\n}: IconPickerProps) => {\n    const [filter, setFilter] = useState(\"\");\n    const [mustRenderGrid, setMustRenderGrid] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        setTimeout(() => {\n            if (mustRenderGrid && inputRef.current) {\n                inputRef.current.focus();\n            }\n        }, 50);\n    }, [mustRenderGrid]);\n\n    const onFilterChange = useCallback<OnChangeCallable>(\n        (value, cb) => {\n            setFilter(value);\n            if (cb) {\n                cb(value);\n            }\n        },\n        [filter]\n    );\n\n    const allIcons: CmsIcon[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<CmsIcon>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    const icons = useMemo(() => {\n        return filter ? allIcons.filter(ic => ic.name.includes(filter)) : allIcons;\n    }, [filter]);\n\n    const renderCell = useCallback(\n        ({ closeMenu }: RenderCellParams) => {\n            return function renderCell({\n                columnIndex,\n                key,\n                rowIndex,\n                style\n            }: GridCellProps): React.ReactNode {\n                const item = icons[rowIndex * COLUMN_COUNT + columnIndex];\n                if (!item) {\n                    return null;\n                }\n\n                return (\n                    <div\n                        key={key}\n                        style={style}\n                        className={gridItem}\n                        onClick={() => {\n                            if (onChange) {\n                                onChange(item.id.join(\"/\"));\n                            }\n                            closeMenu();\n                        }}\n                    >\n                        <FontAwesomeIcon icon={item.id} size={\"2x\"} />\n                        <Typography use={\"body2\"}>{item.name}</Typography>\n                    </div>\n                );\n            };\n        },\n        [icons]\n    );\n\n    const renderGrid = useCallback<RenderableMenuChildren>(\n        ({ closeMenu }) => {\n            return (\n                <>\n                    <Global styles={globalStyles} />\n                    <DelayedOnChange value={filter} onChange={onFilterChange}>\n                        {({ value, onChange }) => (\n                            <Input\n                                inputRef={inputRef}\n                                className={searchInput}\n                                value={value}\n                                onChange={onChange}\n                                placeholder={\"Search icons...\"}\n                            />\n                        )}\n                    </DelayedOnChange>\n                    {icons.length === 0 ? (\n                        <div className={NoResultWrapper}>\n                            <Typography use=\"body1\">No results found.</Typography>\n                        </div>\n                    ) : (\n                        <Grid\n                            className={grid}\n                            cellRenderer={renderCell({ closeMenu })}\n                            columnCount={COLUMN_COUNT}\n                            columnWidth={100}\n                            height={440}\n                            rowCount={Math.ceil(icons.length / COLUMN_COUNT)}\n                            rowHeight={100}\n                            width={640}\n                        />\n                    )}\n                </>\n            );\n        },\n        [icons]\n    );\n\n    const fontAwesomeIconValue: any =\n        typeof value === \"string\" && value.includes(\"/\") ? value.split(\"/\") : [\"fas\", \"star\"];\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            {label && (\n                <div className={iconPickerLabel}>\n                    <Typography use={\"body1\"}>{label}</Typography>\n                </div>\n            )}\n\n            <Menu\n                onOpen={() => setMustRenderGrid(true)}\n                onClose={() => setMustRenderGrid(false)}\n                renderToPortal={true}\n                handle={\n                    <div className={MenuWrapper}>\n                        <div className={pickIcon}>\n                            <FontAwesomeIcon icon={fontAwesomeIconValue} size={\"2x\"} />\n                        </div>\n                    </div>\n                }\n            >\n                {\n                    /**\n                     * Unfortunately we need to cast for build to pass.\n                     *\n                     * real type is RenderableMenuChildren, but the TS is complaining.\n                     * @TODO bruno fix\n                     */\n                    mustRenderGrid && (renderGrid as unknown as React.ReactNode)\n                }\n            </Menu>\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js

@@ -13,6 +13,7 @@ var _form = require("@webiny/form");
 var _LexicalCmsEditor = require("../../../components/LexicalCmsEditor/LexicalCmsEditor");
 var _utils = require("../richText/utils");
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
 var getKey = function getKey(id, field) {
@@ -42,12 +43,16 @@ var plugin = {
       var form = (0, _form.useForm)();
       var Bind = getBind();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(_LexicalCmsEditor.LexicalCmsEditor, {
-          value: bind.value,
-          onChange: bind.onChange,
-          key: getKey(form.data.id, field),
-          placeholder: field.placeholderText,
-          "data-testid": "fr.input.lexical.".concat(field.label)
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, bind, function (_ref3) {
+          var value = _ref3.value,
+            onChange = _ref3.onChange;
+          return /*#__PURE__*/_react.default.createElement(_LexicalCmsEditor.LexicalCmsEditor, {
+            value: value,
+            onChange: onChange,
+            key: getKey(form.data.id, field),
+            placeholder: field.placeholderText,
+            "data-testid": "fr.input.lexical.".concat(field.label)
+          });
         }), /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText));
       });
     }

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_form","_LexicalCmsEditor","_utils","_FormElementMessage","_templateObject","_templateObject2","t","i18n","ns","getKey","id","field","formId","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLegacyRteField","render","_ref2","getBind","Label","form","useForm","Bind","createElement","bind","Fragment","label","LexicalCmsEditor","value","onChange","key","data","placeholder","placeholderText","FormElementMessage","helpText","_default","exports"],"sources":["lexicalTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types\";\nimport { useForm } from \"@webiny/form\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical\",\n    renderer: {\n        rendererName: \"lexical-text-input\",\n        name: t`Lexical Text Input`,\n        description: t`Renders a lexical text editor.`,\n        canUse({ field, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse && modelHasLegacyRteField(model)) {\n                return false;\n            }\n\n            return canUse;\n        },\n        render({ field, getBind, Label }) {\n            const form = useForm();\n            const Bind = getBind<string>();\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <>\n                                <Label>{field.label}</Label>\n                                <LexicalCmsEditor\n                                    value={bind.value}\n                                    onChange={bind.onChange}\n                                    key={getKey(form.data.id, field)}\n                                    placeholder={field.placeholderText}\n                                    data-testid={`fr.input.lexical.${field.label}`}\n                                />\n                                <FormElementMessage>{field.helpText}</FormElementMessage>\n                            </>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_form","_LexicalCmsEditor","_utils","_FormElementMessage","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","getKey","id","field","formId","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLegacyRteField","render","_ref2","getBind","Label","form","useForm","Bind","createElement","bind","Fragment","label","DelayedOnChange","_ref3","value","onChange","LexicalCmsEditor","key","data","placeholder","placeholderText","FormElementMessage","helpText","_default","exports"],"sources":["lexicalTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types\";\nimport { useForm } from \"@webiny/form\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical\",\n    renderer: {\n        rendererName: \"lexical-text-input\",\n        name: t`Lexical Text Input`,\n        description: t`Renders a lexical text editor.`,\n        canUse({ field, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse && modelHasLegacyRteField(model)) {\n                return false;\n            }\n\n            return canUse;\n        },\n        render({ field, getBind, Label }) {\n            const form = useForm();\n            const Bind = getBind<string>();\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <>\n                                <Label>{field.label}</Label>\n                                <DelayedOnChange {...bind}>\n                                    {({ value, onChange }) => (\n                                        <LexicalCmsEditor\n                                            value={value}\n                                            onChange={onChange}\n                                            key={getKey(form.data.id, field)}\n                                            placeholder={field.placeholderText}\n                                            data-testid={`fr.input.lexical.${field.label}`}\n                                        />\n                                    )}\n                                </DelayedOnChange>\n                                <FormElementMessage>{field.helpText}</FormElementMessage>\n                            </>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js

@@ -17,6 +17,7 @@ var _LexicalCmsEditor = require("../../../components/LexicalCmsEditor/LexicalCms
 var _utils = require("../richText/utils");
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
 var _form = require("@webiny/form");
+var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
 var _templateObject, _templateObject2;
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
@@ -35,7 +36,7 @@ var EditorWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
 } : {
   name: "1j3i2ps",
   styles: "position:relative;> button{position:absolute;top:0;right:5px;z-index:10;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxleGljYWxUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnNCIiwiZmlsZSI6ImxleGljYWxUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBnZXQgZnJvbSBcImxvZGFzaC9nZXRcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZCwgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERlbGV0ZUljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9jbG9zZS5zdmdcIjtcbmltcG9ydCBEeW5hbWljU2VjdGlvbiBmcm9tIFwiLi4vRHluYW1pY1NlY3Rpb25cIjtcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgTGV4aWNhbENtc0VkaXRvciB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTGV4aWNhbENtc0VkaXRvci9MZXhpY2FsQ21zRWRpdG9yXCI7XG5pbXBvcnQgeyBtb2RlbEhhc0xlZ2FjeVJ0ZUZpZWxkIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yaWNoVGV4dC91dGlsc1wiO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRm9ybUVsZW1lbnRNZXNzYWdlXCI7XG5pbXBvcnQgeyB1c2VGb3JtIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3JpY2gtdGV4dFwiKTtcblxuY29uc3QgZ2V0S2V5ID0gKGlkOiBzdHJpbmcgfCB1bmRlZmluZWQsIGZpZWxkOiBDbXNNb2RlbEZpZWxkLCBpbmRleDogbnVtYmVyKTogc3RyaW5nID0+IHtcbiAgICBjb25zdCBmb3JtSWQgPSBpZCB8fCBcIm5ld1wiO1xuICAgIHJldHVybiBgJHtmb3JtSWR9LiR7ZmllbGQuZmllbGRJZH0uJHtpbmRleH1gO1xufTtcblxuY29uc3QgRWRpdG9yV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBcIj4gYnV0dG9uXCI6IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICByaWdodDogNSxcbiAgICAgICAgekluZGV4OiAxMFxuICAgIH1cbn0pO1xuXG5jb25zdCBwbHVnaW46IENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiA9IHtcbiAgICB0eXBlOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXJcIixcbiAgICBuYW1lOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXItbGV4aWNhbC1pbnB1dHNcIixcbiAgICByZW5kZXJlcjoge1xuICAgICAgICByZW5kZXJlck5hbWU6IFwibGV4aWNhbC10ZXh0LWlucHV0c1wiLFxuICAgICAgICBuYW1lOiB0YExleGljYWwgVGV4dCBJbnB1dHNgLFxuICAgICAgICBkZXNjcmlwdGlvbjogdGBSZW5kZXJzIGEgbGlzdCBvZiBsZXhpY2FsIGVkaXRvcnMuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQsIG1vZGVsIH0pIHtcbiAgICAgICAgICAgIGNvbnN0IGNhblVzZSA9XG4gICAgICAgICAgICAgICAgZmllbGQudHlwZSA9PT0gXCJyaWNoLXRleHRcIiAmJlxuICAgICAgICAgICAgICAgICEhZmllbGQubXVsdGlwbGVWYWx1ZXMgJiZcbiAgICAgICAgICAgICAgICAhZ2V0KGZpZWxkLCBcInByZWRlZmluZWRWYWx1ZXMuZW5hYmxlZFwiKTtcblxuICAgICAgICAgICAgaWYgKGNhblVzZSAmJiBtb2RlbEhhc0xlZ2FjeVJ0ZUZpZWxkKG1vZGVsKSkge1xuICAgICAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIGNhblVzZTtcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyKHByb3BzKSB7XG4gICAgICAgICAgICBjb25zdCB7IGZpZWxkIH0gPSBwcm9wcztcbiAgICAgICAgICAgIGNvbnN0IGZvcm0gPSB1c2VGb3JtKCk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPER5bmFtaWNTZWN0aW9uIHsuLi5wcm9wc30+XG4gICAgICAgICAgICAgICAgICAgIHsoeyBiaW5kLCBpbmRleCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RWRpdG9yV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGV4aWNhbENtc0VkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17YmluZC5pbmRleC52YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2JpbmQuaW5kZXgub25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Z2V0S2V5KGZvcm0uZGF0YS5pZCwgZmllbGQsIGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ZpZWxkLnBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+e2ZpZWxkLmhlbHBUZXh0fTwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpbmRleCA+IDAgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PERlbGV0ZUljb24gLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBiaW5kLmZpZWxkLnJlbW92ZVZhbHVlKGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9FZGl0b3JXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvRHluYW1pY1NlY3Rpb24+XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgcGx1Z2luO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxleGljYWxUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnNCIiwiZmlsZSI6ImxleGljYWxUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBnZXQgZnJvbSBcImxvZGFzaC9nZXRcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZCwgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERlbGV0ZUljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9jbG9zZS5zdmdcIjtcbmltcG9ydCBEeW5hbWljU2VjdGlvbiBmcm9tIFwiLi4vRHluYW1pY1NlY3Rpb25cIjtcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgTGV4aWNhbENtc0VkaXRvciB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTGV4aWNhbENtc0VkaXRvci9MZXhpY2FsQ21zRWRpdG9yXCI7XG5pbXBvcnQgeyBtb2RlbEhhc0xlZ2FjeVJ0ZUZpZWxkIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yaWNoVGV4dC91dGlsc1wiO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRm9ybUVsZW1lbnRNZXNzYWdlXCI7XG5pbXBvcnQgeyB1c2VGb3JtIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgRGVsYXllZE9uQ2hhbmdlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRGVsYXllZE9uQ2hhbmdlXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvcmljaC10ZXh0XCIpO1xuXG5jb25zdCBnZXRLZXkgPSAoaWQ6IHN0cmluZyB8IHVuZGVmaW5lZCwgZmllbGQ6IENtc01vZGVsRmllbGQsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcgPT4ge1xuICAgIGNvbnN0IGZvcm1JZCA9IGlkIHx8IFwibmV3XCI7XG4gICAgcmV0dXJuIGAke2Zvcm1JZH0uJHtmaWVsZC5maWVsZElkfS4ke2luZGV4fWA7XG59O1xuXG5jb25zdCBFZGl0b3JXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiPiBidXR0b25cIjoge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIHJpZ2h0OiA1LFxuICAgICAgICB6SW5kZXg6IDEwXG4gICAgfVxufSk7XG5cbmNvbnN0IHBsdWdpbjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1sZXhpY2FsLWlucHV0c1wiLFxuICAgIHJlbmRlcmVyOiB7XG4gICAgICAgIHJlbmRlcmVyTmFtZTogXCJsZXhpY2FsLXRleHQtaW5wdXRzXCIsXG4gICAgICAgIG5hbWU6IHRgTGV4aWNhbCBUZXh0IElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YFJlbmRlcnMgYSBsaXN0IG9mIGxleGljYWwgZWRpdG9ycy5gLFxuICAgICAgICBjYW5Vc2UoeyBmaWVsZCwgbW9kZWwgfSkge1xuICAgICAgICAgICAgY29uc3QgY2FuVXNlID1cbiAgICAgICAgICAgICAgICBmaWVsZC50eXBlID09PSBcInJpY2gtdGV4dFwiICYmXG4gICAgICAgICAgICAgICAgISFmaWVsZC5tdWx0aXBsZVZhbHVlcyAmJlxuICAgICAgICAgICAgICAgICFnZXQoZmllbGQsIFwicHJlZGVmaW5lZFZhbHVlcy5lbmFibGVkXCIpO1xuXG4gICAgICAgICAgICBpZiAoY2FuVXNlICYmIG1vZGVsSGFzTGVnYWN5UnRlRmllbGQobW9kZWwpKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gY2FuVXNlO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIGNvbnN0IHsgZmllbGQgfSA9IHByb3BzO1xuICAgICAgICAgICAgY29uc3QgZm9ybSA9IHVzZUZvcm0oKTtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8RHluYW1pY1NlY3Rpb24gey4uLnByb3BzfT5cbiAgICAgICAgICAgICAgICAgICAgeyh7IGJpbmQsIGluZGV4IH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxFZGl0b3JXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZWxheWVkT25DaGFuZ2Ugey4uLmJpbmQuaW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7KHsgdmFsdWUsIG9uQ2hhbmdlIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMZXhpY2FsQ21zRWRpdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2dldEtleShmb3JtLmRhdGEuaWQsIGZpZWxkLCBpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ZpZWxkLnBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9EZWxheWVkT25DaGFuZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZmllbGQuaGVscFRleHR9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGJpbmQuZmllbGQucmVtb3ZlVmFsdWUoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0VkaXRvcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9EeW5hbWljU2VjdGlvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBwbHVnaW47XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var plugin = {
@@ -60,11 +61,15 @@ var plugin = {
       return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
         var bind = _ref2.bind,
           index = _ref2.index;
-        return /*#__PURE__*/_react.default.createElement(EditorWrapper, null, /*#__PURE__*/_react.default.createElement(_LexicalCmsEditor.LexicalCmsEditor, {
-          value: bind.index.value,
-          onChange: bind.index.onChange,
-          key: getKey(form.data.id, field, index),
-          placeholder: field.placeholderText
+        return /*#__PURE__*/_react.default.createElement(EditorWrapper, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, bind.index, function (_ref3) {
+          var value = _ref3.value,
+            onChange = _ref3.onChange;
+          return /*#__PURE__*/_react.default.createElement(_LexicalCmsEditor.LexicalCmsEditor, {
+            value: value,
+            onChange: onChange,
+            key: getKey(form.data.id, field, index),
+            placeholder: field.placeholderText
+          });
         }), /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText), index > 0 && /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
           icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
           onClick: function onClick() {

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_close","_DynamicSection","_Button","_LexicalCmsEditor","_utils","_FormElementMessage","_form","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","getKey","id","field","index","formId","concat","fieldId","EditorWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","plugin","type","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref","model","multipleValues","get","modelHasLegacyRteField","render","props","form","useForm","createElement","_ref2","bind","LexicalCmsEditor","value","onChange","key","data","placeholder","placeholderText","FormElementMessage","helpText","IconButton","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["lexicalTextInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport styled from \"@emotion/styled\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { useForm } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField, index: number): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst EditorWrapper = styled(\"div\")({\n    position: \"relative\",\n    \"> button\": {\n        position: \"absolute\",\n        top: 0,\n        right: 5,\n        zIndex: 10\n    }\n});\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical-inputs\",\n    renderer: {\n        rendererName: \"lexical-text-inputs\",\n        name: t`Lexical Text Inputs`,\n        description: t`Renders a list of lexical editors.`,\n        canUse({ field, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse && modelHasLegacyRteField(model)) {\n                return false;\n            }\n\n            return canUse;\n        },\n        render(props) {\n            const { field } = props;\n            const form = useForm();\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <EditorWrapper>\n                            <LexicalCmsEditor\n                                value={bind.index.value}\n                                onChange={bind.index.onChange}\n                                key={getKey(form.data.id, field, index)}\n                                placeholder={field.placeholderText}\n                            />\n                            <FormElementMessage>{field.helpText}</FormElementMessage>\n                            {index > 0 && (\n                                <IconButton\n                                    icon={<DeleteIcon />}\n                                    onClick={() => bind.field.removeValue(index)}\n                                />\n                            )}\n                        </EditorWrapper>\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_close","_DynamicSection","_Button","_LexicalCmsEditor","_utils","_FormElementMessage","_form","_DelayedOnChange","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","getKey","id","field","index","formId","concat","fieldId","EditorWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","plugin","type","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref","model","multipleValues","get","modelHasLegacyRteField","render","props","form","useForm","createElement","_ref2","bind","DelayedOnChange","_ref3","value","onChange","LexicalCmsEditor","key","data","placeholder","placeholderText","FormElementMessage","helpText","IconButton","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["lexicalTextInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport styled from \"@emotion/styled\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { useForm } from \"@webiny/form\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField, index: number): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst EditorWrapper = styled(\"div\")({\n    position: \"relative\",\n    \"> button\": {\n        position: \"absolute\",\n        top: 0,\n        right: 5,\n        zIndex: 10\n    }\n});\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical-inputs\",\n    renderer: {\n        rendererName: \"lexical-text-inputs\",\n        name: t`Lexical Text Inputs`,\n        description: t`Renders a list of lexical editors.`,\n        canUse({ field, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse && modelHasLegacyRteField(model)) {\n                return false;\n            }\n\n            return canUse;\n        },\n        render(props) {\n            const { field } = props;\n            const form = useForm();\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <EditorWrapper>\n                            <DelayedOnChange {...bind.index}>\n                                {({ value, onChange }) => (\n                                    <LexicalCmsEditor\n                                        value={value}\n                                        onChange={onChange}\n                                        key={getKey(form.data.id, field, index)}\n                                        placeholder={field.placeholderText}\n                                    />\n                                )}\n                            </DelayedOnChange>\n                            <FormElementMessage>{field.helpText}</FormElementMessage>\n                            {index > 0 && (\n                                <IconButton\n                                    icon={<DeleteIcon />}\n                                    onClick={() => bind.field.removeValue(index)}\n                                />\n                            )}\n                        </EditorWrapper>\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/longText/longText.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _Input = require("@webiny/ui/Input");
 var _i18n = require("@webiny/app/i18n");
+var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {
@@ -28,12 +29,17 @@ var plugin = {
         getBind = _ref2.getBind;
       var Bind = getBind();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
+        return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
+          value: bind.value,
+          onChange: bind.onChange,
+          onBlur: bind.validate
+        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
           rows: 5,
           label: field.label,
           placeholder: field.placeholderText,
           description: field.helpText,
-          "data-testid": "fr.input.longtext.".concat(field.label)
+          "data-testid": "fr.input.longtext.".concat(field.label),
+          validation: bind.validation
         }));
       });
     }

package/admin/plugins/fieldRenderers/longText/longText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","Input","Object","assign","rows","label","placeholder","placeholderText","helpText","concat","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Input\n                            {...bind}\n                            rows={5}\n                            label={field.label}\n                            placeholder={field.placeholderText}\n                            description={field.helpText}\n                            data-testid={`fr.input.longtext.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAwC,IAAAI,eAAA,EAAAC,gBAAA;AAExC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,yEAAkE;IAChFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI1B,MAAA,CAAAiB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD7B,MAAA,CAAAiB,OAAA,CAAAW,aAAA,CAACxB,MAAA,CAAA0B,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACEH,IAAI;UACRI,IAAI,EAAE,CAAE;UACRC,KAAK,EAAEb,KAAK,CAACa,KAAM;UACnBC,WAAW,EAAEd,KAAK,CAACe,eAAgB;UACnClB,WAAW,EAAEG,KAAK,CAACgB,QAAS;UAC5B,oCAAAC,MAAA,CAAkCjB,KAAK,CAACa,KAAK;QAAG,EACnD,CAAC;MAAA,CAEJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","DelayedOnChange","value","onChange","onBlur","validate","Input","rows","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <DelayedOnChange\n                            value={bind.value}\n                            onChange={bind.onChange}\n                            onBlur={bind.validate}\n                        >\n                            <Input\n                                rows={5}\n                                label={field.label}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                                data-testid={`fr.input.longtext.${field.label}`}\n                                validation={bind.validation}\n                            />\n                        </DelayedOnChange>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,yEAAkE;IAChFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAAyB,eAAe;UACZC,KAAK,EAAEF,IAAI,CAACE,KAAM;UAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;UACxBC,MAAM,EAAEJ,IAAI,CAACK;QAAS,gBAEtBnC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACzB,MAAA,CAAAgC,KAAK;UACFC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAEhB,KAAK,CAACgB,KAAM;UACnBC,WAAW,EAAEjB,KAAK,CAACkB,eAAgB;UACnCrB,WAAW,EAAEG,KAAK,CAACmB,QAAS;UAC5B,oCAAAC,MAAA,CAAkCpB,KAAK,CAACgB,KAAK,CAAG;UAChDK,UAAU,EAAEb,IAAI,CAACa;QAAW,CAC/B,CACY,CAAC;MAAA,CAEpB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaN,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/longText/longTexts.js

@@ -12,6 +12,7 @@ var _Input = require("@webiny/ui/Input");
 var _i18n = require("@webiny/app/i18n");
 var _close = require("../../../icons/close.svg");
 var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
+var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
 var _templateObject, _templateObject2, _templateObject3;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {
@@ -29,7 +30,12 @@ var plugin = {
       return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
         var bind = _ref2.bind,
           index = _ref2.index;
-        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind.index, {
+        return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
+          value: bind.index.value,
+          onChange: bind.index.onChange,
+          onBlur: bind.index.validate
+        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+          validation: bind.index.validation,
           rows: 5,
           label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({
             number: index + 1

package/admin/plugins/fieldRenderers/longText/longTexts.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","Input","Object","assign","rows","label","number","placeholder","placeholderText","helpText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <Input\n                            {...bind.index}\n                            rows={5}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            placeholder={props.field.placeholderText}\n                            description={props.field.helpText}\n                            data-testid={`fr.input.longTexts.${props.field.label}.${index + 1}`}\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA+C,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,mBAAY;IACnBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,6CAAsC;IACpDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI5B,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAACtB,eAAA,CAAAa,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXhC,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAACzB,MAAA,CAAA6B,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACEJ,IAAI,CAACC,KAAK;UACdI,IAAI,EAAE,CAAE;UACRC,KAAK,EAAE1B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEkB,MAAM,EAAEN,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDO,WAAW,EAAEX,KAAK,CAACJ,KAAK,CAACgB,eAAgB;UACzCnB,WAAW,EAAEO,KAAK,CAACJ,KAAK,CAACiB,QAAS;UAClC,qCAAAC,MAAA,CAAmCd,KAAK,CAACJ,KAAK,CAACa,KAAK,OAAAK,MAAA,CAAIV,KAAK,GAAG,CAAC,CAAG;UACpEW,YAAY,EACRX,KAAK,GAAG,CAAC,IAAI;YACTY,IAAI,eAAE5C,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAACvB,MAAA,CAAAuC,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMf,IAAI,CAACP,KAAK,CAACuB,WAAW,CAACf,KAAK,CAAC;YAAA;UAChD;QACH,EACJ,CAAC;MAAA,CAEM,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_DelayedOnChange","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","rows","label","number","placeholder","placeholderText","helpText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                validation={bind.index.validation}\n                                rows={5}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholderText}\n                                description={props.field.helpText}\n                                data-testid={`fr.input.longTexts.${props.field.label}.${index + 1}`}\n                                trailingIcon={\n                                    index > 0 && {\n                                        icon: <DeleteIcon />,\n                                        onClick: () => bind.field.removeValue(index)\n                                    }\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAA6D,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,mBAAY;IACnBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,6CAAsC;IACpDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI7B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACvB,eAAA,CAAAc,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXjC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACtB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;UACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;UAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;QAAS,gBAE5BtC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAAmC,KAAK;UACFC,UAAU,EAAER,IAAI,CAACC,KAAK,CAACO,UAAW;UAClCC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAE9B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEsB,MAAM,EAAEV,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDW,WAAW,EAAEf,KAAK,CAACJ,KAAK,CAACoB,eAAgB;UACzCvB,WAAW,EAAEO,KAAK,CAACJ,KAAK,CAACqB,QAAS;UAClC,qCAAAC,MAAA,CAAmClB,KAAK,CAACJ,KAAK,CAACiB,KAAK,OAAAK,MAAA,CAAId,KAAK,GAAG,CAAC,CAAG;UACpEe,YAAY,EACRf,KAAK,GAAG,CAAC,IAAI;YACTgB,IAAI,eAAEjD,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACxB,MAAA,CAAA4C,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMnB,IAAI,CAACP,KAAK,CAAC2B,WAAW,CAACnB,KAAK,CAAC;YAAA;UAChD;QACH,CACJ,CACY,CAAC;MAAA,CAEV,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaN,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/number/numberInput.js

@@ -8,8 +8,9 @@ exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _get = _interopRequireDefault(require("lodash/get"));
-var _Input = require("@webiny/ui/Input");
 var _i18n = require("@webiny/app/i18n");
+var _Input = require("@webiny/ui/Input");
+var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/number");
 var plugin = {
@@ -27,16 +28,18 @@ var plugin = {
       var field = _ref2.field,
         getBind = _ref2.getBind;
       var Bind = getBind();
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bindProps, {
-          onChange: function onChange(value) {
-            return bindProps.onChange(value);
-          },
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
+          value: bind.value,
+          onChange: bind.onChange,
+          onBlur: bind.validate
+        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
           label: field.label,
           placeholder: field.placeholderText,
           description: field.helpText,
           type: "number",
-          "data-testid": "fr.input.number.".concat(field.label)
+          "data-testid": "fr.input.number.".concat(field.label),
+          validation: bind.validation
         }));
       });
     }