@webiny/app-headless-cms 5.27.0-beta.0 → 5.28.0

package/admin/components/Droppable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Droppable.tsx"],"names":["React","useDrop","DroppableComponent","props","children","onDrop","isVisible","accept","collect","monitor","isOver","shallow","item","getItem","drop","_","isDragging","Boolean","Droppable","memo"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAA4BC,OAA5B,QAA2C,WAA3C;;AAiCA,IAAMC,kBAA4C,GAAG,SAA/CA,kBAA+C,CAAAC,KAAK,EAAI;AAC1D,MAAQC,QAAR,GAAqDD,KAArD,CAAQC,QAAR;AAAA,MAAkBC,MAAlB,GAAqDF,KAArD,CAAkBE,MAAlB;AAAA,yBAAqDF,KAArD,CAA0BG,SAA1B;AAAA,MAA0BA,SAA1B,iCAAsC;AAAA,WAAM,IAAN;AAAA,GAAtC;;AAEA,iBAAiCL,OAAO,CAAC;AACrCM,IAAAA,MAAM,EAAE,SAD6B;AAErCC,IAAAA,OAAO,EAAE,iBAAAC,OAAO;AAAA,aAAK;AACjBC,QAAAA,MAAM,EAAED,OAAO,CAACC,MAAR,MAAoBD,OAAO,CAACC,MAAR,CAAe;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAf,CADX;AAEjBC,QAAAA,IAAI,EAAEH,OAAO,CAACI,OAAR;AAFW,OAAL;AAAA,KAFqB;AAMrCC,IAAAA,IANqC,gBAMhCC,CANgC,EAM7BN,OAN6B,EAMpB;AACb,UAAI,OAAOJ,MAAP,KAAkB,UAAtB,EAAkC;AAC9B,eAAOA,MAAM,CAACI,OAAO,CAACI,OAAR,EAAD,CAAb;AACH;AACJ;AAVoC,GAAD,CAAxC;AAAA;AAAA;AAAA,MAASD,IAAT,cAASA,IAAT;AAAA,MAAeF,MAAf,cAAeA,MAAf;AAAA,MAAyBI,IAAzB;;AAaA,MAAIF,IAAI,IAAI,CAACN,SAAS,CAACM,IAAD,CAAtB,EAA8B;AAC1B,WAAO,IAAP;AACH;;AAED,SAAOR,QAAQ,CAAC;AAAEY,IAAAA,UAAU,EAAEC,OAAO,CAACL,IAAD,CAArB;AAA6BF,IAAAA,MAAM,EAANA,MAA7B;AAAqCE,IAAAA,IAAI,EAAJA,IAArC;AAA2CE,IAAAA,IAAI,EAAJA;AAA3C,GAAD,CAAf;AACH,CArBD;;AAuBA,OAAO,IAAMI,SAAmC,gBAAGlB,KAAK,CAACmB,IAAN,CAAWjB,kBAAX,CAA5C","sourcesContent":["import * as React from \"react\";\nimport { ConnectDropTarget, useDrop } from \"react-dnd\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\n\nexport interface DroppableChildrenFunctionParams {\n    isDragging: boolean;\n    isOver: boolean;\n    item: any;\n    drop: ConnectDropTarget;\n}\nexport interface DroppableChildrenFunction {\n    (params: DroppableChildrenFunctionParams): React.ReactElement;\n}\n\ninterface IsVisibleParams {\n    type: \"row\" | \"field\" | \"newField\";\n    item: any;\n    isDragging: boolean;\n}\nexport interface IsVisibleCallable {\n    (params: IsVisibleParams): boolean;\n}\nexport interface OnDropCallable {\n    (item: DragSource): void;\n}\nexport interface DroppableProps {\n    type?: string;\n    children: DroppableChildrenFunction;\n    isDragging?: boolean;\n    isDroppable?: (item: any) => boolean;\n    isVisible?: IsVisibleCallable;\n    onDrop?: OnDropCallable;\n}\n\nconst DroppableComponent: React.FC<DroppableProps> = props => {\n    const { children, onDrop, isVisible = () => true } = props;\n\n    const [{ item, isOver }, drop] = useDrop({\n        accept: \"element\",\n        collect: monitor => ({\n            isOver: monitor.isOver() && monitor.isOver({ shallow: true }),\n            item: monitor.getItem()\n        }),\n        drop(_, monitor) {\n            if (typeof onDrop === \"function\") {\n                return onDrop(monitor.getItem());\n            }\n        }\n    });\n\n    if (item && !isVisible(item)) {\n        return null;\n    }\n\n    return children({ isDragging: Boolean(item), isOver, item, drop });\n};\n\nexport const Droppable: React.FC<DroppableProps> = React.memo(DroppableComponent);\n"]}
+{"version":3,"names":["DroppableComponent","props","children","onDrop","isVisible","useDrop","accept","collect","monitor","isOver","shallow","item","getItem","drop","_","isDragging","Boolean","Droppable","React","memo"],"sources":["Droppable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ConnectDropTarget, useDrop } from \"react-dnd\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\n\nexport interface DroppableChildrenFunctionParams {\n    isDragging: boolean;\n    isOver: boolean;\n    item: any;\n    drop: ConnectDropTarget;\n}\nexport interface DroppableChildrenFunction {\n    (params: DroppableChildrenFunctionParams): React.ReactElement;\n}\n\ninterface IsVisibleParams {\n    type: \"row\" | \"field\" | \"newField\";\n    item: any;\n    isDragging: boolean;\n}\nexport interface IsVisibleCallable {\n    (params: IsVisibleParams): boolean;\n}\nexport interface OnDropCallable {\n    (item: DragSource): void;\n}\nexport interface DroppableProps {\n    type?: string;\n    children: DroppableChildrenFunction;\n    isDragging?: boolean;\n    isDroppable?: (item: any) => boolean;\n    isVisible?: IsVisibleCallable;\n    onDrop?: OnDropCallable;\n}\n\nconst DroppableComponent: React.FC<DroppableProps> = props => {\n    const { children, onDrop, isVisible = () => true } = props;\n\n    const [{ item, isOver }, drop] = useDrop({\n        accept: \"element\",\n        collect: monitor => ({\n            isOver: monitor.isOver() && monitor.isOver({ shallow: true }),\n            item: monitor.getItem()\n        }),\n        drop(_, monitor) {\n            if (typeof onDrop === \"function\") {\n                return onDrop(monitor.getItem());\n            }\n        }\n    });\n\n    if (item && !isVisible(item)) {\n        return null;\n    }\n\n    return children({ isDragging: Boolean(item), isOver, item, drop });\n};\n\nexport const Droppable: React.FC<DroppableProps> = React.memo(DroppableComponent);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAiCA,IAAMA,kBAA4C,GAAG,SAA/CA,kBAA+C,CAAAC,KAAK,EAAI;EAC1D,IAAQC,QAAR,GAAqDD,KAArD,CAAQC,QAAR;EAAA,IAAkBC,MAAlB,GAAqDF,KAArD,CAAkBE,MAAlB;EAAA,uBAAqDF,KAArD,CAA0BG,SAA1B;EAAA,IAA0BA,SAA1B,iCAAsC;IAAA,OAAM,IAAN;EAAA,CAAtC;;EAEA,eAAiC,IAAAC,iBAAA,EAAQ;IACrCC,MAAM,EAAE,SAD6B;IAErCC,OAAO,EAAE,iBAAAC,OAAO;MAAA,OAAK;QACjBC,MAAM,EAAED,OAAO,CAACC,MAAR,MAAoBD,OAAO,CAACC,MAAR,CAAe;UAAEC,OAAO,EAAE;QAAX,CAAf,CADX;QAEjBC,IAAI,EAAEH,OAAO,CAACI,OAAR;MAFW,CAAL;IAAA,CAFqB;IAMrCC,IANqC,gBAMhCC,CANgC,EAM7BN,OAN6B,EAMpB;MACb,IAAI,OAAOL,MAAP,KAAkB,UAAtB,EAAkC;QAC9B,OAAOA,MAAM,CAACK,OAAO,CAACI,OAAR,EAAD,CAAb;MACH;IACJ;EAVoC,CAAR,CAAjC;EAAA;EAAA;EAAA,IAASD,IAAT,cAASA,IAAT;EAAA,IAAeF,MAAf,cAAeA,MAAf;EAAA,IAAyBI,IAAzB;;EAaA,IAAIF,IAAI,IAAI,CAACP,SAAS,CAACO,IAAD,CAAtB,EAA8B;IAC1B,OAAO,IAAP;EACH;;EAED,OAAOT,QAAQ,CAAC;IAAEa,UAAU,EAAEC,OAAO,CAACL,IAAD,CAArB;IAA6BF,MAAM,EAANA,MAA7B;IAAqCE,IAAI,EAAJA,IAArC;IAA2CE,IAAI,EAAJA;EAA3C,CAAD,CAAf;AACH,CArBD;;AAuBO,IAAMI,SAAmC,gBAAGC,KAAK,CAACC,IAAN,CAAWnB,kBAAX,CAA5C"}

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.js

@@ -1,25 +1,45 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _plugins = require("@webiny/plugins");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Radio = require("@webiny/ui/Radio");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _emotion = require("emotion");
+
+var _validation = require("@webiny/validation");
 
 var _templateObject, _templateObject2;
 
-import React, { useEffect } from "react";
-import { plugins } from "@webiny/plugins";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { i18n } from "@webiny/app/i18n";
-import { Radio, RadioGroup } from "@webiny/ui/Radio";
-import { Typography } from "@webiny/ui/Typography";
-import { css } from "emotion";
-import { validation } from "@webiny/validation";
-var t = i18n.ns("app-headless-cms/admin/views/components/editor/tabs/edit-field-dialog/appearance-tab");
+var t = _i18n.i18n.ns("app-headless-cms/admin/views/components/editor/tabs/edit-field-dialog/appearance-tab");
+
 var style = {
-  topLabel: /*#__PURE__*/css({
+  topLabel: /*#__PURE__*/(0, _emotion.css)({
     marginBottom: 25
   }, "label:topLabel;"),
-  noComponentsMessage: /*#__PURE__*/css({
+  noComponentsMessage: /*#__PURE__*/(0, _emotion.css)({
     textAlign: "center",
     padding: 25
   }, "label:noComponentsMessage;"),
-  radioContainer: /*#__PURE__*/css({
+  radioContainer: /*#__PURE__*/(0, _emotion.css)({
     marginBottom: 10
   }, "label:radioContainer;")
 };
@@ -27,12 +47,14 @@ var style = {
 var AppearanceTab = function AppearanceTab(props) {
   var field = props.field,
       form = props.form;
-  var renderPlugins = plugins.byType("cms-editor-field-renderer").filter(function (item) {
+
+  var renderPlugins = _plugins.plugins.byType("cms-editor-field-renderer").filter(function (item) {
     return item.renderer.canUse({
       field: field
     });
   });
-  useEffect(function () {
+
+  (0, _react.useEffect)(function () {
     // If the currently selected render plugin is no longer available, select the first available one.
     var currentlySelectedRenderAvailable = renderPlugins.find(function (item) {
       return item.renderer.rendererName === field.renderer.name;
@@ -49,31 +71,31 @@ var AppearanceTab = function AppearanceTab(props) {
   });
 
   if (renderPlugins.length === 0) {
-    return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
       className: style.noComponentsMessage
-    }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["There are no components that can render this field."])))));
+    }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["There are no components that can render this field."])))));
   }
 
   var Bind = form.Bind;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: style.topLabel
-  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Choose a component that will render the field:"])))), /*#__PURE__*/React.createElement(Bind, {
+  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Choose a component that will render the field:"])))), /*#__PURE__*/_react.default.createElement(Bind, {
     name: "renderer.name",
-    validate: validation.create("required")
-  }, /*#__PURE__*/React.createElement(RadioGroup, null, function (_ref) {
+    validate: _validation.validation.create("required")
+  }, /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, null, function (_ref) {
     var onChange = _ref.onChange,
         getValue = _ref.getValue;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, renderPlugins.map(function (item) {
-      return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderPlugins.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: item.name,
         className: style.radioContainer
-      }, /*#__PURE__*/React.createElement(Radio, {
+      }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
         value: getValue(item.renderer.rendererName),
         onChange: onChange(item.renderer.rendererName),
-        label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, item.renderer.name), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
+        label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, item.renderer.name), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
           use: "caption"
         }, item.renderer.description)))
       }));
