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

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

@@ -1,115 +1,95 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { DEFAULT_DATE, DEFAULT_TIME, RemoveFieldButton } from "./utils";
-import Input from "./Input";
-
-var parseDateTime = function parseDateTime(value) {
+import React from "react";
+import { Grid } from "@webiny/admin-ui";
+import { getCurrentDate, getCurrentLocalTime, getDefaultFieldValue, getHHmm, getHHmmss, RemoveFieldButton } from "./utils";
+import { Input } from "./Input";
+const parseDateTime = value => {
   if (!value) {
-    return {};
+    return {
+      date: "",
+      time: ""
+    };
   }
-
   if (value.includes("T")) {
-    var _value$split$0$split = value.split(".")[0].split("T"),
-        _value$split$0$split2 = _slicedToArray(_value$split$0$split, 2),
-        _formattedDate = _value$split$0$split2[0],
-        _formattedTime = _value$split$0$split2[1];
-
+    const [date, time] = value.split(".")[0].split("T");
     return {
-      formattedDate: _formattedDate,
-      formattedTime: _formattedTime
+      date,
+      time
     };
   }
-
-  var _value$split = value.split(" "),
-      _value$split2 = _slicedToArray(_value$split, 2),
-      formattedDate = _value$split2[0],
-      formattedTime = _value$split2[1];
-
-  if (!formattedDate || !formattedTime) {
-    throw new Error("Could not extract date and time from \"".concat(value, "\"."));
+  const [date, time] = value.split(" ");
+  if (!date || !time) {
+    console.error(`Could not extract date and time from "${value}".`);
+    return {
+      date: "",
+      time: ""
+    };
   }
-
   return {
-    formattedDate: formattedDate,
-    formattedTime: formattedTime
+    date,
+    time
   };
 };
-
-var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
-  var field = _ref.field,
-      bind = _ref.bind,
-      trailingIcon = _ref.trailingIcon;
-
+export const DateTimeWithoutTimezone = ({
+  field,
+  bind,
+  trailingIcon
+}) => {
   // "2020-05-18 09:00:00"
-  var _parseDateTime = parseDateTime(bind.value),
-      formattedDate = _parseDateTime.formattedDate,
-      formattedTime = _parseDateTime.formattedTime;
-
-  var _useState = useState({
-    date: formattedDate || DEFAULT_DATE,
-    time: formattedTime || DEFAULT_TIME
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var date = state.date,
-      time = state.time;
-  useEffect(function () {
-    if (!formattedDate || !formattedTime) {
-      return;
-    }
-
-    setState(function () {
-      return {
-        date: formattedDate,
-        time: formattedTime
-      };
-    });
-  }, [formattedDate, formattedTime]);
-  var cellSize = trailingIcon ? 5 : 6;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  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: _objectSpread(_objectSpread({}, bind), {}, {
+    bind: {
+      ...bind,
       value: date,
-      onChange: function onChange(value) {
-        setState(function (prev) {
-          return _objectSpread(_objectSpread({}, prev), {}, {
-            date: value
-          });
-        });
-        return bind.onChange("".concat(value, " ").concat(time));
+      onChange: async value => {
+        if (!value) {
+          if (!bind.value) {
+            return;
+          }
+          return bind.onChange("");
+        }
+        return bind.onChange(`${value} ${getHHmmss(time)}`);
       }
-    }),
-    field: _objectSpread(_objectSpread({}, field), {}, {
-      label: "".concat(field.label, " date")
-    }),
+    },
+    field: {
+      ...field,
+      label: `${field.label} date`
+    },
     type: "date"
-  })), /*#__PURE__*/React.createElement(Cell, {
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: cellSize
   }, /*#__PURE__*/React.createElement(Input, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
-      value: time,
-      onChange: function onChange(value) {
-        setState(function (prev) {
-          return _objectSpread(_objectSpread({}, prev), {}, {
-            time: value
-          });
-        });
-        return bind.onChange("".concat(date, " ").concat(value));
+    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: _objectSpread(_objectSpread({}, field), {}, {
-      label: "".concat(field.label, " time")
-    }),
+    },
+    field: {
+      ...field,
+      label: `${field.label} time`
+    },
     type: "time",
-    step: 5
+    step: 60
   })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
     trailingIcon: trailingIcon
   }));
 };
 
-export default DateTimeWithoutTimezone;
+//# sourceMappingURL=DateTimeWithoutTimezone.js.map

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

@@ -0,0 +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","label","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\";\nimport { Input } from \"./Input\";\nimport type { CmsModelField } from \"~/types\";\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={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\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={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\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":[]}

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

@@ -1,16 +1,15 @@
 import * as React from "react";
