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

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

@@ -1,40 +1,33 @@
-import React, { useEffect } from "react";
+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());
-  });
-  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
-  });
+const DateOnly = (props)=>{
+    const { field, bind, trailingIcon } = props;
+    const date = getDefaultFieldValue(field, bind, ()=>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
+    });
 };
+export { DateOnly };
 
 //# sourceMappingURL=DateOnly.js.map

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

@@ -1 +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.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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/DateOnly.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/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"],"names":["DateOnly","props","field","bind","trailingIcon","date","getDefaultFieldValue","getCurrentDate","Date","bindValue","useEffect","Input","value"],"mappings":";;;AAgBO,MAAMA,WAAW,CAACC;IACrB,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,YAAY,EAAE,GAAGH;IACtC,MAAMI,OAAOC,qBAAqBJ,OAAOC,MAAM,IACpCI,eAAe,IAAIC;IAG9B,MAAMC,YAAYN,KAAK,KAAK,IAAI;IAEhCO,UAAU;QACN,IAAI,CAACL,QAAQI,cAAcJ,MACvB;QAEJF,KAAK,QAAQ,CAACE;IAClB,GAAG;QAACI;KAAU;IAEd,OAAO,WAAP,GACI,oBAACE,OAAKA;QACF,MAAM;YACF,GAAGR,IAAI;YACP,OAAOE;YACP,UAAU,OAAOO;gBACb,IAAI,CAACA,OAAO;oBACR,IAAI,CAACH,WACD;oBAEJ,OAAON,KAAK,QAAQ,CAAC;gBACzB;gBACA,OAAOA,KAAK,QAAQ,CAACS;YACzB;QACJ;QACA,OAAOV;QACP,MAAMA,MAAM,QAAQ,EAAE;QACtB,cAAcE;;AAG1B"}

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

@@ -1,120 +1,97 @@
-import React from "react";
+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 { DEFAULT_TIMEZONE, RemoveFieldButton, getCurrentDate, getCurrentLocalTime, getCurrentTimeZone, getDefaultFieldValue, getHHmm, getHHmmss } from "./utils.js";
 import { UTC_TIMEZONES } from "@webiny/utils";
-const parseDateTime = value => {
-  if (!value || typeof value !== "string") {
+const parseDateTime = (value)=>{
+    if (!value || "string" != typeof value) return {
+        date: "",
+        rest: ""
+    };
+    const [formattedDate, rest] = value.split("T");
+    if (!formattedDate || !rest) throw new Error(`Could not extract date and time from "${value}".`);
     return {
-      date: "",
-      rest: ""
+        date: formattedDate,
+        rest
     };
-  }
-  const [formattedDate, rest] = value.split("T");
-  if (!formattedDate || !rest) {
-    throw new Error(`Could not extract date and time from "${value}".`);
-  }
-  return {
-    date: formattedDate,
-    rest
-  };
 };
-const parseTime = (value, defaultTimeZone) => {
-  if (!value) {
+const parseTime = (value, defaultTimeZone)=>{
+    if (!value) return {
+        time: "",
+        timezone: defaultTimeZone || ""
+    };
+    const sign = value.includes("+") ? "+" : "-";
+    const [fullTime, zone] = value.split(sign);
     return {
-      time: "",
-      timezone: defaultTimeZone || ""
+        time: fullTime,
+        timezone: sign + zone
     };
-  }
-  const sign = value.includes("+") ? "+" : "-";
-  const [fullTime, zone] = value.split(sign);
-  return {
-    time: fullTime,
-    timezone: sign + zone
-  };
 };
-export const DateTimeWithTimezone = ({
-  bind,
-  trailingIcon,
-  field
-}) => {
-  const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;
-
-  // "2020-05-18T09:00+10:00"
-  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: {
-      ...bind,
-      value: date,
-      onChange: async value => {
-        if (!value) {
-          if (!bind.value) {
-            return;
-          }
-          return bind.onChange("");
-        }
-        return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);
-      }
-    },
-    field: field,
-    type: "date"
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 4
-  }, /*#__PURE__*/React.createElement(Input, {
-    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: {
-      ...field,
-      label: `${field.label} time`
-    },
-    type: "time",
-    step: 60
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: cellSize
-  }, /*#__PURE__*/React.createElement(Select, {
-    value: timezone,
-    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(t => ({
-      value: t.value,
-      label: t.label
-    }))
-  })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
-    trailingIcon: trailingIcon
-  }));
+const DateTimeWithTimezone = ({ bind, trailingIcon, field })=>{
+    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;
+    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: {
+            ...bind,
+            value: date,
+            onChange: async (value)=>{
+                if (!value) {
+                    if (!bind.value) return;
+                    return bind.onChange("");
+                }
+                return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);
+            }
+        },
+        field: field,
+        type: "date"
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 4
+    }, /*#__PURE__*/ react.createElement(Input, {
+        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: {
+            ...field,
+            label: `${field.label} time`
+        },
+        type: "time",
+        step: 60
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: cellSize
+    }, /*#__PURE__*/ react.createElement(Select, {
+        value: timezone,
+        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((t)=>({
+                value: t.value,
+                label: t.label
+            }))
+    })), /*#__PURE__*/ react.createElement(RemoveFieldButton, {
+        trailingIcon: trailingIcon
+    }));
 };
