@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

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

@@ -1,12 +1,31 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect } from "react";
-import { Input } from "./Input";
-import { Select } from "./Select";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { UTC_TIMEZONES, RemoveFieldButton, getDefaultFieldValue, DEFAULT_TIMEZONE, getCurrentDate, getCurrentLocalTime, getCurrentTimeZone } from "./utils";
+"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.DateTimeWithTimezone = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Input = require("./Input");
+
+var _Select = require("./Select");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _utils = require("./utils");
 
 var parseDateTime = function parseDateTime(value) {
   if (!value || typeof value !== "string") {
@@ -17,7 +36,7 @@ var parseDateTime = function parseDateTime(value) {
   }
 
   var _value$split = value.split("T"),
-      _value$split2 = _slicedToArray(_value$split, 2),
+      _value$split2 = (0, _slicedToArray2.default)(_value$split, 2),
       formattedDate = _value$split2[0],
       rest = _value$split2[1];
 
@@ -42,7 +61,7 @@ var parseTime = function parseTime(value) {
   var sign = value.includes("+") ? "+" : "-";
 
   var _value$split3 = value.split(sign),
-      _value$split4 = _slicedToArray(_value$split3, 2),
+      _value$split4 = (0, _slicedToArray2.default)(_value$split3, 2),
       fullTime = _value$split4[0],
       zone = _value$split4[1];
 
@@ -52,15 +71,17 @@ var parseTime = function parseTime(value) {
   };
 };
 
-export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
+var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
   var bind = _ref.bind,
       trailingIcon = _ref.trailingIcon,
       field = _ref.field;
-  var defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE; // "2020-05-18T09:00+10:00"
 
-  var initialValue = getDefaultFieldValue(field, bind, function () {
+  var defaultTimeZone = (0, _utils.getCurrentTimeZone)() || _utils.DEFAULT_TIMEZONE; // "2020-05-18T09:00+10:00"
+
+
+  var initialValue = (0, _utils.getDefaultFieldValue)(field, bind, function () {
     var date = new Date();
-    return "".concat(getCurrentDate(date), "T").concat(getCurrentLocalTime(date)).concat(defaultTimeZone);
+    return "".concat((0, _utils.getCurrentDate)(date), "T").concat((0, _utils.getCurrentLocalTime)(date)).concat(defaultTimeZone);
   });
 
   var _parseDateTime = parseDateTime(initialValue),
@@ -73,7 +94,7 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
       timezone = _parseTime$timezone === void 0 ? defaultTimeZone : _parseTime$timezone;
 
   var bindValue = bind.value || "";
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (!date || !time || !timezone || bindValue === initialValue) {
       return;
     }
@@ -81,14 +102,14 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
     bind.onChange(initialValue);
   }, [bindValue]);
   var cellSize = trailingIcon ? 3 : 4;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 4
-  }, /*#__PURE__*/React.createElement(Input, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
       value: date,
       onChange: function () {
-        var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
@@ -108,7 +129,7 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
                   return _context.abrupt("return", bind.onChange(""));
 
                 case 4:
-                  return _context.abrupt("return", bind.onChange("".concat(value, "T").concat(time || getCurrentLocalTime()).concat(timezone || defaultTimeZone)));
+                  return _context.abrupt("return", bind.onChange("".concat(value, "T").concat(time || (0, _utils.getCurrentLocalTime)()).concat(timezone || defaultTimeZone)));
 
                 case 5:
                 case "end":
@@ -125,18 +146,18 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
         return onChange;
       }()
     }),
-    field: _objectSpread(_objectSpread({}, field), {}, {
+    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
       label: "".concat(field.label, " date")
     }),
     type: "date"
-  })), /*#__PURE__*/React.createElement(Cell, {
+  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 4
-  }, /*#__PURE__*/React.createElement(Input, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
       value: time,
       onChange: function () {
-        var _onChange2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        var _onChange2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(value) {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
             while (1) {
               switch (_context2.prev = _context2.next) {
                 case 0:
@@ -156,7 +177,7 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
                   return _context2.abrupt("return", bind.onChange(""));
 
                 case 4:
-                  return _context2.abrupt("return", bind.onChange("".concat(date || getCurrentDate(), "T").concat(value).concat(timezone || defaultTimeZone)));
+                  return _context2.abrupt("return", bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), "T").concat(value).concat(timezone || defaultTimeZone)));
 
                 case 5:
                 case "end":
@@ -173,14 +194,14 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
         return onChange;
       }()
     }),