-import { CmsEditorField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
-declare type TrailingIconType = {
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+export interface TrailingIcon {
     icon: React.ReactNode;
     onClick: any;
-};
-declare type Props = {
+}
+export interface InputProps {
     step?: number;
     type?: string;
     bind: BindComponentRenderProp;
-    field: CmsEditorField;
-    trailingIcon?: TrailingIconType;
-};
-declare const Input: ({ bind, ...props }: Props) => JSX.Element;
-export default Input;
+    field: CmsModelField;
+    trailingIcon?: TrailingIcon;
+}
+export declare const Input: ({ bind, trailingIcon, ...props }: InputProps) => React.JSX.Element;

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

@@ -1,26 +1,35 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["bind"];
 import * as React from "react";
-import { Input as UiInput } from "@webiny/ui/Input";
-
-var Input = function Input(_ref) {
-  var bind = _ref.bind,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+import { Input as UiInput, Icon } from "@webiny/admin-ui";
+export const Input = ({
+  bind,
+  trailingIcon,
+  ...props
+}) => {
+  const endIcon = React.useMemo(() => {
+    if (!trailingIcon) {
+      return undefined;
+    }
+    return /*#__PURE__*/React.createElement(Icon, {
+      label: "Icon",
+      icon: trailingIcon?.icon,
+      onClick: trailingIcon?.onClick,
+      className: "wby-cursor-pointer"
+    });
+  }, [trailingIcon]);
   return /*#__PURE__*/React.createElement(UiInput, Object.assign({}, props, bind, {
-    onChange: function onChange(value) {
+    onChange: value => {
       if (props.type === "number") {
         value = parseFloat(value);
       }
-
       return bind.onChange(value);
     },
     label: props.field.label,
     placeholder: props.field.placeholderText,
-    description: props.field.helpText,
+    description: props.field.multipleValues ? undefined : props.field.helpText,
     type: props.type,
-    trailingIcon: props.trailingIcon
+    endIcon: endIcon,
+    "data-testid": `fr.input.${props.field.label}`
   }));
 };
 
-export default Input;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Input","UiInput","Icon","bind","trailingIcon","props","endIcon","useMemo","undefined","createElement","label","icon","onClick","className","Object","assign","onChange","value","type","parseFloat","field","placeholder","placeholderText","description","multipleValues","helpText"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput, Icon } from \"@webiny/admin-ui\";\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 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={\"wby-cursor-pointer\"}\n            />\n        );\n    }, [trailingIcon]);\n\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={props.field.label}\n            placeholder={props.field.placeholderText}\n            description={props.field.multipleValues ? undefined : props.field.helpText}\n            type={props.type}\n            endIcon={endIcon}\n            data-testid={`fr.input.${props.field.label}`}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,KAAK,IAAIC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAezD,OAAO,MAAMF,KAAK,GAAGA,CAAC;EAAEG,IAAI;EAAEC,YAAY;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAMC,OAAO,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAM;IAChC,IAAI,CAACH,YAAY,EAAE;MACf,OAAOI,SAAS;IACpB;IAEA,oBACIT,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDQ,KAAK,EAAE,MAAO;MACdC,IAAI,EAAEP,YAAY,EAAEO,IAAK;MACzBC,OAAO,EAAER,YAAY,EAAEQ,OAAQ;MAC/BC,SAAS,EAAE;IAAqB,CACnC,CAAC;EAEV,CAAC,EAAE,CAACT,YAAY,CAAC,CAAC;EAElB,oBACIL,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAa,MAAA,CAAAC,MAAA,KACAV,KAAK,EACLF,IAAI;IACRa,QAAQ,EAAEC,KAAK,IAAI;MACf,IAAIZ,KAAK,CAACa,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOd,IAAI,CAACa,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFP,KAAK,EAAEL,KAAK,CAACe,KAAK,CAACV,KAAM;IACzBW,WAAW,EAAEhB,KAAK,CAACe,KAAK,CAACE,eAAgB;IACzCC,WAAW,EAAElB,KAAK,CAACe,KAAK,CAACI,cAAc,GAAGhB,SAAS,GAAGH,KAAK,CAACe,KAAK,CAACK,QAAS;IAC3EP,IAAI,EAAEb,KAAK,CAACa,IAAK;IACjBZ,OAAO,EAAEA,OAAQ;IACjB,eAAa,YAAYD,KAAK,CAACe,KAAK,CAACV,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,3 +1,10 @@
-/// <reference types="react" />
-declare const Select: (props: any) => JSX.Element;
-export default Select;
+import * as React from "react";
+import type { SelectProps as UiSelectProps } from "@webiny/admin-ui";
+export interface Option {
+    value: string;
+    label: string;
+}
+export interface SelectProps extends UiSelectProps {
+    options: Option[];
+}
+export declare const Select: (props: SelectProps) => React.JSX.Element;

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

@@ -1,13 +1,13 @@
 import * as React from "react";
-import { Select as UiSelect } from "@webiny/ui/Select";
-
-var Select = function Select(props) {
-  return /*#__PURE__*/React.createElement(UiSelect, props, props.options.map(function (t) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: t.value,
-      value: t.value
-    }, t.label);
+import { Select as UiSelect } from "@webiny/admin-ui";
+export const Select = props => {
+  return /*#__PURE__*/React.createElement(UiSelect, Object.assign({}, props, {
+    options: props.options.map(option => ({
+      value: option.value,
+      label: option.label,
+      "data-testid": `fr.input.${option.label}`
+    }))
   }));
 };
 
-export default Select;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Select","UiSelect","props","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\";\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    return (\n        <UiSelect\n            {...props}\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;AAUrD,OAAO,MAAMD,MAAM,GAAIE,KAAkB,IAAK;EAC1C,oBACIH,KAAA,CAAAI,aAAA,CAACF,QAAQ,EAAAG,MAAA,CAAAC,MAAA,KACDH,KAAK;IACTI,OAAO,EAAEJ,KAAK,CAACI,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":[]}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Time: (props: any) => JSX.Element;
-export default Time;
+import React from "react";
+import type { InputProps } from "./Input";
+export declare const Time: (props: InputProps) => React.JSX.Element;

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

@@ -1,13 +1,38 @@
-import React from "react";
-import Input from "./Input";
-
-var Time = function Time(props) {
-  // "09:00:00"
+import React, { useEffect } from "react";
+import { Input } from "./Input";
+import { getCurrentLocalTime, getDefaultFieldValue } from "./utils";
+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: 5,
-    trailingIcon: props.trailingIcon
+    step: 60
   }));
 };
 
