@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

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

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

@@ -1,13 +1,19 @@
-import * as React from "react";
-import { Select as UiSelect } from "@webiny/ui/Select";
+"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(UiSelect, props, props.options.map(function (t) {
+  return /*#__PURE__*/React.createElement(_Select.Select, props, props.options.map(function (t) {
     return /*#__PURE__*/React.createElement("option", {
       key: t.value,
-      value: t.value
+      value: t.value,
+      "data-testid": "fr.input.".concat(t.label)
     }, t.label);
   }));
 };
-
-export default Select;
+exports.Select = Select;

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

@@ -0,0 +1 @@
+{"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} data-testid={`fr.input.${t.label}`}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAUO,IAAMA,MAA6B,GAAG,SAAhCA,MAA6B,CAAGC,KAAK,EAAI;EAClD,oBACI,oBAAC,cAAQ,EAAKA,KAAK,EACdA,KAAK,CAACC,OAAO,CAACC,GAAG,CAAC,UAAAC,CAAC,EAAI;IACpB,oBACI;MAAQ,GAAG,EAAEA,CAAC,CAACC,KAAM;MAAC,KAAK,EAAED,CAAC,CAACC,KAAM;MAAC,kCAAyBD,CAAC,CAACE,KAAK;IAAG,GACpEF,CAAC,CAACE,KAAK,CACH;EAEjB,CAAC,CAAC,CACK;AAEnB,CAAC;AAAC"}

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

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

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

@@ -1,13 +1,65 @@
-import React from "react";
-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.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) {
-  // "09:00:00"
-  return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
+  var field = props.field,
+    bind = props.bind;
+  var time = (0, _utils.getDefaultFieldValue)(field, bind, function () {
+    return (0, _utils.getCurrentLocalTime)(new Date());
+  });
+  var bindValue = bind.value || "";
+  (0, _react.useEffect)(function () {
+    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), {}, {
+      value: time,
+      onChange: function () {
+        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:
+                if (value) {
+                  _context.next = 4;
+                  break;
+                }
+                if (!bind.value) {
+                  _context.next = 3;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 3:
+                return _context.abrupt("return", bind.onChange(""));
+              case 4:
+                return _context.abrupt("return", bind.onChange(value));
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onChange(_x) {
+          return _onChange.apply(this, arguments);
+        }
+        return onChange;
+      }()
+    }),
     type: "time",
-    step: 5,
-    trailingIcon: props.trailingIcon
+    step: 5
   }));
 };
-
-export default Time;
+exports.Time = Time;

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

@@ -0,0 +1 @@
+{"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,IAA0B,CAAGC,KAAK,EAAI;EAC/C,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,EAAE,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,oBACI,6BAAC,YAAK,oBACEP,KAAK;IACT,IAAI,8DACGE,IAAI;MACPM,KAAK,EAAEL,IAAI;MACXO,QAAQ;QAAA,uGAAE,iBAAOF,KAAa;UAAA;YAAA;cAAA;gBAAA,IACrBA,KAAK;kBAAA;kBAAA;gBAAA;gBAAA,KACFN,IAAI,CAACM,KAAK;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBAAA,iCAGPN,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;cAAA;gBAAA,iCAErBR,IAAI,CAACQ,QAAQ,CAACF,KAAK,CAAC;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA,CAC9B;QAAA;UAAA;QAAA;QAAA;MAAA;IAAA,EACH;IACF,IAAI,EAAE,MAAO;IACb,IAAI,EAAE;EAAE,GACV;AAEV,CAAC;AAAC"}

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

@@ -1,59 +1,60 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
-
-import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import DateTimeWithoutTimezone from "./DateTimeWithoutTimezone";
-import DateTimeWithTimezone from "./DateTimeWithTimezone";
-import Time from "./Time";
-import Input from "./Input";
-var t = i18n.ns("app-headless-cms/admin/fields/date-time");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/date-time");
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-date-time",
   renderer: {
     rendererName: "date-time-input",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Date/Time Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders input for various formats of date and time."]))),
+    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 && !get(field, "predefinedValues.enabled");
+      return field.type === "datetime" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        if (field.settings.type === "dateTimeWithoutTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
+      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
           });
-        }
-
-        if (field.settings.type === "dateTimeWithTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
+        } else if (fieldSettingsType === "dateTimeWithTimezone") {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithTimezone.DateTimeWithTimezone, {
             field: field,
             bind: bind
           });
