@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","Input","UiInput","Icon","useFieldEffectiveRules","useModelField","bind","trailingIcon","props","field","rules","disabled","canEdit","endIcon","useMemo","undefined","createElement","label","icon","onClick","className","Object","assign","onChange","value","type","parseFloat","note","description","placeholder"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput, Icon } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input = ({ bind, trailingIcon, ...props }: InputProps) => {\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const endIcon = React.useMemo(() => {\n        if (!trailingIcon) {\n            return undefined;\n        }\n\n        return (\n            <Icon\n                label={\"Icon\"}\n                icon={trailingIcon?.icon}\n                onClick={trailingIcon?.onClick}\n                className={\"cursor-pointer\"}\n            />\n        );\n    }, [trailingIcon]);\n\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            disabled={disabled}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={null}\n            note={null}\n            description={null}\n            placeholder={field.placeholder}\n            type={props.type}\n            endIcon={endIcon}\n            data-testid={`fr.input.${field.label}`}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,KAAK,IAAIC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AACzD,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAevF,OAAO,MAAMJ,KAAK,GAAGA,CAAC;EAAEK,IAAI;EAAEC,YAAY;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAM;IAAEC;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACjC,MAAMK,KAAK,GAAGN,sBAAsB,CAACK,KAAK,CAAC;EAC3C,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EAEjD,MAAME,OAAO,GAAGb,KAAK,CAACc,OAAO,CAAC,MAAM;IAChC,IAAI,CAACP,YAAY,EAAE;MACf,OAAOQ,SAAS;IACpB;IAEA,oBACIf,KAAA,CAAAgB,aAAA,CAACb,IAAI;MACDc,KAAK,EAAE,MAAO;MACdC,IAAI,EAAEX,YAAY,EAAEW,IAAK;MACzBC,OAAO,EAAEZ,YAAY,EAAEY,OAAQ;MAC/BC,SAAS,EAAE;IAAiB,CAC/B,CAAC;EAEV,CAAC,EAAE,CAACb,YAAY,CAAC,CAAC;EAElB,oBACIP,KAAA,CAAAgB,aAAA,CAACd,OAAO,EAAAmB,MAAA,CAAAC,MAAA,KACAd,KAAK,EACLF,IAAI;IACRK,QAAQ,EAAEA,QAAS;IACnBY,QAAQ,EAAEC,KAAK,IAAI;MACf,IAAIhB,KAAK,CAACiB,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOlB,IAAI,CAACiB,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFP,KAAK,EAAE,IAAK;IACZU,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,IAAK;IAClBC,WAAW,EAAEpB,KAAK,CAACoB,WAAY;IAC/BJ,IAAI,EAAEjB,KAAK,CAACiB,IAAK;IACjBZ,OAAO,EAAEA,OAAQ;IACjB,eAAa,YAAYJ,KAAK,CAACQ,KAAK;EAAG,EAC1C,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/Input.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput, Icon } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input = ({ bind, trailingIcon, ...props }: InputProps) => {\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const endIcon = React.useMemo(() => {\n        if (!trailingIcon) {\n            return undefined;\n        }\n\n        return (\n            <Icon\n                label={\"Icon\"}\n                icon={trailingIcon?.icon}\n                onClick={trailingIcon?.onClick}\n                className={\"cursor-pointer\"}\n            />\n        );\n    }, [trailingIcon]);\n\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            disabled={disabled}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={null}\n            note={null}\n            description={null}\n            placeholder={field.placeholder}\n            type={props.type}\n            endIcon={endIcon}\n            data-testid={`fr.input.${field.label}`}\n        />\n    );\n};\n"],"names":["Input","bind","trailingIcon","props","field","useModelField","rules","useFieldEffectiveRules","disabled","endIcon","React","Icon","UiInput","value","parseFloat"],"mappings":";;;AAmBO,MAAMA,cAAQ,CAAC,EAAEC,IAAI,EAAEC,YAAY,EAAE,GAAGC,OAAmB;IAC9D,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IACrC,MAAMI,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;IAEjD,MAAMG,UAAUC,wBAAAA,OAAa,CAAC;QAC1B,IAAI,CAACR,cACD;QAGJ,OAAO,WAAP,GACI,sCAACS,MAAIA;YACD,OAAO;YACP,MAAMT,cAAc;YACpB,SAASA,cAAc;YACvB,WAAW;;IAGvB,GAAG;QAACA;KAAa;IAEjB,OAAO,WAAP,GACI,sCAACU,OAAOA;QACH,GAAGT,KAAK;QACR,GAAGF,IAAI;QACR,UAAUO;QACV,UAAUK,CAAAA;YACN,IAAIV,AAAe,aAAfA,MAAM,IAAI,EACVU,QAAQC,WAAWD;YAEvB,OAAOZ,KAAK,QAAQ,CAACY;QACzB;QACA,OAAO;QACP,MAAM;QACN,aAAa;QACb,aAAaT,MAAM,WAAW;QAC9B,MAAMD,MAAM,IAAI;QAChB,SAASM;QACT,eAAa,CAAC,SAAS,EAAEL,MAAM,KAAK,EAAE;;AAGlD"}

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

@@ -1,20 +1,20 @@
-import * as React from "react";
-import { Select as UiSelect } from "@webiny/admin-ui";
+import { Select } from "@webiny/admin-ui";
 import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