+export { DateTimeWithTimezone };
 
 //# sourceMappingURL=DateTimeWithTimezone.js.map

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

@@ -1 +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","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":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/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"],"names":["parseDateTime","value","formattedDate","rest","Error","parseTime","defaultTimeZone","sign","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","getCurrentTimeZone","DEFAULT_TIMEZONE","getDefaultFieldValue","date","Date","getCurrentDate","getCurrentLocalTime","time","timezone","cellSize","Grid","Input","getHHmmss","getHHmm","Select","UTC_TIMEZONES","t","RemoveFieldButton"],"mappings":";;;;;;AAwBA,MAAMA,gBAAgB,CAACC;IACnB,IAAI,CAACA,SAAS,AAAiB,YAAjB,OAAOA,OACjB,OAAO;QACH,MAAM;QACN,MAAM;IACV;IAEJ,MAAM,CAACC,eAAeC,KAAK,GAAGF,MAAM,KAAK,CAAC;IAC1C,IAAI,CAACC,iBAAiB,CAACC,MACnB,MAAM,IAAIC,MAAM,CAAC,sCAAsC,EAAEH,MAAM,EAAE,CAAC;IAEtE,OAAO;QACH,MAAMC;QACNC;IACJ;AACJ;AAEA,MAAME,YAAY,CAACJ,OAAgBK;IAC/B,IAAI,CAACL,OACD,OAAO;QACH,MAAM;QACN,UAAUK,mBAAmB;IACjC;IAEJ,MAAMC,OAAON,MAAM,QAAQ,CAAC,OAAO,MAAM;IACzC,MAAM,CAACO,UAAUC,KAAK,GAAGR,MAAM,KAAK,CAACM;IAErC,OAAO;QACH,MAAMC;QACN,UAAUD,OAAOE;IACrB;AACJ;AAOO,MAAMC,uBAAuB,CAAC,EAAEC,IAAI,EAAEC,YAAY,EAAEC,KAAK,EAA6B;IACzF,MAAMP,kBAAkBQ,wBAAwBC;IAGhD,MAAMd,QACFU,KAAK,KAAK,IACVK,qBAAqBH,OAAOF,MAAM;QAC9B,MAAMM,OAAO,IAAIC;QACjB,OAAO,GAAGC,eAAeF,MAAM,CAAC,EAAEG,oBAAoBH,QAAQX,iBAAiB;IACnF;IAEJ,MAAM,EAAEW,IAAI,EAAEd,IAAI,EAAE,GAAGH,cAAcC;IACrC,MAAM,EAAEoB,IAAI,EAAEC,QAAQ,EAAE,GAAGjB,UAAUF,MAAMG;IAE3C,MAAMiB,WAAWX,eAAe,IAAI;IAEpC,OAAO,WAAP,GACI,oBAACY,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,OAAKA;QACF,MAAM;YACF,GAAGd,IAAI;YACP,OAAOM;YACP,UAAU,OAAOhB;gBACb,IAAI,CAACA,OAAO;oBACR,IAAI,CAACU,KAAK,KAAK,EACX;oBAEJ,OAAOA,KAAK,QAAQ,CAAC;gBACzB;gBAEA,OAAOA,KAAK,QAAQ,CAAC,GAAGV,MAAM,CAAC,EAAEyB,UAAUL,QAAQC,UAAU;YACjE;QACJ;QACA,OAAOT;QACP,MAAM;uBAGd,oBAACW,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,OAAKA;QACF,MAAM;YACF,GAAGd,IAAI;YACP,OAAOgB,QAAQN;YACf,UAAU,OAAMpB;gBACZ,IAAI,CAACA,OAAO;oBACR,IAAI,CAACU,KAAK,KAAK,EACX;oBAEJ,OAAOA,KAAK,QAAQ,CAAC;gBACzB;gBACA,OAAOA,KAAK,QAAQ,CAChB,GAAGM,QAAQE,iBAAiB,CAAC,EAAEO,UAAUzB,SAASqB,UAAU;YAEpE;QACJ;QACA,OAAO;YACH,GAAGT,KAAK;YACR,OAAO,GAAGA,MAAM,KAAK,CAAC,KAAK,CAAC;QAChC;QACA,MAAM;QACN,MAAM;uBAGd,oBAACW,KAAK,MAAM;QAAC,MAAMD;qBACf,oBAACK,QAAMA;QACH,OAAON;QACP,UAAUrB,CAAAA;YACN,IAAI,CAACA,OAAO;gBACR,IAAI,CAACU,KAAK,KAAK,EACX,OAAO;gBAEX,OAAOA,KAAK,QAAQ,CAAC;YACzB;YACA,OAAOA,KAAK,QAAQ,CAChB,GAAGM,QAAQE,iBAAiB,CAAC,EAAEE,QAAQD,wBAAwBnB,OAAO;QAE9E;QACA,SAAS4B,cAAc,GAAG,CAACC,CAAAA,IAAM;gBAAE,OAAOA,EAAE,KAAK;gBAAE,OAAOA,EAAE,KAAK;YAAC;uBAG1E,oBAACC,mBAAiBA;QAAC,cAAcnB;;AAG7C"}

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

