@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

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

@@ -1,42 +1,33 @@
-"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;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/boolean");
-var plugin = {
+import React from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { Switch } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/boolean");
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-boolean",
   renderer: {
     rendererName: "boolean-input",
-    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 && !(0, _get.default)(field, "predefinedValues.enabled");
+    name: t`Boolean Input`,
+    description: t`Renders a simple switch button.`,
+    canUse({
+      field
+    }) {
+      return field.type === "boolean" && !field.multipleValues && !get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      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,
-          "data-testid": "fr.input.boolean.".concat(field.label)
-        }));
-      });
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      return /*#__PURE__*/React.createElement(Bind, null, bindProps => /*#__PURE__*/React.createElement(Switch, Object.assign({}, bindProps, {
+        label: field.label,
+        description: field.helpText,
+        "data-testid": `fr.input.boolean.${field.label}`
+      })));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=booleanSwitch.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Switch","_i18n","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bindProps","Switch","Object","assign","label","helpText","concat","_default","exports"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } 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: CmsModelFieldRendererPlugin = {\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\n                            {...bindProps}\n                            label={field.label}\n                            description={field.helpText}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAwC,IAAAI,eAAA,EAAAC,gBAAA;AAExC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uCAAuC,CAAC;AAE1D,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,sBAAe;IACtBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wCAAiC;IAC/CE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,SAAS,IACxB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI1B,MAAA,CAAAiB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,SAAS;QAAA,oBACN7B,MAAA,CAAAiB,OAAA,CAAAW,aAAA,CAACxB,OAAA,CAAA0B,MAAM,EAAAC,MAAA,CAAAC,MAAA,KACCH,SAAS;UACbI,KAAK,EAAEZ,KAAK,CAACY,KAAM;UACnBf,WAAW,EAAEG,KAAK,CAACa,QAAS;UAC5B,mCAAAC,MAAA,CAAiCd,KAAK,CAACY,KAAK;QAAG,EAClD,CAAC;MAAA,CAEJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","Switch","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","createElement","bindProps","Object","assign","label","helpText"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Switch } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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\n                            {...bindProps}\n                            label={field.label}\n                            description={field.helpText}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,uCAAuC,CAAC;AAE1D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,iCAAiC;IAC/CQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,IACxB,CAACM,KAAK,CAACC,cAAc,IACrB,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,SAAS,iBACNnB,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAiB,MAAA,CAAAC,MAAA,KACCF,SAAS;QACbG,KAAK,EAAET,KAAK,CAACS,KAAM;QACnBX,WAAW,EAAEE,KAAK,CAACU,QAAS;QAC5B,eAAa,oBAAoBV,KAAK,CAACS,KAAK;MAAG,EAClD,CAEH,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}

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

@@ -1,11 +1,4 @@
-"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 = exports.default = [_booleanSwitch.default];
+import booleanSwitch from "./booleanSwitch";
+export default [booleanSwitch];
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_booleanSwitch","_interopRequireDefault","require","_default","exports","default","booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE7B,CAACC,sBAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"],"mappings":"AAAA,OAAOA,aAAa;AAEpB,eAAe,CAACA,aAAa,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/checkboxes.d.ts

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../types";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -1,78 +1,56 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-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;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var adaptToField = function adaptToField(field, value) {
+import React from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { CheckboxGroup } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const adaptToField = (field, value) => {
   return field.type === "number" ? Number(value) : value;
 };