@@ -81,4 +103,5 @@ var AppearanceTab = function AppearanceTab(props) {
   }))));
 };
 
-export default AppearanceTab;
+var _default = AppearanceTab;
+exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AppearanceTab.tsx"],"names":["React","useEffect","plugins","Grid","Cell","i18n","Radio","RadioGroup","Typography","css","validation","t","ns","style","topLabel","marginBottom","noComponentsMessage","textAlign","padding","radioContainer","AppearanceTab","props","field","form","renderPlugins","byType","filter","item","renderer","canUse","currentlySelectedRenderAvailable","find","rendererName","name","setValue","console","log","fieldId","length","Bind","create","onChange","getValue","map","description"],"mappings":"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","sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsEditorField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { css } from \"emotion\";\nimport { validation } from \"@webiny/validation\";\nimport { FormRenderPropParams } from \"@webiny/form\";\n\nconst t = i18n.ns(\n    \"app-headless-cms/admin/views/components/editor/tabs/edit-field-dialog/appearance-tab\"\n);\n\nconst style = {\n    topLabel: css({\n        marginBottom: 25\n    }),\n    noComponentsMessage: css({\n        textAlign: \"center\",\n        padding: 25\n    }),\n    radioContainer: css({\n        marginBottom: 10\n    })\n};\n\ninterface AppearanceTabProps {\n    field: CmsEditorField;\n    form: FormRenderPropParams;\n}\nconst AppearanceTab: React.FC<AppearanceTabProps> = props => {\n    const { field, form } = props;\n\n    const renderPlugins = plugins\n        .byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\")\n        .filter(item => item.renderer.canUse({ field }));\n\n    useEffect((): void => {\n        // If the currently selected render plugin is no longer available, select the first available one.\n        const currentlySelectedRenderAvailable = renderPlugins.find(\n            item => item.renderer.rendererName === field.renderer.name\n        );\n        if (currentlySelectedRenderAvailable) {\n            return;\n        } else if (renderPlugins[0]) {\n            form.setValue(\"renderer.name\", renderPlugins[0].renderer.rendererName);\n            return;\n        }\n        console.log(`No renderers for field ${field.fieldId} found.`, field);\n    });\n\n    if (renderPlugins.length === 0) {\n        return (\n            <Grid>\n                <Cell\n                    span={12}\n                    className={style.noComponentsMessage}\n                >{t`There are no components that can render this field.`}</Cell>\n            </Grid>\n        );\n    }\n\n    const { Bind } = form;\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <div\n                    className={style.topLabel}\n                >{t`Choose a component that will render the field:`}</div>\n                <Bind name={\"renderer.name\"} validate={validation.create(\"required\")}>\n                    <RadioGroup>\n                        {({ onChange, getValue }) => (\n                            <React.Fragment>\n                                {renderPlugins.map(item => (\n                                    <div key={item.name} className={style.radioContainer}>\n                                        <Radio\n                                            value={getValue(item.renderer.rendererName)}\n                                            onChange={onChange(item.renderer.rendererName)}\n                                            label={\n                                                <>\n                                                    <div>{item.renderer.name}</div>\n                                                    <div>\n                                                        <Typography use={\"caption\"}>\n                                                            {item.renderer.description}\n                                                        </Typography>\n                                                    </div>\n                                                </>\n                                            }\n                                        />\n                                    </div>\n                                ))}\n                            </React.Fragment>\n                        )}\n                    </RadioGroup>\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport default AppearanceTab;\n"]}
+{"version":3,"names":["t","i18n","ns","style","topLabel","css","marginBottom","noComponentsMessage","textAlign","padding","radioContainer","AppearanceTab","props","field","form","renderPlugins","plugins","byType","filter","item","renderer","canUse","useEffect","currentlySelectedRenderAvailable","find","rendererName","name","setValue","console","log","fieldId","length","Bind","validation","create","onChange","getValue","map","description"],"sources":["AppearanceTab.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsEditorField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { css } from \"emotion\";\nimport { validation } from \"@webiny/validation\";\nimport { FormRenderPropParams } from \"@webiny/form\";\n\nconst t = i18n.ns(\n    \"app-headless-cms/admin/views/components/editor/tabs/edit-field-dialog/appearance-tab\"\n);\n\nconst style = {\n    topLabel: css({\n        marginBottom: 25\n    }),\n    noComponentsMessage: css({\n        textAlign: \"center\",\n        padding: 25\n    }),\n    radioContainer: css({\n        marginBottom: 10\n    })\n};\n\ninterface AppearanceTabProps {\n    field: CmsEditorField;\n    form: FormRenderPropParams;\n}\nconst AppearanceTab: React.FC<AppearanceTabProps> = props => {\n    const { field, form } = props;\n\n    const renderPlugins = plugins\n        .byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\")\n        .filter(item => item.renderer.canUse({ field }));\n\n    useEffect((): void => {\n        // If the currently selected render plugin is no longer available, select the first available one.\n        const currentlySelectedRenderAvailable = renderPlugins.find(\n            item => item.renderer.rendererName === field.renderer.name\n        );\n        if (currentlySelectedRenderAvailable) {\n            return;\n        } else if (renderPlugins[0]) {\n            form.setValue(\"renderer.name\", renderPlugins[0].renderer.rendererName);\n            return;\n        }\n        console.log(`No renderers for field ${field.fieldId} found.`, field);\n    });\n\n    if (renderPlugins.length === 0) {\n        return (\n            <Grid>\n                <Cell\n                    span={12}\n                    className={style.noComponentsMessage}\n                >{t`There are no components that can render this field.`}</Cell>\n            </Grid>\n        );\n    }\n\n    const { Bind } = form;\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <div\n                    className={style.topLabel}\n                >{t`Choose a component that will render the field:`}</div>\n                <Bind name={\"renderer.name\"} validate={validation.create(\"required\")}>\n                    <RadioGroup>\n                        {({ onChange, getValue }) => (\n                            <React.Fragment>\n                                {renderPlugins.map(item => (\n                                    <div key={item.name} className={style.radioContainer}>\n                                        <Radio\n                                            value={getValue(item.renderer.rendererName)}\n                                            onChange={onChange(item.renderer.rendererName)}\n                                            label={\n                                                <>\n                                                    <div>{item.renderer.name}</div>\n                                                    <div>\n                                                        <Typography use={\"caption\"}>\n                                                            {item.renderer.description}\n                                                        </Typography>\n                                                    </div>\n                                                </>\n                                            }\n                                        />\n                                    </div>\n                                ))}\n                            </React.Fragment>\n                        )}\n                    </RadioGroup>\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport default AppearanceTab;\n"],"mappings":"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"}