-    field: _objectSpread(_objectSpread({}, field), {}, {
+    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
       label: "".concat(field.label, " time")
     }),
     type: "time",
     step: 5
-  })), /*#__PURE__*/React.createElement(Cell, {
+  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: cellSize
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
     label: "Timezone",
     value: timezone || defaultTimeZone,
     onChange: function onChange(value) {
@@ -192,15 +213,17 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
         return bind.onChange("");
       }
 
-      return bind.onChange("".concat(date || getCurrentDate(), "T").concat(time || getCurrentLocalTime()).concat(value));
+      return bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), "T").concat(time || (0, _utils.getCurrentLocalTime)()).concat(value));
     },
-    options: UTC_TIMEZONES.map(function (t) {
+    options: _utils.UTC_TIMEZONES.map(function (t) {
       return {
         value: t.value,
         label: t.label
       };
     })
-  })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
+  })), /*#__PURE__*/_react.default.createElement(_utils.RemoveFieldButton, {
     trailingIcon: trailingIcon
   }));
-};
+};
+
+exports.DateTimeWithTimezone = DateTimeWithTimezone;

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

@@ -1 +1 @@
-{"version":3,"sources":["DateTimeWithTimezone.tsx"],"names":["React","useEffect","Input","Select","Grid","Cell","UTC_TIMEZONES","RemoveFieldButton","getDefaultFieldValue","DEFAULT_TIMEZONE","getCurrentDate","getCurrentLocalTime","getCurrentTimeZone","parseDateTime","value","date","rest","split","formattedDate","Error","parseTime","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","defaultTimeZone","initialValue","Date","bindValue","onChange","cellSize","label","map","t"],"mappings":"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","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport {\n    UTC_TIMEZONES,\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone\n} from \"./utils\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\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): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: \"\"\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    // TODO @ts-refactor figure out correct trailing icon type\n    // @ts-ignore\n    trailingIcon?: any;\n    field: CmsEditorField;\n}\nexport const DateTimeWithTimezone: React.FC<DateTimeWithTimezoneProps> = ({\n    bind,\n    trailingIcon,\n    field\n}) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const initialValue = getDefaultFieldValue(field, bind, () => {\n        const date = new Date();\n        return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n    });\n    const { date, rest } = parseDateTime(initialValue);\n    const { time, timezone = defaultTimeZone } = parseTime(rest);\n\n    const bindValue = bind.value || \"\";\n    useEffect(() => {\n        if (!date || !time || !timezone || bindValue === initialValue) {\n            return;\n        }\n        bind.onChange(initialValue);\n    }, [bindValue]);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Cell 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                            return bind.onChange(\n                                `${value}T${time || getCurrentLocalTime()}${\n                                    timezone || defaultTimeZone\n                                }`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Cell>\n            <Cell span={4}>\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(\n                                `${date || getCurrentDate()}T${value}${timezone || defaultTimeZone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={5}\n                />\n            </Cell>\n            <Cell span={cellSize}>\n                <Select\n                    label=\"Timezone\"\n                    value={timezone || defaultTimeZone}\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            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"]}
+{"version":3,"names":["parseDateTime","value","date","rest","split","formattedDate","Error","parseTime","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","defaultTimeZone","getCurrentTimeZone","DEFAULT_TIMEZONE","initialValue","getDefaultFieldValue","Date","getCurrentDate","getCurrentLocalTime","bindValue","useEffect","onChange","cellSize","label","UTC_TIMEZONES","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport {\n    UTC_TIMEZONES,\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone\n} from \"./utils\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\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): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: \"\"\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    // TODO @ts-refactor figure out correct trailing icon type\n    // @ts-ignore\n    trailingIcon?: any;\n    field: CmsEditorField;\n}\nexport const DateTimeWithTimezone: React.FC<DateTimeWithTimezoneProps> = ({\n    bind,\n    trailingIcon,\n    field\n}) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const initialValue = getDefaultFieldValue(field, bind, () => {\n        const date = new Date();\n        return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n    });\n    const { date, rest } = parseDateTime(initialValue);\n    const { time, timezone = defaultTimeZone } = parseTime(rest);\n\n    const bindValue = bind.value || \"\";\n    useEffect(() => {\n        if (!date || !time || !timezone || bindValue === initialValue) {\n            return;\n        }\n        bind.onChange(initialValue);\n    }, [bindValue]);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Cell 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                            return bind.onChange(\n                                `${value}T${time || getCurrentLocalTime()}${\n                                    timezone || defaultTimeZone\n                                }`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Cell>\n            <Cell span={4}>\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(\n                                `${date || getCurrentDate()}T${value}${timezone || defaultTimeZone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={5}\n                />\n            </Cell>\n            <Cell span={cellSize}>\n                <Select\n                    label=\"Timezone\"\n                    value={timezone || defaultTimeZone}\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            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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"}

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

@@ -1,11 +1,29 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect } from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { getCurrentDate, getCurrentLocalTime, getDefaultFieldValue, RemoveFieldButton } from "./utils";
-import { Input } from "./Input";
+"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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+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) {
   if (!value) {
@@ -17,7 +35,7 @@ var parseDateTime = function parseDateTime(value) {
 
   if (value.includes("T")) {
     var _value$split$0$split = value.split(".")[0].split("T"),
-        _value$split$0$split2 = _slicedToArray(_value$split$0$split, 2),
+        _value$split$0$split2 = (0, _slicedToArray2.default)(_value$split$0$split, 2),
         _date = _value$split$0$split2[0],
         _time = _value$split$0$split2[1];
 
@@ -28,7 +46,7 @@ var parseDateTime = function parseDateTime(value) {
   }
 
   var _value$split = value.split(" "),
-      _value$split2 = _slicedToArray(_value$split, 2),
+      _value$split2 = (0, _slicedToArray2.default)(_value$split, 2),
       date = _value$split2[0],
       time = _value$split2[1];
 
@@ -46,14 +64,14 @@ var parseDateTime = function parseDateTime(value) {
   };
 };
 
-export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
+var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
   var field = _ref.field,
       bind = _ref.bind,
       trailingIcon = _ref.trailingIcon;
   // "2020-05-18 09:00:00"
-  var initialValue = getDefaultFieldValue(field, bind, function () {
+  var initialValue = (0, _utils.getDefaultFieldValue)(field, bind, function () {
     var date = new Date();
-    return "".concat(getCurrentDate(date), " ").concat(getCurrentLocalTime(date));
+    return "".concat((0, _utils.getCurrentDate)(date), " ").concat((0, _utils.getCurrentLocalTime)(date));
   });
 
   var _parseDateTime = parseDateTime(initialValue),
@@ -61,7 +79,7 @@ export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
       time = _parseDateTime.time;
 
   var bindValue = bind.value || "";
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (!date || !time || bindValue === initialValue) {
       return;
     }
@@ -69,14 +87,14 @@ export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
     bind.onChange(initialValue);
   }, [bindValue]);
   var cellSize = trailingIcon ? 5 : 6;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 6
-  }, /*#__PURE__*/React.createElement(Input, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
       value: date,
       onChange: function () {
-        var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
@@ -96,7 +114,7 @@ export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
                   return _context.abrupt("return", bind.onChange(""));
 
                 case 4:
-                  return _context.abrupt("return", bind.onChange("".concat(value, " ").concat(time || getCurrentLocalTime())));
+                  return _context.abrupt("return", bind.onChange("".concat(value, " ").concat(time || (0, _utils.getCurrentLocalTime)())));
 
                 case 5:
                 case "end":
@@ -113,18 +131,18 @@ export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
         return onChange;
       }()
     }),
