@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -1,60 +1,58 @@
-"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;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import React from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+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;
+};
+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.list && !!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,
-        options = _ref3$values === void 0 ? [] : _ref3$values;
-      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.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
-            var value = field.type === "number" ? Number(option.value) : option.value;
-            return /*#__PURE__*/_react.default.createElement("div", {
-              key: String(option.value) + index
-            }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-              label: option.label,
-              value: getValue(value),
-              onChange: onChange(value),
-              "data-testid": "fr.input.".concat(field.label)
-            }));
-          }));
-        });
-      });
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      const {
+        values: predefinedOptions = []
+      } = field.predefinedValues || {
+        values: []
+      };
+
+      // For `number` field, we want to convert the value to actual Number.
+      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
+      }, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
+        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","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","_ref3","predefinedValues","values","_ref3$values","options","createElement","bind","CheckboxGroup","Object","assign","label","helpText","_ref4","onChange","getValue","Fragment","map","option","index","value","Number","key","String","Checkbox","concat","_default","exports"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { 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 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: 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                                                        data-testid={`fr.input.${field.label}`}\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAA8D,IAAAI,eAAA,EAAAC,gBAAA;AAE9D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,mBAAY;IACnBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,mEAA4D;IAC1EE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAO,CAAC,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC7E,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,IAAAE,KAAA,GAAiCP,KAAK,CAACQ,gBAAgB,IAAI;UACvDC,MAAM,EAAE;QACZ,CAAC;QAAAC,YAAA,GAAAH,KAAA,CAFOE,MAAM;QAAEE,OAAO,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;MAI5B,oBACI/B,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACN,IAAI,QACA,UAAAO,IAAI,EAAI;QACL,oBACIlC,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC5B,SAAA,CAAA8B,aAAa,EAAAC,MAAA,CAAAC,MAAA,KACNH,IAAI;UACRI,KAAK,EAAEjB,KAAK,CAACiB,KAAM;UACnBpB,WAAW,EAAEG,KAAK,CAACkB;QAAS,IAE3B,UAAAC,KAAA;UAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;UAAA,oBAClB1C,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACjC,MAAA,CAAAiB,OAAK,CAAC0B,QAAQ,QACVX,OAAO,CAACY,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;YAC5B,IAAMC,KAAK,GACP1B,KAAK,CAACT,IAAI,KAAK,QAAQ,GACjBoC,MAAM,CAACH,MAAM,CAACE,KAAK,CAAC,GACpBF,MAAM,CAACE,KAAK;YACtB,oBACI/C,MAAA,CAAAiB,OAAA,CAAAgB,aAAA;cAAKgB,GAAG,EAAEC,MAAM,CAACL,MAAM,CAACE,KAAK,CAAC,GAAGD;YAAM,gBACnC9C,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC5B,SAAA,CAAA8C,QAAQ;cACLb,KAAK,EAAEO,MAAM,CAACP,KAAM;cACpBS,KAAK,EAAEL,QAAQ,CAACK,KAAK,CAAE;cACvBN,QAAQ,EAAEA,QAAQ,CAACM,KAAK,CAAE;cAC1B,2BAAAK,MAAA,CAAyB/B,KAAK,CAACiB,KAAK;YAAG,CAC1C,CACA,CAAC;UAEd,CAAC,CACW,CAAC;QAAA,CAEV,CAAC;MAExB,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","CheckboxGroup","t","ns","adaptToField","field","value","type","Number","plugin","name","renderer","rendererName","description","canUse","list","render","getBind","Bind","values","predefinedOptions","predefinedValues","options","map","opt","defaults","filter","option","selected","defaultValue","length","undefined","createElement","bind","ValidationContainer","Object","assign","label","note","hint","help","items"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\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.list && !!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.description}\n                                note={field.note}\n                                hint={field.help}\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,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,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,IAAI,IAAI,CAAC,CAAChB,GAAG,CAACM,KAAK,EAAE,0BAA0B,CAAC;IACnE,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,CAACQ,WAAY;QAC/ByB,IAAI,EAAEjC,KAAK,CAACiC,IAAK;QACjBC,IAAI,EAAElC,KAAK,CAACmC,IAAK;QACjBlC,KAAK,EAAE2B,IAAI,CAAC3B,KAAM;QAClBmC,KAAK,EAAEnB,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.js";
+import type { CmsModelField } from "../../../../types.js";
+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.js";
+import { getCurrentDate, getDefaultFieldValue } from "./utils.js";
+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,eAAAA,SAAOF,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.js\";\nimport { Input } from \"./Input.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils.js\";\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.js";
+import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateTimeWithTimezoneProps {
     bind: BindComponentRenderProp;
     trailingIcon?: any;

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

@@ -1,141 +1,118 @@
-"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.DateTimeWithTimezone = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(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.js";
+import { Select } from "./Select.js";
+import { RemoveFieldButton, getDefaultFieldValue, DEFAULT_TIMEZONE, getCurrentDate, getCurrentLocalTime, getCurrentTimeZone, getHHmmss, getHHmm } from "./utils.js";
+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) {
+const parseTime = (value, defaultTimeZone) => {
   if (!value) {
     return {
       time: "",
-      timezone: ""
+      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 initialValue = (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(initialValue),
-    date = _parseDateTime.date,
-    rest = _parseDateTime.rest;
-  var _parseTime = parseTime(rest),
-    time = _parseTime.time,
-    _parseTime$timezone = _parseTime.timezone,
-    timezone = _parseTime$timezone === void 0 ? defaultTimeZone : _parseTime$timezone;
-  var bindValue = bind.value || "";
-  (0, _react.useEffect)(function () {
-    if (!date || !time || !timezone || bindValue === initialValue) {
-      return;
-    }
-    bind.onChange(initialValue);
-  }, [bindValue]);
-  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(time || (0, _utils.getCurrentLocalTime)()).concat(timezone || defaultTimeZone));
+        return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);
       }
-    }),
-    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
-      label: "".concat(field.label, " date")
-    }),
+    },
+    field: field,
     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: 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(value).concat(timezone || defaultTimeZone));