-export const Select = props => {
-  const {
-    field
-  } = useModelField();
-  const rules = useFieldEffectiveRules(field);
-  const disabled = !rules.canEdit || rules.disabled;
-  return /*#__PURE__*/React.createElement(UiSelect, Object.assign({}, props, {
-    disabled: disabled,
-    options: props.options.map(option => ({
-      value: option.value,
-      label: option.label,
-      "data-testid": `fr.input.${option.label}`
-    }))
-  }));
+import * as __rspack_external_react from "react";
+const Select_Select = (props)=>{
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const disabled = !rules.canEdit || rules.disabled;
+    return /*#__PURE__*/ __rspack_external_react.createElement(Select, {
+        ...props,
+        disabled: disabled,
+        options: props.options.map((option)=>({
+                value: option.value,
+                label: option.label,
+                "data-testid": `fr.input.${option.label}`
+            }))
+    });
 };
+export { Select_Select as Select };
 
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Select","UiSelect","useFieldEffectiveRules","useModelField","props","field","rules","disabled","canEdit","createElement","Object","assign","options","map","option","value","label"],"sources":["Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SelectProps as UiSelectProps } from \"@webiny/admin-ui\";\nimport { Select as UiSelect } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends UiSelectProps {\n    options: Option[];\n}\nexport const Select = (props: SelectProps) => {\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n\n    const disabled = !rules.canEdit || rules.disabled;\n\n    return (\n        <UiSelect\n            {...props}\n            disabled={disabled}\n            options={props.options.map(option => ({\n                value: option.value,\n                label: option.label,\n                \"data-testid\": `fr.input.${option.label}`\n            }))}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,MAAM,IAAIC,QAAQ,QAAQ,kBAAkB;AACrD,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAUvF,OAAO,MAAMH,MAAM,GAAII,KAAkB,IAAK;EAC1C,MAAM;IAAEC;EAAM,CAAC,GAAGF,aAAa,CAAC,CAAC;EACjC,MAAMG,KAAK,GAAGJ,sBAAsB,CAACG,KAAK,CAAC;EAE3C,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EAEjD,oBACIR,KAAA,CAAAU,aAAA,CAACR,QAAQ,EAAAS,MAAA,CAAAC,MAAA,KACDP,KAAK;IACTG,QAAQ,EAAEA,QAAS;IACnBK,OAAO,EAAER,KAAK,CAACQ,OAAO,CAACC,GAAG,CAACC,MAAM,KAAK;MAClCC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnB,aAAa,EAAE,YAAYF,MAAM,CAACE,KAAK;IAC3C,CAAC,CAAC;EAAE,EACP,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/Select.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SelectProps as UiSelectProps } from \"@webiny/admin-ui\";\nimport { Select as UiSelect } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends UiSelectProps {\n    options: Option[];\n}\nexport const Select = (props: SelectProps) => {\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n\n    const disabled = !rules.canEdit || rules.disabled;\n\n    return (\n        <UiSelect\n            {...props}\n            disabled={disabled}\n            options={props.options.map(option => ({\n                value: option.value,\n                label: option.label,\n                \"data-testid\": `fr.input.${option.label}`\n            }))}\n        />\n    );\n};\n"],"names":["Select","props","field","useModelField","rules","useFieldEffectiveRules","disabled","UiSelect","option"],"mappings":";;;AAaO,MAAMA,gBAAS,CAACC;IACnB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IAErC,MAAMI,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;IAEjD,OAAO,WAAP,GACI,sCAACG,QAAQA;QACJ,GAAGN,KAAK;QACT,UAAUK;QACV,SAASL,MAAM,OAAO,CAAC,GAAG,CAACO,CAAAA,SAAW;gBAClC,OAAOA,OAAO,KAAK;gBACnB,OAAOA,OAAO,KAAK;gBACnB,eAAe,CAAC,SAAS,EAAEA,OAAO,KAAK,EAAE;YAC7C;;AAGZ"}

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

@@ -1,38 +1,33 @@
-import React, { useEffect } from "react";
+import react, { useEffect } from "react";
 import { Input } from "./Input.js";
 import { getCurrentLocalTime, getDefaultFieldValue } from "./utils.js";
-export const Time = props => {
-  const {
-    field,
-    bind
-  } = props;
-  const time = getDefaultFieldValue(field, bind, () => {
-    return getCurrentLocalTime(new Date());
-  });
-  const bindValue = bind.value || "";
-  useEffect(() => {
-    if (!time || bindValue === time) {
-      return;
-    }
-    bind.onChange(time);
-  }, [bindValue]);
-  return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
-    bind: {
-      ...bind,
-      value: time,
-      onChange: async value => {
-        if (!value) {
-          if (bind.value) {
-            return;
-          }
-          return bind.onChange("");
-        }
-        return bind.onChange(value);
-      }
-    },
-    type: "time",
-    step: 60
-  }));
+const Time = (props)=>{
+    const { field, bind } = props;
+    const time = getDefaultFieldValue(field, bind, ()=>getCurrentLocalTime(new Date()));
+    const bindValue = bind.value || "";
+    useEffect(()=>{
+        if (!time || bindValue === time) return;
+        bind.onChange(time);
+    }, [
+        bindValue
+    ]);
+    return /*#__PURE__*/ react.createElement(Input, {
+        ...props,
+        bind: {
+            ...bind,
+            value: time,
+            onChange: async (value)=>{
+                if (!value) {
+                    if (bind.value) return;
+                    return bind.onChange("");
+                }
+                return bind.onChange(value);
+            }
+        },
+        type: "time",
+        step: 60
+    });
 };
