@webiny/app-headless-cms 5.43.2-beta.0 → 6.0.0-alpha.0

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

@@ -1,88 +1,82 @@
-"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 _delete_outline = require("@material-design-icons/svg/outlined/delete_outline.svg");
-var _DateTimeWithoutTimezone = require("./DateTimeWithoutTimezone");
-var _DateTimeWithTimezone = require("./DateTimeWithTimezone");
-var _DateOnly = require("./DateOnly");
-var _Time = require("./Time");
-var _MultiValueRendererSettings = require("../MultiValueRendererSettings");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/date-time");
-var plugin = {
+import React from "react";
+import get from "lodash/get";
+import DynamicSection from "../DynamicSection";
+import { i18n } from "@webiny/app/i18n";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone";
+import { DateTimeWithTimezone } from "./DateTimeWithTimezone";
+import { DateOnly } from "./DateOnly";
+import { Time } from "./Time";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings";
+const t = i18n.ns("app-headless-cms/admin/fields/date-time");
+const 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"));
+    name: t`Date/Time Inputs`,
+    description: t`Renders inputs for various formats of dates and times.`,
+    canUse({
+      field
+    }) {
+      return !!(field.type === "datetime" && field.multipleValues && !get(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 = {
-          icon: /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null),
-          onClick: function onClick() {
-            return bind.field.removeValue(index);
-          }
+    render(props) {
+      const {
+        field
+      } = props;
+      const fieldSettingsType = field.settings ? field.settings.type : null;
+      return /*#__PURE__*/React.createElement(DynamicSection, props, ({
+        bind,
+        index
+      }) => {
+        const trailingIcon = {
+          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+          onClick: () => bind.field.removeValue(index)
         };
         if (fieldSettingsType === "dateTimeWithoutTimezone") {
-          return /*#__PURE__*/_react.default.createElement(_DateTimeWithoutTimezone.DateTimeWithoutTimezone, {
+          return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
             field: field,
             bind: bind.index,
             trailingIcon: trailingIcon
           });
         }
         if (fieldSettingsType === "dateTimeWithTimezone") {
-          return /*#__PURE__*/_react.default.createElement(_DateTimeWithTimezone.DateTimeWithTimezone, {
+          return /*#__PURE__*/React.createElement(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}"])))({
+          return /*#__PURE__*/React.createElement(Time, {
+            field: {
+              ...props.field,
+              label: props.field.label + t` Value {number}`({
                 number: index + 1
               })
-            }),
+            },
             bind: bind.index,
             trailingIcon: trailingIcon
           });
         }
-        return /*#__PURE__*/_react.default.createElement(_DateOnly.DateOnly, {
+        return /*#__PURE__*/React.createElement(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}"])))({
+          field: {
+            ...props.field,
+            label: props.field.label + t` Value {number}`({
               number: index + 1
             })
-          }),
+          },
           trailingIcon: trailingIcon
         });
       });
     },
-    renderSettings: function renderSettings(props) {
-      return /*#__PURE__*/_react.default.createElement(_MultiValueRendererSettings.MultiValueRendererSettings, props);
+    renderSettings(props) {
+      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=dateTimeFields.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_DynamicSection","_i18n","_delete_outline","_DateTimeWithoutTimezone","_DateTimeWithTimezone","_DateOnly","_Time","_MultiValueRendererSettings","_templateObject","_templateObject2","_templateObject3","_templateObject4","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","fieldSettingsType","settings","createElement","_ref2","bind","index","trailingIcon","icon","ReactComponent","onClick","removeValue","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","_objectSpread2","label","number","DateOnly","renderSettings","MultiValueRendererSettings","_default","exports"],"sources":["dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport DynamicSection from \"../DynamicSection\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { DateOnly } from \"./DateOnly\";\nimport { Time } from \"./Time\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-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                        const trailingIcon = {\n                            icon: <DeleteIcon />,\n                            onClick: () => bind.field.removeValue(index)\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        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","get","DynamicSection","i18n","ReactComponent","DeleteIcon","DateTimeWithoutTimezone","DateTimeWithTimezone","DateOnly","Time","MultiValueRendererSettings","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","fieldSettingsType","settings","createElement","bind","index","trailingIcon","icon","onClick","removeValue","label","number","renderSettings"],"sources":["dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport DynamicSection from \"../DynamicSection\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { DateOnly } from \"./DateOnly\";\nimport { Time } from \"./Time\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-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                        const trailingIcon = {\n                            icon: <DeleteIcon />,\n                            onClick: () => bind.field.removeValue(index)\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        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,5 @@
-"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 = exports.default = [_dateTimeField.default, _dateTimeFields.default];
+import dateTimeField from "./dateTimeField";
+import dateTimeFields from "./dateTimeFields";
+export default [dateTimeField, dateTimeFields];
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_dateTimeField","_interopRequireDefault","require","_dateTimeFields","_default","exports","default","dateTimeField","dateTimeFields"],"sources":["index.ts"],"sourcesContent":["import dateTimeField from \"./dateTimeField\";\nimport dateTimeFields from \"./dateTimeFields\";\n\nexport default [dateTimeField, dateTimeFields];\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA8C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/B,CAACC,sBAAa,EAAEC,uBAAc,CAAC","ignoreList":[]}
+{"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,OAAOA,aAAa;AACpB,OAAOC,cAAc;AAErB,eAAe,CAACD,aAAa,EAAEC,cAAc,CAAC","ignoreList":[]}

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

@@ -1,89 +1,75 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getHHmmss = exports.getHHmm = exports.getDefaultFieldValue = exports.getCurrentTimeZone = exports.getCurrentLocalTime = exports.getCurrentDate = exports.RemoveFieldButton = exports.DEFAULT_TIMEZONE = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-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 DEFAULT_TIMEZONE = exports.DEFAULT_TIMEZONE = "+01:00";
-var getDefaultFieldValue = exports.getDefaultFieldValue = function getDefaultFieldValue(field, bind, getCurrent) {
-  var def = field.settings ? field.settings.defaultSetValue || "null" : "null";
+import React from "react";
+import { Grid, IconButton } from "@webiny/admin-ui";
+export const DEFAULT_TIMEZONE = "+01:00";
+export const getDefaultFieldValue = (field, bind, getCurrent) => {
+  const def = field.settings ? field.settings.defaultSetValue || "null" : "null";
   if (bind.value || def !== "current") {
     return bind.value || "";
   }
   return getCurrent();
 };
-var getCurrentTimeZone = exports.getCurrentTimeZone = function getCurrentTimeZone(date) {
+export const getCurrentTimeZone = date => {
   if (!date) {
     date = new Date();
   }
-  var value = date.toTimeString();
-  var matches = value.match(/GMT([+-][0-9]{4})/);
+  const value = date.toTimeString();
+  const 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));
+  const timezone = matches[1];
+  return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;
 };
-var getCurrentLocalTime = exports.getCurrentLocalTime = function getCurrentLocalTime(date) {
+export const 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];
+  const value = date.toTimeString();
+  const [time] = value.split(" ");
   if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {
     return "00:00:00";
   }
   return time;
 };
-var getCurrentDate = exports.getCurrentDate = function getCurrentDate(date) {
+export const 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);
+  const year = String(date.getFullYear()).padStart(4, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
 };
-var getHHmm = exports.getHHmm = function getHHmm(time) {
+export const getHHmm = time => {
   if (!time) {
     return "";
   }
-  var parsableTime = time || getCurrentLocalTime();
+  const parsableTime = time || getCurrentLocalTime();
   return parsableTime.split(":").slice(0, 2).join(":");
 };
 
 // Ensure a valid HH:mm:ss string, ending with :00 for seconds.
-var getHHmmss = exports.getHHmmss = function getHHmmss(time) {
-  var parsableTime = time || getCurrentLocalTime();
-  var parts = [].concat((0, _toConsumableArray2.default)(parsableTime.split(":").slice(0, 2)), ["00"]);
+export const getHHmmss = time => {
+  const parsableTime = time || getCurrentLocalTime();
+  const parts = [...parsableTime.split(":").slice(0, 2), "00"];
   return parts.join(":");
 };
-var deleteIconStyles = (0, _emotion.css)({
-  width: "100% !important",
-  height: "100% !important",
-  color: "var(--mdc-theme-text-secondary-on-background) !important"
-});
-var RemoveFieldButton = exports.RemoveFieldButton = function RemoveFieldButton(_ref) {
-  var trailingIcon = _ref.trailingIcon;
+export const RemoveFieldButton = ({
+  trailingIcon
+}) => {
   if (!trailingIcon) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
     span: 1
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    className: deleteIconStyles,
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-end wby-justify-center wby-h-full"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
     onClick: trailingIcon.onClick,
-    icon: trailingIcon.icon
-  }));
+    icon: trailingIcon.icon,
+    className: "wby-mb-xs-plus"
+  })));
 };
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Button","DEFAULT_TIMEZONE","exports","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","value","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","concat","slice","getCurrentLocalTime","_value$split","split","_value$split2","_slicedToArray2","default","time","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","getHHmm","parsableTime","join","getHHmmss","parts","_toConsumableArray2","deleteIconStyles","css","width","height","color","RemoveFieldButton","_ref","trailingIcon","createElement","Cell","span","IconButton","className","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 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\nexport const getHHmm = (time?: string) => {\n    if (!time) {\n        return \"\";\n    }\n    const parsableTime = time || getCurrentLocalTime();\n    return parsableTime.split(\":\").slice(0, 2).join(\":\");\n};\n\n// Ensure a valid HH:mm:ss string, ending with :00 for seconds.\nexport const getHHmmss = (time?: string) => {\n    const parsableTime = time || getCurrentLocalTime();\n    const parts = [...parsableTime.split(\":\").slice(0, 2), \"00\"];\n\n    return parts.join(\":\");\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    trailingIcon: any;\n}\nexport const RemoveFieldButton = ({ trailingIcon }: RemoveFieldButtonProps) => {\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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","ignoreList":[]}
+{"version":3,"names":["React","Grid","IconButton","DEFAULT_TIMEZONE","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","value","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","slice","getCurrentLocalTime","time","split","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","getHHmm","parsableTime","join","getHHmmss","parts","RemoveFieldButton","trailingIcon","createElement","Column","span","className","variant","onClick","icon"],"sources":["utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, IconButton } from \"@webiny/admin-ui\";\nimport { CmsModelField } from \"~/types\";\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\nexport const getHHmm = (time?: string) => {\n    if (!time) {\n        return \"\";\n    }\n    const parsableTime = time || getCurrentLocalTime();\n    return parsableTime.split(\":\").slice(0, 2).join(\":\");\n};\n\n// Ensure a valid HH:mm:ss string, ending with :00 for seconds.\nexport const getHHmmss = (time?: string) => {\n    const parsableTime = time || getCurrentLocalTime();\n    const parts = [...parsableTime.split(\":\").slice(0, 2), \"00\"];\n\n    return parts.join(\":\");\n};\n\ninterface RemoveFieldButtonProps {\n    trailingIcon: any;\n}\nexport const RemoveFieldButton = ({ trailingIcon }: RemoveFieldButtonProps) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Grid.Column span={1}>\n            <div className={\"wby-flex wby-items-end wby-justify-center wby-h-full\"}>\n                <IconButton\n                    variant={\"ghost\"}\n                    onClick={trailingIcon.onClick}\n                    icon={trailingIcon.icon}\n                    className={\"wby-mb-xs-plus\"}\n                />\n            </div>\n        </Grid.Column>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/AddTemplate.js

@@ -1,121 +1,88 @@
-"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.AddTemplateIcon = exports.AddTemplateButton = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _info = require("@material-design-icons/svg/outlined/info.svg");
-var _add_circle_outline = require("@material-design-icons/svg/round/add_circle_outline.svg");
-var _Typography = require("@webiny/ui/Typography");
-var _TemplateGallery = require("./TemplateGallery");
-var _Button = require("@webiny/ui/Button");
-var _useTemplateTypename2 = require("./useTemplateTypename");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var AddIconContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e4w4vi62"
-} : {
-  target: "e4w4vi62",
-  label: "AddIconContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "okrxka",
-  styles: "text-align:center;padding-top:3px"
-} : {
-  name: "okrxka",
-  styles: "text-align:center;padding-top:3px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVbUMiLCJmaWxlIjoiQWRkVGVtcGxhdGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEluZm9JY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2luZm8uc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL3JvdW5kL2FkZF9jaXJjbGVfb3V0bGluZS5zdmdcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBDbXNEeW5hbWljWm9uZVRlbXBsYXRlLCBDbXNEeW5hbWljWm9uZVRlbXBsYXRlV2l0aFR5cGVuYW1lIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFRlbXBsYXRlR2FsbGVyeSB9IGZyb20gXCIuL1RlbXBsYXRlR2FsbGVyeVwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiwgQnV0dG9uU2Vjb25kYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VUZW1wbGF0ZVR5cGVuYW1lIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS91c2VUZW1wbGF0ZVR5cGVuYW1lXCI7XG5cbmNvbnN0IEFkZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBwYWRkaW5nLXRvcDogM3B4O1xuYDtcblxuY29uc3QgQWRkQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcblxuICAgIDpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICB9XG5gO1xuXG5jb25zdCBJbmZvID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNXB4O1xuXG4gICAgPiBzdmcge1xuICAgICAgICB3aWR0aDogMjBweDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgfVxuYDtcblxuaW50ZXJmYWNlIFVzZUFkZFRlbXBsYXRlUGFyYW1zIHtcbiAgICBvblRlbXBsYXRlOiAodGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGVXaXRoVHlwZW5hbWUpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIHVzZUFkZFRlbXBsYXRlKHBhcmFtczogVXNlQWRkVGVtcGxhdGVQYXJhbXMpIHtcbiAgICBjb25zdCBbc2hvd0dhbGxlcnksIHNldFNob3dHYWxsZXJ5XSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCB7IGdldEZ1bGxUeXBlbmFtZSB9ID0gdXNlVGVtcGxhdGVUeXBlbmFtZSgpO1xuXG4gICAgY29uc3QgYnJvd3NlVGVtcGxhdGVzID0gKCkgPT4ge1xuICAgICAgICBzZXRTaG93R2FsbGVyeSh0cnVlKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25UZW1wbGF0ZSA9ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4ge1xuICAgICAgICBwYXJhbXMub25UZW1wbGF0ZSh7IC4uLnRlbXBsYXRlLCBfX3R5cGVuYW1lOiBnZXRGdWxsVHlwZW5hbWUodGVtcGxhdGUpIH0pO1xuICAgICAgICBvbkdhbGxlcnlDbG9zZSgpO1xuICAgIH07XG5cbiAgICBjb25zdCBvbkdhbGxlcnlDbG9zZSA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd0dhbGxlcnkoZmFsc2UpO1xuICAgIH07XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBzaG93R2FsbGVyeSxcbiAgICAgICAgYnJvd3NlVGVtcGxhdGVzLFxuICAgICAgICBvblRlbXBsYXRlLFxuICAgICAgICBvbkdhbGxlcnlDbG9zZVxuICAgIH07XG59XG5cbmludGVyZmFjZSBBZGRUZW1wbGF0ZVByb3BzIHtcbiAgICBsYWJlbD86IHN0cmluZztcbiAgICBvblRlbXBsYXRlOiBVc2VBZGRUZW1wbGF0ZVBhcmFtc1tcIm9uVGVtcGxhdGVcIl07XG59XG5cbmV4cG9ydCBjb25zdCBBZGRUZW1wbGF0ZUJ1dHRvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgc2hvd0dhbGxlcnksIG9uVGVtcGxhdGUsIGJyb3dzZVRlbXBsYXRlcywgb25HYWxsZXJ5Q2xvc2UgfSA9IHVzZUFkZFRlbXBsYXRlKHtcbiAgICAgICAgb25UZW1wbGF0ZTogcHJvcHMub25UZW1wbGF0ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEFkZEJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93R2FsbGVyeSA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVHYWxsZXJ5IG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uR2FsbGVyeUNsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uU2Vjb25kYXJ5IG9uQ2xpY2s9e2Jyb3dzZVRlbXBsYXRlc30+KyBBZGQgYSB0ZW1wbGF0ZTwvQnV0dG9uU2Vjb25kYXJ5PlxuICAgICAgICAgICAgICAgICAgICA8SW5mbz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbmZvSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQ2xpY2sgaGVyZSB0byBsZWFybiBob3cgdGVtcGxhdGVzIGFuZCBkeW5hbWljIHpvbmVzIHdvcmsuXG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvSW5mbz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWRkQnV0dG9uQ29udGFpbmVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQWRkVGVtcGxhdGVJY29uID0gKHByb3BzOiBBZGRUZW1wbGF0ZVByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBzaG93R2FsbGVyeSwgb25UZW1wbGF0ZSwgYnJvd3NlVGVtcGxhdGVzLCBvbkdhbGxlcnlDbG9zZSB9ID0gdXNlQWRkVGVtcGxhdGUoe1xuICAgICAgICBvblRlbXBsYXRlOiBwcm9wcy5vblRlbXBsYXRlXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QWRkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93R2FsbGVyeSA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVHYWxsZXJ5IG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uR2FsbGVyeUNsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXticm93c2VUZW1wbGF0ZXN9IGljb249ezxBZGRJY29uIC8+fSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9BZGRJY29uQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var AddButtonContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e4w4vi61"
-} : {
-  target: "e4w4vi61",
-  label: "AddButtonContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "xnx79a",
-  styles: "text-align:center;margin-top:20px;:first-of-type{margin-top:0;}"
-} : {
-  name: "xnx79a",
-  styles: "text-align:center;margin-top:20px;:first-of-type{margin-top:0;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlcUMiLCJmaWxlIjoiQWRkVGVtcGxhdGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEluZm9JY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2luZm8uc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL3JvdW5kL2FkZF9jaXJjbGVfb3V0bGluZS5zdmdcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBDbXNEeW5hbWljWm9uZVRlbXBsYXRlLCBDbXNEeW5hbWljWm9uZVRlbXBsYXRlV2l0aFR5cGVuYW1lIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFRlbXBsYXRlR2FsbGVyeSB9IGZyb20gXCIuL1RlbXBsYXRlR2FsbGVyeVwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiwgQnV0dG9uU2Vjb25kYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VUZW1wbGF0ZVR5cGVuYW1lIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS91c2VUZW1wbGF0ZVR5cGVuYW1lXCI7XG5cbmNvbnN0IEFkZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBwYWRkaW5nLXRvcDogM3B4O1xuYDtcblxuY29uc3QgQWRkQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcblxuICAgIDpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICB9XG5gO1xuXG5jb25zdCBJbmZvID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNXB4O1xuXG4gICAgPiBzdmcge1xuICAgICAgICB3aWR0aDogMjBweDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgfVxuYDtcblxuaW50ZXJmYWNlIFVzZUFkZFRlbXBsYXRlUGFyYW1zIHtcbiAgICBvblRlbXBsYXRlOiAodGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGVXaXRoVHlwZW5hbWUpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIHVzZUFkZFRlbXBsYXRlKHBhcmFtczogVXNlQWRkVGVtcGxhdGVQYXJhbXMpIHtcbiAgICBjb25zdCBbc2hvd0dhbGxlcnksIHNldFNob3dHYWxsZXJ5XSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCB7IGdldEZ1bGxUeXBlbmFtZSB9ID0gdXNlVGVtcGxhdGVUeXBlbmFtZSgpO1xuXG4gICAgY29uc3QgYnJvd3NlVGVtcGxhdGVzID0gKCkgPT4ge1xuICAgICAgICBzZXRTaG93R2FsbGVyeSh0cnVlKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25UZW1wbGF0ZSA9ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4ge1xuICAgICAgICBwYXJhbXMub25UZW1wbGF0ZSh7IC4uLnRlbXBsYXRlLCBfX3R5cGVuYW1lOiBnZXRGdWxsVHlwZW5hbWUodGVtcGxhdGUpIH0pO1xuICAgICAgICBvbkdhbGxlcnlDbG9zZSgpO1xuICAgIH07XG5cbiAgICBjb25zdCBvbkdhbGxlcnlDbG9zZSA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd0dhbGxlcnkoZmFsc2UpO1xuICAgIH07XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBzaG93R2FsbGVyeSxcbiAgICAgICAgYnJvd3NlVGVtcGxhdGVzLFxuICAgICAgICBvblRlbXBsYXRlLFxuICAgICAgICBvbkdhbGxlcnlDbG9zZVxuICAgIH07XG59XG5cbmludGVyZmFjZSBBZGRUZW1wbGF0ZVByb3BzIHtcbiAgICBsYWJlbD86IHN0cmluZztcbiAgICBvblRlbXBsYXRlOiBVc2VBZGRUZW1wbGF0ZVBhcmFtc1tcIm9uVGVtcGxhdGVcIl07XG59XG5cbmV4cG9ydCBjb25zdCBBZGRUZW1wbGF0ZUJ1dHRvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgc2hvd0dhbGxlcnksIG9uVGVtcGxhdGUsIGJyb3dzZVRlbXBsYXRlcywgb25HYWxsZXJ5Q2xvc2UgfSA9IHVzZUFkZFRlbXBsYXRlKHtcbiAgICAgICAgb25UZW1wbGF0ZTogcHJvcHMub25UZW1wbGF0ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEFkZEJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93R2FsbGVyeSA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVHYWxsZXJ5IG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uR2FsbGVyeUNsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uU2Vjb25kYXJ5IG9uQ2xpY2s9e2Jyb3dzZVRlbXBsYXRlc30+KyBBZGQgYSB0ZW1wbGF0ZTwvQnV0dG9uU2Vjb25kYXJ5PlxuICAgICAgICAgICAgICAgICAgICA8SW5mbz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbmZvSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQ2xpY2sgaGVyZSB0byBsZWFybiBob3cgdGVtcGxhdGVzIGFuZCBkeW5hbWljIHpvbmVzIHdvcmsuXG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvSW5mbz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWRkQnV0dG9uQ29udGFpbmVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQWRkVGVtcGxhdGVJY29uID0gKHByb3BzOiBBZGRUZW1wbGF0ZVByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBzaG93R2FsbGVyeSwgb25UZW1wbGF0ZSwgYnJvd3NlVGVtcGxhdGVzLCBvbkdhbGxlcnlDbG9zZSB9ID0gdXNlQWRkVGVtcGxhdGUoe1xuICAgICAgICBvblRlbXBsYXRlOiBwcm9wcy5vblRlbXBsYXRlXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QWRkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93R2FsbGVyeSA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVHYWxsZXJ5IG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uR2FsbGVyeUNsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXticm93c2VUZW1wbGF0ZXN9IGljb249ezxBZGRJY29uIC8+fSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9BZGRJY29uQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Info = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e4w4vi60"
-} : {
-  target: "e4w4vi60",
-  label: "Info"
-})(process.env.NODE_ENV === "production" ? {
-  name: "s2m15f",
-  styles: "display:flex;justify-content:center;align-items:center;margin-top:5px;>svg{width:20px;margin-right:5px;}"
-} : {
-  name: "s2m15f",
-  styles: "display:flex;justify-content:center;align-items:center;margin-top:5px;>svg{width:20px;margin-right:5px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnVCIiwiZmlsZSI6IkFkZFRlbXBsYXRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJbmZvSWNvbiB9IGZyb20gXCJAbWF0ZXJpYWwtZGVzaWduLWljb25zL3N2Zy9vdXRsaW5lZC9pbmZvLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgQWRkSWNvbiB9IGZyb20gXCJAbWF0ZXJpYWwtZGVzaWduLWljb25zL3N2Zy9yb3VuZC9hZGRfY2lyY2xlX291dGxpbmUuc3ZnXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSwgQ21zRHluYW1pY1pvbmVUZW1wbGF0ZVdpdGhUeXBlbmFtZSB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBUZW1wbGF0ZUdhbGxlcnkgfSBmcm9tIFwiLi9UZW1wbGF0ZUdhbGxlcnlcIjtcbmltcG9ydCB7IEljb25CdXR0b24sIEJ1dHRvblNlY29uZGFyeSB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgdXNlVGVtcGxhdGVUeXBlbmFtZSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvZHluYW1pY1pvbmUvdXNlVGVtcGxhdGVUeXBlbmFtZVwiO1xuXG5jb25zdCBBZGRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6IDNweDtcbmA7XG5cbmNvbnN0IEFkZEJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG5cbiAgICA6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgfVxuYDtcblxuY29uc3QgSW5mbyA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbi10b3A6IDVweDtcblxuICAgID4gc3ZnIHtcbiAgICAgICAgd2lkdGg6IDIwcHg7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIH1cbmA7XG5cbmludGVyZmFjZSBVc2VBZGRUZW1wbGF0ZVBhcmFtcyB7XG4gICAgb25UZW1wbGF0ZTogKHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlV2l0aFR5cGVuYW1lKSA9PiB2b2lkO1xufVxuXG5mdW5jdGlvbiB1c2VBZGRUZW1wbGF0ZShwYXJhbXM6IFVzZUFkZFRlbXBsYXRlUGFyYW1zKSB7XG4gICAgY29uc3QgW3Nob3dHYWxsZXJ5LCBzZXRTaG93R2FsbGVyeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgeyBnZXRGdWxsVHlwZW5hbWUgfSA9IHVzZVRlbXBsYXRlVHlwZW5hbWUoKTtcblxuICAgIGNvbnN0IGJyb3dzZVRlbXBsYXRlcyA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd0dhbGxlcnkodHJ1ZSk7XG4gICAgfTtcblxuICAgIGNvbnN0IG9uVGVtcGxhdGUgPSAodGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGUpID0+IHtcbiAgICAgICAgcGFyYW1zLm9uVGVtcGxhdGUoeyAuLi50ZW1wbGF0ZSwgX190eXBlbmFtZTogZ2V0RnVsbFR5cGVuYW1lKHRlbXBsYXRlKSB9KTtcbiAgICAgICAgb25HYWxsZXJ5Q2xvc2UoKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25HYWxsZXJ5Q2xvc2UgPSAoKSA9PiB7XG4gICAgICAgIHNldFNob3dHYWxsZXJ5KGZhbHNlKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgc2hvd0dhbGxlcnksXG4gICAgICAgIGJyb3dzZVRlbXBsYXRlcyxcbiAgICAgICAgb25UZW1wbGF0ZSxcbiAgICAgICAgb25HYWxsZXJ5Q2xvc2VcbiAgICB9O1xufVxuXG5pbnRlcmZhY2UgQWRkVGVtcGxhdGVQcm9wcyB7XG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgb25UZW1wbGF0ZTogVXNlQWRkVGVtcGxhdGVQYXJhbXNbXCJvblRlbXBsYXRlXCJdO1xufVxuXG5leHBvcnQgY29uc3QgQWRkVGVtcGxhdGVCdXR0b24gPSAocHJvcHM6IEFkZFRlbXBsYXRlUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHNob3dHYWxsZXJ5LCBvblRlbXBsYXRlLCBicm93c2VUZW1wbGF0ZXMsIG9uR2FsbGVyeUNsb3NlIH0gPSB1c2VBZGRUZW1wbGF0ZSh7XG4gICAgICAgIG9uVGVtcGxhdGU6IHByb3BzLm9uVGVtcGxhdGVcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxBZGRCdXR0b25Db250YWluZXI+XG4gICAgICAgICAgICB7c2hvd0dhbGxlcnkgPyAoXG4gICAgICAgICAgICAgICAgPFRlbXBsYXRlR2FsbGVyeSBvblRlbXBsYXRlPXtvblRlbXBsYXRlfSBvbkNsb3NlPXtvbkdhbGxlcnlDbG9zZX0gLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblNlY29uZGFyeSBvbkNsaWNrPXticm93c2VUZW1wbGF0ZXN9PisgQWRkIGEgdGVtcGxhdGU8L0J1dHRvblNlY29uZGFyeT5cbiAgICAgICAgICAgICAgICAgICAgPEluZm8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SW5mb0ljb24gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJjYXB0aW9uXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIENsaWNrIGhlcmUgdG8gbGVhcm4gaG93IHRlbXBsYXRlcyBhbmQgZHluYW1pYyB6b25lcyB3b3JrLlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICA8L0luZm8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L0FkZEJ1dHRvbkNvbnRhaW5lcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEFkZFRlbXBsYXRlSWNvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgc2hvd0dhbGxlcnksIG9uVGVtcGxhdGUsIGJyb3dzZVRlbXBsYXRlcywgb25HYWxsZXJ5Q2xvc2UgfSA9IHVzZUFkZFRlbXBsYXRlKHtcbiAgICAgICAgb25UZW1wbGF0ZTogcHJvcHMub25UZW1wbGF0ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEFkZEljb25Db250YWluZXI+XG4gICAgICAgICAgICB7c2hvd0dhbGxlcnkgPyAoXG4gICAgICAgICAgICAgICAgPFRlbXBsYXRlR2FsbGVyeSBvblRlbXBsYXRlPXtvblRlbXBsYXRlfSBvbkNsb3NlPXtvbkdhbGxlcnlDbG9zZX0gLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPEljb25CdXR0b24gb25DbGljaz17YnJvd3NlVGVtcGxhdGVzfSBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWRkSWNvbkNvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import React, { useState } from "react";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as AddCircleIcon } from "@webiny/icons/add_circle_outline.svg";
+import { TemplateGallery } from "./TemplateGallery";
+import { useTemplateTypename } from "./useTemplateTypename";
+import { Button, cn, IconButton, Link, Text, Tooltip } from "@webiny/admin-ui";
 function useAddTemplate(params) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showGallery = _useState2[0],
-    setShowGallery = _useState2[1];
-  var _useTemplateTypename = (0, _useTemplateTypename2.useTemplateTypename)(),
-    getFullTypename = _useTemplateTypename.getFullTypename;
-  var browseTemplates = function browseTemplates() {
+  const [showGallery, setShowGallery] = useState(false);
+  const {
+    getFullTypename
+  } = useTemplateTypename();
+  const browseTemplates = () => {
     setShowGallery(true);
   };
-  var onTemplate = function onTemplate(template) {
-    params.onTemplate((0, _objectSpread2.default)((0, _objectSpread2.default)({}, template), {}, {
+  const onTemplate = template => {
+    params.onTemplate({
+      ...template,
       __typename: getFullTypename(template)
-    }));
+    });
     onGalleryClose();
   };
-  var onGalleryClose = function onGalleryClose() {
+  const onGalleryClose = () => {
     setShowGallery(false);
   };
   return {
-    showGallery: showGallery,
-    browseTemplates: browseTemplates,
-    onTemplate: onTemplate,
-    onGalleryClose: onGalleryClose
+    showGallery,
+    browseTemplates,
+    onTemplate,
+    onGalleryClose
   };
 }
-var AddTemplateButton = exports.AddTemplateButton = function AddTemplateButton(props) {
-  var _useAddTemplate = useAddTemplate({
-      onTemplate: props.onTemplate
-    }),
-    showGallery = _useAddTemplate.showGallery,
-    onTemplate = _useAddTemplate.onTemplate,
-    browseTemplates = _useAddTemplate.browseTemplates,
-    onGalleryClose = _useAddTemplate.onGalleryClose;
-  return /*#__PURE__*/_react.default.createElement(AddButtonContainer, null, showGallery ? /*#__PURE__*/_react.default.createElement(_TemplateGallery.TemplateGallery, {
+export const AddTemplateButton = props => {
+  const {
+    showGallery,
+    onTemplate,
+    browseTemplates,
+    onGalleryClose
+  } = useAddTemplate({
+    onTemplate: props.onTemplate
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-rounded-md wby-border-sm wby-border-neutral-muted wby-p-sm-extra wby-mt-xs wby-mb-md wby-relative"
+  }, showGallery ? /*#__PURE__*/React.createElement(TemplateGallery, {
     onTemplate: onTemplate,
     onClose: onGalleryClose
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
-    onClick: browseTemplates
-  }, "+ Add a template"), /*#__PURE__*/_react.default.createElement(Info, null, /*#__PURE__*/_react.default.createElement(_info.ReactComponent, null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "caption"
-  }, "Click here to learn how templates and dynamic zones work."))));
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: cn(["wby-w-full wby-flex wby-flex-col wby-gap-sm-extra wby-px-xl wby-pt-xl wby-pb-lg wby-bg-neutral-subtle wby-rounded wby-text-center", "hover:wby-bg-neutral-light"])
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "sm",
+    variant: "ghost",
+    onClick: browseTemplates,
+    text: "Pick a template",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-center wby-gap-xs wby-w-full wby-mx-auto wby-text-center"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-strong"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "http://webiny.link/admin/how-to-use/dynamic-zones",
+    target: "_blank"
+  }, "Learn how"), " ", "templates and dynamic zones work."))));
 };
-var AddTemplateIcon = exports.AddTemplateIcon = function AddTemplateIcon(props) {
-  var _useAddTemplate2 = useAddTemplate({
-      onTemplate: props.onTemplate
-    }),
-    showGallery = _useAddTemplate2.showGallery,
-    onTemplate = _useAddTemplate2.onTemplate,
-    browseTemplates = _useAddTemplate2.browseTemplates,
-    onGalleryClose = _useAddTemplate2.onGalleryClose;
-  return /*#__PURE__*/_react.default.createElement(AddIconContainer, null, showGallery ? /*#__PURE__*/_react.default.createElement(_TemplateGallery.TemplateGallery, {
+export const AddTemplateIcon = props => {
+  const {
+    showGallery,
+    onTemplate,
+    browseTemplates,
+    onGalleryClose
+  } = useAddTemplate({
+    onTemplate: props.onTemplate
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-text-center wby-mt-md"
+  }, showGallery ? /*#__PURE__*/React.createElement(TemplateGallery, {
     onTemplate: onTemplate,
     onClose: onGalleryClose
-  }) : /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    onClick: browseTemplates,
-    icon: /*#__PURE__*/_react.default.createElement(_add_circle_outline.ReactComponent, null)
+  }) : /*#__PURE__*/React.createElement(Tooltip, {
+    content: "Add template",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      onClick: browseTemplates,
+      icon: /*#__PURE__*/React.createElement(AddCircleIcon, null),
+      size: "lg",
+      variant: "ghost"
+    })
   }));
 };