@@ -1,89 +1,76 @@
-import React from "react";
+import react from "react";
 import { Grid } from "@webiny/admin-ui";
-import { getCurrentDate, getCurrentLocalTime, getDefaultFieldValue, getHHmm, getHHmmss, RemoveFieldButton } from "./utils.js";
+import { RemoveFieldButton, getCurrentDate, getCurrentLocalTime, getDefaultFieldValue, getHHmm, getHHmmss } from "./utils.js";
 import { Input } from "./Input.js";
-const parseDateTime = value => {
-  if (!value) {
-    return {
-      date: "",
-      time: ""
-    };
-  }
-  if (value.includes("T")) {
-    const [date, time] = value.split(".")[0].split("T");
-    return {
-      date,
-      time
+const parseDateTime = (value)=>{
+    if (!value) return {
+        date: "",
+        time: ""
     };
-  }
-  const [date, time] = value.split(" ");
-  if (!date || !time) {
-    console.error(`Could not extract date and time from "${value}".`);
+    if (value.includes("T")) {
+        const [date, time] = value.split(".")[0].split("T");
+        return {
+            date,
+            time
+        };
+    }
+    const [date, time] = value.split(" ");
+    if (!date || !time) {
+        console.error(`Could not extract date and time from "${value}".`);
+        return {
+            date: "",
+            time: ""
+        };
+    }
     return {
-      date: "",
-      time: ""
+        date,
+        time
     };
-  }
-  return {
-    date,
-    time
-  };
 };
-export const DateTimeWithoutTimezone = ({
-  field,
-  bind,
-  trailingIcon
-}) => {
-  // "2020-05-18 09:00:00"
-  const value = bind.value || getDefaultFieldValue(field, bind, () => {
-    const date = new Date();
-    return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;
-  });
-  const {
-    date,
-    time
-  } = parseDateTime(value);
-  const cellSize = trailingIcon ? 5 : 6;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Input, {
-    bind: {
-      ...bind,
-      value: date,
-      onChange: async value => {
-        if (!value) {
-          if (!bind.value) {
-            return;
-          }
-          return bind.onChange("");
-        }
-        return bind.onChange(`${value} ${getHHmmss(time)}`);
-      }
-    },
-    field: field,
-    type: "date"
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: cellSize
-  }, /*#__PURE__*/React.createElement(Input, {
-    bind: {
-      ...bind,
-      value: getHHmm(time),
-      onChange: async value => {
-        if (!value) {
-          if (!bind.value) {
-            return;
-          }
-          return bind.onChange("");
-        }
-        return bind.onChange(`${date || getCurrentDate()} ${getHHmmss(value)}`);
-      }
-    },
-    field: field,
-    type: "time",
-    step: 60
-  })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
-    trailingIcon: trailingIcon
-  }));
+const DateTimeWithoutTimezone = ({ field, bind, trailingIcon })=>{
+    const value = bind.value || getDefaultFieldValue(field, bind, ()=>{
+        const date = new Date();
+        return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;
+    });
+    const { date, time } = parseDateTime(value);
+    const cellSize = trailingIcon ? 5 : 6;
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Input, {
+        bind: {
+            ...bind,
+            value: date,
+            onChange: async (value)=>{
+                if (!value) {
+                    if (!bind.value) return;
+                    return bind.onChange("");
+                }
+                return bind.onChange(`${value} ${getHHmmss(time)}`);
+            }
+        },
+        field: field,
+        type: "date"
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: cellSize
+    }, /*#__PURE__*/ react.createElement(Input, {
+        bind: {
+            ...bind,
+            value: getHHmm(time),
+            onChange: async (value)=>{
+                if (!value) {
+                    if (!bind.value) return;
+                    return bind.onChange("");
+                }
+                return bind.onChange(`${date || getCurrentDate()} ${getHHmmss(value)}`);
+            }
+        },
+        field: field,
+        type: "time",
+        step: 60
+    })), /*#__PURE__*/ react.createElement(RemoveFieldButton, {
+        trailingIcon: trailingIcon
+    }));
 };