+export { Time };
 
 //# sourceMappingURL=Time.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Input","getCurrentLocalTime","getDefaultFieldValue","Time","props","field","bind","time","Date","bindValue","value","onChange","createElement","Object","assign","type","step"],"sources":["Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { InputProps } from \"./Input.js\";\nimport { Input } from \"./Input.js\";\nimport {\n    getCurrentLocalTime,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils.js\";\n\nexport const Time = (props: InputProps) => {\n    const { field, bind } = props;\n    const time = getDefaultFieldValue(field, bind, () => {\n        return getCurrentLocalTime(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!time || bindValue === time) {\n            return;\n        }\n        bind.onChange(time);\n    }, [bindValue]);\n\n    return (\n        <Input\n            {...props}\n            bind={{\n                ...bind,\n                value: time,\n                onChange: async (value: string): Promise<void> => {\n                    if (!value) {\n                        if (bind.value) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            type={\"time\"}\n            step={60}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,KAAK;AACd,SACIC,mBAAmB,EACnBC,oBAAoB;AAGxB,OAAO,MAAMC,IAAI,GAAIC,KAAiB,IAAK;EACvC,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC7B,MAAMG,IAAI,GAAGL,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,mBAAmB,CAAC,IAAIO,IAAI,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGH,IAAI,CAACI,KAAK,IAAI,EAAE;EAElCX,SAAS,CAAC,MAAM;IACZ,IAAI,CAACQ,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAD,IAAI,CAACK,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIX,KAAA,CAAAc,aAAA,CAACZ,KAAK,EAAAa,MAAA,CAAAC,MAAA,KACEV,KAAK;IACTE,IAAI,EAAE;MACF,GAAGA,IAAI;MACPI,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAoB;QAC9C,IAAI,CAACA,KAAK,EAAE;UACR,IAAIJ,IAAI,CAACI,KAAK,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACK,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOL,IAAI,CAACK,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFK,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,EACZ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/Time.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { InputProps } from \"./Input.js\";\nimport { Input } from \"./Input.js\";\nimport {\n    getCurrentLocalTime,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils.js\";\n\nexport const Time = (props: InputProps) => {\n    const { field, bind } = props;\n    const time = getDefaultFieldValue(field, bind, () => {\n        return getCurrentLocalTime(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!time || bindValue === time) {\n            return;\n        }\n        bind.onChange(time);\n    }, [bindValue]);\n\n    return (\n        <Input\n            {...props}\n            bind={{\n                ...bind,\n                value: time,\n                onChange: async (value: string): Promise<void> => {\n                    if (!value) {\n                        if (bind.value) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            type={\"time\"}\n            step={60}\n        />\n    );\n};\n"],"names":["Time","props","field","bind","time","getDefaultFieldValue","getCurrentLocalTime","Date","bindValue","useEffect","Input","value"],"mappings":";;;AAQO,MAAMA,OAAO,CAACC;IACjB,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGF;IACxB,MAAMG,OAAOC,qBAAqBH,OAAOC,MAAM,IACpCG,oBAAoB,IAAIC;IAGnC,MAAMC,YAAYL,KAAK,KAAK,IAAI;IAEhCM,UAAU;QACN,IAAI,CAACL,QAAQI,cAAcJ,MACvB;QAEJD,KAAK,QAAQ,CAACC;IAClB,GAAG;QAACI;KAAU;IAEd,OAAO,WAAP,GACI,oBAACE,OAAKA;QACD,GAAGT,KAAK;QACT,MAAM;YACF,GAAGE,IAAI;YACP,OAAOC;YACP,UAAU,OAAOO;gBACb,IAAI,CAACA,OAAO;oBACR,IAAIR,KAAK,KAAK,EACV;oBAEJ,OAAOA,KAAK,QAAQ,CAAC;gBACzB;gBACA,OAAOA,KAAK,QAAQ,CAACQ;YACzB;QACJ;QACA,MAAM;QACN,MAAM;;AAGlB"}

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

@@ -1,4 +1,4 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { DateOnly } from "./DateOnly.js";
@@ -7,52 +7,46 @@ import { DateTimeWithTimezone } from "./DateTimeWithTimezone.js";
 import { Time } from "./Time.js";
 import { FormComponentDescription, FormComponentLabel, FormComponentNote } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields/date-time");
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-date-time",
-  renderer: {
-    rendererName: "date-time-input",
-    name: t`Date/Time Input`,
-    description: t`Renders input for various formats of date and time.`,
-    canUse({
-      field
-    }) {
-      return field.type === "datetime" && !field.list && !get(field, "predefinedValues.enabled");
-    },
-    render({
-      field,
-      getBind
-    }) {
-      const Bind = getBind();
-      const fieldSettingsType = field.settings ? field.settings.type : null;
-      let Component = DateOnly;
-      switch (fieldSettingsType) {
-        case "dateTimeWithoutTimezone":
-          Component = DateTimeWithoutTimezone;
-          break;
-        case "dateTimeWithTimezone":
-          Component = DateTimeWithTimezone;
-          break;
-        case "time":
-          Component = Time;
-          break;
-      }
-      return /*#__PURE__*/React.createElement(Bind, null, bind => {
-        return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
-          text: field.label,
-          hint: field.help
-        }), field.description ? /*#__PURE__*/React.createElement(FormComponentDescription, {
-          text: field.description
-        }) : null, /*#__PURE__*/React.createElement(Component, {
-          bind: bind,
-          field: field
-        }), /*#__PURE__*/React.createElement(FormComponentNote, {
-          text: field.note
-        }));
-      });
+const dateTimeField_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-date-time",
+    renderer: {
+        rendererName: "date-time-input",
+        name: t`Date/Time Input`,
+        description: t`Renders input for various formats of date and time.`,
+        canUse ({ field }) {
+            return "datetime" === field.type && !field.list && !get(field, "predefinedValues.enabled");
+        },
+        render ({ field, getBind }) {
+            const Bind = getBind();
+            const fieldSettingsType = field.settings ? field.settings.type : null;
+            let Component = DateOnly;
+            switch(fieldSettingsType){
+                case "dateTimeWithoutTimezone":
+                    Component = DateTimeWithoutTimezone;
+                    break;
+                case "dateTimeWithTimezone":
+                    Component = DateTimeWithTimezone;
+                    break;
+                case "time":
+                    Component = Time;
+                    break;
+            }
+            return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+                    text: field.label,
+                    hint: field.help
+                }), field.description ? /*#__PURE__*/ react.createElement(FormComponentDescription, {
+                    text: field.description
+                }) : null, /*#__PURE__*/ react.createElement(Component, {
+                    bind: bind,
+                    field: field
+                }), /*#__PURE__*/ react.createElement(FormComponentNote, {
+                    text: field.note
+                })));
+        }
     }