-export default Time;
+//# sourceMappingURL=Time.js.map

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

@@ -0,0 +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\";\nimport { Input } from \"./Input\";\nimport {\n    getCurrentLocalTime,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\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":[]}

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

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

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

@@ -1,59 +1,50 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
 import React from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
-import DateTimeWithoutTimezone from "./DateTimeWithoutTimezone";
-import DateTimeWithTimezone from "./DateTimeWithTimezone";
-import Time from "./Time";
-import Input from "./Input";
-var t = i18n.ns("app-headless-cms/admin/fields/date-time");
-var plugin = {
+import { DateOnly } from "./DateOnly";
+import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone";
+import { DateTimeWithTimezone } from "./DateTimeWithTimezone";
+import { Time } from "./Time";
+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(_templateObject || (_templateObject = _taggedTemplateLiteral(["Date/Time Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders input for various formats of date and time."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
+    name: t`Date/Time Input`,
+    description: t`Renders input for various formats of date and time.`,
+    canUse({
+      field
+    }) {
       return field.type === "datetime" && !field.multipleValues && !get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-          getBind = _ref2.getBind;
-      var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        if (field.settings.type === "dateTimeWithoutTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
-            field: field,
-            bind: bind
-          });
-        }
-
-        if (field.settings.type === "dateTimeWithTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
-            field: field,
-            bind: bind
-          });
-        }
-
-        if (field.settings.type === "time") {
-          return /*#__PURE__*/React.createElement(Time, {
-            field: field,
-            bind: bind
-          });
-        }
-
-        return /*#__PURE__*/React.createElement(Input, {
+    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(Component, {
           bind: bind,
-          field: field,
-          type: field.settings.type
-        });
+          field: field
+        }));
       });
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=dateTimeField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","get","i18n","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","fieldSettingsType","settings","Component","createElement","bind","ValidationContainer"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DateOnly } from \"./DateOnly\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { Time } from \"./Time\";\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\" &&\n                !field.multipleValues &&\n                !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                                <Component bind={bind} field={field} />\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,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,QAAQ;AACjB,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AAEb,MAAMC,CAAC,GAAGL,IAAI,CAACM,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,IACzB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAChB,GAAG,CAACe,KAAK,EAAE,0BAA0B,CAAC;IAE/C,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,GAAGpB,QAAQ;MACxB,QAAQkB,iBAAiB;QACrB,KAAK,yBAAyB;UAC1BE,SAAS,GAAGnB,uBAAuB;UACnC;QACJ,KAAK,sBAAsB;UACvBmB,SAAS,GAAGlB,oBAAoB;UAChC;QACJ,KAAK,MAAM;UACPkB,SAAS,GAAGjB,IAAI;UAChB;MACR;MAEA,oBACIN,KAAA,CAAAwB,aAAA,CAACJ,IAAI,QACAK,IAAI,IAAI;QACL,oBACIzB,KAAA,CAAAwB,aAAA,CAACJ,IAAI,CAACM,mBAAmB,qBACrB1B,KAAA,CAAAwB,aAAA,CAACD,SAAS;UAACE,IAAI,EAAEA,IAAK;UAACT,KAAK,EAAEA;QAAM,CAAE,CAChB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}

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

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