@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/plugins/fieldRenderers/MultiValueRendererSettings.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Bind } from "@webiny/form";
+import { Grid, Input } from "@webiny/admin-ui";
+const DEFAULT_SETTINGS = {
+  addValueButtonLabel: "Add Value"
+};
+export const getMultiValueRendererSettings = field => {
+  if (typeof field.renderer === "function") {
+    return DEFAULT_SETTINGS;
+  }
+  return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;
+};
+export const MultiValueRendererSettings = ({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "renderer.settings.multiValue.addValueButtonLabel",
+    defaultValue: `Add ${field.label}`
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: `"Add Value" button label`
+  })));
+};
+
+//# sourceMappingURL=MultiValueRendererSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Bind","Grid","Input","DEFAULT_SETTINGS","addValueButtonLabel","getMultiValueRendererSettings","field","renderer","settings","multiValue","MultiValueRendererSettings","createElement","Column","span","name","defaultValue","label"],"sources":["MultiValueRendererSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\n\ninterface IMultiValueRendererSettings {\n    addValueButtonLabel: string;\n}\n\nconst DEFAULT_SETTINGS: IMultiValueRendererSettings = {\n    addValueButtonLabel: \"Add Value\"\n};\n\nexport const getMultiValueRendererSettings = (\n    field: CmsModelField\n): IMultiValueRendererSettings => {\n    if (typeof field.renderer === \"function\") {\n        return DEFAULT_SETTINGS;\n    }\n\n    return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;\n};\n\nexport const MultiValueRendererSettings = ({ field }: CmsModelFieldRendererSettingsProps) => {\n    return (\n        <Grid.Column span={12}>\n            <Bind\n                name={\"renderer.settings.multiValue.addValueButtonLabel\"}\n                defaultValue={`Add ${field.label}`}\n            >\n                <Input label={`\"Add Value\" button label`} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAM9C,MAAMC,gBAA6C,GAAG;EAClDC,mBAAmB,EAAE;AACzB,CAAC;AAED,OAAO,MAAMC,6BAA6B,GACtCC,KAAoB,IACU;EAC9B,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOJ,gBAAgB;EAC3B;EAEA,OAAOG,KAAK,CAACC,QAAQ,CAACC,QAAQ,EAAEC,UAAU,IAAIN,gBAAgB;AAClE,CAAC;AAED,OAAO,MAAMO,0BAA0B,GAAGA,CAAC;EAAEJ;AAA0C,CAAC,KAAK;EACzF,oBACIP,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAY,aAAA,CAACX,IAAI;IACDc,IAAI,EAAE,kDAAmD;IACzDC,YAAY,EAAE,OAAOT,KAAK,CAACU,KAAK;EAAG,gBAEnCjB,KAAA,CAAAY,aAAA,CAACT,KAAK;IAACc,KAAK,EAAE;EAA2B,CAAE,CACzC,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.d.ts

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

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