-  }
 };
-export default plugin;
+const dateTimeField = dateTimeField_plugin;
+export default dateTimeField;
 
 //# sourceMappingURL=dateTimeField.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","FormComponentDescription","FormComponentLabel","FormComponentNote","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","Bind","fieldSettingsType","settings","Component","createElement","bind","ValidationContainer","text","label","hint","help","note"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DateOnly } from \"./DateOnly.js\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone.js\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone.js\";\nimport { Time } from \"./Time.js\";\nimport { FormComponentDescription, FormComponentLabel, FormComponentNote } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-time\",\n    renderer: {\n        rendererName: \"date-time-input\",\n        name: t`Date/Time Input`,\n        description: t`Renders input for various formats of date and time.`,\n        canUse({ field }) {\n            return (\n                field.type === \"datetime\" && !field.list && !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            let Component = DateOnly;\n            switch (fieldSettingsType) {\n                case \"dateTimeWithoutTimezone\":\n                    Component = DateTimeWithoutTimezone;\n                    break;\n                case \"dateTimeWithTimezone\":\n                    Component = DateTimeWithTimezone;\n                    break;\n                case \"time\":\n                    Component = Time;\n                    break;\n            }\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <FormComponentLabel text={field.label} hint={field.help} />\n                                {field.description ? (\n                                    <FormComponentDescription text={field.description} />\n                                ) : null}\n                                <Component bind={bind} field={field} />\n                                <FormComponentNote text={field.note} />\n                            </Bind.ValidationContainer>\n                        );\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,QAAQ;AACjB,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AACb,SAASC,wBAAwB,EAAEC,kBAAkB,EAAEC,iBAAiB,QAAQ,kBAAkB;AAElG,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,yCAAyC,CAAC;AAE5D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,UAAU,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAACnB,GAAG,CAACkB,KAAK,EAAE,0BAA0B,CAAC;IAE3F,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAME,iBAAiB,GAAGL,KAAK,CAACM,QAAQ,GAAGN,KAAK,CAACM,QAAQ,CAACZ,IAAI,GAAG,IAAI;MAErE,IAAIa,SAAS,GAAGvB,QAAQ;MACxB,QAAQqB,iBAAiB;QACrB,KAAK,yBAAyB;UAC1BE,SAAS,GAAGtB,uBAAuB;UACnC;QACJ,KAAK,sBAAsB;UACvBsB,SAAS,GAAGrB,oBAAoB;UAChC;QACJ,KAAK,MAAM;UACPqB,SAAS,GAAGpB,IAAI;UAChB;MACR;MAEA,oBACIN,KAAA,CAAA2B,aAAA,CAACJ,IAAI,QACAK,IAAI,IAAI;QACL,oBACI5B,KAAA,CAAA2B,aAAA,CAACJ,IAAI,CAACM,mBAAmB,qBACrB7B,KAAA,CAAA2B,aAAA,CAACnB,kBAAkB;UAACsB,IAAI,EAAEX,KAAK,CAACY,KAAM;UAACC,IAAI,EAAEb,KAAK,CAACc;QAAK,CAAE,CAAC,EAC1Dd,KAAK,CAACF,WAAW,gBACdjB,KAAA,CAAA2B,aAAA,CAACpB,wBAAwB;UAACuB,IAAI,EAAEX,KAAK,CAACF;QAAY,CAAE,CAAC,GACrD,IAAI,eACRjB,KAAA,CAAA2B,aAAA,CAACD,SAAS;UAACE,IAAI,EAAEA,IAAK;UAACT,KAAK,EAAEA;QAAM,CAAE,CAAC,eACvCnB,KAAA,CAAA2B,aAAA,CAAClB,iBAAiB;UAACqB,IAAI,EAAEX,KAAK,CAACe;QAAK,CAAE,CAChB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAetB,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/dateTimeField.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DateOnly } from \"./DateOnly.js\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone.js\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone.js\";\nimport { Time } from \"./Time.js\";\nimport { FormComponentDescription, FormComponentLabel, FormComponentNote } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-time\",\n    renderer: {\n        rendererName: \"date-time-input\",\n        name: t`Date/Time Input`,\n        description: t`Renders input for various formats of date and time.`,\n        canUse({ field }) {\n            return (\n                field.type === \"datetime\" && !field.list && !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            let Component = DateOnly;\n            switch (fieldSettingsType) {\n                case \"dateTimeWithoutTimezone\":\n                    Component = DateTimeWithoutTimezone;\n                    break;\n                case \"dateTimeWithTimezone\":\n                    Component = DateTimeWithTimezone;\n                    break;\n                case \"time\":\n                    Component = Time;\n                    break;\n            }\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <FormComponentLabel text={field.label} hint={field.help} />\n                                {field.description ? (\n                                    <FormComponentDescription text={field.description} />\n                                ) : null}\n                                <Component bind={bind} field={field} />\n                                <FormComponentNote text={field.note} />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","plugin","field","get","getBind","Bind","fieldSettingsType","Component","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","bind","FormComponentLabel","FormComponentDescription","FormComponentNote"],"mappings":";;;;;;;;AAUA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,uBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,eAAe,CAAC;QACxB,aAAaA,CAAC,CAAC,mDAAmD,CAAC;QACnE,QAAO,EAAEG,KAAK,EAAE;YACZ,OACIA,AAAe,eAAfA,MAAM,IAAI,IAAmB,CAACA,MAAM,IAAI,IAAI,CAACC,IAAID,OAAO;QAEhE;QACA,QAAO,EAAEA,KAAK,EAAEE,OAAO,EAAE;YACrB,MAAMC,OAAOD;YAEb,MAAME,oBAAoBJ,MAAM,QAAQ,GAAGA,MAAM,QAAQ,CAAC,IAAI,GAAG;YAEjE,IAAIK,YAAYC;YAChB,OAAQF;gBACJ,KAAK;oBACDC,YAAYE;oBACZ;gBACJ,KAAK;oBACDF,YAAYG;oBACZ;gBACJ,KAAK;oBACDH,YAAYI;oBACZ;YACR;YAEA,OAAO,WAAP,GACI,oBAACN,MAAAA,MACIO,CAAAA,OACU,WAAP,GACI,oBAACP,KAAK,mBAAmB,sBACrB,oBAACQ,oBAAkBA;oBAAC,MAAMX,MAAM,KAAK;oBAAE,MAAMA,MAAM,IAAI;oBACtDA,MAAM,WAAW,GAAG,WAAH,GACd,oBAACY,0BAAwBA;oBAAC,MAAMZ,MAAM,WAAW;qBACjD,oBACJ,oBAACK,WAAAA;oBAAU,MAAMK;oBAAM,OAAOV;kCAC9B,oBAACa,mBAAiBA;oBAAC,MAAMb,MAAM,IAAI;;QAM3D;IACJ;AACJ;AAEA,sBAAeD"}

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

