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

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

@@ -1,50 +1,67 @@
-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 { DateOnly } from "./DateOnly";
-import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone";
-import { DateTimeWithTimezone } from "./DateTimeWithTimezone";
-import { Time } from "./Time";
-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;
       var Bind = getBind();
       var fieldSettingsType = field.settings ? field.settings.type : null;
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
         if (fieldSettingsType === "dateTimeWithoutTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithoutTimezone.DateTimeWithoutTimezone, {
             field: field,
             bind: bind
           });
         } else if (fieldSettingsType === "dateTimeWithTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithTimezone.DateTimeWithTimezone, {
             field: field,
             bind: bind
           });
         } else if (fieldSettingsType === "time") {
-          return /*#__PURE__*/React.createElement(Time, {
+          return /*#__PURE__*/_react.default.createElement(_Time.Time, {
             field: field,
             bind: bind
           });
         }
 
-        return /*#__PURE__*/React.createElement(DateOnly, {
+        return /*#__PURE__*/_react.default.createElement(_DateOnly.DateOnly, {
           bind: bind,
           field: field
         });
@@ -52,4 +69,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["dateTimeField.tsx"],"names":["React","get","i18n","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","fieldSettingsType","settings","bind"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,QAAT;AACA,SAASC,uBAAT;AACA,SAASC,oBAAT;AACA,SAASC,IAAT;AAEA,IAAMC,CAAC,GAAGL,IAAI,CAACM,EAAL,CAAQ,yCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,qCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,iBADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,oFAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,0HAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,UAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAAChB,GAAG,CAACe,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,yBAWqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;AAEA,UAAME,iBAAiB,GAAGL,KAAK,CAACM,QAAN,GAAiBN,KAAK,CAACM,QAAN,CAAeZ,IAAhC,GAAuC,IAAjE;AAEA,0BACI,oBAAC,IAAD,QACK,UAAAa,IAAI,EAAI;AACL,YAAIF,iBAAiB,KAAK,yBAA1B,EAAqD;AACjD,8BAAO,oBAAC,uBAAD;AAAyB,YAAA,KAAK,EAAEL,KAAhC;AAAuC,YAAA,IAAI,EAAEO;AAA7C,YAAP;AACH,SAFD,MAEO,IAAIF,iBAAiB,KAAK,sBAA1B,EAAkD;AACrD,8BAAO,oBAAC,oBAAD;AAAsB,YAAA,KAAK,EAAEL,KAA7B;AAAoC,YAAA,IAAI,EAAEO;AAA1C,YAAP;AACH,SAFM,MAEA,IAAIF,iBAAiB,KAAK,MAA1B,EAAkC;AACrC,8BAAO,oBAAC,IAAD;AAAM,YAAA,KAAK,EAAEL,KAAb;AAAoB,YAAA,IAAI,EAAEO;AAA1B,YAAP;AACH;;AACD,4BAAO,oBAAC,QAAD;AAAU,UAAA,IAAI,EAAEA,IAAhB;AAAsB,UAAA,KAAK,EAAEP;AAA7B,UAAP;AACH,OAVL,CADJ;AAcH;AA9BK;AAH+B,CAA7C;AAqCA,eAAeP,MAAf","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"]}
+{"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.js

@@ -1,40 +1,60 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-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 _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;
 
-import React from "react";
-import get from "lodash/get";
-import DynamicSection from "../DynamicSection";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
-import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone";
-import { DateTimeWithTimezone } from "./DateTimeWithTimezone";
-import { DateOnly } from "./DateOnly";
-import { Time } from "./Time";
-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-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;
       var fieldSettingsType = field.settings ? field.settings.type : null;
-      return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {
+      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.createElement(DeleteIcon, null),
+            icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
             onClick: function onClick() {
               return bind.field.removeValue(index);
             }
@@ -42,7 +62,7 @@ var plugin = {
         }
 
         if (fieldSettingsType === "dateTimeWithoutTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithoutTimezone.DateTimeWithoutTimezone, {
             field: field,
             bind: bind.index,
             trailingIcon: trailingIcon
@@ -50,7 +70,7 @@ var plugin = {
         }
 
         if (fieldSettingsType === "dateTimeWithTimezone") {
-          return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
+          return /*#__PURE__*/_react.default.createElement(_DateTimeWithTimezone.DateTimeWithTimezone, {
             field: field,
             bind: bind.index,
             trailingIcon: trailingIcon
@@ -58,9 +78,9 @@ var plugin = {
         }
 
         if (fieldSettingsType === "time") {
-          return /*#__PURE__*/React.createElement(Time, {
-            field: _objectSpread(_objectSpread({}, props.field), {}, {
-              label: props.field.label + t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([" Value {number}"])))({
+          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
               })
             }),
@@ -69,10 +89,10 @@ var plugin = {
           });
         }
 
-        return /*#__PURE__*/React.createElement(DateOnly, {
+        return /*#__PURE__*/_react.default.createElement(_DateOnly.DateOnly, {
           bind: bind.index,
-          field: _objectSpread(_objectSpread({}, props.field), {}, {
-            label: props.field.label + t(_templateObject4 || (_templateObject4 = _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
             })
           }),
@@ -82,4 +102,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["dateTimeFields.tsx"],"names":["React","get","DynamicSection","i18n","ReactComponent","DeleteIcon","DateTimeWithoutTimezone","DateTimeWithTimezone","DateOnly","Time","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","fieldSettingsType","settings","bind","index","trailingIcon","undefined","icon","onClick","removeValue","label","number"],"mappings":"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","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"]}
+{"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.js

@@ -1,3 +1,15 @@
-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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["dateTimeField","dateTimeFields"],"mappings":"AAAA,OAAOA,aAAP;AACA,OAAOC,cAAP;AAEA,eAAe,CAACD,aAAD,EAAgBC,cAAhB,CAAf","sourcesContent":["import dateTimeField from \"./dateTimeField\";\nimport dateTimeFields from \"./dateTimeFields\";\n\nexport default [dateTimeField, dateTimeFields];\n"]}
+{"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.js

@@ -1,9 +1,23 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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"
 }, {
@@ -121,8 +135,11 @@ export var UTC_TIMEZONES = [{
   value: "+14:00",
   label: "UTC+14:00"
 }];
-export var DEFAULT_TIMEZONE = "+01:00";
-export var getDefaultFieldValue = function getDefaultFieldValue(field, bind, getCurrent) {
+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") {
@@ -131,7 +148,10 @@ export var getDefaultFieldValue = function getDefaultFieldValue(field, bind, get
 
   return getCurrent();
 };
-export var getCurrentTimeZone = function getCurrentTimeZone(date) {
+
+exports.getDefaultFieldValue = getDefaultFieldValue;
+
+var getCurrentTimeZone = function getCurrentTimeZone(date) {
   if (!date) {
     date = new Date();
   }
@@ -146,7 +166,10 @@ export var getCurrentTimeZone = function getCurrentTimeZone(date) {
   var timezone = matches[1];
   return "".concat(timezone.slice(0, 3), ":").concat(timezone.slice(3));
 };
-export var getCurrentLocalTime = function getCurrentLocalTime(date) {
+
+exports.getCurrentTimeZone = getCurrentTimeZone;
+
+var getCurrentLocalTime = function getCurrentLocalTime(date) {
   if (!date) {
     date = new Date();
   }
@@ -154,7 +177,7 @@ export var getCurrentLocalTime = function getCurrentLocalTime(date) {
   var value = date.toTimeString();
 
   var _value$split = value.split(" "),
-      _value$split2 = _slicedToArray(_value$split, 1),
+      _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) {
@@ -163,7 +186,10 @@ export var getCurrentLocalTime = function getCurrentLocalTime(date) {
 
   return time;
 };
-export var getCurrentDate = function getCurrentDate(date) {
+
+exports.getCurrentLocalTime = getCurrentLocalTime;
+
+var getCurrentDate = function getCurrentDate(date) {
   if (!date) {
     date = new Date();
   }
@@ -173,23 +199,28 @@ export var getCurrentDate = function getCurrentDate(date) {
   var day = String(date.getDate()).padStart(2, "0");
   return "".concat(year, "-").concat(month, "-").concat(day);
 };
-var deleteIconStyles = /*#__PURE__*/css({
+
+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

@@ -1 +1 @@
-{"version":3,"sources":["utils.tsx"],"names":["React","css","Cell","IconButton","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","width","height","color","RemoveFieldButton","trailingIcon","onClick","icon"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { CmsEditorField } 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: CmsEditorField,\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"]}
+{"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 { CmsEditorField } 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: CmsEditorField,\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/file/File.js

@@ -1,9 +1,26 @@
-import React, { useCallback } from "react";
-import { Image } from "@webiny/app/components";
-import * as Ui from "@webiny/ui/ImageUpload";
-import { createRenderImagePreview, imagePlugins } from "./utils";
-import fileIcon from "../../fields/icons/round_insert_drive_file-24px.svg";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+"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.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = require("@webiny/app/components");
+
+var Ui = _interopRequireWildcard(require("@webiny/ui/ImageUpload"));
+
+var _utils = require("./utils");
+
+var _round_insert_drive_file24px = _interopRequireDefault(require("../../fields/icons/round_insert_drive_file-24px.svg"));
+
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+
 var imagePreviewProps = {
   transform: {
     width: 300
@@ -31,26 +48,26 @@ var File = function File(props) {
       description = props.description;
   var styles = props.styles || defaultStyles;
   var validation = props.validation || defaultValidation;
-  var isImage = useCallback(function (url) {
-    return imagePlugins.some(function (extension) {
+  var isImage = (0, _react.useCallback)(function (url) {
+    return _utils.imagePlugins.some(function (extension) {
       return url.includes(extension);
     });
   }, []);
-  var getImageSrc = useCallback(function (url) {
+  var getImageSrc = (0, _react.useCallback)(function (url) {
     if (url && isImage(url)) {
       return url;
     }
 
-    return fileIcon;
+    return _round_insert_drive_file24px.default;
   }, []); // TODO @ts-refactor figure out correct type
 
   var defaultRenderImagePreview = function defaultRenderImagePreview(renderImageProps) {
-    return /*#__PURE__*/React.createElement(Image, Object.assign({}, renderImageProps, imagePreviewProps));
+    return /*#__PURE__*/_react.default.createElement(_components.Image, Object.assign({}, renderImageProps, imagePreviewProps));
   };
 
   var renderImagePreview = function renderImagePreview(url) {
     if (url && !isImage(url)) {
-      return createRenderImagePreview({
+      return (0, _utils.createRenderImagePreview)({
         value: url,
         imagePreviewProps: imagePreviewProps
       });
@@ -59,7 +76,7 @@ var File = function File(props) {
     return defaultRenderImagePreview;
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Ui.Image, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Ui.Image, {
     renderImagePreview: renderImagePreview(url),
     style: styles,
     value: url ? {
@@ -77,9 +94,10 @@ var File = function File(props) {
     containerStyle: {
       height: "auto"
     }
-  }), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
+  }), validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
     error: true
-  }, validation.message || "Invalid value."), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+  }, validation.message || "Invalid value."), validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
 
-export default File;
+var _default = File;
+exports.default = _default;

package/admin/plugins/fieldRenderers/file/File.js.map

@@ -1 +1 @@
-{"version":3,"sources":["File.tsx"],"names":["React","useCallback","Image","Ui","createRenderImagePreview","imagePlugins","fileIcon","FormElementMessage","imagePreviewProps","transform","width","style","height","objectFit","defaultStyles","defaultValidation","isValid","undefined","message","File","props","url","onRemove","placeholder","showFileManager","description","styles","validation","isImage","some","extension","includes","getImageSrc","defaultRenderImagePreview","renderImageProps","renderImagePreview","value","src"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\nimport { Image } from \"@webiny/app/components\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { createRenderImagePreview, imagePlugins } from \"./utils\";\nimport fileIcon from \"../../fields/icons/round_insert_drive_file-24px.svg\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst imagePreviewProps = {\n    transform: { width: 300 },\n    style: { width: \"100%\", height: 232, objectFit: \"cover\" }\n};\n\nconst defaultStyles = {\n    width: \"100%\",\n    height: \"auto\"\n};\n\ninterface ValidationStatus {\n    isValid?: boolean;\n    message?: string;\n}\nconst defaultValidation: ValidationStatus = {\n    isValid: undefined,\n    message: undefined\n};\n\nexport interface FileProps {\n    url: string;\n    onRemove: () => void;\n    placeholder?: string;\n    styles?: Record<string, any>;\n    showFileManager?: () => void;\n    validation?: {\n        isValid?: boolean;\n        message?: string;\n    };\n    description?: string;\n}\nconst File: React.FC<FileProps> = props => {\n    const { url, onRemove, placeholder, showFileManager, description } = props;\n\n    const styles = props.styles || defaultStyles;\n    const validation = props.validation || defaultValidation;\n\n    const isImage = useCallback(url => {\n        return imagePlugins.some(extension => url.includes(extension));\n    }, []);\n\n    const getImageSrc = useCallback(url => {\n        if (url && isImage(url)) {\n            return url;\n        }\n        return fileIcon;\n    }, []);\n\n    // TODO @ts-refactor figure out correct type\n    const defaultRenderImagePreview = (renderImageProps: any) => (\n        <Image {...renderImageProps} {...imagePreviewProps} />\n    );\n\n    const renderImagePreview = (url: string) => {\n        if (url && !isImage(url)) {\n            return createRenderImagePreview({ value: url, imagePreviewProps });\n        }\n\n        return defaultRenderImagePreview;\n    };\n\n    return (\n        <>\n            <Ui.Image\n                renderImagePreview={renderImagePreview(url)}\n                style={styles}\n                value={url ? { src: getImageSrc(url) } : null}\n                uploadImage={() => {\n                    if (!showFileManager) {\n                        return;\n                    }\n                    showFileManager();\n                }}\n                removeImage={onRemove}\n                placeholder={placeholder}\n                containerStyle={{ height: \"auto\" }}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>\n                    {validation.message || \"Invalid value.\"}\n                </FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n\nexport default File;\n"]}
+{"version":3,"names":["imagePreviewProps","transform","width","style","height","objectFit","defaultStyles","defaultValidation","isValid","undefined","message","File","props","url","onRemove","placeholder","showFileManager","description","styles","validation","isImage","useCallback","imagePlugins","some","extension","includes","getImageSrc","fileIcon","defaultRenderImagePreview","renderImageProps","renderImagePreview","createRenderImagePreview","value","src"],"sources":["File.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Image } from \"@webiny/app/components\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { createRenderImagePreview, imagePlugins } from \"./utils\";\nimport fileIcon from \"../../fields/icons/round_insert_drive_file-24px.svg\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst imagePreviewProps = {\n    transform: { width: 300 },\n    style: { width: \"100%\", height: 232, objectFit: \"cover\" }\n};\n\nconst defaultStyles = {\n    width: \"100%\",\n    height: \"auto\"\n};\n\ninterface ValidationStatus {\n    isValid?: boolean;\n    message?: string;\n}\nconst defaultValidation: ValidationStatus = {\n    isValid: undefined,\n    message: undefined\n};\n\nexport interface FileProps {\n    url: string;\n    onRemove: () => void;\n    placeholder?: string;\n    styles?: Record<string, any>;\n    showFileManager?: () => void;\n    validation?: {\n        isValid?: boolean;\n        message?: string;\n    };\n    description?: string;\n}\nconst File: React.FC<FileProps> = props => {\n    const { url, onRemove, placeholder, showFileManager, description } = props;\n\n    const styles = props.styles || defaultStyles;\n    const validation = props.validation || defaultValidation;\n\n    const isImage = useCallback(url => {\n        return imagePlugins.some(extension => url.includes(extension));\n    }, []);\n\n    const getImageSrc = useCallback(url => {\n        if (url && isImage(url)) {\n            return url;\n        }\n        return fileIcon;\n    }, []);\n\n    // TODO @ts-refactor figure out correct type\n    const defaultRenderImagePreview = (renderImageProps: any) => (\n        <Image {...renderImageProps} {...imagePreviewProps} />\n    );\n\n    const renderImagePreview = (url: string) => {\n        if (url && !isImage(url)) {\n            return createRenderImagePreview({ value: url, imagePreviewProps });\n        }\n\n        return defaultRenderImagePreview;\n    };\n\n    return (\n        <>\n            <Ui.Image\n                renderImagePreview={renderImagePreview(url)}\n                style={styles}\n                value={url ? { src: getImageSrc(url) } : null}\n                uploadImage={() => {\n                    if (!showFileManager) {\n                        return;\n                    }\n                    showFileManager();\n                }}\n                removeImage={onRemove}\n                placeholder={placeholder}\n                containerStyle={{ height: \"auto\" }}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>\n                    {validation.message || \"Invalid value.\"}\n                </FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n\nexport default File;\n"],"mappings":"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"}