-    field: _objectSpread(_objectSpread({}, field), {}, {
+    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
       label: "".concat(field.label, " date")
     }),
     type: "date"
-  })), /*#__PURE__*/React.createElement(Cell, {
+  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: cellSize
-  }, /*#__PURE__*/React.createElement(Input, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
       value: time,
       onChange: function () {
-        var _onChange2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        var _onChange2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(value) {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
             while (1) {
               switch (_context2.prev = _context2.next) {
                 case 0:
@@ -144,7 +162,7 @@ export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
                   return _context2.abrupt("return", bind.onChange(""));
 
                 case 4:
-                  return _context2.abrupt("return", bind.onChange("".concat(date || getCurrentDate(), " ").concat(value)));
+                  return _context2.abrupt("return", bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), " ").concat(value)));
 
                 case 5:
                 case "end":
@@ -161,12 +179,14 @@ export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
         return onChange;
       }()
     }),
-    field: _objectSpread(_objectSpread({}, field), {}, {
+    field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
       label: "".concat(field.label, " time")
     }),
     type: "time",
     step: 5
-  })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
+  })), /*#__PURE__*/_react.default.createElement(_utils.RemoveFieldButton, {
     trailingIcon: trailingIcon
   }));
-};
+};
+
+exports.DateTimeWithoutTimezone = DateTimeWithoutTimezone;

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