@@ -1,82 +1,70 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import DynamicSection from "../DynamicSection.js";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { ReactComponent } from "@webiny/icons/delete.svg";
 import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone.js";
 import { DateTimeWithTimezone } from "./DateTimeWithTimezone.js";
 import { DateOnly } from "./DateOnly.js";
 import { Time } from "./Time.js";
 import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
 const t = i18n.ns("app-headless-cms/admin/fields/date-time");
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-date-times",
-  renderer: {
-    rendererName: "date-time-inputs",
-    name: t`Date/Time Inputs`,
-    description: t`Renders inputs for various formats of dates and times.`,
-    canUse({
-      field
-    }) {
-      return !!(field.type === "datetime" && field.list && !get(field, "predefinedValues.enabled"));
-    },
-    render(props) {
-      const {
-        field
-      } = props;
-      const fieldSettingsType = field.settings ? field.settings.type : null;
-      return /*#__PURE__*/React.createElement(DynamicSection, props, ({
-        bind,
-        index
-      }) => {
-        const trailingIcon = {
-          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-          onClick: () => bind.field.removeValue(index)
-        };
-        if (fieldSettingsType === "dateTimeWithoutTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
-            field: field,
-            bind: bind.index,
-            trailingIcon: trailingIcon
-          });
+const dateTimeFields_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-date-times",
+    renderer: {
+        rendererName: "date-time-inputs",
+        name: t`Date/Time Inputs`,
+        description: t`Renders inputs for various formats of dates and times.`,
+        canUse ({ field }) {
+            return !!("datetime" === field.type && field.list && !get(field, "predefinedValues.enabled"));
+        },
+        render (props) {
+            const { field } = props;
+            const fieldSettingsType = field.settings ? field.settings.type : null;
+            return /*#__PURE__*/ react.createElement(DynamicSection, props, ({ bind, index })=>{
+                const trailingIcon = {
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                    onClick: ()=>bind.field.removeValue(index)
+                };
+                if ("dateTimeWithoutTimezone" === fieldSettingsType) return /*#__PURE__*/ react.createElement(DateTimeWithoutTimezone, {
+                    field: field,
+                    bind: bind.index,
+                    trailingIcon: trailingIcon
+                });
+                if ("dateTimeWithTimezone" === fieldSettingsType) return /*#__PURE__*/ react.createElement(DateTimeWithTimezone, {
+                    field: field,
+                    bind: bind.index,
+                    trailingIcon: trailingIcon
+                });
+                if ("time" === fieldSettingsType) return /*#__PURE__*/ react.createElement(Time, {
+                    field: {
+                        ...props.field,
+                        label: props.field.label + t` Value {number}`({
+                            number: index + 1
+                        })
+                    },
+                    bind: bind.index,
+                    trailingIcon: trailingIcon
+                });
+                return /*#__PURE__*/ react.createElement(DateOnly, {
+                    bind: bind.index,
+                    field: {
+                        ...props.field,
+                        label: props.field.label + t` Value {number}`({
+                            number: index + 1
+                        })
+                    },
+                    trailingIcon: trailingIcon
+                });
+            });
+        },
+        renderSettings (props) {
+            return /*#__PURE__*/ react.createElement(MultiValueRendererSettings, props);
         }
-        if (fieldSettingsType === "dateTimeWithTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
-            field: field,
-            bind: bind.index,
-            trailingIcon: trailingIcon
-          });
-        }
-        if (fieldSettingsType === "time") {
-          return /*#__PURE__*/React.createElement(Time, {
-            field: {
-              ...props.field,
-              label: props.field.label + t` Value {number}`({
-                number: index + 1
-              })
-            },
-            bind: bind.index,
-            trailingIcon: trailingIcon
-          });
-        }
-        return /*#__PURE__*/React.createElement(DateOnly, {
-          bind: bind.index,
-          field: {
-            ...props.field,
-            label: props.field.label + t` Value {number}`({
-              number: index + 1
-            })
-          },
-          trailingIcon: trailingIcon
-        });
-      });
-    },
-    renderSettings(props) {
-      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
     }