@@ -1,34 +1,33 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-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 plugin = {
+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 = _taggedTemplateLiteral(["Boolean Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple switch button."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
+    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.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/React.createElement(Switch, Object.assign({}, bindProps, {
-          label: field.label,
-          description: field.helpText
-        }));
-      });
+    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}`
+      })));
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=booleanSwitch.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+declare const _default: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
 export default _default;

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

@@ -1,2 +1,4 @@
 import booleanSwitch from "./booleanSwitch";
-export default [booleanSwitch];
+export default [booleanSwitch];
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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 { CmsEditorFieldRendererPlugin } from "../../../types";
-declare const plugin: CmsEditorFieldRendererPlugin;
+import type { CmsModelFieldRendererPlugin } from "../../../types";
+declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -1,45 +1,56 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-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 plugin = {
+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 = _taggedTemplateLiteral(["Checkboxes"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders checkboxes, allowing selection of multiple values."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.multipleValues && get(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 options = field.predefinedValues.values;
-      return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(CheckboxGroup, {
-        label: field.label,
-        description: field.helpText
-      }, function (_ref3) {
-        var onChange = _ref3.onChange,
-            getValue = _ref3.getValue;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
-          return /*#__PURE__*/React.createElement("div", {
-            key: option.value + index
-          }, /*#__PURE__*/React.createElement(Checkbox, {
-            label: option.label,
-            value: getValue(option.value),
-            onChange: onChange(option.value)
-          }));
-        }));
+    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.helpText,
+        value: bind.value,
+        items: options.map(opt => ({
+          label: opt.label,
+          value: opt.value,
+          selected: opt.selected
+        }))
+      }))));
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=checkboxes.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { TrailingIcon } from "./Input";
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+export interface DateOnlyProps {
+    field: CmsModelField;
+    bind: BindComponentRenderProp;
+    trailingIcon?: TrailingIcon;
+}
+export declare const DateOnly: (props: DateOnlyProps) => React.JSX.Element;

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

@@ -0,0 +1,40 @@
+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());
+  });
+  const bindValue = bind.value || "";
+  useEffect(() => {
+    if (!date || bindValue === date) {
+      return;
+    }
+    bind.onChange(date);
+  }, [bindValue]);
+  return /*#__PURE__*/React.createElement(Input, {
+    bind: {
+      ...bind,
+      value: date,
+      onChange: async value => {
+        if (!value) {
+          if (!bindValue) {
+            return;
+          }
+          return bind.onChange("");
+        }
+        return bind.onChange(value);
+      }
+    },
+    field: field,
+    type: field.settings?.type,
+    trailingIcon: trailingIcon
+  });
+};
+
+//# sourceMappingURL=DateOnly.js.map

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

@@ -0,0 +1 @@
+{"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,9 +1,9 @@
 import React from "react";
-import { CmsEditorField } from "../../../../types";
-interface DateTimeWithTimezoneProps {
-    bind: any;
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+export interface DateTimeWithTimezoneProps {
+    bind: BindComponentRenderProp;
     trailingIcon?: any;
-    field: CmsEditorField;
+    field: CmsModelField;
 }
-declare const DateTimeWithTimezone: React.FunctionComponent<DateTimeWithTimezoneProps>;
-export default DateTimeWithTimezone;
+export declare const DateTimeWithTimezone: ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => React.JSX.Element;

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

@@ -1,148 +1,124 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useEffect } from "react";
-import Input from "./Input";
-import Select from "./Select";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { UTC_TIMEZONES, DEFAULT_TIME, DEFAULT_DATE, DEFAULT_TIMEZONE, RemoveFieldButton } from "./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 {};
+    return {
+      date: "",
+      rest: ""
+    };
   }
-
-  var _value$split = value.split("T"),
-      _value$split2 = _slicedToArray(_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 {
-    formattedDate: formattedDate,
-    rest: rest
+    date: formattedDate,
+    rest
   };
 };
-
-var parseTime = function parseTime(value) {
+const parseTime = (value, defaultTimeZone) => {
   if (!value) {
-    return {};
+    return {
+      time: "",
+      timezone: defaultTimeZone || ""
+    };
   }
-
-  var sign = value.includes("+") ? "+" : "-";
-
-  var _value$split3 = value.split(sign),
-      _value$split4 = _slicedToArray(_value$split3, 2),
-      fullTime = _value$split4[0],
-      zone = _value$split4[1];
-
+  const sign = value.includes("+") ? "+" : "-";
+  const [fullTime, zone] = value.split(sign);
   return {
-    formattedTime: fullTime,
-    formattedTimezone: sign + zone
+    time: fullTime,
+    timezone: sign + zone
   };
 };
-
-var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
-  var bind = _ref.bind,
-      trailingIcon = _ref.trailingIcon,
-      field = _ref.field;
+export const DateTimeWithTimezone = ({
+  bind,
+  trailingIcon,
+  field
+}) => {
+  const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;
 
   // "2020-05-18T09:00+10:00"
-  var _parseDateTime = parseDateTime(bind.value),
-      formattedDate = _parseDateTime.formattedDate,
-      rest = _parseDateTime.rest;
-
-  var _parseTime = parseTime(rest),
-      formattedTime = _parseTime.formattedTime,
-      formattedTimezone = _parseTime.formattedTimezone;
-
-  var _useState = useState({
-    date: formattedDate || DEFAULT_DATE,
-    time: formattedTime || DEFAULT_TIME,
-    timezone: formattedTimezone || DEFAULT_TIMEZONE
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var date = state.date,
-      time = state.time,
-      timezone = state.timezone;
-  useEffect(function () {
-    if (!formattedDate || !formattedTime || !formattedTimezone) {
-      return;
-    }
-
-    setState(function () {
-      return {
-        date: formattedDate,
-        time: formattedTime,
-        timezone: formattedTimezone
-      };
-    });
-  }, [formattedDate, formattedTime, formattedTimezone]);
-  var cellSize = trailingIcon ? 3 : 4;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  const value = bind.value || getDefaultFieldValue(field, bind, () => {
+    const date = new Date();
+    return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;
+  });
+  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.createElement(Input, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
+    bind: {
+      ...bind,
       value: date,
-      onChange: function onChange(value) {
-        setState(function (prev) {
-          return _objectSpread(_objectSpread({}, prev), {}, {
-            date: value
-          });
-        });
-        return bind.onChange("".concat(value, "T").concat(time).concat(timezone));
+      onChange: async value => {
+        if (!value) {
+          if (!bind.value) {
+            return;
+          }
+          return bind.onChange("");
+        }
+        return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);
       }
-    }),
-    field: _objectSpread(_objectSpread({}, field), {}, {
-      label: "".concat(field.label, " date")
-    }),
+    },
+    field: {
+      ...field,
+      label: `${field.label} date`
+    },
     type: "date"
-  })), /*#__PURE__*/React.createElement(Cell, {
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 4
   }, /*#__PURE__*/React.createElement(Input, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
-      value: time,
-      onChange: function onChange(value) {
-        setState(function (prev) {
-          return _objectSpread(_objectSpread({}, prev), {}, {
-            time: value
-          });
-        });
-        return bind.onChange("".concat(date, "T").concat(value).concat(timezone));
+    bind: {
+      ...bind,
+      value: getHHmm(time),
+      onChange: async value => {
+        if (!value) {
+          if (!bind.value) {
+            return;
+          }
+          return bind.onChange("");
+        }
+        return bind.onChange(`${date || getCurrentDate()}T${getHHmmss(value)}${timezone}`);
       }
-    }),
-    field: _objectSpread(_objectSpread({}, field), {}, {
-      label: "".concat(field.label, " time")
-    }),
+    },
+    field: {
+      ...field,
+      label: `${field.label} time`
+    },
     type: "time",
-    step: 5
-  })), /*#__PURE__*/React.createElement(Cell, {
+    step: 60
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: cellSize
   }, /*#__PURE__*/React.createElement(Select, {
     label: "Timezone",
     value: timezone,
-    onChange: function onChange(value) {
-      setState(function (prev) {
-        return _objectSpread(_objectSpread({}, prev), {}, {
-          timezone: value
-        });
-      });
-      return bind.onChange("".concat(date, "T").concat(time).concat(value));
+    onChange: value => {
+      if (!value) {
+        if (!bind.value) {
+          return null;
+        }
+        return bind.onChange("");
+      }
+      return bind.onChange(`${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`);
     },
-    options: UTC_TIMEZONES.map(function (t) {
-      return {
-        value: t.value,
-        label: t.label
-      };
-    })
+    options: UTC_TIMEZONES.map(t => ({
+      value: t.value,
+      label: t.label
+    }))
   })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
     trailingIcon: trailingIcon
   }));
 };
 
-export default DateTimeWithTimezone;
+//# sourceMappingURL=DateTimeWithTimezone.js.map

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

@@ -0,0 +1 @@
+{"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","label","type","step","options","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport {\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone,\n    getHHmmss,\n    getHHmm\n} from \"./utils\";\nimport type { CmsModelField } from \"~/types\";\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={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\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                    label=\"Timezone\"\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":"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","ignoreList":[]}

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

@@ -1,8 +1,9 @@
 import React from "react";
-interface DateTimeWithoutTimezoneProps {
-    bind: any;
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+export interface DateTimeWithoutTimezoneProps {
+    bind: BindComponentRenderProp;
     trailingIcon?: any;
-    field: any;
+    field: CmsModelField;
 }
-declare const DateTimeWithoutTimezone: React.FunctionComponent<DateTimeWithoutTimezoneProps>;
-export default DateTimeWithoutTimezone;
+export declare const DateTimeWithoutTimezone: ({ field, bind, trailingIcon }: DateTimeWithoutTimezoneProps) => React.JSX.Element;