-        }
-
-        if (field.settings.type === "time") {
-          return /*#__PURE__*/React.createElement(Time, {
+        } else if (fieldSettingsType === "time") {
+          return /*#__PURE__*/_react.default.createElement(_Time.Time, {
             field: field,
             bind: bind
           });
         }
-
-        return /*#__PURE__*/React.createElement(Input, {
+        return /*#__PURE__*/_react.default.createElement(_DateOnly.DateOnly, {
           bind: bind,
-          field: field,
-          type: field.settings.type
+          field: field
         });
       });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","fieldSettingsType","settings","bind"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } 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: CmsEditorFieldRendererPlugin = {\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;AACA;AAEA;AACA;AACA;AACA;AACA;AAA8B;AAE9B,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEL,CAAC,kGAAiB;IACxBQ,WAAW,EAAER,CAAC,wIAAqD;IACnES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,UAAU,IACzB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,IAAME,iBAAiB,GAAGN,KAAK,CAACO,QAAQ,GAAGP,KAAK,CAACO,QAAQ,CAACb,IAAI,GAAG,IAAI;MAErE,oBACI,6BAAC,IAAI,QACA,UAAAc,IAAI,EAAI;QACL,IAAIF,iBAAiB,KAAK,yBAAyB,EAAE;UACjD,oBAAO,6BAAC,gDAAuB;YAAC,KAAK,EAAEN,KAAM;YAAC,IAAI,EAAEQ;UAAK,EAAG;QAChE,CAAC,MAAM,IAAIF,iBAAiB,KAAK,sBAAsB,EAAE;UACrD,oBAAO,6BAAC,0CAAoB;YAAC,KAAK,EAAEN,KAAM;YAAC,IAAI,EAAEQ;UAAK,EAAG;QAC7D,CAAC,MAAM,IAAIF,iBAAiB,KAAK,MAAM,EAAE;UACrC,oBAAO,6BAAC,UAAI;YAAC,KAAK,EAAEN,KAAM;YAAC,IAAI,EAAEQ;UAAK,EAAG;QAC7C;QACA,oBAAO,6BAAC,kBAAQ;UAAC,IAAI,EAAEA,IAAK;UAAC,KAAK,EAAER;QAAM,EAAG;MACjD,CAAC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaP,MAAM;AAAA"}

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

@@ -1,84 +1,86 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
-import DynamicSection from "../DynamicSection";
-import DateTimeWithoutTimezone from "./DateTimeWithoutTimezone";
-import DateTimeWithTimezone from "./DateTimeWithTimezone";
-import Time from "./Time";
-import Input from "./Input";
-var t = i18n.ns("app-headless-cms/admin/fields/date-time");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
+var _i18n = require("@webiny/app/i18n");
+var _close = require("../../../icons/close.svg");
+var _DateTimeWithoutTimezone = require("./DateTimeWithoutTimezone");
+var _DateTimeWithTimezone = require("./DateTimeWithTimezone");
+var _DateOnly = require("./DateOnly");
+var _Time = require("./Time");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/date-time");
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-date-times",
   renderer: {
     rendererName: "date-time-inputs",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Date/Time Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders inputs for various formats of dates and times."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Date/Time Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders inputs for various formats of dates and times."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "datetime" && field.multipleValues && !get(field, "predefinedValues.enabled");
+      return !!(field.type === "datetime" && field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled"));
     },
     render: function render(props) {
       var field = props.field;
-      return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {
+      var fieldSettingsType = field.settings ? field.settings.type : null;
+      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
         var bind = _ref2.bind,
-            index = _ref2.index;
-        var trailingIcon = index > 0 && {
-          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-          onClick: function onClick() {
-            return bind.field.removeValue(index);
-          }
-        };
-
-        if (field.settings.type === "dateTimeWithoutTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
+          index = _ref2.index;
+        var trailingIcon = undefined;
+        if (index > 0) {
+          trailingIcon = {
+            icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
+            onClick: function onClick() {
+              return bind.field.removeValue(index);
+            }
+          };
+        }
+        if (fieldSettingsType === "dateTimeWithoutTimezone") {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithoutTimezone.DateTimeWithoutTimezone, {
             field: field,
             bind: bind.index,
             trailingIcon: trailingIcon
           });
         }
-
-        if (field.settings.type === "dateTimeWithTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
+        if (fieldSettingsType === "dateTimeWithTimezone") {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithTimezone.DateTimeWithTimezone, {
             field: field,
             bind: bind.index,
             trailingIcon: trailingIcon
           });
         }
-
-        if (field.settings.type === "time") {
-          return /*#__PURE__*/React.createElement(Time, {
-            field: _objectSpread(_objectSpread({}, props.field), {}, {
-              label: props.field.label + t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([" Value {number}"])))({
+        if (fieldSettingsType === "time") {
+          return /*#__PURE__*/_react.default.createElement(_Time.Time, {
+            field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.field), {}, {
+              label: props.field.label + t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([" Value {number}"])))({
                 number: index + 1
               })
             }),
             bind: bind.index,
-            label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Value {number}"])))({
-              number: index + 1
-            }),
             trailingIcon: trailingIcon
           });
         }
-
-        return /*#__PURE__*/React.createElement(Input, {
+        return /*#__PURE__*/_react.default.createElement(_DateOnly.DateOnly, {
           bind: bind.index,
-          field: _objectSpread(_objectSpread({}, props.field), {}, {
-            label: props.field.label + t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([" Value {number}"])))({
+          field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.field), {}, {
+            label: props.field.label + t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)([" Value {number}"])))({
               number: index + 1
             })
           }),
-          type: field.settings.type,
           trailingIcon: trailingIcon
         });
       });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","fieldSettingsType","settings","bind","index","trailingIcon","undefined","icon","onClick","removeValue","label","number"],"sources":["dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport DynamicSection from \"../DynamicSection\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { DateOnly } from \"./DateOnly\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-times\",\n    renderer: {\n        rendererName: \"date-time-inputs\",\n        name: t`Date/Time Inputs`,\n        description: t`Renders inputs for various formats of dates and times.`,\n        canUse({ field }) {\n            return !!(\n                field.type === \"datetime\" &&\n                field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => {\n                        let trailingIcon = undefined;\n                        if (index > 0) {\n                            trailingIcon = {\n                                icon: <DeleteIcon />,\n                                onClick: () => bind.field.removeValue(index)\n                            };\n                        }\n\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return (\n                                <DateTimeWithoutTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return (\n                                <DateTimeWithTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"time\") {\n                            return (\n                                <Time\n                                    field={{\n                                        ...props.field,\n                                        label:\n                                            props.field.label +\n                                            t` Value {number}`({ number: index + 1 })\n                                    }}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n\n                        return (\n                            <DateOnly\n                                bind={bind.index}\n                                field={{\n                                    ...props.field,\n                                    label:\n                                        props.field.label +\n                                        t` Value {number}`({ number: index + 1 })\n                                }}\n                                trailingIcon={trailingIcon}\n                            />\n                        );\n                    }}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAE9B,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,mGAAkB;IACzBQ,WAAW,EAAER,CAAC,2IAAwD;IACtES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAO,CAAC,EACJA,KAAK,CAACN,IAAI,KAAK,UAAU,IACzBM,KAAK,CAACC,cAAc,IACpB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC,CAC1C;IACL,CAAC;IACDG,MAAM,kBAACC,KAAK,EAAE;MACV,IAAQJ,KAAK,GAAKI,KAAK,CAAfJ,KAAK;MAEb,IAAMK,iBAAiB,GAAGL,KAAK,CAACM,QAAQ,GAAGN,KAAK,CAACM,QAAQ,CAACZ,IAAI,GAAG,IAAI;MAErE,oBACI,6BAAC,uBAAc,EAAKU,KAAK,EACpB,iBAAqB;QAAA,IAAlBG,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QACX,IAAIC,YAAY,GAAGC,SAAS;QAC5B,IAAIF,KAAK,GAAG,CAAC,EAAE;UACXC,YAAY,GAAG;YACXE,IAAI,eAAE,6BAAC,qBAAU,OAAG;YACpBC,OAAO,EAAE;cAAA,OAAML,IAAI,CAACP,KAAK,CAACa,WAAW,CAACL,KAAK,CAAC;YAAA;UAChD,CAAC;QACL;QAEA,IAAIH,iBAAiB,KAAK,yBAAyB,EAAE;UACjD,oBACI,6BAAC,gDAAuB;YACpB,KAAK,EAAEL,KAAM;YACb,IAAI,EAAEO,IAAI,CAACC,KAAM;YACjB,YAAY,EAAEC;UAAa,EAC7B;QAEV;QACA,IAAIJ,iBAAiB,KAAK,sBAAsB,EAAE;UAC9C,oBACI,6BAAC,0CAAoB;YACjB,KAAK,EAAEL,KAAM;YACb,IAAI,EAAEO,IAAI,CAACC,KAAM;YACjB,YAAY,EAAEC;UAAa,EAC7B;QAEV;QACA,IAAIJ,iBAAiB,KAAK,MAAM,EAAE;UAC9B,oBACI,6BAAC,UAAI;YACD,KAAK,8DACED,KAAK,CAACJ,KAAK;cACdc,KAAK,EACDV,KAAK,CAACJ,KAAK,CAACc,KAAK,GACjBxB,CAAC,qGAAkB;gBAAEyB,MAAM,EAAEP,KAAK,GAAG;cAAE,CAAC;YAAC,EAC/C;YACF,IAAI,EAAED,IAAI,CAACC,KAAM;YACjB,YAAY,EAAEC;UAAa,EAC7B;QAEV;QAEA,oBACI,6BAAC,kBAAQ;UACL,IAAI,EAAEF,IAAI,CAACC,KAAM;UACjB,KAAK,8DACEJ,KAAK,CAACJ,KAAK;YACdc,KAAK,EACDV,KAAK,CAACJ,KAAK,CAACc,KAAK,GACjBxB,CAAC,qGAAkB;cAAEyB,MAAM,EAAEP,KAAK,GAAG;YAAE,CAAC;UAAC,EAC/C;UACF,YAAY,EAAEC;QAAa,EAC7B;MAEV,CAAC,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEahB,MAAM;AAAA"}

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