-  }
 };
-export default plugin;
+const dateTimeFields = dateTimeFields_plugin;
+export default dateTimeFields;
 
 //# sourceMappingURL=dateTimeFields.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","DynamicSection","i18n","ReactComponent","DeleteIcon","DateTimeWithoutTimezone","DateTimeWithTimezone","DateOnly","Time","MultiValueRendererSettings","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","fieldSettingsType","settings","createElement","bind","index","trailingIcon","icon","onClick","removeValue","label","number","renderSettings"],"sources":["dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone.js\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone.js\";\nimport { DateOnly } from \"./DateOnly.js\";\nimport { Time } from \"./Time.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-times\",\n    renderer: {\n        rendererName: \"date-time-inputs\",\n        name: t`Date/Time Inputs`,\n        description: t`Renders inputs for various formats of dates and times.`,\n        canUse({ field }) {\n            return !!(\n                field.type === \"datetime\" &&\n                field.list &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => {\n                        const trailingIcon = {\n                            icon: <DeleteIcon />,\n                            onClick: () => bind.field.removeValue(index)\n                        };\n\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return (\n                                <DateTimeWithoutTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return (\n                                <DateTimeWithTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"time\") {\n                            return (\n                                <Time\n                                    field={{\n                                        ...props.field,\n                                        label:\n                                            props.field.label +\n                                            t` Value {number}`({ number: index + 1 })\n                                    }}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n\n                        return (\n                            <DateOnly\n                                bind={bind.index}\n                                field={{\n                                    ...props.field,\n                                    label:\n                                        props.field.label +\n                                        t` Value {number}`({ number: index + 1 })\n                                }}\n                                trailingIcon={trailingIcon}\n                            />\n                        );\n                    }}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,cAAc;AAErB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,QAAQ;AACjB,SAASC,IAAI;AACb,SAASC,0BAA0B;AAEnC,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,yCAAyC,CAAC;AAE5D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,kBAAkB;IACzBO,WAAW,EAAEP,CAAC,wDAAwD;IACtEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAAC,EACJA,KAAK,CAACN,IAAI,KAAK,UAAU,IACzBM,KAAK,CAACC,IAAI,IACV,CAACpB,GAAG,CAACmB,KAAK,EAAE,0BAA0B,CAAC,CAC1C;IACL,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,MAAM;QAAEH;MAAM,CAAC,GAAGG,KAAK;MAEvB,MAAMC,iBAAiB,GAAGJ,KAAK,CAACK,QAAQ,GAAGL,KAAK,CAACK,QAAQ,CAACX,IAAI,GAAG,IAAI;MAErE,oBACId,KAAA,CAAA0B,aAAA,CAACxB,cAAc,EAAKqB,KAAK,EACpB,CAAC;QAAEI,IAAI;QAAEC;MAAM,CAAC,KAAK;QAClB,MAAMC,YAAY,GAAG;UACjBC,IAAI,eAAE9B,KAAA,CAAA0B,aAAA,CAACrB,UAAU,MAAE,CAAC;UACpB0B,OAAO,EAAEA,CAAA,KAAMJ,IAAI,CAACP,KAAK,CAACY,WAAW,CAACJ,KAAK;QAC/C,CAAC;QAED,IAAIJ,iBAAiB,KAAK,yBAAyB,EAAE;UACjD,oBACIxB,KAAA,CAAA0B,aAAA,CAACpB,uBAAuB;YACpBc,KAAK,EAAEA,KAAM;YACbO,IAAI,EAAEA,IAAI,CAACC,KAAM;YACjBC,YAAY,EAAEA;UAAa,CAC9B,CAAC;QAEV;QACA,IAAIL,iBAAiB,KAAK,sBAAsB,EAAE;UAC9C,oBACIxB,KAAA,CAAA0B,aAAA,CAACnB,oBAAoB;YACjBa,KAAK,EAAEA,KAAM;YACbO,IAAI,EAAEA,IAAI,CAACC,KAAM;YACjBC,YAAY,EAAEA;UAAa,CAC9B,CAAC;QAEV;QACA,IAAIL,iBAAiB,KAAK,MAAM,EAAE;UAC9B,oBACIxB,KAAA,CAAA0B,aAAA,CAACjB,IAAI;YACDW,KAAK,EAAE;cACH,GAAGG,KAAK,CAACH,KAAK;cACda,KAAK,EACDV,KAAK,CAACH,KAAK,CAACa,KAAK,GACjBtB,CAAC,iBAAiB,CAAC;gBAAEuB,MAAM,EAAEN,KAAK,GAAG;cAAE,CAAC;YAChD,CAAE;YACFD,IAAI,EAAEA,IAAI,CAACC,KAAM;YACjBC,YAAY,EAAEA;UAAa,CAC9B,CAAC;QAEV;QAEA,oBACI7B,KAAA,CAAA0B,aAAA,CAAClB,QAAQ;UACLmB,IAAI,EAAEA,IAAI,CAACC,KAAM;UACjBR,KAAK,EAAE;YACH,GAAGG,KAAK,CAACH,KAAK;YACda,KAAK,EACDV,KAAK,CAACH,KAAK,CAACa,KAAK,GACjBtB,CAAC,iBAAiB,CAAC;cAAEuB,MAAM,EAAEN,KAAK,GAAG;YAAE,CAAC;UAChD,CAAE;UACFC,YAAY,EAAEA;QAAa,CAC9B,CAAC;MAEV,CACY,CAAC;IAEzB,CAAC;IACDM,cAAcA,CAACZ,KAAK,EAAE;MAClB,oBAAOvB,KAAA,CAAA0B,aAAA,CAAChB,0BAA0B,EAAKa,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/dateTimeFields.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone.js\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone.js\";\nimport { DateOnly } from \"./DateOnly.js\";\nimport { Time } from \"./Time.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-times\",\n    renderer: {\n        rendererName: \"date-time-inputs\",\n        name: t`Date/Time Inputs`,\n        description: t`Renders inputs for various formats of dates and times.`,\n        canUse({ field }) {\n            return !!(\n                field.type === \"datetime\" &&\n                field.list &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => {\n                        const trailingIcon = {\n                            icon: <DeleteIcon />,\n                            onClick: () => bind.field.removeValue(index)\n                        };\n\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return (\n                                <DateTimeWithoutTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return (\n                                <DateTimeWithTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"time\") {\n                            return (\n                                <Time\n                                    field={{\n                                        ...props.field,\n                                        label:\n                                            props.field.label +\n                                            t` Value {number}`({ number: index + 1 })\n                                    }}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n\n                        return (\n                            <DateOnly\n                                bind={bind.index}\n                                field={{\n                                    ...props.field,\n                                    label:\n                                        props.field.label +\n                                        t` Value {number}`({ number: index + 1 })\n                                }}\n                                trailingIcon={trailingIcon}\n                            />\n                        );\n                    }}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","plugin","field","get","props","fieldSettingsType","DynamicSection","bind","index","trailingIcon","DeleteIcon","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","DateOnly","MultiValueRendererSettings"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,wBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,gBAAgB,CAAC;QACzB,aAAaA,CAAC,CAAC,sDAAsD,CAAC;QACtE,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAO,CAAC,CACJA,CAAAA,AAAe,eAAfA,MAAM,IAAI,IACVA,MAAM,IAAI,IACV,CAACC,IAAID,OAAO,2BAA0B;QAE9C;QACA,QAAOE,KAAK;YACR,MAAM,EAAEF,KAAK,EAAE,GAAGE;YAElB,MAAMC,oBAAoBH,MAAM,QAAQ,GAAGA,MAAM,QAAQ,CAAC,IAAI,GAAG;YAEjE,OAAO,WAAP,GACI,oBAACI,gBAAmBF,OACf,CAAC,EAAEG,IAAI,EAAEC,KAAK,EAAE;gBACb,MAAMC,eAAe;oBACjB,MAAM,WAAN,GAAM,oBAACC,gBAAUA;oBACjB,SAAS,IAAMH,KAAK,KAAK,CAAC,WAAW,CAACC;gBAC1C;gBAEA,IAAIH,AAAsB,8BAAtBA,mBACA,OAAO,WAAP,GACI,oBAACM,yBAAuBA;oBACpB,OAAOT;oBACP,MAAMK,KAAK,KAAK;oBAChB,cAAcE;;gBAI1B,IAAIJ,AAAsB,2BAAtBA,mBACA,OAAO,WAAP,GACI,oBAACO,sBAAoBA;oBACjB,OAAOV;oBACP,MAAMK,KAAK,KAAK;oBAChB,cAAcE;;gBAI1B,IAAIJ,AAAsB,WAAtBA,mBACA,OAAO,WAAP,GACI,oBAACQ,MAAIA;oBACD,OAAO;wBACH,GAAGT,MAAM,KAAK;wBACd,OACIA,MAAM,KAAK,CAAC,KAAK,GACjBL,CAAC,CAAC,eAAe,CAAC,CAAC;4BAAE,QAAQS,QAAQ;wBAAE;oBAC/C;oBACA,MAAMD,KAAK,KAAK;oBAChB,cAAcE;;gBAK1B,OAAO,WAAP,GACI,oBAACK,UAAQA;oBACL,MAAMP,KAAK,KAAK;oBAChB,OAAO;wBACH,GAAGH,MAAM,KAAK;wBACd,OACIA,MAAM,KAAK,CAAC,KAAK,GACjBL,CAAC,CAAC,eAAe,CAAC,CAAC;4BAAE,QAAQS,QAAQ;wBAAE;oBAC/C;oBACA,cAAcC;;YAG1B;QAGZ;QACA,gBAAeL,KAAK;YAChB,OAAO,WAAP,GAAO,oBAACW,4BAA+BX;QAC3C;IACJ;AACJ;AAEA,uBAAeH"}

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

