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

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -1,17 +1,34 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Button = require("@webiny/ui/Button");
+
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
 
 var _templateObject;
 
-import React from "react";
-import { css } from "emotion";
-import { i18n } from "@webiny/app/i18n";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { ButtonDefault, ButtonIcon } from "@webiny/ui/Button";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+
 var style = {
-  addButton: /*#__PURE__*/css({
+  addButton: /*#__PURE__*/(0, _emotion.css)({
     width: "100%",
     borderTop: "1px solid var(--mdc-theme-background)",
     paddingTop: 8
@@ -38,7 +55,7 @@ var DynamicSection = function DynamicSection(_ref) {
     /*#__PURE__*/
 
     /* First we mount the top level field, for example: "items" */
-    React.createElement(Bind, null, function (bindField) {
+    _react.default.createElement(Bind, null, function (bindField) {
       /**
        * "value" -> an array of items
        * "appendValue" -> a callback to add a new value to the top level "items" array
@@ -46,11 +63,11 @@ var DynamicSection = function DynamicSection(_ref) {
       var value = bindField.value,
           appendValue = bindField.appendValue;
       var bindFieldValue = value || [];
-      return /*#__PURE__*/React.createElement(Grid, {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
         className: gridClassName
-      }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/React.createElement(Cell, {
+      }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, showLabel && field.label && /*#__PURE__*/React.createElement(Label, null, field.label), /*#__PURE__*/React.createElement(FirstFieldBind, null, function (bindProps) {
+      }, showLabel && field.label && /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(FirstFieldBind, null, function (bindProps) {
         return (
           /* We bind it to index "0", so when you start typing, that index in parent array will be populated */
           children({
@@ -70,10 +87,10 @@ var DynamicSection = function DynamicSection(_ref) {
         /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */
         var realIndex = index + 1;
         var BindField = getBind(realIndex);
-        return /*#__PURE__*/React.createElement(Cell, {
+        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 12,
           key: realIndex
-        }, /*#__PURE__*/React.createElement(BindField, null, function (bindProps) {
+        }, /*#__PURE__*/_react.default.createElement(BindField, null, function (bindProps) {
           return children({
             Bind: BindField,
             field: field,
@@ -84,23 +101,24 @@ var DynamicSection = function DynamicSection(_ref) {
             index: realIndex
           });
         }));
-      }), bindField.validation.isValid === false && /*#__PURE__*/React.createElement(Cell, {
+      }), bindField.validation.isValid === false && /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(FormElementMessage, {
+      }, /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
         error: true
-      }, bindField.validation.message)), /*#__PURE__*/React.createElement(Cell, {
+      }, bindField.validation.message)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12,
         className: style.addButton
-      }, /*#__PURE__*/React.createElement(ButtonDefault, {
+      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
         disabled: bindFieldValue[0] === undefined,
         onClick: function onClick() {
           return appendValue(emptyValue);
         }
-      }, /*#__PURE__*/React.createElement(ButtonIcon, {
-        icon: /*#__PURE__*/React.createElement(AddIcon, null)
-      }), t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Add value"]))))));
+      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+      }), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Add value"]))))));
     })
   );
 };
 
-export default DynamicSection;
+var _default = DynamicSection;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["DynamicSection.tsx"],"names":["React","css","i18n","Cell","Grid","ButtonDefault","ButtonIcon","FormElementMessage","ReactComponent","AddIcon","t","ns","style","addButton","width","borderTop","paddingTop","DynamicSection","field","getBind","Label","children","showLabel","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","bindField","value","appendValue","bindFieldValue","label","bindProps","bind","index","slice","map","_","realIndex","BindField","validation","isValid","message","undefined"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { CmsEditorField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    addButton: css({\n        width: \"100%\",\n        borderTop: \"1px solid var(--mdc-theme-background)\",\n        paddingTop: 8\n    })\n};\n\n/**\n * TODO @ts-refactor figure out correct types\n */\ninterface DynamicSectionPropsChildrenParams {\n    // bind: BindComponentRenderProp;\n    // index: number;\n    [key: string]: any;\n}\ninterface DynamicSectionProps {\n    field: CmsEditorField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => React.ReactElement;\n    emptyValue?: any;\n    renderTitle?: (value: any[]) => React.ReactElement;\n    gridClassName?: string;\n}\n\nconst DynamicSection: React.FC<DynamicSectionProps> = ({\n    field,\n    getBind,\n    Label,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    renderTitle,\n    gridClassName\n}) => {\n    const Bind = getBind();\n    const FirstFieldBind = getBind(0);\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n                return (\n                    <Grid className={gridClassName}>\n                        {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n                        <Cell span={12}>\n                            {/* We always render the first item, for better UX */}\n                            {showLabel && field.label && <Label>{field.label}</Label>}\n                            <FirstFieldBind>\n                                {bindProps =>\n                                    /* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */\n                                    children({\n                                        Bind: FirstFieldBind,\n                                        field,\n                                        // \"index\" contains Bind props for this particular item in the array\n                                        // \"field\" contains Bind props for the main (parent) field.\n                                        bind: {\n                                            index: bindProps,\n                                            field: bindField\n                                        },\n                                        index: 0 // Binds to \"items.0\" in the <Form>.\n                                    })\n                                }\n                            </FirstFieldBind>\n                        </Cell>\n\n                        {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n                        {bindFieldValue.slice(1).map((_, index) => {\n                            /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n                            const realIndex = index + 1;\n                            const BindField = getBind(realIndex);\n                            return (\n                                <Cell span={12} key={realIndex}>\n                                    <BindField>\n                                        {bindProps =>\n                                            children({\n                                                Bind: BindField,\n                                                field,\n                                                bind: {\n                                                    index: bindProps,\n                                                    field: bindField\n                                                },\n                                                index: realIndex\n                                            })\n                                        }\n                                    </BindField>\n                                </Cell>\n                            );\n                        })}\n\n                        {bindField.validation.isValid === false && (\n                            <Cell span={12}>\n                                <FormElementMessage error>\n                                    {bindField.validation.message}\n                                </FormElementMessage>\n                            </Cell>\n                        )}\n                        <Cell span={12} className={style.addButton}>\n                            <ButtonDefault\n                                disabled={bindFieldValue[0] === undefined}\n                                onClick={() => appendValue(emptyValue)}\n                            >\n                                <ButtonIcon icon={<AddIcon />} />\n                                {t`Add value`}\n                            </ButtonDefault>\n                        </Cell>\n                    </Grid>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"]}
+{"version":3,"names":["t","i18n","ns","style","addButton","css","width","borderTop","paddingTop","DynamicSection","field","getBind","Label","children","showLabel","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","bindField","value","appendValue","bindFieldValue","label","bindProps","bind","index","slice","map","_","realIndex","BindField","validation","isValid","message","undefined"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { CmsEditorField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    addButton: css({\n        width: \"100%\",\n        borderTop: \"1px solid var(--mdc-theme-background)\",\n        paddingTop: 8\n    })\n};\n\n/**\n * TODO @ts-refactor figure out correct types\n */\ninterface DynamicSectionPropsChildrenParams {\n    // bind: BindComponentRenderProp;\n    // index: number;\n    [key: string]: any;\n}\ninterface DynamicSectionProps {\n    field: CmsEditorField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => React.ReactElement;\n    emptyValue?: any;\n    renderTitle?: (value: any[]) => React.ReactElement;\n    gridClassName?: string;\n}\n\nconst DynamicSection: React.FC<DynamicSectionProps> = ({\n    field,\n    getBind,\n    Label,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    renderTitle,\n    gridClassName\n}) => {\n    const Bind = getBind();\n    const FirstFieldBind = getBind(0);\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n                return (\n                    <Grid className={gridClassName}>\n                        {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n                        <Cell span={12}>\n                            {/* We always render the first item, for better UX */}\n                            {showLabel && field.label && <Label>{field.label}</Label>}\n                            <FirstFieldBind>\n                                {bindProps =>\n                                    /* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */\n                                    children({\n                                        Bind: FirstFieldBind,\n                                        field,\n                                        // \"index\" contains Bind props for this particular item in the array\n                                        // \"field\" contains Bind props for the main (parent) field.\n                                        bind: {\n                                            index: bindProps,\n                                            field: bindField\n                                        },\n                                        index: 0 // Binds to \"items.0\" in the <Form>.\n                                    })\n                                }\n                            </FirstFieldBind>\n                        </Cell>\n\n                        {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n                        {bindFieldValue.slice(1).map((_, index) => {\n                            /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n                            const realIndex = index + 1;\n                            const BindField = getBind(realIndex);\n                            return (\n                                <Cell span={12} key={realIndex}>\n                                    <BindField>\n                                        {bindProps =>\n                                            children({\n                                                Bind: BindField,\n                                                field,\n                                                bind: {\n                                                    index: bindProps,\n                                                    field: bindField\n                                                },\n                                                index: realIndex\n                                            })\n                                        }\n                                    </BindField>\n                                </Cell>\n                            );\n                        })}\n\n                        {bindField.validation.isValid === false && (\n                            <Cell span={12}>\n                                <FormElementMessage error>\n                                    {bindField.validation.message}\n                                </FormElementMessage>\n                            </Cell>\n                        )}\n                        <Cell span={12} className={style.addButton}>\n                            <ButtonDefault\n                                disabled={bindFieldValue[0] === undefined}\n                                onClick={() => appendValue(emptyValue)}\n                            >\n                                <ButtonIcon icon={<AddIcon />} />\n                                {t`Add value`}\n                            </ButtonDefault>\n                        </Cell>\n                    </Grid>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js

@@ -1,29 +1,43 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _Switch = require("@webiny/ui/Switch");
+
+var _i18n = require("@webiny/app/i18n");
 
 var _templateObject, _templateObject2;
 
-import React from "react";
-import get from "lodash/get";
-import { Switch } from "@webiny/ui/Switch";
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/fields/boolean");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/boolean");
+
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-boolean",
   renderer: {
     rendererName: "boolean-input",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Boolean Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple switch button."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Boolean Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple switch button."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "boolean" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "boolean" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
           getBind = _ref2.getBind;
       var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/React.createElement(Switch, Object.assign({}, bindProps, {
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
+        return /*#__PURE__*/_react.default.createElement(_Switch.Switch, Object.assign({}, bindProps, {
           label: field.label,
           description: field.helpText
         }));
@@ -31,4 +45,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["booleanSwitch.tsx"],"names":["React","get","Switch","i18n","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","bindProps","label","helpText"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,uCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,mCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,eADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,kFAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,sGAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,SAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAACb,GAAG,CAACY,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,yBAWqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;AAEA,0BACI,oBAAC,IAAD,QACK,UAAAE,SAAS;AAAA,4BACN,oBAAC,MAAD,oBAAYA,SAAZ;AAAuB,UAAA,KAAK,EAAEL,KAAK,CAACM,KAApC;AAA2C,UAAA,WAAW,EAAEN,KAAK,CAACO;AAA9D,WADM;AAAA,OADd,CADJ;AAOH;AArBK;AAH+B,CAA7C;AA4BA,eAAed,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch {...bindProps} label={field.label} description={field.helpText} />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"]}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bindProps","label","helpText"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch {...bindProps} label={field.label} description={field.helpText} />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,uCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,mCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eADR;IAENF,IAAI,EAAEL,CAAF,gGAFE;IAGNQ,WAAW,EAAER,CAAF,oHAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,SAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,yBAWqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;MAEA,oBACI,6BAAC,IAAD,QACK,UAAAE,SAAS;QAAA,oBACN,6BAAC,cAAD,oBAAYA,SAAZ;UAAuB,KAAK,EAAEN,KAAK,CAACO,KAApC;UAA2C,WAAW,EAAEP,KAAK,CAACQ;QAA9D,GADM;MAAA,CADd,CADJ;IAOH;EArBK;AAH+B,CAA7C;eA4Bef,M"}

package/admin/plugins/fieldRenderers/boolean/index.js

@@ -1,2 +1,13 @@
-import booleanSwitch from "./booleanSwitch";
-export default [booleanSwitch];
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _booleanSwitch = _interopRequireDefault(require("./booleanSwitch"));
+
+var _default = [_booleanSwitch.default];
+exports.default = _default;

package/admin/plugins/fieldRenderers/boolean/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["booleanSwitch"],"mappings":"AAAA,OAAOA,aAAP;AAEA,eAAe,CAACA,aAAD,CAAf","sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"]}
+{"version":3,"names":["booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"],"mappings":";;;;;;;;;AAAA;;eAEe,CAACA,sBAAD,C"}

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -1,22 +1,36 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Checkbox = require("@webiny/ui/Checkbox");
 
 var _templateObject, _templateObject2;
 
-import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import { Checkbox, CheckboxGroup } from "@webiny/ui/Checkbox";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-checkboxes-buttons",
   renderer: {
     rendererName: "checkboxes",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Checkboxes"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders checkboxes, allowing selection of multiple values."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Checkboxes"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders checkboxes, allowing selection of multiple values."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return !!field.multipleValues && !!get(field, "predefinedValues.enabled");
+      return !!field.multipleValues && !!(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
@@ -29,18 +43,18 @@ var plugin = {
           _ref3$values = _ref3.values,
           options = _ref3$values === void 0 ? [] : _ref3$values;
 
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, Object.assign({}, bind, {
           label: field.label,
           description: field.helpText
         }), function (_ref4) {
           var onChange = _ref4.onChange,
               getValue = _ref4.getValue;
-          return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
             var value = field.type === "number" ? Number(option.value) : option.value;
-            return /*#__PURE__*/React.createElement("div", {
+            return /*#__PURE__*/_react.default.createElement("div", {
               key: String(option.value) + index
-            }, /*#__PURE__*/React.createElement(Checkbox, {
+            }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
               label: option.label,
               value: getValue(value),
               onChange: onChange(value)
@@ -51,4 +65,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["checkboxes.tsx"],"names":["React","get","i18n","Checkbox","CheckboxGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","predefinedValues","values","options","bind","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,QAAT,EAAmBC,aAAnB,QAAwC,qBAAxC;AAEA,IAAMC,CAAC,GAAGH,IAAI,CAACI,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,8CAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,YADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,+EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,iIAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aAAO,CAAC,CAACA,KAAK,CAACC,cAAR,IAA0B,CAAC,CAACd,GAAG,CAACa,KAAD,EAAQ,0BAAR,CAAtC;AACH,KANK;AAONE,IAAAA,MAPM,yBAOqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;;AAEA,kBAAiCH,KAAK,CAACK,gBAAN,IAA0B;AACvDC,QAAAA,MAAM,EAAE;AAD+C,OAA3D;AAAA,+BAAQA,MAAR;AAAA,UAAgBC,OAAhB,6BAA0B,EAA1B;;AAIA,0BACI,oBAAC,IAAD,QACK,UAAAC,IAAI,EAAI;AACL,4BACI,oBAAC,aAAD,oBACQA,IADR;AAEI,UAAA,KAAK,EAAER,KAAK,CAACS,KAFjB;AAGI,UAAA,WAAW,EAAET,KAAK,CAACU;AAHvB,YAKK;AAAA,cAAGC,QAAH,SAAGA,QAAH;AAAA,cAAaC,QAAb,SAAaA,QAAb;AAAA,8BACG,oBAAC,KAAD,CAAO,QAAP,QACKL,OAAO,CAACM,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT,EAAmB;AAC5B,gBAAMC,KAAK,GACPhB,KAAK,CAACN,IAAN,KAAe,QAAf,GACMuB,MAAM,CAACH,MAAM,CAACE,KAAR,CADZ,GAEMF,MAAM,CAACE,KAHjB;AAIA,gCACI;AAAK,cAAA,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAR,CAAN,GAAuBD;AAAjC,4BACI,oBAAC,QAAD;AACI,cAAA,KAAK,EAAED,MAAM,CAACL,KADlB;AAEI,cAAA,KAAK,EAAEG,QAAQ,CAACI,KAAD,CAFnB;AAGI,cAAA,QAAQ,EAAEL,QAAQ,CAACK,KAAD;AAHtB,cADJ,CADJ;AASH,WAdA,CADL,CADH;AAAA,SALL,CADJ;AA2BH,OA7BL,CADJ;AAiCH;AA/CK;AAH+B,CAA7C;AAsDA,eAAevB,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                            >\n                                {({ onChange, getValue }) => (\n                                    <React.Fragment>\n                                        {options.map((option, index) => {\n                                            const value =\n                                                field.type === \"number\"\n                                                    ? Number(option.value)\n                                                    : option.value;\n                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Checkbox\n                                                        label={option.label}\n                                                        value={getValue(value)}\n                                                        onChange={onChange(value)}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </CheckboxGroup>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"]}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","values","options","bind","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                            >\n                                {({ onChange, getValue }) => (\n                                    <React.Fragment>\n                                        {options.map((option, index) => {\n                                            const value =\n                                                field.type === \"number\"\n                                                    ? Number(option.value)\n                                                    : option.value;\n                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Checkbox\n                                                        label={option.label}\n                                                        value={getValue(value)}\n                                                        onChange={onChange(value)}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </CheckboxGroup>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,8CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEL,CAAF,6FAFE;IAGNQ,WAAW,EAAER,CAAF,+IAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAO,CAAC,CAACA,KAAK,CAACC,cAAR,IAA0B,CAAC,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAAnC;IACH,CANK;IAONG,MAPM,yBAOqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;;MAEA,YAAiCJ,KAAK,CAACM,gBAAN,IAA0B;QACvDC,MAAM,EAAE;MAD+C,CAA3D;MAAA,yBAAQA,MAAR;MAAA,IAAgBC,OAAhB,6BAA0B,EAA1B;;MAIA,oBACI,6BAAC,IAAD,QACK,UAAAC,IAAI,EAAI;QACL,oBACI,6BAAC,uBAAD,oBACQA,IADR;UAEI,KAAK,EAAET,KAAK,CAACU,KAFjB;UAGI,WAAW,EAAEV,KAAK,CAACW;QAHvB,IAKK;UAAA,IAAGC,QAAH,SAAGA,QAAH;UAAA,IAAaC,QAAb,SAAaA,QAAb;UAAA,oBACG,6BAAC,cAAD,CAAO,QAAP,QACKL,OAAO,CAACM,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT,EAAmB;YAC5B,IAAMC,KAAK,GACPjB,KAAK,CAACN,IAAN,KAAe,QAAf,GACMwB,MAAM,CAACH,MAAM,CAACE,KAAR,CADZ,GAEMF,MAAM,CAACE,KAHjB;YAIA,oBACI;cAAK,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAR,CAAN,GAAuBD;YAAjC,gBACI,6BAAC,kBAAD;cACI,KAAK,EAAED,MAAM,CAACL,KADlB;cAEI,KAAK,EAAEG,QAAQ,CAACI,KAAD,CAFnB;cAGI,QAAQ,EAAEL,QAAQ,CAACK,KAAD;YAHtB,EADJ,CADJ;UASH,CAdA,CADL,CADH;QAAA,CALL,CADJ;MA2BH,CA7BL,CADJ;IAiCH;EA/CK;AAH+B,CAA7C;eAsDexB,M"}

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js

@@ -1,32 +1,49 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect } from "react";
-import { Input } from "./Input";
-import { getCurrentDate, getDefaultFieldValue } from "./utils";
-export var DateOnly = function DateOnly(props) {
+"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.DateOnly = 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 _Input = require("./Input");
+
+var _utils = require("./utils");
+
+var DateOnly = function DateOnly(props) {
   var _field$settings;
 
   var field = props.field,
       bind = props.bind,
       trailingIcon = props.trailingIcon;
-  var date = getDefaultFieldValue(field, bind, function () {
-    return getCurrentDate(new Date());
+  var date = (0, _utils.getDefaultFieldValue)(field, bind, function () {
+    return (0, _utils.getCurrentDate)(new Date());
   });
   var bindValue = bind.value || "";
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (!date || bindValue === date) {
       return;
     }
 
     bind.onChange(date);
   }, [bindValue]);
-  return /*#__PURE__*/React.createElement(Input, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
+  return /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
       value: date,
       onChange: function () {
-        var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+        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:
@@ -67,4 +84,6 @@ export var DateOnly = function DateOnly(props) {
     type: (_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.type,
     trailingIcon: trailingIcon
   });
-};
+};
+
+exports.DateOnly = DateOnly;

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateOnly.tsx"],"names":["React","useEffect","Input","getCurrentDate","getDefaultFieldValue","DateOnly","props","field","bind","trailingIcon","date","Date","bindValue","value","onChange","settings","type"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,KAAT;AAEA,SACIC,cADJ,EAEIC,oBAFJ;AAYA,OAAO,IAAMC,QAAyB,GAAG,SAA5BA,QAA4B,CAAAC,KAAK,EAAI;AAAA;;AAC9C,MAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;AAAA,MAAeC,IAAf,GAAsCF,KAAtC,CAAeE,IAAf;AAAA,MAAqBC,YAArB,GAAsCH,KAAtC,CAAqBG,YAArB;AACA,MAAMC,IAAI,GAAGN,oBAAoB,CAACG,KAAD,EAAQC,IAAR,EAAc,YAAM;AACjD,WAAOL,cAAc,CAAC,IAAIQ,IAAJ,EAAD,CAArB;AACH,GAFgC,CAAjC;AAIA,MAAMC,SAAS,GAAGJ,IAAI,CAACK,KAAL,IAAc,EAAhC;AAEAZ,EAAAA,SAAS,CAAC,YAAM;AACZ,QAAI,CAACS,IAAD,IAASE,SAAS,KAAKF,IAA3B,EAAiC;AAC7B;AACH;;AACDF,IAAAA,IAAI,CAACM,QAAL,CAAcJ,IAAd;AACH,GALQ,EAKN,CAACE,SAAD,CALM,CAAT;AAOA,sBACI,oBAAC,KAAD;AACI,IAAA,IAAI,kCACGJ,IADH;AAEAK,MAAAA,KAAK,EAAEH,IAFP;AAGAI,MAAAA,QAAQ;AAAA,iFAAE,iBAAOD,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA,sBACDA,KADC;AAAA;AAAA;AAAA;;AAAA,sBAEGD,SAFH;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA,mDAKKJ,IAAI,CAACM,QAAL,CAAc,EAAd,CALL;;AAAA;AAAA,mDAOCN,IAAI,CAACM,QAAL,CAAcD,KAAd,CAPD;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAF;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAHR,MADR;AAcI,IAAA,KAAK,EAAEN,KAdX;AAeI,IAAA,IAAI,qBAAEA,KAAK,CAACQ,QAAR,oDAAE,gBAAgBC,IAf1B;AAgBI,IAAA,YAAY,EAAEP;AAhBlB,IADJ;AAoBH,CAnCM","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, TrailingIcon } from \"./Input\";\nimport { CmsEditorField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface Props {\n    field: CmsEditorField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly: React.FC<Props> = props => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"]}
+{"version":3,"names":["DateOnly","props","field","bind","trailingIcon","date","getDefaultFieldValue","getCurrentDate","Date","bindValue","value","useEffect","onChange","settings","type"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, TrailingIcon } from \"./Input\";\nimport { CmsEditorField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface Props {\n    field: CmsEditorField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly: React.FC<Props> = props => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAYO,IAAMA,QAAyB,GAAG,SAA5BA,QAA4B,CAAAC,KAAK,EAAI;EAAA;;EAC9C,IAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAAsCF,KAAtC,CAAeE,IAAf;EAAA,IAAqBC,YAArB,GAAsCH,KAAtC,CAAqBG,YAArB;EACA,IAAMC,IAAI,GAAG,IAAAC,2BAAA,EAAqBJ,KAArB,EAA4BC,IAA5B,EAAkC,YAAM;IACjD,OAAO,IAAAI,qBAAA,EAAe,IAAIC,IAAJ,EAAf,CAAP;EACH,CAFY,CAAb;EAIA,IAAMC,SAAS,GAAGN,IAAI,CAACO,KAAL,IAAc,EAAhC;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAI,CAACN,IAAD,IAASI,SAAS,KAAKJ,IAA3B,EAAiC;MAC7B;IACH;;IACDF,IAAI,CAACS,QAAL,CAAcP,IAAd;EACH,CALD,EAKG,CAACI,SAAD,CALH;EAOA,oBACI,6BAAC,YAAD;IACI,IAAI,8DACGN,IADH;MAEAO,KAAK,EAAEL,IAFP;MAGAO,QAAQ;QAAA,uGAAE,iBAAOF,KAAP;UAAA;YAAA;cAAA;gBAAA;kBAAA,IACDA,KADC;oBAAA;oBAAA;kBAAA;;kBAAA,IAEGD,SAFH;oBAAA;oBAAA;kBAAA;;kBAAA;;gBAAA;kBAAA,iCAKKN,IAAI,CAACS,QAAL,CAAc,EAAd,CALL;;gBAAA;kBAAA,iCAOCT,IAAI,CAACS,QAAL,CAAcF,KAAd,CAPD;;gBAAA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CAAF;;QAAA;UAAA;QAAA;;QAAA;MAAA;IAHR,EADR;IAcI,KAAK,EAAER,KAdX;IAeI,IAAI,qBAAEA,KAAK,CAACW,QAAR,oDAAE,gBAAgBC,IAf1B;IAgBI,YAAY,EAAEV;EAhBlB,EADJ;AAoBH,CAnCM"}