@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.1

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

@@ -1,87 +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 _close = require("../../../icons/close.svg");
-var _DateTimeWithoutTimezone = require("./DateTimeWithoutTimezone");
-var _DateTimeWithTimezone = require("./DateTimeWithTimezone");
-var _DateOnly = require("./DateOnly");
-var _Time = require("./Time");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/date-time");
-var plugin = {
+import React from "react";
+import get from "lodash/get.js";
+import DynamicSection from "../DynamicSection.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone.js";
+import { DateTimeWithTimezone } from "./DateTimeWithTimezone.js";
+import { DateOnly } from "./DateOnly.js";
+import { Time } from "./Time.js";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
+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.list && !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 = undefined;
-        if (index > 0) {
-          trailingIcon = {
-            icon: /*#__PURE__*/_react.default.createElement(_close.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(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","_close","_DateTimeWithoutTimezone","_DateTimeWithTimezone","_DateOnly","_Time","_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","undefined","icon","ReactComponent","onClick","removeValue","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","_objectSpread2","label","number","DateOnly","_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 \"~/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: 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                        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":"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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","list","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.js\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone.js\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone.js\";\nimport { DateOnly } from \"./DateOnly.js\";\nimport { Time } from \"./Time.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\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.list &&\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.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
+declare const _default: import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin[];
 export default _default;

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.js";
+import dateTimeFields from "./dateTimeFields.js";
+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.js\";\nimport dateTimeFields from \"./dateTimeFields.js\";\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.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelField } from "../../../../types";
+import type { CmsModelField } from "../../../../types.js";
 export declare const DEFAULT_TIMEZONE = "+01:00";
 export declare const getDefaultFieldValue: (field: CmsModelField, bind: {
     value: string | null | undefined;
@@ -7,6 +7,8 @@ export declare const getDefaultFieldValue: (field: CmsModelField, bind: {
 export declare const getCurrentTimeZone: (date?: Date) => string | null;
 export declare const getCurrentLocalTime: (date?: Date) => string;
 export declare const getCurrentDate: (date?: Date) => string;
+export declare const getHHmm: (time?: string) => string;
+export declare const getHHmmss: (time?: string) => string;
 interface RemoveFieldButtonProps {
     trailingIcon: any;
 }

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

@@ -1,74 +1,75 @@
-"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.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 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}`;
+};
+export const getHHmm = time => {
+  if (!time) {
+    return "";
+  }
+  const parsableTime = time || getCurrentLocalTime();
+  return parsableTime.split(":").slice(0, 2).join(":");
+};
+
+// Ensure a valid HH:mm:ss string, ending with :00 for seconds.
+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: "flex items-end justify-center h-full"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
     onClick: trailingIcon.onClick,
-    icon: trailingIcon.icon
-  }));
+    icon: trailingIcon.icon,
+    className: "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","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\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 type { CmsModelField } from \"~/types.js\";\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={\"flex items-end justify-center h-full\"}>\n                <IconButton\n                    variant={\"ghost\"}\n                    onClick={trailingIcon.onClick}\n                    icon={trailingIcon.icon}\n                    className={\"mb-xs-plus\"}\n                />\n            </div>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;AAGnD,OAAO,MAAMC,gBAAgB,GAAG,QAAQ;AAExC,OAAO,MAAMC,oBAAoB,GAAGA,CAChCC,KAAoB,EACpBC,IAEC,EACDC,UAAwB,KACf;EACT,MAAMC,GAAG,GAAGH,KAAK,CAACI,QAAQ,GAAGJ,KAAK,CAACI,QAAQ,CAACC,eAAe,IAAI,MAAM,GAAG,MAAM;EAC9E,IAAIJ,IAAI,CAACK,KAAK,IAAIH,GAAG,KAAK,SAAS,EAAE;IACjC,OAAOF,IAAI,CAACK,KAAK,IAAI,EAAE;EAC3B;EACA,OAAOJ,UAAU,CAAC,CAAC;AACvB,CAAC;AAED,OAAO,MAAMK,kBAAkB,GAAIC,IAAW,IAAoB;EAC9D,IAAI,CAACA,IAAI,EAAE;IACPA,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;EACrB;EACA,MAAMH,KAAK,GAAGE,IAAI,CAACE,YAAY,CAAC,CAAC;EAEjC,MAAMC,OAAO,GAAGL,KAAK,CAACM,KAAK,CAAC,mBAAmB,CAAC;EAChD,IAAI,CAACD,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EACA,MAAME,QAAQ,GAAGF,OAAO,CAAC,CAAC,CAAC;EAC3B,OAAO,GAAGE,QAAQ,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAID,QAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE;AACzD,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIP,IAAW,IAAa;EACxD,IAAI,CAACA,IAAI,EAAE;IACPA,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;EACrB;EACA,MAAMH,KAAK,GAAGE,IAAI,CAACE,YAAY,CAAC,CAAC;EAEjC,MAAM,CAACM,IAAI,CAAC,GAAGV,KAAK,CAACW,KAAK,CAAC,GAAG,CAAC;EAC/B,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACJ,KAAK,CAAC,oCAAoC,CAAC,KAAK,IAAI,EAAE;IACpE,OAAO,UAAU;EACrB;EACA,OAAOI,IAAI;AACf,CAAC;AAED,OAAO,MAAME,cAAc,GAAIV,IAAW,IAAa;EACnD,IAAI,CAACA,IAAI,EAAE;IACPA,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;EACrB;EACA,MAAMU,IAAI,GAAGC,MAAM,CAACZ,IAAI,CAACa,WAAW,CAAC,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACxD,MAAMC,KAAK,GAAGH,MAAM,CAACZ,IAAI,CAACgB,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAACF,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAC1D,MAAMG,GAAG,GAAGL,MAAM,CAACZ,IAAI,CAACkB,OAAO,CAAC,CAAC,CAAC,CAACJ,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAEnD,OAAO,GAAGH,IAAI,IAAII,KAAK,IAAIE,GAAG,EAAE;AACpC,CAAC;AAED,OAAO,MAAME,OAAO,GAAIX,IAAa,IAAK;EACtC,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,EAAE;EACb;EACA,MAAMY,YAAY,GAAGZ,IAAI,IAAID,mBAAmB,CAAC,CAAC;EAClD,OAAOa,YAAY,CAACX,KAAK,CAAC,GAAG,CAAC,CAACH,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAACe,IAAI,CAAC,GAAG,CAAC;AACxD,CAAC;;AAED;AACA,OAAO,MAAMC,SAAS,GAAId,IAAa,IAAK;EACxC,MAAMY,YAAY,GAAGZ,IAAI,IAAID,mBAAmB,CAAC,CAAC;EAClD,MAAMgB,KAAK,GAAG,CAAC,GAAGH,YAAY,CAACX,KAAK,CAAC,GAAG,CAAC,CAACH,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;EAE5D,OAAOiB,KAAK,CAACF,IAAI,CAAC,GAAG,CAAC;AAC1B,CAAC;AAKD,OAAO,MAAMG,iBAAiB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EAC3E,IAAI,CAACA,YAAY,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBACItC,KAAA,CAAAuC,aAAA,CAACtC,IAAI,CAACuC,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBzC,KAAA,CAAAuC,aAAA;IAAKG,SAAS,EAAE;EAAuC,gBACnD1C,KAAA,CAAAuC,aAAA,CAACrC,UAAU;IACPyC,OAAO,EAAE,OAAQ;IACjBC,OAAO,EAAEN,YAAY,CAACM,OAAQ;IAC9BC,IAAI,EAAEP,YAAY,CAACO,IAAK;IACxBH,SAAS,EAAE;EAAa,CAC3B,CACA,CACI,CAAC;AAEtB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsDynamicZoneTemplateWithTypename } from "../../../../types";
+import type { CmsDynamicZoneTemplateWithTypename } from "../../../../types.js";
 interface UseAddTemplateParams {
     onTemplate: (template: CmsDynamicZoneTemplateWithTypename) => void;
 }
@@ -8,5 +8,4 @@ interface AddTemplateProps {
     onTemplate: UseAddTemplateParams["onTemplate"];
 }
 export declare const AddTemplateButton: (props: AddTemplateProps) => React.JSX.Element;
-export declare const AddTemplateIcon: (props: AddTemplateProps) => React.JSX.Element;
 export {};

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

@@ -1,122 +1,35 @@
-"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__
-});
-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() {
-    setShowGallery(true);
-  };
-  var onTemplate = function onTemplate(template) {
-    params.onTemplate((0, _objectSpread2.default)((0, _objectSpread2.default)({}, template), {}, {
+import React from "react";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { TemplateGallery } from "./TemplateGallery.js";
+import { useTemplateTypename } from "./useTemplateTypename.js";
+import { Button, Dialog } from "@webiny/admin-ui";
+export const AddTemplateButton = props => {
+  const {
+    getFullTypename
+  } = useTemplateTypename();
+  const onTemplate = template => {
+    props.onTemplate({
+      ...template,
       __typename: getFullTypename(template)
-    }));
-    onGalleryClose();
-  };
-  var onGalleryClose = function onGalleryClose() {
-    setShowGallery(false);
-  };
-  return {
-    showGallery: showGallery,
-    browseTemplates: browseTemplates,
-    onTemplate: onTemplate,
-    onGalleryClose: 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, {
-    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."))));
-};
-var AddTemplateIcon = exports.AddTemplateIcon = function AddTemplateIcon(props) {
-  var _useAddTemplate2 = useAddTemplate({
-      onTemplate: props.onTemplate
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-between items-center"
+  }, /*#__PURE__*/React.createElement(Dialog, {
+    size: "lg",
+    className: "w-[800px]",
+    trigger: /*#__PURE__*/React.createElement(Button, {
+      size: "sm",
+      variant: "tertiary",
+      text: "Add a template",
+      icon: /*#__PURE__*/React.createElement(AddIcon, null)
     }),
-    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, {
+    title: "Insert a template",
+    info: /*#__PURE__*/React.createElement(React.Fragment, null)
+  }, /*#__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)
-  }));
+    onClose: () => {}
+  })));
 };
 
 //# sourceMappingURL=AddTemplate.js.map