@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { CmsModelField } from "../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+export interface TrailingIcon {
+    icon: React.ReactNode;
+    onClick: any;
+}
+export interface InputProps {
+    step?: number;
+    type?: string;
+    bind: BindComponentRenderProp;
+    field: CmsModelField;
+    trailingIcon?: TrailingIcon;
+}
+export declare const Input: React.FC<InputProps>;

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Input = require("@webiny/ui/Input");
+
+var _excluded = ["bind"];
+
+var Input = 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);
+      }
+
+      return bind.onChange(value);
+    },
+    label: props.field.label,
+    placeholder: props.field.placeholderText,
+    description: props.field.helpText,
+    type: props.type,
+    trailingIcon: props.trailingIcon,
+    "data-testid": "fr.input.".concat(props.field.label)
+  }));
+};
+
+exports.Input = Input;

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

@@ -0,0 +1 @@
+{"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 { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput } from \"@webiny/ui/Input\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input: 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            data-testid={`fr.input.${props.field.label}`}\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,YAbxB;IAcI,kCAAyBT,KAAK,CAACK,KAAN,CAAYC,KAArC;EAdJ,GADJ;AAkBH,CAnBM"}

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,24 @@
+"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,
+      "data-testid": "fr.input.".concat(t.label)
+    }, t.label);
+  }));
+};
+
+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,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,KAA/B;MAAsC,kCAAyBD,CAAC,CAACE,KAA3B;IAAtC,GACKF,CAAC,CAACE,KADP,CADJ;EAKH,CANA,CADL,CADJ;AAWH,CAZM"}

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { InputProps } from "./Input";
+export declare const Time: React.FC<InputProps>;

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

@@ -0,0 +1,85 @@
+"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 = (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
+  }));
+};
+
+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,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"}

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

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

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

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _DateOnly = require("./DateOnly");
+
+var _DateTimeWithoutTimezone = require("./DateTimeWithoutTimezone");
+
+var _DateTimeWithTimezone = require("./DateTimeWithTimezone");
+
+var _Time = require("./Time");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/date-time");
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-date-time",
+  renderer: {
+    rendererName: "date-time-input",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Date/Time Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders input for various formats of date and time."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "datetime" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      var fieldSettingsType = field.settings ? field.settings.type : null;
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        if (fieldSettingsType === "dateTimeWithoutTimezone") {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithoutTimezone.DateTimeWithoutTimezone, {
+            field: field,
+            bind: bind
+          });
+        } else if (fieldSettingsType === "dateTimeWithTimezone") {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithTimezone.DateTimeWithTimezone, {
+            field: field,
+            bind: bind
+          });
+        } else if (fieldSettingsType === "time") {
+          return /*#__PURE__*/_react.default.createElement(_Time.Time, {
+            field: field,
+            bind: bind
+          });
+        }
+
+        return /*#__PURE__*/_react.default.createElement(_DateOnly.DateOnly, {
+          bind: bind,
+          field: field
+        });
+      });
+    }
+  }
+};
+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;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,yCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,qCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBADR;IAENF,IAAI,EAAEL,CAAF,kGAFE;IAGNQ,WAAW,EAAER,CAAF,wIAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,UAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,yBAWqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;MAEA,IAAME,iBAAiB,GAAGN,KAAK,CAACO,QAAN,GAAiBP,KAAK,CAACO,QAAN,CAAeb,IAAhC,GAAuC,IAAjE;MAEA,oBACI,6BAAC,IAAD,QACK,UAAAc,IAAI,EAAI;QACL,IAAIF,iBAAiB,KAAK,yBAA1B,EAAqD;UACjD,oBAAO,6BAAC,gDAAD;YAAyB,KAAK,EAAEN,KAAhC;YAAuC,IAAI,EAAEQ;UAA7C,EAAP;QACH,CAFD,MAEO,IAAIF,iBAAiB,KAAK,sBAA1B,EAAkD;UACrD,oBAAO,6BAAC,0CAAD;YAAsB,KAAK,EAAEN,KAA7B;YAAoC,IAAI,EAAEQ;UAA1C,EAAP;QACH,CAFM,MAEA,IAAIF,iBAAiB,KAAK,MAA1B,EAAkC;UACrC,oBAAO,6BAAC,UAAD;YAAM,KAAK,EAAEN,KAAb;YAAoB,IAAI,EAAEQ;UAA1B,EAAP;QACH;;QACD,oBAAO,6BAAC,kBAAD;UAAU,IAAI,EAAEA,IAAhB;UAAsB,KAAK,EAAER;QAA7B,EAAP;MACH,CAVL,CADJ;IAcH;EA9BK;AAH+B,CAA7C;eAqCeP,M"}

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

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

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