+export { DateTimeWithoutTimezone };
 
 //# sourceMappingURL=DateTimeWithoutTimezone.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","getCurrentDate","getCurrentLocalTime","getDefaultFieldValue","getHHmm","getHHmmss","RemoveFieldButton","Input","parseDateTime","value","date","time","includes","split","console","error","DateTimeWithoutTimezone","field","bind","trailingIcon","Date","cellSize","createElement","Column","span","onChange","type","step"],"sources":["DateTimeWithoutTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport {\n    getCurrentDate,\n    getCurrentLocalTime,\n    getDefaultFieldValue,\n    getHHmm,\n    getHHmmss,\n    RemoveFieldButton\n} from \"./utils.js\";\nimport { Input } from \"./Input.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface State {\n    date: string;\n    time: string;\n}\n\nconst parseDateTime = (value?: string): State => {\n    if (!value) {\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    if (value.includes(\"T\")) {\n        const [date, time] = value.split(\".\")[0].split(\"T\");\n        return {\n            date,\n            time\n        };\n    }\n    const [date, time] = value.split(\" \");\n    if (!date || !time) {\n        console.error(`Could not extract date and time from \"${value}\".`);\n\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    return {\n        date,\n        time\n    };\n};\n\nexport interface DateTimeWithoutTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithoutTimezone = ({\n    field,\n    bind,\n    trailingIcon\n}: DateTimeWithoutTimezoneProps) => {\n    // \"2020-05-18 09:00:00\"\n    const value =\n        bind.value ||\n        getDefaultFieldValue(field, bind, () => {\n            const date = new Date();\n            return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;\n        });\n\n    const { date, time } = parseDateTime(value);\n\n    const cellSize = trailingIcon ? 5 : 6;\n\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${value} ${getHHmmss(time)}`);\n                        }\n                    }}\n                    field={field}\n                    type={\"date\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={cellSize}>\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(`${date || getCurrentDate()} ${getHHmmss(value)}`);\n                        }\n                    }}\n                    field={field}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Grid.Column>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/DateTimeWithoutTimezone.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/DateTimeWithoutTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport {\n    getCurrentDate,\n    getCurrentLocalTime,\n    getDefaultFieldValue,\n    getHHmm,\n    getHHmmss,\n    RemoveFieldButton\n} from \"./utils.js\";\nimport { Input } from \"./Input.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface State {\n    date: string;\n    time: string;\n}\n\nconst parseDateTime = (value?: string): State => {\n    if (!value) {\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    if (value.includes(\"T\")) {\n        const [date, time] = value.split(\".\")[0].split(\"T\");\n        return {\n            date,\n            time\n        };\n    }\n    const [date, time] = value.split(\" \");\n    if (!date || !time) {\n        console.error(`Could not extract date and time from \"${value}\".`);\n\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    return {\n        date,\n        time\n    };\n};\n\nexport interface DateTimeWithoutTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithoutTimezone = ({\n    field,\n    bind,\n    trailingIcon\n}: DateTimeWithoutTimezoneProps) => {\n    // \"2020-05-18 09:00:00\"\n    const value =\n        bind.value ||\n        getDefaultFieldValue(field, bind, () => {\n            const date = new Date();\n            return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;\n        });\n\n    const { date, time } = parseDateTime(value);\n\n    const cellSize = trailingIcon ? 5 : 6;\n\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${value} ${getHHmmss(time)}`);\n                        }\n                    }}\n                    field={field}\n                    type={\"date\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={cellSize}>\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(`${date || getCurrentDate()} ${getHHmmss(value)}`);\n                        }\n                    }}\n                    field={field}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Grid.Column>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"names":["parseDateTime","value","date","time","console","DateTimeWithoutTimezone","field","bind","trailingIcon","getDefaultFieldValue","Date","getCurrentDate","getCurrentLocalTime","cellSize","Grid","Input","getHHmmss","getHHmm","RemoveFieldButton"],"mappings":";;;;AAmBA,MAAMA,gBAAgB,CAACC;IACnB,IAAI,CAACA,OACD,OAAO;QACH,MAAM;QACN,MAAM;IACV;IAEJ,IAAIA,MAAM,QAAQ,CAAC,MAAM;QACrB,MAAM,CAACC,MAAMC,KAAK,GAAGF,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/C,OAAO;YACHC;YACAC;QACJ;IACJ;IACA,MAAM,CAACD,MAAMC,KAAK,GAAGF,MAAM,KAAK,CAAC;IACjC,IAAI,CAACC,QAAQ,CAACC,MAAM;QAChBC,QAAQ,KAAK,CAAC,CAAC,sCAAsC,EAAEH,MAAM,EAAE,CAAC;QAEhE,OAAO;YACH,MAAM;YACN,MAAM;QACV;IACJ;IACA,OAAO;QACHC;QACAC;IACJ;AACJ;AAOO,MAAME,0BAA0B,CAAC,EACpCC,KAAK,EACLC,IAAI,EACJC,YAAY,EACe;IAE3B,MAAMP,QACFM,KAAK,KAAK,IACVE,qBAAqBH,OAAOC,MAAM;QAC9B,MAAML,OAAO,IAAIQ;QACjB,OAAO,GAAGC,eAAeT,MAAM,CAAC,EAAEU,oBAAoBV,OAAO;IACjE;IAEJ,MAAM,EAAEA,IAAI,EAAEC,IAAI,EAAE,GAAGH,cAAcC;IAErC,MAAMY,WAAWL,eAAe,IAAI;IAEpC,OAAO,WAAP,GACI,oBAACM,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,OAAKA;QACF,MAAM;YACF,GAAGR,IAAI;YACP,OAAOL;YACP,UAAU,OAAMD;gBACZ,IAAI,CAACA,OAAO;oBACR,IAAI,CAACM,KAAK,KAAK,EACX;oBAEJ,OAAOA,KAAK,QAAQ,CAAC;gBACzB;gBACA,OAAOA,KAAK,QAAQ,CAAC,GAAGN,MAAM,CAAC,EAAEe,UAAUb,OAAO;YACtD;QACJ;QACA,OAAOG;QACP,MAAM;uBAGd,oBAACQ,KAAK,MAAM;QAAC,MAAMD;qBACf,oBAACE,OAAKA;QACF,MAAM;YACF,GAAGR,IAAI;YACP,OAAOU,QAAQd;YACf,UAAU,OAAMF;gBACZ,IAAI,CAACA,OAAO;oBACR,IAAI,CAACM,KAAK,KAAK,EACX;oBAEJ,OAAOA,KAAK,QAAQ,CAAC;gBACzB;gBACA,OAAOA,KAAK,QAAQ,CAAC,GAAGL,QAAQS,iBAAiB,CAAC,EAAEK,UAAUf,QAAQ;YAC1E;QACJ;QACA,OAAOK;QACP,MAAM;QACN,MAAM;uBAGd,oBAACY,mBAAiBA;QAAC,cAAcV;;AAG7C"}

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

