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

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

@@ -1,18 +1,8 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateTimeWithoutTimezone = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Grid = require("@webiny/ui/Grid");
-var _utils = require("./utils");
-var _Input = require("./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.js";
+import { Input } from "./Input.js";
+const parseDateTime = value => {
   if (!value) {
     return {
       date: "",
@@ -20,91 +10,78 @@ var parseDateTime = function parseDateTime(value) {
     };
   }
   if (value.includes("T")) {
-    var _value$split$0$split = value.split(".")[0].split("T"),
-      _value$split$0$split2 = (0, _slicedToArray2.default)(_value$split$0$split, 2),
-      _date = _value$split$0$split2[0],
-      _time = _value$split$0$split2[1];
+    const [date, time] = value.split(".")[0].split("T");
     return {
-      date: _date,
-      time: _time
+      date,
+      time
     };
   }
-  var _value$split = value.split(" "),
-    _value$split2 = (0, _slicedToArray2.default)(_value$split, 2),
-    date = _value$split2[0],
-    time = _value$split2[1];
+  const [date, time] = value.split(" ");
   if (!date || !time) {
-    console.error("Could not extract date and time from \"".concat(value, "\"."));
+    console.error(`Could not extract date and time from "${value}".`);
     return {
       date: "",
       time: ""
     };
   }
   return {
-    date: date,
-    time: time
+    date,
+    time
   };
 };
-var DateTimeWithoutTimezone = exports.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 initialValue = (0, _utils.getDefaultFieldValue)(field, bind, function () {
-    var date = new Date();
-    return "".concat((0, _utils.getCurrentDate)(date), " ").concat((0, _utils.getCurrentLocalTime)(date));
+  const value = bind.value || getDefaultFieldValue(field, bind, () => {
+    const date = new Date();
+    return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;
   });
-  var _parseDateTime = parseDateTime(initialValue),
-    date = _parseDateTime.date,
-    time = _parseDateTime.time;
-  var bindValue = bind.value || "";
-  (0, _react.useEffect)(function () {
-    if (!date || !time || bindValue === initialValue) {
-      return;
-    }
-    bind.onChange(initialValue);
-  }, [bindValue]);
-  var cellSize = trailingIcon ? 5 : 6;
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  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.default.createElement(_Input.Input, {
-    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
+  }, /*#__PURE__*/React.createElement(Input, {
+    bind: {
+      ...bind,
       value: date,
-      onChange: async function onChange(value) {
+      onChange: async value => {
         if (!value) {
           if (!bind.value) {
             return;
           }
           return bind.onChange("");
         }
-        return bind.onChange("".concat(value, " ").concat(time || (0, _utils.getCurrentLocalTime)()));
+        return bind.onChange(`${value} ${getHHmmss(time)}`);
       }
-    }),
-    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
-      label: "".concat(field.label, " date")
-    }),
+    },
+    field: field,
     type: "date"
-  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: cellSize
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
-      value: time,
-      onChange: async function onChange(value) {
+  }, /*#__PURE__*/React.createElement(Input, {
+    bind: {
+      ...bind,
+      value: getHHmm(time),
+      onChange: async value => {
         if (!value) {
           if (!bind.value) {
             return;
           }
           return bind.onChange("");
         }
-        return bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), " ").concat(value));
+        return bind.onChange(`${date || getCurrentDate()} ${getHHmmss(value)}`);
       }
-    }),
-    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
-      label: "".concat(field.label, " time")
-    }),
+    },
+    field: field,
     type: "time",
     step: 60