@@ -1 +1 @@
-{"version":3,"sources":["DateTimeWithoutTimezone.tsx"],"names":["React","useEffect","Grid","Cell","getCurrentDate","getCurrentLocalTime","getDefaultFieldValue","RemoveFieldButton","Input","parseDateTime","value","date","time","includes","split","console","error","DateTimeWithoutTimezone","field","bind","trailingIcon","initialValue","Date","bindValue","onChange","cellSize","label"],"mappings":"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","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 { CmsEditorField } 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: CmsEditorField;\n}\nexport const DateTimeWithoutTimezone: React.FC<DateTimeWithoutTimezoneProps> = ({\n    field,\n    bind,\n    trailingIcon\n}) => {\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={5}\n                />\n            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"]}
+{"version":3,"names":["parseDateTime","value","date","time","includes","split","console","error","DateTimeWithoutTimezone","field","bind","trailingIcon","initialValue","getDefaultFieldValue","Date","getCurrentDate","getCurrentLocalTime","bindValue","useEffect","onChange","cellSize","label"],"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 { CmsEditorField } 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: CmsEditorField;\n}\nexport const DateTimeWithoutTimezone: React.FC<DateTimeWithoutTimezoneProps> = ({\n    field,\n    bind,\n    trailingIcon\n}) => {\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={5}\n                />\n            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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"}

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

@@ -1,12 +1,26 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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"];
-import * as React from "react";
-import { Input as UiInput } from "@webiny/ui/Input";
-export var Input = function Input(_ref) {
-  var bind = _ref.bind,
-      props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(UiInput, Object.assign({}, props, bind, {
+var 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) {
       if (props.type === "number") {
         value = parseFloat(value);
@@ -20,4 +34,6 @@ export var Input = function Input(_ref) {
     type: props.type,
     trailingIcon: props.trailingIcon
   }));
-};
+};
+
+exports.Input = Input;

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

@@ -1 +1 @@
-{"version":3,"sources":["Input.tsx"],"names":["React","Input","UiInput","bind","props","value","type","parseFloat","onChange","field","label","placeholderText","helpText","trailingIcon"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAGA,SAASC,KAAK,IAAIC,OAAlB,QAAiC,kBAAjC;AAeA,OAAO,IAAMD,KAA2B,GAAG,SAA9BA,KAA8B,OAAwB;AAAA,MAArBE,IAAqB,QAArBA,IAAqB;AAAA,MAAZC,KAAY;;AAC/D,sBACI,oBAAC,OAAD,oBACQA,KADR,EAEQD,IAFR;AAGI,IAAA,QAAQ,EAAE,kBAAAE,KAAK,EAAI;AACf,UAAID,KAAK,CAACE,IAAN,KAAe,QAAnB,EAA6B;AACzBD,QAAAA,KAAK,GAAGE,UAAU,CAACF,KAAD,CAAlB;AACH;;AACD,aAAOF,IAAI,CAACK,QAAL,CAAcH,KAAd,CAAP;AACH,KARL;AASI,IAAA,KAAK,EAAED,KAAK,CAACK,KAAN,CAAYC,KATvB;AAUI,IAAA,WAAW,EAAEN,KAAK,CAACK,KAAN,CAAYE,eAV7B;AAWI,IAAA,WAAW,EAAEP,KAAK,CAACK,KAAN,CAAYG,QAX7B;AAYI,IAAA,IAAI,EAAER,KAAK,CAACE,IAZhB;AAaI,IAAA,YAAY,EAAEF,KAAK,CAACS;AAbxB,KADJ;AAiBH,CAlBM","sourcesContent":["import * as React from \"react\";\nimport { CmsEditorField } 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: CmsEditorField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input: React.FC<InputProps> = ({ bind, ...props }) => {\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        />\n    );\n};\n"]}
+{"version":3,"names":["Input","bind","props","value","type","parseFloat","onChange","field","label","placeholderText","helpText","trailingIcon"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsEditorField } 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: CmsEditorField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input: React.FC<InputProps> = ({ bind, ...props }) => {\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        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAGA;;;;AAeO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAwB;EAAA,IAArBC,IAAqB,QAArBA,IAAqB;EAAA,IAAZC,KAAY;EAC/D,oBACI,oBAAC,YAAD,oBACQA,KADR,EAEQD,IAFR;IAGI,QAAQ,EAAE,kBAAAE,KAAK,EAAI;MACf,IAAID,KAAK,CAACE,IAAN,KAAe,QAAnB,EAA6B;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAD,CAAlB;MACH;;MACD,OAAOF,IAAI,CAACK,QAAL,CAAcH,KAAd,CAAP;IACH,CARL;IASI,KAAK,EAAED,KAAK,CAACK,KAAN,CAAYC,KATvB;IAUI,WAAW,EAAEN,KAAK,CAACK,KAAN,CAAYE,eAV7B;IAWI,WAAW,EAAEP,KAAK,CAACK,KAAN,CAAYG,QAX7B;IAYI,IAAI,EAAER,KAAK,CAACE,IAZhB;IAaI,YAAY,EAAEF,KAAK,CAACS;EAbxB,GADJ;AAiBH,CAlBM"}

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

@@ -1,10 +1,23 @@
-import * as React from "react";
-import { Select as UiSelect } from "@webiny/ui/Select";
-export var Select = function Select(props) {
-  return /*#__PURE__*/React.createElement(UiSelect, props, props.options.map(function (t) {
+"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 = 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
     }, t.label);
   }));
-};
+};
+
+exports.Select = Select;

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