@@ -0,0 +1,106 @@
+"use strict";
+
+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 = (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 && !(0, _get.default)(field, "predefinedValues.enabled"));
+    },
+    render: function render(props) {
+      var field = props.field;
+      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 = 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 (fieldSettingsType === "dateTimeWithTimezone") {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithTimezone.DateTimeWithTimezone, {
+            field: field,
+            bind: bind.index,
+            trailingIcon: trailingIcon
+          });
+        }
+
+        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,
+            trailingIcon: trailingIcon
+          });
+        }
+
+        return /*#__PURE__*/_react.default.createElement(_DateOnly.DateOnly, {
+          bind: bind.index,
+          field: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.field), {}, {
+            label: props.field.label + t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)([" Value {number}"])))({
+              number: index + 1
+            })
+          }),
+          trailingIcon: trailingIcon
+        });
+      });
+    }
+  }
+};
+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;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,yCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,sCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBADR;IAENF,IAAI,EAAEL,CAAF,mGAFE;IAGNQ,WAAW,EAAER,CAAF,2IAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAO,CAAC,EACJA,KAAK,CAACN,IAAN,KAAe,UAAf,IACAM,KAAK,CAACC,cADN,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHG,CAAR;IAKH,CAVK;IAWNG,MAXM,kBAWCC,KAXD,EAWQ;MACV,IAAQJ,KAAR,GAAkBI,KAAlB,CAAQJ,KAAR;MAEA,IAAMK,iBAAiB,GAAGL,KAAK,CAACM,QAAN,GAAiBN,KAAK,CAACM,QAAN,CAAeZ,IAAhC,GAAuC,IAAjE;MAEA,oBACI,6BAAC,uBAAD,EAAoBU,KAApB,EACK,iBAAqB;QAAA,IAAlBG,IAAkB,SAAlBA,IAAkB;QAAA,IAAZC,KAAY,SAAZA,KAAY;QAClB,IAAIC,YAAY,GAAGC,SAAnB;;QACA,IAAIF,KAAK,GAAG,CAAZ,EAAe;UACXC,YAAY,GAAG;YACXE,IAAI,eAAE,6BAAC,qBAAD,OADK;YAEXC,OAAO,EAAE;cAAA,OAAML,IAAI,CAACP,KAAL,CAAWa,WAAX,CAAuBL,KAAvB,CAAN;YAAA;UAFE,CAAf;QAIH;;QAED,IAAIH,iBAAiB,KAAK,yBAA1B,EAAqD;UACjD,oBACI,6BAAC,gDAAD;YACI,KAAK,EAAEL,KADX;YAEI,IAAI,EAAEO,IAAI,CAACC,KAFf;YAGI,YAAY,EAAEC;UAHlB,EADJ;QAOH;;QACD,IAAIJ,iBAAiB,KAAK,sBAA1B,EAAkD;UAC9C,oBACI,6BAAC,0CAAD;YACI,KAAK,EAAEL,KADX;YAEI,IAAI,EAAEO,IAAI,CAACC,KAFf;YAGI,YAAY,EAAEC;UAHlB,EADJ;QAOH;;QACD,IAAIJ,iBAAiB,KAAK,MAA1B,EAAkC;UAC9B,oBACI,6BAAC,UAAD;YACI,KAAK,8DACED,KAAK,CAACJ,KADR;cAEDc,KAAK,EACDV,KAAK,CAACJ,KAAN,CAAYc,KAAZ,GACAxB,CAAC,oGAAD,CAAmB;gBAAEyB,MAAM,EAAEP,KAAK,GAAG;cAAlB,CAAnB;YAJH,EADT;YAOI,IAAI,EAAED,IAAI,CAACC,KAPf;YAQI,YAAY,EAAEC;UARlB,EADJ;QAYH;;QAED,oBACI,6BAAC,kBAAD;UACI,IAAI,EAAEF,IAAI,CAACC,KADf;UAEI,KAAK,8DACEJ,KAAK,CAACJ,KADR;YAEDc,KAAK,EACDV,KAAK,CAACJ,KAAN,CAAYc,KAAZ,GACAxB,CAAC,oGAAD,CAAmB;cAAEyB,MAAM,EAAEP,KAAK,GAAG;YAAlB,CAAnB;UAJH,EAFT;UAQI,YAAY,EAAEC;QARlB,EADJ;MAYH,CAvDL,CADJ;IA2DH;EA3EK;AAH+B,CAA7C;eAkFehB,M"}

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

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

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

@@ -0,0 +1,15 @@
+"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;;eAEe,CAACA,sBAAD,EAAgBC,uBAAhB,C"}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { CmsModelField } from "../../../../types";
+export declare const UTC_TIMEZONES: {
+    value: string;
+    label: string;
+}[];
+export declare const DEFAULT_TIMEZONE = "+01:00";
+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;
+}
+export declare const RemoveFieldButton: React.FC<RemoveFieldButtonProps>;
+export {};