@@ -1,43 +1,38 @@
-import * as React from "react";
-import { Input as UiInput, Icon } from "@webiny/admin-ui";
+import { Icon, Input } from "@webiny/admin-ui";
 import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
-export const Input = ({
-  bind,
-  trailingIcon,
-  ...props
-}) => {
-  const {
-    field
-  } = useModelField();
-  const rules = useFieldEffectiveRules(field);
-  const disabled = !rules.canEdit || rules.disabled;
-  const endIcon = React.useMemo(() => {
-    if (!trailingIcon) {
-      return undefined;
-    }
-    return /*#__PURE__*/React.createElement(Icon, {
-      label: "Icon",
-      icon: trailingIcon?.icon,
-      onClick: trailingIcon?.onClick,
-      className: "cursor-pointer"
+import * as __rspack_external_react from "react";
+const Input_Input = ({ bind, trailingIcon, ...props })=>{
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const disabled = !rules.canEdit || rules.disabled;
+    const endIcon = __rspack_external_react.useMemo(()=>{
+        if (!trailingIcon) return;
+        return /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+            label: "Icon",
+            icon: trailingIcon?.icon,
+            onClick: trailingIcon?.onClick,
+            className: "cursor-pointer"
+        });
+    }, [
+        trailingIcon
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+        ...props,
+        ...bind,
+        disabled: disabled,
+        onChange: (value)=>{
+            if ("number" === props.type) value = parseFloat(value);
+            return bind.onChange(value);
+        },
+        label: null,
+        note: null,
+        description: null,
+        placeholder: field.placeholder,
+        type: props.type,
+        endIcon: endIcon,
+        "data-testid": `fr.input.${field.label}`
     });
-  }, [trailingIcon]);
-  return /*#__PURE__*/React.createElement(UiInput, Object.assign({}, props, bind, {
-    disabled: disabled,
-    onChange: value => {
-      if (props.type === "number") {
-        value = parseFloat(value);
-      }
-      return bind.onChange(value);
-    },
-    label: null,
-    note: null,
-    description: null,
-    placeholder: field.placeholder,
-    type: props.type,
-    endIcon: endIcon,
-    "data-testid": `fr.input.${field.label}`
-  }));
 };
+export { Input_Input as Input };
 
 //# sourceMappingURL=Input.js.map