@@ -1 +1 @@
-{"version":3,"sources":["Select.tsx"],"names":["React","Select","UiSelect","props","options","map","t","value","label"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAM,IAAIC,QAAnB,QAAmE,mBAAnE;AAUA,OAAO,IAAMD,MAA6B,GAAG,SAAhCA,MAAgC,CAAAE,KAAK,EAAI;AAClD,sBACI,oBAAC,QAAD,EAAcA,KAAd,EACKA,KAAK,CAACC,OAAN,CAAcC,GAAd,CAAkB,UAAAC,CAAC,EAAI;AACpB,wBACI;AAAQ,MAAA,GAAG,EAAEA,CAAC,CAACC,KAAf;AAAsB,MAAA,KAAK,EAAED,CAAC,CAACC;AAA/B,OACKD,CAAC,CAACE,KADP,CADJ;AAKH,GANA,CADL,CADJ;AAWH,CAZM","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: React.FC<SelectProps> = props => {\n    return (\n        <UiSelect {...props}>\n            {props.options.map(t => {\n                return (\n                    <option key={t.value} value={t.value}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"]}
+{"version":3,"names":["Select","props","options","map","t","value","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: React.FC<SelectProps> = props => {\n    return (\n        <UiSelect {...props}>\n            {props.options.map(t => {\n                return (\n                    <option key={t.value} value={t.value}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAUO,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,CAAAC,KAAK,EAAI;EAClD,oBACI,oBAAC,cAAD,EAAcA,KAAd,EACKA,KAAK,CAACC,OAAN,CAAcC,GAAd,CAAkB,UAAAC,CAAC,EAAI;IACpB,oBACI;MAAQ,GAAG,EAAEA,CAAC,CAACC,KAAf;MAAsB,KAAK,EAAED,CAAC,CAACC;IAA/B,GACKD,CAAC,CAACE,KADP,CADJ;EAKH,CANA,CADL,CADJ;AAWH,CAZM"}

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

@@ -1,29 +1,46 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect } from "react";
-import { Input } from "./Input";
-import { getCurrentLocalTime, getDefaultFieldValue } from "./utils";
-export var Time = function Time(props) {
+"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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Input = require("./Input");
+
+var _utils = require("./utils");
+
+var Time = function Time(props) {
   var field = props.field,
       bind = props.bind;
-  var time = getDefaultFieldValue(field, bind, function () {
-    return getCurrentLocalTime(new Date());
+  var time = (0, _utils.getDefaultFieldValue)(field, bind, function () {
+    return (0, _utils.getCurrentLocalTime)(new Date());
   });
   var bindValue = bind.value || "";
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (!time || bindValue === time) {
       return;
     }
 
     bind.onChange(time);
   }, [bindValue]);
-  return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
-    bind: _objectSpread(_objectSpread({}, bind), {}, {
+  return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, props, {
+    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
       value: time,
       onChange: function () {
-        var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
@@ -63,4 +80,6 @@ export var Time = function Time(props) {
     type: "time",
     step: 5
   }));
-};
+};
+
+exports.Time = Time;

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

@@ -1 +1 @@
-{"version":3,"sources":["Time.tsx"],"names":["React","useEffect","Input","getCurrentLocalTime","getDefaultFieldValue","Time","props","field","bind","time","Date","bindValue","value","onChange"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,KAAT;AACA,SACIC,mBADJ,EAEIC,oBAFJ;AAKA,OAAO,IAAMC,IAA0B,GAAG,SAA7BA,IAA6B,CAAAC,KAAK,EAAI;AAC/C,MAAQC,KAAR,GAAwBD,KAAxB,CAAQC,KAAR;AAAA,MAAeC,IAAf,GAAwBF,KAAxB,CAAeE,IAAf;AACA,MAAMC,IAAI,GAAGL,oBAAoB,CAACG,KAAD,EAAQC,IAAR,EAAc,YAAM;AACjD,WAAOL,mBAAmB,CAAC,IAAIO,IAAJ,EAAD,CAA1B;AACH,GAFgC,CAAjC;AAIA,MAAMC,SAAS,GAAGH,IAAI,CAACI,KAAL,IAAc,EAAhC;AAEAX,EAAAA,SAAS,CAAC,YAAM;AACZ,QAAI,CAACQ,IAAD,IAASE,SAAS,KAAKF,IAA3B,EAAiC;AAC7B;AACH;;AACDD,IAAAA,IAAI,CAACK,QAAL,CAAcJ,IAAd;AACH,GALQ,EAKN,CAACE,SAAD,CALM,CAAT;AAOA,sBACI,oBAAC,KAAD,oBACQL,KADR;AAEI,IAAA,IAAI,kCACGE,IADH;AAEAI,MAAAA,KAAK,EAAEH,IAFP;AAGAI,MAAAA,QAAQ;AAAA,iFAAE,iBAAOD,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA,sBACDA,KADC;AAAA;AAAA;AAAA;;AAAA,uBAEEJ,IAAI,CAACI,KAFP;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA,mDAKKJ,IAAI,CAACK,QAAL,CAAc,EAAd,CALL;;AAAA;AAAA,mDAOCL,IAAI,CAACK,QAAL,CAAcD,KAAd,CAPD;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAF;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAHR,MAFR;AAeI,IAAA,IAAI,EAAE,MAfV;AAgBI,IAAA,IAAI,EAAE;AAhBV,KADJ;AAoBH,CAnCM","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: React.FC<InputProps> = props => {\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={5}\n        />\n    );\n};\n"]}
+{"version":3,"names":["Time","props","field","bind","time","getDefaultFieldValue","getCurrentLocalTime","Date","bindValue","value","useEffect","onChange"],"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: React.FC<InputProps> = props => {\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={5}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAKO,IAAMA,IAA0B,GAAG,SAA7BA,IAA6B,CAAAC,KAAK,EAAI;EAC/C,IAAQC,KAAR,GAAwBD,KAAxB,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAAwBF,KAAxB,CAAeE,IAAf;EACA,IAAMC,IAAI,GAAG,IAAAC,2BAAA,EAAqBH,KAArB,EAA4BC,IAA5B,EAAkC,YAAM;IACjD,OAAO,IAAAG,0BAAA,EAAoB,IAAIC,IAAJ,EAApB,CAAP;EACH,CAFY,CAAb;EAIA,IAAMC,SAAS,GAAGL,IAAI,CAACM,KAAL,IAAc,EAAhC;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAI,CAACN,IAAD,IAASI,SAAS,KAAKJ,IAA3B,EAAiC;MAC7B;IACH;;IACDD,IAAI,CAACQ,QAAL,CAAcP,IAAd;EACH,CALD,EAKG,CAACI,SAAD,CALH;EAOA,oBACI,6BAAC,YAAD,oBACQP,KADR;IAEI,IAAI,8DACGE,IADH;MAEAM,KAAK,EAAEL,IAFP;MAGAO,QAAQ;QAAA,uGAAE,iBAAOF,KAAP;UAAA;YAAA;cAAA;gBAAA;kBAAA,IACDA,KADC;oBAAA;oBAAA;kBAAA;;kBAAA,KAEEN,IAAI,CAACM,KAFP;oBAAA;oBAAA;kBAAA;;kBAAA;;gBAAA;kBAAA,iCAKKN,IAAI,CAACQ,QAAL,CAAc,EAAd,CALL;;gBAAA;kBAAA,iCAOCR,IAAI,CAACQ,QAAL,CAAcF,KAAd,CAPD;;gBAAA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CAAF;;QAAA;UAAA;QAAA;;QAAA;MAAA;IAHR,EAFR;IAeI,IAAI,EAAE,MAfV;IAgBI,IAAI,EAAE;EAhBV,GADJ;AAoBH,CAnCM"}