-  })), /*#__PURE__*/_react.default.createElement(_utils.RemoveFieldButton, {
+  })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
     trailingIcon: trailingIcon
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_utils","_Input","parseDateTime","value","date","time","includes","_value$split$0$split","split","_value$split$0$split2","_slicedToArray2","default","_value$split","_value$split2","console","error","concat","DateTimeWithoutTimezone","exports","_ref","field","bind","trailingIcon","initialValue","getDefaultFieldValue","Date","getCurrentDate","getCurrentLocalTime","_parseDateTime","bindValue","useEffect","onChange","cellSize","createElement","Grid","Cell","span","Input","_objectSpread2","label","type","step","RemoveFieldButton"],"sources":["DateTimeWithoutTimezone.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport {\n    getCurrentDate,\n    getCurrentLocalTime,\n    getDefaultFieldValue,\n    RemoveFieldButton\n} from \"./utils\";\nimport { Input } from \"./Input\";\nimport { CmsModelField } from \"~/types\";\nimport { 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 initialValue = getDefaultFieldValue(field, bind, () => {\n        const date = new Date();\n        return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;\n    });\n\n    const { date, time } = parseDateTime(initialValue);\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || !time || bindValue === initialValue) {\n            return;\n        }\n        bind.onChange(initialValue);\n    }, [bindValue]);\n\n    const cellSize = trailingIcon ? 5 : 6;\n\n    return (\n        <Grid>\n            <Cell 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} ${time || getCurrentLocalTime()}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Cell>\n            <Cell span={cellSize}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: time,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${date || getCurrentDate()} ${value}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { CmsModelField } from "../../../../types.js";
+import type { BindComponentRenderProp } from "@webiny/form";
 export interface TrailingIcon {
     icon: React.ReactNode;
     onClick: any;
@@ -12,4 +12,4 @@ export interface InputProps {
     field: CmsModelField;
     trailingIcon?: TrailingIcon;
 }
-export declare const Input: ({ bind, ...props }: InputProps) => React.JSX.Element;
+export declare const Input: ({ bind, trailingIcon, ...props }: InputProps) => React.JSX.Element;

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

@@ -1,31 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
-var _Input = require("@webiny/ui/Input");
-var _excluded = ["bind"];
-var Input = exports.Input = function Input(_ref) {
-  var bind = _ref.bind,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_Input.Input, Object.assign({}, props, bind, {
-    onChange: function onChange(value) {
+import * as React from "react";
+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: "cursor-pointer"
+    });
+  }, [trailingIcon]);
+  return /*#__PURE__*/React.createElement(UiInput, Object.assign({}, props, bind, {
+    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,
+    label: null,
+    note: null,
+    description: null,
+    placeholder: props.field.placeholder,
     type: props.type,
-    trailingIcon: props.trailingIcon,
-    "data-testid": "fr.input.".concat(props.field.label)
+    endIcon: endIcon,
+    "data-testid": `fr.input.${props.field.label}`
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_Input","_excluded","Input","exports","_ref","bind","props","_objectWithoutProperties2","default","createElement","Object","assign","onChange","value","type","parseFloat","label","field","placeholder","placeholderText","description","helpText","trailingIcon","concat"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput } from \"@webiny/ui/Input\";\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, ...props }: InputProps) => {\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.helpText}\n            type={props.type}\n            trailingIcon={props.trailingIcon}\n            data-testid={`fr.input.${props.field.label}`}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAoD,IAAAE,SAAA;AAe7C,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAAuC;EAAA,IAAjCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EAClC,oBACIJ,KAAA,CAAAY,aAAA,CAACT,MAAA,CAAAE,KAAO,EAAAQ,MAAA,CAAAC,MAAA,KACAL,KAAK,EACLD,IAAI;IACRO,QAAQ,EAAE,SAAAA,SAAAC,KAAK,EAAI;MACf,IAAIP,KAAK,CAACQ,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOR,IAAI,CAACO,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFG,KAAK,EAAEV,KAAK,CAACW,KAAK,CAACD,KAAM;IACzBE,WAAW,EAAEZ,KAAK,CAACW,KAAK,CAACE,eAAgB;IACzCC,WAAW,EAAEd,KAAK,CAACW,KAAK,CAACI,QAAS;IAClCP,IAAI,EAAER,KAAK,CAACQ,IAAK;IACjBQ,YAAY,EAAEhB,KAAK,CAACgB,YAAa;IACjC,2BAAAC,MAAA,CAAyBjB,KAAK,CAACW,KAAK,CAACD,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Input","UiInput","Icon","bind","trailingIcon","props","endIcon","useMemo","undefined","createElement","label","icon","onClick","className","Object","assign","onChange","value","type","parseFloat","note","description","placeholder","field"],"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\";\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={\"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={null}\n            note={null}\n            description={null}\n            placeholder={props.field.placeholder}\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;IAAiB,CAC/B,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,EAAE,IAAK;IACZU,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,IAAK;IAClBC,WAAW,EAAEjB,KAAK,CAACkB,KAAK,CAACD,WAAY;IACrCJ,IAAI,EAAEb,KAAK,CAACa,IAAK;IACjBZ,OAAO,EAAEA,OAAQ;IACjB,eAAa,YAAYD,KAAK,CAACkB,KAAK,CAACb,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

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

@@ -1,19 +1,12 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Select = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Select = require("@webiny/ui/Select");
-var Select = exports.Select = function Select(props) {
-  return /*#__PURE__*/React.createElement(_Select.Select, props, props.options.map(function (t) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: t.value,
-      value: t.value,
-      "data-testid": "fr.input.".concat(t.label)
-    }, t.label);
+import * as React from "react";
+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}`
+    }))
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_Select","Select","exports","props","createElement","options","map","t","key","value","concat","label"],"sources":["Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as UiSelect, SelectProps as BaseSelectProps } from \"@webiny/ui/Select\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n    options: Option[];\n}\nexport const Select = (props: SelectProps) => {\n    return (\n        <UiSelect {...props}>\n            {props.options.map(t => {\n                return (\n                    <option key={t.value} value={t.value} data-testid={`fr.input.${t.label}`}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAUO,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,KAAkB,EAAK;EAC1C,oBACIN,KAAA,CAAAO,aAAA,CAACJ,OAAA,CAAAC,MAAQ,EAAKE,KAAK,EACdA,KAAK,CAACE,OAAO,CAACC,GAAG,CAAC,UAAAC,CAAC,EAAI;IACpB,oBACIV,KAAA,CAAAO,aAAA;MAAQI,GAAG,EAAED,CAAC,CAACE,KAAM;MAACA,KAAK,EAAEF,CAAC,CAACE,KAAM;MAAC,2BAAAC,MAAA,CAAyBH,CAAC,CAACI,KAAK;IAAG,GACpEJ,CAAC,CAACI,KACC,CAAC;EAEjB,CAAC,CACK,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"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 @@
 import React from "react";
-import { InputProps } from "./Input";
+import type { InputProps } from "./Input.js";
 export declare const Time: (props: InputProps) => React.JSX.Element;

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

@@ -1,32 +1,26 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Time = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _Input = require("./Input");
-var _utils = require("./utils");
-var Time = exports.Time = function Time(props) {
-  var field = props.field,
-    bind = props.bind;
-  var time = (0, _utils.getDefaultFieldValue)(field, bind, function () {
-    return (0, _utils.getCurrentLocalTime)(new Date());
+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());
   });
-  var bindValue = bind.value || "";
-  (0, _react.useEffect)(function () {
+  const bindValue = bind.value || "";
+  useEffect(() => {
     if (!time || bindValue === time) {
       return;
     }
     bind.onChange(time);
   }, [bindValue]);
-  return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, props, {
-    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
+  return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
+    bind: {
+      ...bind,
       value: time,
-      onChange: async function onChange(value) {
+      onChange: async value => {
         if (!value) {
           if (bind.value) {
             return;
@@ -35,7 +29,7 @@ var Time = exports.Time = function Time(props) {
         }
         return bind.onChange(value);
       }
-    }),
+    },
     type: "time",
     step: 60
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_utils","Time","exports","props","field","bind","time","getDefaultFieldValue","getCurrentLocalTime","Date","bindValue","value","useEffect","onChange","default","createElement","Input","Object","assign","_objectSpread2","type","step"],"sources":["Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, InputProps } 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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKO,IAAMG,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,KAAiB,EAAK;EACvC,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EACnB,IAAMC,IAAI,GAAG,IAAAC,2BAAoB,EAACH,KAAK,EAAEC,IAAI,EAAE,YAAM;IACjD,OAAO,IAAAG,0BAAmB,EAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,IAAMC,SAAS,GAAGL,IAAI,CAACM,KAAK,IAAI,EAAE;EAElC,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACN,IAAI,IAAII,SAAS,KAAKJ,IAAI,EAAE;MAC7B;IACJ;IACAD,IAAI,CAACQ,QAAQ,CAACP,IAAI,CAAC;EACvB,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEf,oBACId,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAAiB,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACEf,KAAK;IACTE,IAAI,MAAAc,cAAA,CAAAL,OAAA,MAAAK,cAAA,CAAAL,OAAA,MACGT,IAAI;MACPM,KAAK,EAAEL,IAAI;MACXO,QAAQ,EAAE,eAAAA,SAAOF,KAAa,EAAoB;QAC9C,IAAI,CAACA,KAAK,EAAE;UACR,IAAIN,IAAI,CAACM,KAAK,EAAE;YACZ;UACJ;UACA,OAAON,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOR,IAAI,CAACQ,QAAQ,CAACF,KAAK,CAAC;MAC/B;IAAC,EACH;IACFS,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,EACZ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"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":[]}

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

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

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

@@ -1,61 +1,58 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _i18n = require("@webiny/app/i18n");
-var _DateOnly = require("./DateOnly");
-var _DateTimeWithoutTimezone = require("./DateTimeWithoutTimezone");
-var _DateTimeWithTimezone = require("./DateTimeWithTimezone");
-var _Time = require("./Time");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/date-time");
-var plugin = {
+import React from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { DateOnly } from "./DateOnly.js";
+import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone.js";
+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(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Date/Time Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders input for various formats of date and time."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "datetime" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    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: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      var fieldSettingsType = field.settings ? field.settings.type : null;
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        if (fieldSettingsType === "dateTimeWithoutTimezone") {
-          return /*#__PURE__*/_react.default.createElement(_DateTimeWithoutTimezone.DateTimeWithoutTimezone, {
-            field: field,
-            bind: bind
-          });
-        } else if (fieldSettingsType === "dateTimeWithTimezone") {
-          return /*#__PURE__*/_react.default.createElement(_DateTimeWithTimezone.DateTimeWithTimezone, {
-            field: field,
-            bind: bind
-          });
-        } else if (fieldSettingsType === "time") {
-          return /*#__PURE__*/_react.default.createElement(_Time.Time, {
-            field: field,
-            bind: bind
-          });
-        }
-        return /*#__PURE__*/_react.default.createElement(_DateOnly.DateOnly, {
+    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
+        }));
       });
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=dateTimeField.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_DateOnly","_DateTimeWithoutTimezone","_DateTimeWithTimezone","_Time","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","fieldSettingsType","settings","createElement","bind","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","DateOnly","_default","exports"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { 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            return (\n                <Bind>\n                    {bind => {\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return <DateTimeWithoutTimezone field={field} bind={bind} />;\n                        } else if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return <DateTimeWithTimezone field={field} bind={bind} />;\n                        } else if (fieldSettingsType === \"time\") {\n                            return <Time field={field} bind={bind} />;\n                        }\n                        return <DateOnly bind={bind} field={field} />;\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAA8B,IAAAO,eAAA,EAAAC,gBAAA;AAE9B,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,wBAAiB;IACxBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,4DAAqD;IACnEE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,UAAU,IACzB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,IAAME,iBAAiB,GAAGP,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACQ,QAAQ,CAACjB,IAAI,GAAG,IAAI;MAErE,oBACIf,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAACH,IAAI,QACA,UAAAI,IAAI,EAAI;QACL,IAAIH,iBAAiB,KAAK,yBAAyB,EAAE;UACjD,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC3B,wBAAA,CAAA6B,uBAAuB;YAACX,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAChE,CAAC,MAAM,IAAIH,iBAAiB,KAAK,sBAAsB,EAAE;UACrD,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC1B,qBAAA,CAAA6B,oBAAoB;YAACZ,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAC7D,CAAC,MAAM,IAAIH,iBAAiB,KAAK,MAAM,EAAE;UACrC,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAACzB,KAAA,CAAA6B,IAAI;YAACb,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAC7C;QACA,oBAAOlC,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC5B,SAAA,CAAAiC,QAAQ;UAACJ,IAAI,EAAEA,IAAK;UAACV,KAAK,EAAEA;QAAM,CAAE,CAAC;MACjD,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"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":[]}

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

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