@@ -1,3 +1,11 @@
-import dateTimeField from "./dateTimeField";
-import dateTimeFields from "./dateTimeFields";
-export default [dateTimeField, dateTimeFields];
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dateTimeField = _interopRequireDefault(require("./dateTimeField"));
+var _dateTimeFields = _interopRequireDefault(require("./dateTimeFields"));
+var _default = [_dateTimeField.default, _dateTimeFields.default];
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["dateTimeField","dateTimeFields"],"sources":["index.ts"],"sourcesContent":["import dateTimeField from \"./dateTimeField\";\nimport dateTimeFields from \"./dateTimeFields\";\n\nexport default [dateTimeField, dateTimeFields];\n"],"mappings":";;;;;;;AAAA;AACA;AAA8C,eAE/B,CAACA,sBAAa,EAAEC,uBAAc,CAAC;AAAA"}

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

@@ -1,15 +1,18 @@
-/// <reference types="react" />
+import React from "react";
+import { CmsModelField } from "../../../../types";
 export declare const UTC_TIMEZONES: {
     value: string;
     label: string;
 }[];
-/**
- * @returns Current date string in format `YYYY-MM-DD`
- */
-export declare const getCurrentDateString: () => string;
-export declare const DEFAULT_TIME = "00:00:00";
-export declare const DEFAULT_DATE: string;
 export declare const DEFAULT_TIMEZONE = "+01:00";