package/admin/components/FieldEditor/EditFieldDialog/GeneralTab.js

@@ -1,11 +1,29 @@
-import _camelCase from "lodash/camelCase";
-import React, { useEffect, useCallback, useRef, useMemo } from "react";
-import { Input } from "@webiny/ui/Input";
-import { Switch } from "@webiny/ui/Switch";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { validation } from "@webiny/validation";
-import { useFieldEditor } from "./..";
-import { useContentModelEditor } from "../../ContentModelEditor/useContentModelEditor";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _camelCase2 = _interopRequireDefault(require("lodash/camelCase"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Input = require("@webiny/ui/Input");
+
+var _Switch = require("@webiny/ui/Switch");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _validation = require("@webiny/validation");
+
+var _ = require("./..");
+
+var _useContentModelEditor = require("../../ContentModelEditor/useContentModelEditor");
 
 var GeneralTab = function GeneralTab(_ref) {
   var field = _ref.field,
@@ -13,12 +31,12 @@ var GeneralTab = function GeneralTab(_ref) {
       fieldPlugin = _ref.fieldPlugin;
   var Bind = form.Bind,
       setValue = form.setValue;
-  var inputRef = useRef(null);
+  var inputRef = (0, _react.useRef)(null);
 
-  var _useContentModelEdito = useContentModelEditor(),
+  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
       data = _useContentModelEdito.data;
 
-  var _useFieldEditor = useFieldEditor(),
+  var _useFieldEditor = (0, _.useFieldEditor)(),
       getField = _useFieldEditor.getField; // Had problems with auto-focusing the "label" field. A couple of comments on this.
   // 1. It's probably caused by the Tabs component which wraps this component.
   // 2. It seems that the "autoFocus" prop on the Input doesn't work. I can't see it attached in the actual DOM.
@@ -27,7 +45,7 @@ var GeneralTab = function GeneralTab(_ref) {
   //    it seems it's behaving correctly. ¯\_(ツ)_/¯
 
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     setTimeout(function () {
       if (!inputRef.current) {
         return;
@@ -36,21 +54,21 @@ var GeneralTab = function GeneralTab(_ref) {
       inputRef.current.focus();
     }, 200);
   }, []);
-  var afterChangeLabel = useCallback(function (value) {
-    setValue("fieldId", _camelCase(value));
+  var afterChangeLabel = (0, _react.useCallback)(function (value) {
+    setValue("fieldId", (0, _camelCase2.default)(value));
   }, []);
-  var beforeChangeFieldId = useCallback(function (value, baseOnChange) {
+  var beforeChangeFieldId = (0, _react.useCallback)(function (value, baseOnChange) {
     var newValue = value.trim();
     baseOnChange(newValue);
   }, []);
-  var fieldIdValidator = useCallback(function (fieldId) {
+  var fieldIdValidator = (0, _react.useCallback)(function (fieldId) {
     if (fieldId.trim().toLowerCase() !== "id") {
       return true;
     }
 
     throw new Error("Cannot use \"id\" as Field ID.");
   }, []);
-  var uniqueFieldIdValidator = useCallback(function (fieldId) {
+  var uniqueFieldIdValidator = (0, _react.useCallback)(function (fieldId) {
     var existingField = getField({
       fieldId: fieldId
     });
@@ -76,14 +94,14 @@ var GeneralTab = function GeneralTab(_ref) {
     });
   }
 
-  var predefinedValuesEnabled = useMemo(function () {
+  var predefinedValuesEnabled = (0, _react.useMemo)(function () {
     return fieldPlugin.field.allowPredefinedValues && typeof fieldPlugin.field.renderPredefinedValues === "function";
   }, [field.fieldId]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "label",
-    validators: validation.create("required"),
+    validators: _validation.validation.create("required"),
     afterChange: function afterChange(value) {
       if (field.id) {
         return;
@@ -91,40 +109,41 @@ var GeneralTab = function GeneralTab(_ref) {
 
       afterChangeLabel(value);
     }
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     label: "Label",
     inputRef: inputRef
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "fieldId",
-    validators: [validation.create("required"), uniqueFieldIdValidator, fieldIdValidator],
+    validators: [_validation.validation.create("required"), uniqueFieldIdValidator, fieldIdValidator],
     beforeChange: beforeChangeFieldId
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     label: "Field ID",
     disabled: !!field.id
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "multipleValues"
-  }, /*#__PURE__*/React.createElement(Switch, {
+  }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
     label: fieldPlugin.field.multipleValuesLabel,
     disabled: !fieldPlugin.field.allowMultipleValues
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "predefinedValues.enabled"
-  }, /*#__PURE__*/React.createElement(Switch, {
+  }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
     label: "Use predefined values",
     disabled: !predefinedValuesEnabled
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "helpText"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     label: "Help text",
     description: "Help text (optional)"
   })))), additionalSettings);
 };
 
-export default GeneralTab;
+var _default = GeneralTab;
+exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/GeneralTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GeneralTab.tsx"],"names":["React","useEffect","useCallback","useRef","useMemo","Input","Switch","Grid","Cell","validation","useFieldEditor","useContentModelEditor","GeneralTab","field","form","fieldPlugin","Bind","setValue","inputRef","data","getField","setTimeout","current","focus","afterChangeLabel","value","beforeChangeFieldId","baseOnChange","newValue","trim","fieldIdValidator","fieldId","toLowerCase","Error","uniqueFieldIdValidator","existingField","id","additionalSettings","renderSettings","contentModel","predefinedValuesEnabled","allowPredefinedValues","renderPredefinedValues","create","multipleValuesLabel","allowMultipleValues"],"mappings":"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","sourcesContent":["import React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport { camelCase } from \"lodash\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsEditorField, CmsEditorFieldTypePlugin } from \"~/types\";\nimport { FormRenderPropParams } from \"@webiny/form/types\";\n\nimport { useFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\ninterface GeneralTabProps {\n    field: CmsEditorField;\n    form: FormRenderPropParams;\n    fieldPlugin: CmsEditorFieldTypePlugin;\n}\n\nconst GeneralTab: React.FC<GeneralTabProps> = ({ field, form, fieldPlugin }) => {\n    const { Bind, setValue } = form;\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data } = useContentModelEditor();\n    const { getField } = useFieldEditor();\n\n    // Had problems with auto-focusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, 200);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            const newValue = value.trim();\n\n            baseOnChange(newValue);\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback(fieldId => {\n        if (fieldId.trim().toLowerCase() !== \"id\") {\n            return true;\n        }\n\n        throw new Error(`Cannot use \"id\" as Field ID.`);\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        const existingField = getField({ fieldId });\n        if (!existingField) {\n            return false;\n        }\n\n        if (existingField.id === field.id) {\n            return true;\n        }\n        throw new Error(\"Please enter a unique Field ID.\");\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            form,\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel: data\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            fieldPlugin.field.allowPredefinedValues &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid>\n                <Cell span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input label={\"Label\"} inputRef={inputRef} />\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input label={\"Field ID\"} disabled={!!field.id} />\n                    </Bind>\n                </Cell>\n\n                <Cell span={6}>\n                    <Bind name={\"multipleValues\"}>\n                        <Switch\n                            label={fieldPlugin.field.multipleValuesLabel}\n                            disabled={!fieldPlugin.field.allowMultipleValues}\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                        />\n                    </Bind>\n                </Cell>\n\n                <Cell span={12}>\n                    <Bind name={\"helpText\"}>\n                        <Input label={\"Help text\"} description={\"Help text (optional)\"} />\n                    </Bind>\n                </Cell>\n            </Grid>\n            {additionalSettings}\n        </>\n    );\n};\n\nexport default GeneralTab;\n"]}
+{"version":3,"names":["GeneralTab","field","form","fieldPlugin","Bind","setValue","inputRef","useRef","useContentModelEditor","data","useFieldEditor","getField","useEffect","setTimeout","current","focus","afterChangeLabel","useCallback","value","beforeChangeFieldId","baseOnChange","newValue","trim","fieldIdValidator","fieldId","toLowerCase","Error","uniqueFieldIdValidator","existingField","id","additionalSettings","renderSettings","contentModel","predefinedValuesEnabled","useMemo","allowPredefinedValues","renderPredefinedValues","validation","create","multipleValuesLabel","allowMultipleValues"],"sources":["GeneralTab.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport { camelCase } from \"lodash\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsEditorField, CmsEditorFieldTypePlugin } from \"~/types\";\nimport { FormRenderPropParams } from \"@webiny/form/types\";\n\nimport { useFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\ninterface GeneralTabProps {\n    field: CmsEditorField;\n    form: FormRenderPropParams;\n    fieldPlugin: CmsEditorFieldTypePlugin;\n}\n\nconst GeneralTab: React.FC<GeneralTabProps> = ({ field, form, fieldPlugin }) => {\n    const { Bind, setValue } = form;\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data } = useContentModelEditor();\n    const { getField } = useFieldEditor();\n\n    // Had problems with auto-focusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, 200);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            const newValue = value.trim();\n\n            baseOnChange(newValue);\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback(fieldId => {\n        if (fieldId.trim().toLowerCase() !== \"id\") {\n            return true;\n        }\n\n        throw new Error(`Cannot use \"id\" as Field ID.`);\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        const existingField = getField({ fieldId });\n        if (!existingField) {\n            return false;\n        }\n\n        if (existingField.id === field.id) {\n            return true;\n        }\n        throw new Error(\"Please enter a unique Field ID.\");\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            form,\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel: data\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            fieldPlugin.field.allowPredefinedValues &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid>\n                <Cell span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input label={\"Label\"} inputRef={inputRef} />\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input label={\"Field ID\"} disabled={!!field.id} />\n                    </Bind>\n                </Cell>\n\n                <Cell span={6}>\n                    <Bind name={\"multipleValues\"}>\n                        <Switch\n                            label={fieldPlugin.field.multipleValuesLabel}\n                            disabled={!fieldPlugin.field.allowMultipleValues}\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                        />\n                    </Bind>\n                </Cell>\n\n                <Cell span={12}>\n                    <Bind name={\"helpText\"}>\n                        <Input label={\"Help text\"} description={\"Help text (optional)\"} />\n                    </Bind>\n                </Cell>\n            </Grid>\n            {additionalSettings}\n        </>\n    );\n};\n\nexport default GeneralTab;\n"],"mappings":"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"}

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js

@@ -1,15 +1,33 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React, { useCallback, useRef, cloneElement } from "react";
-import getValue from "./functions/getValue";
-import setValue from "./functions/setValue";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _getValue = _interopRequireDefault(require("./functions/getValue"));
+
+var _setValue = _interopRequireDefault(require("./functions/setValue"));
 
 var PredefinedValues = function PredefinedValues(_ref) {
   var field = _ref.field,
       fieldPlugin = _ref.fieldPlugin,
       form = _ref.form;
-  var memoizedBindComponents = useRef({});
+  var memoizedBindComponents = (0, _react.useRef)({});
   var BaseFormBind = form.Bind;
-  var getBind = useCallback(function () {
+  var getBind = (0, _react.useCallback)(function () {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var memoKey = index;
 
@@ -20,30 +38,50 @@ var PredefinedValues = function PredefinedValues(_ref) {
     var Bind = function Bind(_ref2) {
       var children = _ref2.children,
           name = _ref2.name;
-      return /*#__PURE__*/React.createElement(BaseFormBind, {
+      return /*#__PURE__*/_react.default.createElement(BaseFormBind, {
         name: "predefinedValues.values"
       }, function (bind) {
-        var props = _objectSpread(_objectSpread({}, bind), {}, {
-          value: getValue({
+        var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
+          value: (0, _getValue.default)({
             bind: bind,
             index: index,
             name: name
           }),
-          onChange: function onChange(value) {
-            setValue({
-              value: value,
-              bind: bind,
-              index: index,
-              name: name
-            });
-          }
+          onChange: function () {
+            var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
+              return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.next = 2;
+                      return (0, _setValue.default)({
+                        value: value,
+                        bind: bind,
+                        index: index,
+                        name: name
+                      });
+
+                    case 2:
+                    case "end":
+                      return _context.stop();
+                  }
+                }
+              }, _callee);
+            }));
+
+            function onChange(_x) {
+              return _onChange.apply(this, arguments);
+            }
+
+            return onChange;
+          }()
         });
 
         if (typeof children === "function") {
           return children(props);
         }
 
-        return /*#__PURE__*/cloneElement(children, props);
+        return /*#__PURE__*/(0, _react.cloneElement)(children, props);
       });
     };
 
@@ -52,14 +90,15 @@ var PredefinedValues = function PredefinedValues(_ref) {
   }, []);
 
   if (!fieldPlugin.field.renderPredefinedValues) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, "Missing \"field.renderPredefinedValues\" method in field type plugin: \"".concat(field.type, "\"."));
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Missing \"field.renderPredefinedValues\" method in field type plugin: \"".concat(field.type, "\"."));
   }
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, fieldPlugin.field.renderPredefinedValues({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fieldPlugin.field.renderPredefinedValues({
     field: field,
     getBind: getBind,
     form: form
   }));
 };
 
-export default PredefinedValues;
+var _default = PredefinedValues;
+exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PredefinedValues.tsx"],"names":["React","useCallback","useRef","cloneElement","getValue","setValue","PredefinedValues","field","fieldPlugin","form","memoizedBindComponents","BaseFormBind","Bind","getBind","index","memoKey","current","children","name","bind","props","value","onChange","renderPredefinedValues","type"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,MAA7B,EAAqCC,YAArC,QAAyD,OAAzD;AACA,OAAOC,QAAP;AACA,OAAOC,QAAP;;AAeA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,OAAkC;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,WAAwB,QAAxBA,WAAwB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AACxF,MAAMC,sBAAsB,GAAGR,MAAM,CAAyB,EAAzB,CAArC;AACA,MAAcS,YAAd,GAA+BF,IAA/B,CAAQG,IAAR;AAEA,MAAMC,OAAO,GAAGZ,WAAW,CAAC,YAAgB;AAAA,QAAfa,KAAe,uEAAP,CAAC,CAAM;AACxC,QAAMC,OAAO,GAAGD,KAAhB;;AACA,QAAIJ,sBAAsB,CAACM,OAAvB,CAA+BD,OAA/B,CAAJ,EAA6C;AACzC,aAAOL,sBAAsB,CAACM,OAAvB,CAA+BD,OAA/B,CAAP;AACH;;AAED,QAAMH,IAAyB,GAAG,SAA5BA,IAA4B,QAAwB;AAAA,UAArBK,QAAqB,SAArBA,QAAqB;AAAA,UAAXC,IAAW,SAAXA,IAAW;AACtD,0BACI,oBAAC,YAAD;AAAc,QAAA,IAAI,EAAE;AAApB,SACK,UAAAC,IAAI,EAAI;AACL,YAAMC,KAAK,mCACJD,IADI;AAEPE,UAAAA,KAAK,EAAEjB,QAAQ,CAAC;AAAEe,YAAAA,IAAI,EAAJA,IAAF;AAAQL,YAAAA,KAAK,EAALA,KAAR;AAAeI,YAAAA,IAAI,EAAJA;AAAf,WAAD,CAFR;AAGPI,UAAAA,QAAQ,EAAE,kBAACD,KAAD,EAAqB;AAC3BhB,YAAAA,QAAQ,CAAC;AAAEgB,cAAAA,KAAK,EAALA,KAAF;AAASF,cAAAA,IAAI,EAAJA,IAAT;AAAeL,cAAAA,KAAK,EAALA,KAAf;AAAsBI,cAAAA,IAAI,EAAJA;AAAtB,aAAD,CAAR;AACH;AALM,UAAX;;AAQA,YAAI,OAAOD,QAAP,KAAoB,UAAxB,EAAoC;AAChC,iBAAOA,QAAQ,CAACG,KAAD,CAAf;AACH;;AAED,4BAAOjB,YAAY,CAACc,QAAD,EAA4CG,KAA5C,CAAnB;AACH,OAfL,CADJ;AAmBH,KApBD;;AAsBAV,IAAAA,sBAAsB,CAACM,OAAvB,CAA+BD,OAA/B,IAA0CH,IAA1C;AAEA,WAAOF,sBAAsB,CAACM,OAAvB,CAA+BD,OAA/B,CAAP;AACH,GA/B0B,EA+BxB,EA/BwB,CAA3B;;AAgCA,MAAI,CAACP,WAAW,CAACD,KAAZ,CAAkBgB,sBAAvB,EAA+C;AAC3C,wBACI,4HAA2EhB,KAAK,CAACiB,IAAjF,SADJ;AAGH;;AAED,sBAAO,0CAAGhB,WAAW,CAACD,KAAZ,CAAkBgB,sBAAlB,CAAyC;AAAEhB,IAAAA,KAAK,EAALA,KAAF;AAASM,IAAAA,OAAO,EAAPA,OAAT;AAAkBJ,IAAAA,IAAI,EAAJA;AAAlB,GAAzC,CAAH,CAAP;AACH,CA3CD;;AA6CA,eAAeH,gBAAf","sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport getValue from \"./functions/getValue\";\nimport setValue from \"./functions/setValue\";\nimport { CmsEditorField, CmsEditorFieldTypePlugin } from \"~/types\";\nimport { FormRenderPropParams } from \"@webiny/form\";\n\nexport interface PredefinedValuesProps {\n    field: CmsEditorField;\n    fieldPlugin: CmsEditorFieldTypePlugin;\n    form: FormRenderPropParams;\n}\ninterface MemoizedBindComponents {\n    [key: string]: React.FC<BindProps>;\n}\ninterface BindProps {\n    name: string;\n}\nconst PredefinedValues: React.FC<PredefinedValuesProps> = ({ field, fieldPlugin, form }) => {\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n    const { Bind: BaseFormBind } = form;\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: React.FC<BindProps> = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: (value: string[]) => {\n                                setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ field, getBind, form })}</>;\n};\n\nexport default PredefinedValues;\n"]}
+{"version":3,"names":["PredefinedValues","field","fieldPlugin","form","memoizedBindComponents","useRef","BaseFormBind","Bind","getBind","useCallback","index","memoKey","current","children","name","bind","props","value","getValue","onChange","setValue","cloneElement","renderPredefinedValues","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport getValue from \"./functions/getValue\";\nimport setValue from \"./functions/setValue\";\nimport { CmsEditorField, CmsEditorFieldTypePlugin } from \"~/types\";\nimport { BindComponent, FormRenderPropParams } from \"@webiny/form\";\n\nexport interface PredefinedValuesProps {\n    field: CmsEditorField;\n    fieldPlugin: CmsEditorFieldTypePlugin;\n    form: FormRenderPropParams;\n}\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues: React.FC<PredefinedValuesProps> = ({ field, fieldPlugin, form }) => {\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n    const { Bind: BaseFormBind } = form;\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: async (value: string[]) => {\n                                await setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ field, getBind, form })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAaA,IAAMA,gBAAiD,GAAG,SAApDA,gBAAoD,OAAkC;EAAA,IAA/BC,KAA+B,QAA/BA,KAA+B;EAAA,IAAxBC,WAAwB,QAAxBA,WAAwB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACxF,IAAMC,sBAAsB,GAAG,IAAAC,aAAA,EAA+B,EAA/B,CAA/B;EACA,IAAcC,YAAd,GAA+BH,IAA/B,CAAQI,IAAR;EAEA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAgB;IAAA,IAAfC,KAAe,uEAAP,CAAC,CAAM;IACxC,IAAMC,OAAO,GAAGD,KAAhB;;IACA,IAAIN,sBAAsB,CAACQ,OAAvB,CAA+BD,OAA/B,CAAJ,EAA6C;MACzC,OAAOP,sBAAsB,CAACQ,OAAvB,CAA+BD,OAA/B,CAAP;IACH;;IAED,IAAMJ,IAAmB,GAAG,SAAtBA,IAAsB,QAAwB;MAAA,IAArBM,QAAqB,SAArBA,QAAqB;MAAA,IAAXC,IAAW,SAAXA,IAAW;MAChD,oBACI,6BAAC,YAAD;QAAc,IAAI,EAAE;MAApB,GACK,UAAAC,IAAI,EAAI;QACL,IAAMC,KAAK,+DACJD,IADI;UAEPE,KAAK,EAAE,IAAAC,iBAAA,EAAS;YAAEH,IAAI,EAAJA,IAAF;YAAQL,KAAK,EAALA,KAAR;YAAeI,IAAI,EAAJA;UAAf,CAAT,CAFA;UAGPK,QAAQ;YAAA,uGAAE,iBAAOF,KAAP;cAAA;gBAAA;kBAAA;oBAAA;sBAAA;sBAAA,OACA,IAAAG,iBAAA,EAAS;wBAAEH,KAAK,EAALA,KAAF;wBAASF,IAAI,EAAJA,IAAT;wBAAeL,KAAK,EAALA,KAAf;wBAAsBI,IAAI,EAAJA;sBAAtB,CAAT,CADA;;oBAAA;oBAAA;sBAAA;kBAAA;gBAAA;cAAA;YAAA,CAAF;;YAAA;cAAA;YAAA;;YAAA;UAAA;QAHD,EAAX;;QAQA,IAAI,OAAOD,QAAP,KAAoB,UAAxB,EAAoC;UAChC,OAAOA,QAAQ,CAACG,KAAD,CAAf;QACH;;QAED,oBAAO,IAAAK,mBAAA,EAAaR,QAAb,EAAwDG,KAAxD,CAAP;MACH,CAfL,CADJ;IAmBH,CApBD;;IAsBAZ,sBAAsB,CAACQ,OAAvB,CAA+BD,OAA/B,IAA0CJ,IAA1C;IAEA,OAAOH,sBAAsB,CAACQ,OAAvB,CAA+BD,OAA/B,CAAP;EACH,CA/Be,EA+Bb,EA/Ba,CAAhB;;EAgCA,IAAI,CAACT,WAAW,CAACD,KAAZ,CAAkBqB,sBAAvB,EAA+C;IAC3C,oBACI,8IAA2ErB,KAAK,CAACsB,IAAjF,SADJ;EAGH;;EAED,oBAAO,4DAAGrB,WAAW,CAACD,KAAZ,CAAkBqB,sBAAlB,CAAyC;IAAErB,KAAK,EAALA,KAAF;IAASO,OAAO,EAAPA,OAAT;IAAkBL,IAAI,EAAJA;EAAlB,CAAzC,CAAH,CAAP;AACH,CA3CD;;eA6CeH,gB"}