+        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, {
-    label: "Timezone",
-    value: timezone || defaultTimeZone,
-    onChange: function onChange(value) {
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: timezone,
+    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
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_Select","_Grid","_utils","_utils2","parseDateTime","value","date","rest","_value$split","split","_value$split2","_slicedToArray2","default","formattedDate","Error","concat","parseTime","time","timezone","sign","includes","_value$split3","_value$split4","fullTime","zone","DateTimeWithTimezone","exports","_ref","bind","trailingIcon","field","defaultTimeZone","getCurrentTimeZone","DEFAULT_TIMEZONE","initialValue","getDefaultFieldValue","Date","getCurrentDate","getCurrentLocalTime","_parseDateTime","_parseTime","_parseTime$timezone","bindValue","useEffect","onChange","cellSize","createElement","Grid","Cell","span","Input","_objectSpread2","label","type","step","Select","options","UTC_TIMEZONES","map","t","RemoveFieldButton"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport {\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone\n} from \"./utils\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\n\ninterface State {\n    date: string;\n    time: string;\n    timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n    if (!value || typeof value !== \"string\") {\n        return {\n            date: \"\",\n            rest: \"\"\n        };\n    }\n    const [formattedDate, rest] = value.split(\"T\");\n    if (!formattedDate || !rest) {\n        throw new Error(`Could not extract date and time from \"${value}\".`);\n    }\n    return {\n        date: formattedDate,\n        rest\n    };\n};\n\nconst parseTime = (value?: string): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: \"\"\n        };\n    }\n    const sign = value.includes(\"+\") ? \"+\" : \"-\";\n    const [fullTime, zone] = value.split(sign);\n\n    return {\n        time: fullTime,\n        timezone: sign + zone\n    };\n};\n\nexport interface DateTimeWithTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithTimezone = ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const initialValue = getDefaultFieldValue(field, bind, () => {\n        const date = new Date();\n        return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n    });\n    const { date, rest } = parseDateTime(initialValue);\n    const { time, timezone = defaultTimeZone } = parseTime(rest);\n\n    const bindValue = bind.value || \"\";\n    useEffect(() => {\n        if (!date || !time || !timezone || bindValue === initialValue) {\n            return;\n        }\n        bind.onChange(initialValue);\n    }, [bindValue]);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Cell span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async (value: string) => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${value}T${time || getCurrentLocalTime()}${\n                                    timezone || defaultTimeZone\n                                }`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Cell>\n            <Cell span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: time,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${date || getCurrentDate()}T${value}${timezone || defaultTimeZone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Cell>\n            <Cell span={cellSize}>\n                <Select\n                    label=\"Timezone\"\n                    value={timezone || defaultTimeZone}\n                    onChange={value => {\n                        if (!value) {\n                            if (!bind.value) {\n                                return null;\n                            }\n                            return bind.onChange(\"\");\n                        }\n                        return bind.onChange(\n                            `${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`\n                        );\n                    }}\n                    options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n                />\n            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Grid","Input","Select","RemoveFieldButton","getDefaultFieldValue","DEFAULT_TIMEZONE","getCurrentDate","getCurrentLocalTime","getCurrentTimeZone","getHHmmss","getHHmm","UTC_TIMEZONES","parseDateTime","value","date","rest","formattedDate","split","Error","parseTime","defaultTimeZone","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","Date","cellSize","createElement","Column","span","onChange","type","label","step","options","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"./Input.js\";\nimport { Select } from \"./Select.js\";\nimport {\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone,\n    getHHmmss,\n    getHHmm\n} from \"./utils.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\n\ninterface State {\n    date: string;\n    time: string;\n    timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n    if (!value || typeof value !== \"string\") {\n        return {\n            date: \"\",\n            rest: \"\"\n        };\n    }\n    const [formattedDate, rest] = value.split(\"T\");\n    if (!formattedDate || !rest) {\n        throw new Error(`Could not extract date and time from \"${value}\".`);\n    }\n    return {\n        date: formattedDate,\n        rest\n    };\n};\n\nconst parseTime = (value?: string, defaultTimeZone?: string): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: defaultTimeZone || \"\"\n        };\n    }\n    const sign = value.includes(\"+\") ? \"+\" : \"-\";\n    const [fullTime, zone] = value.split(sign);\n\n    return {\n        time: fullTime,\n        timezone: sign + zone\n    };\n};\n\nexport interface DateTimeWithTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithTimezone = ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const value =\n        bind.value ||\n        getDefaultFieldValue(field, bind, () => {\n            const date = new Date();\n            return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n        });\n\n    const { date, rest } = parseDateTime(value);\n    const { time, timezone } = parseTime(rest, defaultTimeZone);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Grid.Column span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async (value: string) => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n\n                            return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);\n                        }\n                    }}\n                    field={field}\n                    type={\"date\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: getHHmm(time),\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${date || getCurrentDate()}T${getHHmmss(value)}${timezone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Grid.Column>\n            <Grid.Column span={cellSize}>\n                <Select\n                    value={timezone}\n                    onChange={value => {\n                        if (!value) {\n                            if (!bind.value) {\n                                return null;\n                            }\n                            return bind.onChange(\"\");\n                        }\n                        return bind.onChange(\n                            `${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`\n                        );\n                    }}\n                    options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n                />\n            </Grid.Column>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,KAAK;AACd,SAASC,MAAM;AACf,SACIC,iBAAiB,EACjBC,oBAAoB,EACpBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,kBAAkB,EAClBC,SAAS,EACTC,OAAO;AAIX,SAASC,aAAa,QAAQ,eAAe;AAQ7C,MAAMC,aAAa,GAAIC,KAAc,IAA6C;EAC9E,IAAI,CAACA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACrC,OAAO;MACHC,IAAI,EAAE,EAAE;MACRC,IAAI,EAAE;IACV,CAAC;EACL;EACA,MAAM,CAACC,aAAa,EAAED,IAAI,CAAC,GAAGF,KAAK,CAACI,KAAK,CAAC,GAAG,CAAC;EAC9C,IAAI,CAACD,aAAa,IAAI,CAACD,IAAI,EAAE;IACzB,MAAM,IAAIG,KAAK,CAAC,yCAAyCL,KAAK,IAAI,CAAC;EACvE;EACA,OAAO;IACHC,IAAI,EAAEE,aAAa;IACnBD;EACJ,CAAC;AACL,CAAC;AAED,MAAMI,SAAS,GAAGA,CAACN,KAAc,EAAEO,eAAwB,KAAuC;EAC9F,IAAI,CAACP,KAAK,EAAE;IACR,OAAO;MACHQ,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAEF,eAAe,IAAI;IACjC,CAAC;EACL;EACA,MAAMG,IAAI,GAAGV,KAAK,CAACW,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;EAC5C,MAAM,CAACC,QAAQ,EAAEC,IAAI,CAAC,GAAGb,KAAK,CAACI,KAAK,CAACM,IAAI,CAAC;EAE1C,OAAO;IACHF,IAAI,EAAEI,QAAQ;IACdH,QAAQ,EAAEC,IAAI,GAAGG;EACrB,CAAC;AACL,CAAC;AAOD,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,YAAY;EAAEC;AAAiC,CAAC,KAAK;EAC9F,MAAMV,eAAe,GAAGZ,kBAAkB,CAAC,CAAC,IAAIH,gBAAgB;;EAEhE;EACA,MAAMQ,KAAK,GACPe,IAAI,CAACf,KAAK,IACVT,oBAAoB,CAAC0B,KAAK,EAAEF,IAAI,EAAE,MAAM;IACpC,MAAMd,IAAI,GAAG,IAAIiB,IAAI,CAAC,CAAC;IACvB,OAAO,GAAGzB,cAAc,CAACQ,IAAI,CAAC,IAAIP,mBAAmB,CAACO,IAAI,CAAC,GAAGM,eAAe,EAAE;EACnF,CAAC,CAAC;EAEN,MAAM;IAAEN,IAAI;IAAEC;EAAK,CAAC,GAAGH,aAAa,CAACC,KAAK,CAAC;EAC3C,MAAM;IAAEQ,IAAI;IAAEC;EAAS,CAAC,GAAGH,SAAS,CAACJ,IAAI,EAAEK,eAAe,CAAC;EAE3D,MAAMY,QAAQ,GAAGH,YAAY,GAAG,CAAC,GAAG,CAAC;EAErC,oBACI9B,KAAA,CAAAkC,aAAA,CAACjC,IAAI,qBACDD,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBpC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACF2B,IAAI,EAAE;MACF,GAAGA,IAAI;MACPf,KAAK,EAAEC,IAAI;MACXsB,QAAQ,EAAE,MAAOvB,KAAa,IAAK;QAC/B,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;YACb;UACJ;UACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QAEA,OAAOR,IAAI,CAACQ,QAAQ,CAAC,GAAGvB,KAAK,IAAIJ,SAAS,CAACY,IAAI,CAAC,GAAGC,QAAQ,EAAE,CAAC;MAClE;IACJ,CAAE;IACFQ,KAAK,EAAEA,KAAM;IACbO,IAAI,EAAE;EAAO,CAChB,CACQ,CAAC,eACdtC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBpC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACF2B,IAAI,EAAE;MACF,GAAGA,IAAI;MACPf,KAAK,EAAEH,OAAO,CAACW,IAAI,CAAC;MACpBe,QAAQ,EAAE,MAAMvB,KAAK,IAAI;QACrB,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;YACb;UACJ;UACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOR,IAAI,CAACQ,QAAQ,CAChB,GAAGtB,IAAI,IAAIR,cAAc,CAAC,CAAC,IAAIG,SAAS,CAACI,KAAK,CAAC,GAAGS,QAAQ,EAC9D,CAAC;MACL;IACJ,CAAE;IACFQ,KAAK,EAAE;MACH,GAAGA,KAAK;MACRQ,KAAK,EAAE,GAAGR,KAAK,CAACQ,KAAK;IACzB,CAAE;IACFD,IAAI,EAAE,MAAO;IACbE,IAAI,EAAE;EAAG,CACZ,CACQ,CAAC,eACdxC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAEH;EAAS,gBACxBjC,KAAA,CAAAkC,aAAA,CAAC/B,MAAM;IACHW,KAAK,EAAES,QAAS;IAChBc,QAAQ,EAAEvB,KAAK,IAAI;MACf,IAAI,CAACA,KAAK,EAAE;QACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;UACb,OAAO,IAAI;QACf;QACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;MAC5B;MACA,OAAOR,IAAI,CAACQ,QAAQ,CAChB,GAAGtB,IAAI,IAAIR,cAAc,CAAC,CAAC,IAAIe,IAAI,IAAId,mBAAmB,CAAC,CAAC,GAAGM,KAAK,EACxE,CAAC;IACL,CAAE;IACF2B,OAAO,EAAE7B,aAAa,CAAC8B,GAAG,CAACC,CAAC,KAAK;MAAE7B,KAAK,EAAE6B,CAAC,CAAC7B,KAAK;MAAEyB,KAAK,EAAEI,CAAC,CAACJ;IAAM,CAAC,CAAC;EAAE,CACzE,CACQ,CAAC,eACdvC,KAAA,CAAAkC,aAAA,CAAC9B,iBAAiB;IAAC0B,YAAY,EAAEA;EAAa,CAAE,CAC9C,CAAC;AAEf,CAAC","ignoreList":[]}

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

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