-export declare const RemoveFieldButton: ({ trailingIcon }: {
+export declare const getDefaultFieldValue: (field: CmsModelField, bind: {
+    value: string | null | undefined;
+}, getCurrent: () => string) => string;
+export declare const getCurrentTimeZone: (date?: Date) => string | null;
+export declare const getCurrentLocalTime: (date?: Date) => string;
+export declare const getCurrentDate: (date?: Date) => string;
+interface RemoveFieldButtonProps {
     trailingIcon: any;
-}) => JSX.Element;
+}
+export declare const RemoveFieldButton: React.FC<RemoveFieldButtonProps>;
+export {};

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

@@ -1,8 +1,16 @@
-import React from "react";
-import { css } from "emotion";
-import { Cell } from "@webiny/ui/Grid";
-import { IconButton } from "@webiny/ui/Button";
-export var UTC_TIMEZONES = [{
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultFieldValue = exports.getCurrentTimeZone = exports.getCurrentLocalTime = exports.getCurrentDate = exports.UTC_TIMEZONES = exports.RemoveFieldButton = exports.DEFAULT_TIMEZONE = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var _Grid = require("@webiny/ui/Grid");
+var _Button = require("@webiny/ui/Button");
+var UTC_TIMEZONES = [{
   value: "-12:00",
   label: "UTC-12:00"
 }, {
@@ -120,34 +128,70 @@ export var UTC_TIMEZONES = [{
   value: "+14:00",
   label: "UTC+14:00"
 }];
-/**
- * @returns Current date string in format `YYYY-MM-DD`
- */
-
-export var getCurrentDateString = function getCurrentDateString() {
-  var today = new Date().toISOString();
-  return today.substr(0, 10);
+exports.UTC_TIMEZONES = UTC_TIMEZONES;
+var DEFAULT_TIMEZONE = "+01:00";
+exports.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
+var getDefaultFieldValue = function getDefaultFieldValue(field, bind, getCurrent) {
+  var def = field.settings ? field.settings.defaultSetValue || "null" : "null";
+  if (bind.value || def !== "current") {
+    return bind.value || "";
+  }
+  return getCurrent();
+};
+exports.getDefaultFieldValue = getDefaultFieldValue;
+var getCurrentTimeZone = function getCurrentTimeZone(date) {
+  if (!date) {
+    date = new Date();
+  }
+  var value = date.toTimeString();
+  var matches = value.match(/GMT([+-][0-9]{4})/);
+  if (!matches) {
+    return null;
+  }
+  var timezone = matches[1];
+  return "".concat(timezone.slice(0, 3), ":").concat(timezone.slice(3));
 };
-export var DEFAULT_TIME = "00:00:00";
-export var DEFAULT_DATE = getCurrentDateString();
-export var DEFAULT_TIMEZONE = "+01:00";
-var deleteIconStyles = /*#__PURE__*/css({
+exports.getCurrentTimeZone = getCurrentTimeZone;
+var getCurrentLocalTime = function getCurrentLocalTime(date) {
+  if (!date) {
+    date = new Date();
+  }
+  var value = date.toTimeString();
+  var _value$split = value.split(" "),
+    _value$split2 = (0, _slicedToArray2.default)(_value$split, 1),
+    time = _value$split2[0];
+  if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {
+    return "00:00:00";
+  }
+  return time;
+};
+exports.getCurrentLocalTime = getCurrentLocalTime;
+var getCurrentDate = function getCurrentDate(date) {
+  if (!date) {
+    date = new Date();
+  }
+  var year = String(date.getFullYear()).padStart(4, "0");
+  var month = String(date.getMonth() + 1).padStart(2, "0");
+  var day = String(date.getDate()).padStart(2, "0");
+  return "".concat(year, "-").concat(month, "-").concat(day);
+};
+exports.getCurrentDate = getCurrentDate;
+var deleteIconStyles = /*#__PURE__*/(0, _emotion.css)({
   width: "100% !important",
   height: "100% !important",
   color: "var(--mdc-theme-text-secondary-on-background) !important"
 }, "label:deleteIconStyles;");
-export var RemoveFieldButton = function RemoveFieldButton(_ref) {
+var RemoveFieldButton = function RemoveFieldButton(_ref) {
   var trailingIcon = _ref.trailingIcon;
-
   if (!trailingIcon) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 1
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     className: deleteIconStyles,
     onClick: trailingIcon.onClick,
     icon: trailingIcon.icon
   }));
-};
+};
+exports.RemoveFieldButton = RemoveFieldButton;

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

@@ -0,0 +1 @@
+{"version":3,"names":["UTC_TIMEZONES","value","label","DEFAULT_TIMEZONE","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","slice","getCurrentLocalTime","split","time","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","deleteIconStyles","css","width","height","color","RemoveFieldButton","trailingIcon","onClick","icon"],"sources":["utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { CmsModelField } from \"~/types\";\n\nexport const UTC_TIMEZONES = [\n    {\n        value: \"-12:00\",\n        label: \"UTC-12:00\"\n    },\n    {\n        value: \"-11:00\",\n        label: \"UTC-11:00\"\n    },\n    {\n        value: \"-10:00\",\n        label: \"UTC-10:00\"\n    },\n    {\n        value: \"-09:30\",\n        label: \"UTC-09:30\"\n    },\n    {\n        value: \"-09:00\",\n        label: \"UTC-09:00\"\n    },\n    {\n        value: \"-08:00\",\n        label: \"UTC-08:00\"\n    },\n    {\n        value: \"-07:00\",\n        label: \"UTC-07:00\"\n    },\n    {\n        value: \"-06:00\",\n        label: \"UTC-06:00\"\n    },\n    {\n        value: \"-05:00\",\n        label: \"UTC-05:00\"\n    },\n    {\n        value: \"-04:30\",\n        label: \"UTC-04:30\"\n    },\n    {\n        value: \"-04:00\",\n        label: \"UTC-04:00\"\n    },\n    {\n        value: \"-03:30\",\n        label: \"UTC-03:30\"\n    },\n    {\n        value: \"-03:00\",\n        label: \"UTC-03:00\"\n    },\n    {\n        value: \"-02:00\",\n        label: \"UTC-02:00\"\n    },\n    {\n        value: \"-01:00\",\n        label: \"UTC-01:00\"\n    },\n    {\n        value: \"+00:00\",\n        label: \"UTC+00:00\"\n    },\n    {\n        value: \"+01:00\",\n        label: \"UTC+01:00\"\n    },\n    {\n        value: \"+02:00\",\n        label: \"UTC+02:00\"\n    },\n    {\n        value: \"+03:00\",\n        label: \"UTC+03:00\"\n    },\n    {\n        value: \"+03:30\",\n        label: \"UTC+03:30\"\n    },\n    {\n        value: \"+04:00\",\n        label: \"UTC+04:00\"\n    },\n    {\n        value: \"+04:30\",\n        label: \"UTC+04:30\"\n    },\n    {\n        value: \"+05:30\",\n        label: \"UTC+05:30\"\n    },\n    {\n        value: \"+05:45\",\n        label: \"UTC+05:45\"\n    },\n    {\n        value: \"+06:00\",\n        label: \"UTC+06:00\"\n    },\n    {\n        value: \"+06:30\",\n        label: \"UTC+06:30\"\n    },\n    {\n        value: \"+07:00\",\n        label: \"UTC+07:00\"\n    },\n    {\n        value: \"+08:00\",\n        label: \"UTC+08:00\"\n    },\n    {\n        value: \"+08:45\",\n        label: \"UTC+08:45\"\n    },\n    {\n        value: \"+09:00\",\n        label: \"UTC+09:00\"\n    },\n    {\n        value: \"+09:30\",\n        label: \"UTC+09:30\"\n    },\n    {\n        value: \"+10:00\",\n        label: \"UTC+10:00\"\n    },\n    {\n        value: \"+10:30\",\n        label: \"UTC+10:30\"\n    },\n    {\n        value: \"+11:00\",\n        label: \"UTC+11:00\"\n    },\n    {\n        value: \"+11:30\",\n        label: \"UTC+11:30\"\n    },\n    {\n        value: \"+12:00\",\n        label: \"UTC+12:00\"\n    },\n    {\n        value: \"+12:45\",\n        label: \"UTC+12:45\"\n    },\n    {\n        value: \"+13:00\",\n        label: \"UTC+13:00\"\n    },\n    {\n        value: \"+14:00\",\n        label: \"UTC+14:00\"\n    }\n];\n\nexport const DEFAULT_TIMEZONE = \"+01:00\";\n\nexport const getDefaultFieldValue = (\n    field: CmsModelField,\n    bind: {\n        value: string | null | undefined;\n    },\n    getCurrent: () => string\n): string => {\n    const def = field.settings ? field.settings.defaultSetValue || \"null\" : \"null\";\n    if (bind.value || def !== \"current\") {\n        return bind.value || \"\";\n    }\n    return getCurrent();\n};\n\nexport const getCurrentTimeZone = (date?: Date): string | null => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const matches = value.match(/GMT([+-][0-9]{4})/);\n    if (!matches) {\n        return null;\n    }\n    const timezone = matches[1];\n    return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;\n};\n\nexport const getCurrentLocalTime = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const [time] = value.split(\" \");\n    if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {\n        return \"00:00:00\";\n    }\n    return time;\n};\n\nexport const getCurrentDate = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const year = String(date.getFullYear()).padStart(4, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const day = String(date.getDate()).padStart(2, \"0\");\n\n    return `${year}-${month}-${day}`;\n};\n\nconst deleteIconStyles = css({\n    width: \"100% !important\",\n    height: \"100% !important\",\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\ninterface RemoveFieldButtonProps {\n    // TODO @ts-refactor figure out correct trailing icon type\n    // @ts-ignore\n    trailingIcon: any;\n}\nexport const RemoveFieldButton: React.FC<RemoveFieldButtonProps> = ({ trailingIcon }) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Cell span={1}>\n            <IconButton\n                className={deleteIconStyles}\n                onClick={trailingIcon.onClick}\n                icon={trailingIcon.icon}\n            />\n        </Cell>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/dynamicZone/AddTemplate.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CmsDynamicZoneTemplate } from "../../../../types";
+interface UseAddTemplateParams {
+    onTemplate: (template: CmsDynamicZoneTemplate) => void;
+}
+interface AddTemplateProps {
+    label?: string;
+    onTemplate: UseAddTemplateParams["onTemplate"];
+}
+export declare const AddTemplateButton: (props: AddTemplateProps) => JSX.Element;
+export declare const AddTemplateIcon: (props: AddTemplateProps) => JSX.Element;
+export {};