-var plugin = {
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-checkboxes-buttons",
   renderer: {
     rendererName: "checkboxes",
-    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 && !!(0, _get.default)(field, "predefinedValues.enabled");
+    name: t`Checkboxes`,
+    description: t`Renders checkboxes, allowing selection of multiple values.`,
+    canUse({
+      field
+    }) {
+      return !!field.multipleValues && !!get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      var _ref3 = field.predefinedValues || {
-          values: []
-        },
-        _ref3$values = _ref3.values,
-        predefinedOptions = _ref3$values === void 0 ? [] : _ref3$values;
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      const {
+        values: predefinedOptions = []
+      } = field.predefinedValues || {
+        values: []
+      };
 
       // For `number` field, we want to convert the value to actual Number.
-      var options = predefinedOptions.map(function (opt) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, opt), {}, {
-          value: adaptToField(field, opt.value)
-        });
-      });
-      var defaults = options.filter(function (option) {
-        return option.selected;
-      });
-      var defaultValue = defaults.length > 0 ? defaults.map(function (opt) {
-        return opt.value;
-      }) : undefined;
-      return /*#__PURE__*/_react.default.createElement(Bind, {
+      const options = predefinedOptions.map(opt => ({
+        ...opt,
+        value: adaptToField(field, opt.value)
+      }));
+      const defaults = options.filter(option => option.selected);
+      const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;
+      return /*#__PURE__*/React.createElement(Bind, {
         defaultValue: defaultValue
-      }, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__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.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
-            return /*#__PURE__*/_react.default.createElement("div", {
-              key: String(option.value) + index
-            }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-              label: option.label,
-              value: getValue(option.value),
-              onChange: onChange(option.value),
-              "data-testid": "fr.input.".concat(field.label)
-            }));
-          }));
-        }));
-      });
+      }, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
+        label: field.label,
+        description: field.helpText,
+        value: bind.value,
+        items: options.map(opt => ({
+          label: opt.label,
+          value: opt.value,
+          selected: opt.selected
+        }))
+      }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=checkboxes.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Checkbox","_templateObject","_templateObject2","t","i18n","ns","adaptToField","field","value","type","Number","plugin","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","multipleValues","get","render","_ref2","getBind","Bind","_ref3","predefinedValues","values","_ref3$values","predefinedOptions","options","map","opt","_objectSpread2","defaults","filter","option","selected","defaultValue","length","undefined","createElement","bind","ValidationContainer","CheckboxGroup","Object","assign","label","helpText","_ref4","onChange","getValue","Fragment","index","key","String","Checkbox","concat","_default","exports"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } 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 adaptToField = (field: CmsModelField, value: string) => {\n    return field.type === \"number\" ? Number(value) : value;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\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: predefinedOptions = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            // For `number` field, we want to convert the value to actual Number.\n            const options = predefinedOptions.map(opt => ({\n                ...opt,\n                value: adaptToField(field, opt.value)\n            }));\n\n            const defaults = options.filter(option => option.selected);\n            const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;\n\n            return (\n                <Bind defaultValue={defaultValue}>\n                    {bind => (\n                        <Bind.ValidationContainer>\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                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Checkbox\n                                                        label={option.label}\n                                                        value={getValue(option.value)}\n                                                        onChange={onChange(option.value)}\n                                                        data-testid={`fr.input.${field.label}`}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </CheckboxGroup>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","CheckboxGroup","t","ns","adaptToField","field","value","type","Number","plugin","name","renderer","rendererName","description","canUse","multipleValues","render","getBind","Bind","values","predefinedOptions","predefinedValues","options","map","opt","defaults","filter","option","selected","defaultValue","length","undefined","createElement","bind","ValidationContainer","Object","assign","label","helpText","items"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst adaptToField = (field: CmsModelField, value: string) => {\n    return field.type === \"number\" ? Number(value) : value;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\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: predefinedOptions = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            // For `number` field, we want to convert the value to actual Number.\n            const options = predefinedOptions.map(opt => ({\n                ...opt,\n                value: adaptToField(field, opt.value)\n            }));\n\n            const defaults = options.filter(option => option.selected);\n            const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;\n\n            return (\n                <Bind defaultValue={defaultValue}>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                value={bind.value}\n                                items={options.map(opt => ({\n                                    label: opt.label,\n                                    value: opt.value,\n                                    selected: opt.selected\n                                }))}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,YAAY,GAAGA,CAACC,KAAoB,EAAEC,KAAa,KAAK;EAC1D,OAAOD,KAAK,CAACE,IAAI,KAAK,QAAQ,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;AAC1D,CAAC;AAED,MAAMG,MAAmC,GAAG;EACxCF,IAAI,EAAE,2BAA2B;EACjCG,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,YAAY;IACnBW,WAAW,EAAEX,CAAC,4DAA4D;IAC1EY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAO,CAAC,CAACA,KAAK,CAACU,cAAc,IAAI,CAAC,CAAChB,GAAG,CAACM,KAAK,EAAE,0BAA0B,CAAC;IAC7E,CAAC;IACDW,MAAMA,CAAC;MAAEX,KAAK;MAAEY;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,iBAAiB,GAAG;MAAG,CAAC,GAAGf,KAAK,CAACgB,gBAAgB,IAAI;QACjEF,MAAM,EAAE;MACZ,CAAC;;MAED;MACA,MAAMG,OAAO,GAAGF,iBAAiB,CAACG,GAAG,CAACC,GAAG,KAAK;QAC1C,GAAGA,GAAG;QACNlB,KAAK,EAAEF,YAAY,CAACC,KAAK,EAAEmB,GAAG,CAAClB,KAAK;MACxC,CAAC,CAAC,CAAC;MAEH,MAAMmB,QAAQ,GAAGH,OAAO,CAACI,MAAM,CAACC,MAAM,IAAIA,MAAM,CAACC,QAAQ,CAAC;MAC1D,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,GAAG,CAAC,GAAGL,QAAQ,CAACF,GAAG,CAACC,GAAG,IAAIA,GAAG,CAAClB,KAAK,CAAC,GAAGyB,SAAS;MAErF,oBACIjC,KAAA,CAAAkC,aAAA,CAACd,IAAI;QAACW,YAAY,EAAEA;MAAa,GAC5BI,IAAI,iBACDnC,KAAA,CAAAkC,aAAA,CAACd,IAAI,CAACgB,mBAAmB,qBACrBpC,KAAA,CAAAkC,aAAA,CAAC/B,aAAa,EAAAkC,MAAA,CAAAC,MAAA,KACNH,IAAI;QACRI,KAAK,EAAEhC,KAAK,CAACgC,KAAM;QACnBxB,WAAW,EAAER,KAAK,CAACiC,QAAS;QAC5BhC,KAAK,EAAE2B,IAAI,CAAC3B,KAAM;QAClBiC,KAAK,EAAEjB,OAAO,CAACC,GAAG,CAACC,GAAG,KAAK;UACvBa,KAAK,EAAEb,GAAG,CAACa,KAAK;UAChB/B,KAAK,EAAEkB,GAAG,CAAClB,KAAK;UAChBsB,QAAQ,EAAEJ,GAAG,CAACI;QAClB,CAAC,CAAC;MAAE,EACP,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/DateOnly.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { TrailingIcon } from "./Input";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { TrailingIcon } from "./Input";
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateOnlyProps {
     field: CmsModelField;
     bind: BindComponentRenderProp;

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

@@ -1,33 +1,27 @@
-"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _Input = require("./Input");
-var _utils = require("./utils");
-var DateOnly = exports.DateOnly = function DateOnly(props) {
-  var field = props.field,
-    bind = props.bind,
-    trailingIcon = props.trailingIcon;
-  var date = (0, _utils.getDefaultFieldValue)(field, bind, function () {
-    return (0, _utils.getCurrentDate)(new Date());
+import React, { useEffect } from "react";
+import { Input } from "./Input";
+import { getCurrentDate, getDefaultFieldValue } from "./utils";
+export const DateOnly = props => {
+  const {
+    field,
+    bind,
+    trailingIcon
+  } = props;
+  const date = getDefaultFieldValue(field, bind, () => {
+    return getCurrentDate(new Date());
   });
-  var bindValue = bind.value || "";
-  (0, _react.useEffect)(function () {
+  const bindValue = bind.value || "";
+  useEffect(() => {
     if (!date || bindValue === date) {
       return;
     }
     bind.onChange(date);
   }, [bindValue]);
-  return /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
+  return /*#__PURE__*/React.createElement(Input, {
+    bind: {
+      ...bind,
       value: date,
-      onChange: async function onChange(value) {
+      onChange: async value => {
         if (!value) {
           if (!bindValue) {
             return;
@@ -36,7 +30,7 @@ var DateOnly = exports.DateOnly = function DateOnly(props) {
         }
         return bind.onChange(value);
       }
-    }),
+    },
     field: field,
     type: field.settings?.type,
     trailingIcon: trailingIcon

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_utils","DateOnly","exports","props","field","bind","trailingIcon","date","getDefaultFieldValue","getCurrentDate","Date","bindValue","value","useEffect","onChange","default","createElement","Input","_objectSpread2","type","settings"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, TrailingIcon } from \"./Input\";\nimport { CmsModelField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface DateOnlyProps {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly = (props: DateOnlyProps) => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAYO,IAAMG,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,KAAoB,EAAK;EAC9C,IAAQC,KAAK,GAAyBD,KAAK,CAAnCC,KAAK;IAAEC,IAAI,GAAmBF,KAAK,CAA5BE,IAAI;IAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;EACjC,IAAMC,IAAI,GAAG,IAAAC,2BAAoB,EAACJ,KAAK,EAAEC,IAAI,EAAE,YAAM;IACjD,OAAO,IAAAI,qBAAc,EAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EACrC,CAAC,CAAC;EAEF,IAAMC,SAAS,GAAGN,IAAI,CAACO,KAAK,IAAI,EAAE;EAElC,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACN,IAAI,IAAII,SAAS,KAAKJ,IAAI,EAAE;MAC7B;IACJ;IACAF,IAAI,CAACS,QAAQ,CAACP,IAAI,CAAC;EACvB,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEf,oBACIf,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAkB,KAAK;IACFZ,IAAI,MAAAa,cAAA,CAAAH,OAAA,MAAAG,cAAA,CAAAH,OAAA,MACGV,IAAI;MACPO,KAAK,EAAEL,IAAI;MACXO,QAAQ,EAAE,eAAVA,QAAQA,CAASF,KAAa,EAAK;QAC/B,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACD,SAAS,EAAE;YACZ;UACJ;UACA,OAAON,IAAI,CAACS,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOT,IAAI,CAACS,QAAQ,CAACF,KAAK,CAAC;MAC/B;IAAC,EACH;IACFR,KAAK,EAAEA,KAAM;IACbe,IAAI,EAAEf,KAAK,CAACgB,QAAQ,EAAED,IAAK;IAC3Bb,YAAY,EAAEA;EAAa,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","Input","getCurrentDate","getDefaultFieldValue","DateOnly","props","field","bind","trailingIcon","date","Date","bindValue","value","onChange","createElement","type","settings"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { TrailingIcon } from \"./Input\";\nimport { Input } from \"./Input\";\nimport type { CmsModelField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface DateOnlyProps {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly = (props: DateOnlyProps) => {\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,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,KAAK;AAEd,SACIC,cAAc,EACdC,oBAAoB;AAUxB,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAC9C,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC3C,MAAMI,IAAI,GAAGN,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,cAAc,CAAC,IAAIQ,IAAI,CAAC,CAAC,CAAC;EACrC,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGJ,IAAI,CAACK,KAAK,IAAI,EAAE;EAElCZ,SAAS,CAAC,MAAM;IACZ,IAAI,CAACS,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAF,IAAI,CAACM,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIZ,KAAA,CAAAe,aAAA,CAACb,KAAK;IACFM,IAAI,EAAE;MACF,GAAGA,IAAI;MACPK,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAK;QAC/B,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACD,SAAS,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACM,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAON,IAAI,CAACM,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFN,KAAK,EAAEA,KAAM;IACbS,IAAI,EAAET,KAAK,CAACU,QAAQ,EAAED,IAAK;IAC3BP,YAAY,EAAEA;EAAa,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateTimeWithTimezoneProps {
     bind: BindComponentRenderProp;
     trailingIcon?: any;

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

@@ -1,132 +1,122 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateTimeWithTimezone = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _Input = require("./Input");
-var _Select = require("./Select");
-var _Grid = require("@webiny/ui/Grid");
-var _utils = require("./utils");
-var _utils2 = require("@webiny/utils");
-var parseDateTime = function parseDateTime(value) {
+import React from "react";
+import { Grid } from "@webiny/admin-ui";
+import { Input } from "./Input";
+import { Select } from "./Select";
+import { RemoveFieldButton, getDefaultFieldValue, DEFAULT_TIMEZONE, getCurrentDate, getCurrentLocalTime, getCurrentTimeZone, getHHmmss, getHHmm } from "./utils";
+import { UTC_TIMEZONES } from "@webiny/utils";
+const parseDateTime = value => {
   if (!value || typeof value !== "string") {
     return {
       date: "",
       rest: ""
     };
   }
-  var _value$split = value.split("T"),
-    _value$split2 = (0, _slicedToArray2.default)(_value$split, 2),
-    formattedDate = _value$split2[0],
-    rest = _value$split2[1];
+  const [formattedDate, rest] = value.split("T");
   if (!formattedDate || !rest) {
-    throw new Error("Could not extract date and time from \"".concat(value, "\"."));
+    throw new Error(`Could not extract date and time from "${value}".`);
   }
   return {
     date: formattedDate,
-    rest: rest
+    rest
   };
 };
-var parseTime = function parseTime(value, defaultTimeZone) {
+const parseTime = (value, defaultTimeZone) => {
   if (!value) {
     return {
       time: "",
       timezone: defaultTimeZone || ""
     };
   }
-  var sign = value.includes("+") ? "+" : "-";
-  var _value$split3 = value.split(sign),
-    _value$split4 = (0, _slicedToArray2.default)(_value$split3, 2),
-    fullTime = _value$split4[0],
-    zone = _value$split4[1];
+  const sign = value.includes("+") ? "+" : "-";
+  const [fullTime, zone] = value.split(sign);
   return {
     time: fullTime,
     timezone: sign + zone
   };
 };
-var DateTimeWithTimezone = exports.DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
-  var bind = _ref.bind,
-    trailingIcon = _ref.trailingIcon,
-    field = _ref.field;
-  var defaultTimeZone = (0, _utils.getCurrentTimeZone)() || _utils.DEFAULT_TIMEZONE;
+export const DateTimeWithTimezone = ({
+  bind,
+  trailingIcon,
+  field
+}) => {
+  const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;
 
   // "2020-05-18T09:00+10:00"
-  var value = bind.value || (0, _utils.getDefaultFieldValue)(field, bind, function () {
-    var date = new Date();
-    return "".concat((0, _utils.getCurrentDate)(date), "T").concat((0, _utils.getCurrentLocalTime)(date)).concat(defaultTimeZone);
+  const value = bind.value || getDefaultFieldValue(field, bind, () => {
+    const date = new Date();
+    return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;
   });
-  var _parseDateTime = parseDateTime(value),
-    date = _parseDateTime.date,
-    rest = _parseDateTime.rest;
-  var _parseTime = parseTime(rest, defaultTimeZone),
-    time = _parseTime.time,
-    timezone = _parseTime.timezone;
-  var cellSize = trailingIcon ? 3 : 4;
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  const {
+    date,
+    rest
+  } = parseDateTime(value);
+  const {
+    time,
+    timezone
+  } = parseTime(rest, defaultTimeZone);
+  const cellSize = trailingIcon ? 3 : 4;
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 4
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
+  }, /*#__PURE__*/React.createElement(Input, {
+    bind: {
+      ...bind,
       value: date,
-      onChange: async function onChange(value) {
+      onChange: async value => {
         if (!value) {
           if (!bind.value) {
             return;
           }
           return bind.onChange("");
         }
-        return bind.onChange("".concat(value, "T").concat((0, _utils.getHHmmss)(time)).concat(timezone));
+        return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);
       }
-    }),
-    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
-      label: "".concat(field.label, " date")
-    }),
+    },
+    field: {
+      ...field,
+      label: `${field.label} date`
+    },
     type: "date"
-  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 4
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
-      value: (0, _utils.getHHmm)(time),
-      onChange: async function onChange(value) {
+  }, /*#__PURE__*/React.createElement(Input, {
+    bind: {
+      ...bind,
+      value: getHHmm(time),
+      onChange: async value => {
         if (!value) {
           if (!bind.value) {
             return;
           }
           return bind.onChange("");
         }
-        return bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), "T").concat((0, _utils.getHHmmss)(value)).concat(timezone));
+        return bind.onChange(`${date || getCurrentDate()}T${getHHmmss(value)}${timezone}`);
       }
-    }),
-    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
-      label: "".concat(field.label, " time")
-    }),
+    },
+    field: {
+      ...field,
+      label: `${field.label} time`
+    },
     type: "time",
     step: 60
-  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: cellSize
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     label: "Timezone",
     value: timezone,
-    onChange: function onChange(value) {
+    onChange: value => {
       if (!value) {
         if (!bind.value) {
           return null;
         }
         return bind.onChange("");
       }
-      return bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), "T").concat(time || (0, _utils.getCurrentLocalTime)()).concat(value));
+      return bind.onChange(`${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`);
     },
-    options: _utils2.UTC_TIMEZONES.map(function (t) {
-      return {
-        value: t.value,
-        label: t.label
-      };
-    })
-  })), /*#__PURE__*/_react.default.createElement(_utils.RemoveFieldButton, {
+    options: UTC_TIMEZONES.map(t => ({
+      value: t.value,
+      label: t.label
+    }))
+  })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
     trailingIcon: trailingIcon
   }));
 };