@@ -1,5 +1,9 @@
 import dateTimeField from "./dateTimeField.js";
 import dateTimeFields from "./dateTimeFields.js";
-export default [dateTimeField, dateTimeFields];
+const dateTime = [
+    dateTimeField,
+    dateTimeFields
+];
+export default dateTime;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dateTimeField","dateTimeFields"],"sources":["index.ts"],"sourcesContent":["import dateTimeField from \"./dateTimeField.js\";\nimport dateTimeFields from \"./dateTimeFields.js\";\n\nexport default [dateTimeField, dateTimeFields];\n"],"mappings":"AAAA,OAAOA,aAAa;AACpB,OAAOC,cAAc;AAErB,eAAe,CAACD,aAAa,EAAEC,cAAc,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/index.ts"],"sourcesContent":["import dateTimeField from \"./dateTimeField.js\";\nimport dateTimeFields from \"./dateTimeFields.js\";\n\nexport default [dateTimeField, dateTimeFields];\n"],"names":["dateTimeField","dateTimeFields"],"mappings":";;AAGA,iBAAe;IAACA;IAAeC;CAAe"}

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

@@ -1,75 +1,59 @@
-import React from "react";
+import react from "react";
 import { Grid, IconButton } from "@webiny/admin-ui";
-export const DEFAULT_TIMEZONE = "+01:00";
-export const getDefaultFieldValue = (field, bind, getCurrent) => {
-  const def = field.settings ? field.settings.defaultSetValue || "null" : "null";
-  if (bind.value || def !== "current") {
-    return bind.value || "";
-  }
-  return getCurrent();
+const DEFAULT_TIMEZONE = "+01:00";
+const getDefaultFieldValue = (field, bind, getCurrent)=>{
+    const def = field.settings ? field.settings.defaultSetValue || "null" : "null";
+    if (bind.value || "current" !== def) return bind.value || "";
+    return getCurrent();
 };
-export const getCurrentTimeZone = date => {
-  if (!date) {
-    date = new Date();
-  }
-  const value = date.toTimeString();
-  const matches = value.match(/GMT([+-][0-9]{4})/);
-  if (!matches) {
-    return null;
-  }
-  const timezone = matches[1];
-  return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;
+const getCurrentTimeZone = (date)=>{
+    if (!date) date = new Date();
+    const value = date.toTimeString();
+    const matches = value.match(/GMT([+-][0-9]{4})/);
+    if (!matches) return null;
+    const timezone = matches[1];
+    return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;
 };
-export const getCurrentLocalTime = date => {
-  if (!date) {
-    date = new Date();
-  }
-  const value = date.toTimeString();
-  const [time] = value.split(" ");
-  if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {
-    return "00:00:00";
-  }
-  return time;
+const getCurrentLocalTime = (date)=>{
+    if (!date) date = new Date();
+    const value = date.toTimeString();
+    const [time] = value.split(" ");
+    if (!time || null === time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/)) return "00:00:00";
+    return time;
 };
-export const getCurrentDate = date => {
-  if (!date) {
-    date = new Date();
-  }
-  const year = String(date.getFullYear()).padStart(4, "0");
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
+const getCurrentDate = (date)=>{
+    if (!date) date = new Date();
+    const year = String(date.getFullYear()).padStart(4, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    return `${year}-${month}-${day}`;
 };
-export const getHHmm = time => {
-  if (!time) {
-    return "";
-  }
-  const parsableTime = time || getCurrentLocalTime();
-  return parsableTime.split(":").slice(0, 2).join(":");
+const getHHmm = (time)=>{
+    if (!time) return "";
+    const parsableTime = time || getCurrentLocalTime();
+    return parsableTime.split(":").slice(0, 2).join(":");
 };
-
-// Ensure a valid HH:mm:ss string, ending with :00 for seconds.
-export const getHHmmss = time => {
-  const parsableTime = time || getCurrentLocalTime();
-  const parts = [...parsableTime.split(":").slice(0, 2), "00"];
-  return parts.join(":");
+const getHHmmss = (time)=>{
+    const parsableTime = time || getCurrentLocalTime();
+    const parts = [
+        ...parsableTime.split(":").slice(0, 2),
+        "00"
+    ];
+    return parts.join(":");
 };
-export const RemoveFieldButton = ({
-  trailingIcon
-}) => {
-  if (!trailingIcon) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 1
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-end justify-center h-full"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    variant: "ghost",
-    onClick: trailingIcon.onClick,
-    icon: trailingIcon.icon,
-    className: "mb-xs-plus"
-  })));
+const RemoveFieldButton = ({ trailingIcon })=>{
+    if (!trailingIcon) return null;
+    return /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 1
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-end justify-center h-full"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        onClick: trailingIcon.onClick,
+        icon: trailingIcon.icon,
+        className: "mb-xs-plus"
+    })));
 };
+export { DEFAULT_TIMEZONE, RemoveFieldButton, getCurrentDate, getCurrentLocalTime, getCurrentTimeZone, getDefaultFieldValue, getHHmm, getHHmmss };
 
 //# sourceMappingURL=utils.js.map