@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

package/admin/menus/GlobalSearchPlugins.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _get = _interopRequireDefault(require("lodash/get"));
+var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
+var _plugins = require("@webiny/plugins");
+var _hooks = require("../hooks");
+var _viewsGraphql = require("../viewsGraphql");
+/**
+ * DISCLAIMER!
+ * This file is OLD and needs refactoring into something that makes more sense in the context of the new UI Composer.
+ * Even if we keep a dedicated `AdminGlobalSearchPlugin`, it needs to be converted to a proper class.
+ * This can be a "good first issue" for community to solve.
+ */
+var GlobalSearchPlugins = function GlobalSearchPlugins() {
+  var _useI18N = (0, _useI18N2.useI18N)(),
+    getCurrentLocale = _useI18N.getCurrentLocale;
+  var response = (0, _hooks.useQuery)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS);
+  var locale = getCurrentLocale("content");
+  var contentModelGroups = (0, _get.default)(response, "data.listContentModelGroups.data", []) || [];
+  var cmgHash = contentModelGroups.reduce(function (returnValue, currentValue) {
+    return returnValue + currentValue.contentModels.reduce(function (returnValue, currentValue) {
+      return returnValue + currentValue.modelId;
+    }, "");
+  }, "");
+
+  // Generate "admin-global-search" plugins - enables the user to search content via the global search bar.
+  (0, _react.useEffect)(function () {
+    // 1. Unregister all previously registered plugins.
+    _plugins.plugins.byType("admin-global-search").filter(function (item) {
+      return item.name && item.name.startsWith("admin-global-search-headless-cms");
+    }).forEach(function (item) {
+      return _plugins.plugins.unregister(item.name);
+    });
+
+    // 2. Register a new set of plugins via the latest list of content models.
+    contentModelGroups.forEach(function (group) {
+      group.contentModels.forEach(function (contentModel) {
+        var pluginName = "admin-global-search-headless-cms-" + contentModel.modelId;
+        if (!_plugins.plugins.byName(pluginName)) {
+          _plugins.plugins.register({
+            type: "admin-global-search",
+            name: "admin-global-search-headless-cms-" + contentModel.modelId,
+            route: "/cms/content-entries/" + contentModel.modelId,
+            label: contentModel.name
+          });
+        }
+      });
+    });
+  }, [locale, cmgHash]);
+  return null;
+};
+var _default = GlobalSearchPlugins;
+exports.default = _default;

package/admin/menus/GlobalSearchPlugins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GlobalSearchPlugins","useI18N","getCurrentLocale","response","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","locale","contentModelGroups","get","cmgHash","reduce","returnValue","currentValue","contentModels","modelId","useEffect","plugins","byType","filter","item","name","startsWith","forEach","unregister","group","contentModel","pluginName","byName","register","type","route","label"],"sources":["GlobalSearchPlugins.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport { AdminGlobalSearchPlugin } from \"@webiny/app-admin/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport { CmsGroup } from \"~/types\";\n\n/**\n * DISCLAIMER!\n * This file is OLD and needs refactoring into something that makes more sense in the context of the new UI Composer.\n * Even if we keep a dedicated `AdminGlobalSearchPlugin`, it needs to be converted to a proper class.\n * This can be a \"good first issue\" for community to solve.\n */\nconst GlobalSearchPlugins: React.FC = () => {\n    const { getCurrentLocale } = useI18N();\n    const response = useQuery<ListMenuCmsGroupsQueryResponse>(LIST_MENU_CONTENT_GROUPS_MODELS);\n\n    const locale = getCurrentLocale(\"content\");\n\n    const contentModelGroups: CmsGroup[] =\n        get(response, \"data.listContentModelGroups.data\", []) || [];\n\n    const cmgHash = contentModelGroups.reduce((returnValue: string, currentValue) => {\n        return (\n            returnValue +\n            currentValue.contentModels.reduce((returnValue: string, currentValue) => {\n                return returnValue + currentValue.modelId;\n            }, \"\")\n        );\n    }, \"\");\n\n    // Generate \"admin-global-search\" plugins - enables the user to search content via the global search bar.\n    useEffect(() => {\n        // 1. Unregister all previously registered plugins.\n        plugins\n            .byType<AdminGlobalSearchPlugin>(\"admin-global-search\")\n            .filter(item => item.name && item.name.startsWith(\"admin-global-search-headless-cms\"))\n            .forEach(item => plugins.unregister(item.name as string));\n\n        // 2. Register a new set of plugins via the latest list of content models.\n        contentModelGroups.forEach(group => {\n            group.contentModels.forEach(contentModel => {\n                const pluginName = \"admin-global-search-headless-cms-\" + contentModel.modelId;\n                if (!plugins.byName(pluginName)) {\n                    plugins.register({\n                        type: \"admin-global-search\",\n                        name: \"admin-global-search-headless-cms-\" + contentModel.modelId,\n                        route: \"/cms/content-entries/\" + contentModel.modelId,\n                        label: contentModel.name\n                    });\n                }\n            });\n        });\n    }, [locale, cmgHash]);\n\n    return null;\n};\n\nexport default GlobalSearchPlugins;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,mBAA6B,GAAG,SAAhCA,mBAA6B,GAAS;EACxC,eAA6B,IAAAC,iBAAO,GAAE;IAA9BC,gBAAgB,YAAhBA,gBAAgB;EACxB,IAAMC,QAAQ,GAAG,IAAAC,eAAQ,EAAiCC,6CAA+B,CAAC;EAE1F,IAAMC,MAAM,GAAGJ,gBAAgB,CAAC,SAAS,CAAC;EAE1C,IAAMK,kBAA8B,GAChC,IAAAC,YAAG,EAACL,QAAQ,EAAE,kCAAkC,EAAE,EAAE,CAAC,IAAI,EAAE;EAE/D,IAAMM,OAAO,GAAGF,kBAAkB,CAACG,MAAM,CAAC,UAACC,WAAmB,EAAEC,YAAY,EAAK;IAC7E,OACID,WAAW,GACXC,YAAY,CAACC,aAAa,CAACH,MAAM,CAAC,UAACC,WAAmB,EAAEC,YAAY,EAAK;MACrE,OAAOD,WAAW,GAAGC,YAAY,CAACE,OAAO;IAC7C,CAAC,EAAE,EAAE,CAAC;EAEd,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAC,gBAAS,EAAC,YAAM;IACZ;IACAC,gBAAO,CACFC,MAAM,CAA0B,qBAAqB,CAAC,CACtDC,MAAM,CAAC,UAAAC,IAAI;MAAA,OAAIA,IAAI,CAACC,IAAI,IAAID,IAAI,CAACC,IAAI,CAACC,UAAU,CAAC,kCAAkC,CAAC;IAAA,EAAC,CACrFC,OAAO,CAAC,UAAAH,IAAI;MAAA,OAAIH,gBAAO,CAACO,UAAU,CAACJ,IAAI,CAACC,IAAI,CAAW;IAAA,EAAC;;IAE7D;IACAb,kBAAkB,CAACe,OAAO,CAAC,UAAAE,KAAK,EAAI;MAChCA,KAAK,CAACX,aAAa,CAACS,OAAO,CAAC,UAAAG,YAAY,EAAI;QACxC,IAAMC,UAAU,GAAG,mCAAmC,GAAGD,YAAY,CAACX,OAAO;QAC7E,IAAI,CAACE,gBAAO,CAACW,MAAM,CAACD,UAAU,CAAC,EAAE;UAC7BV,gBAAO,CAACY,QAAQ,CAAC;YACbC,IAAI,EAAE,qBAAqB;YAC3BT,IAAI,EAAE,mCAAmC,GAAGK,YAAY,CAACX,OAAO;YAChEgB,KAAK,EAAE,uBAAuB,GAAGL,YAAY,CAACX,OAAO;YACrDiB,KAAK,EAAEN,YAAY,CAACL;UACxB,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACd,MAAM,EAAEG,OAAO,CAAC,CAAC;EAErB,OAAO,IAAI;AACf,CAAC;AAAC,eAEaT,mBAAmB;AAAA"}

package/admin/menus/NothingToShowElement.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const NothingToShow: React.FC;

package/admin/menus/NothingToShowElement.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NothingToShow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var _List = require("@webiny/ui/List");
+var _Typography = require("@webiny/ui/Typography");
+// TODO: implement this without relying on the `ui` package
+
+var linkStyle = /*#__PURE__*/(0, _emotion.css)({
+  color: "var(--mdc-theme-text-primary-on-background)",
+  textDecoration: "none",
+  display: "flex",
+  alignItems: "center",
+  width: "100%",
+  height: "100%",
+  outline: "none",
+  paddingLeft: 72,
+  "&:hover": {
+    textDecoration: "none"
+  }
+}, "label:linkStyle;");
+var submenuItems = /*#__PURE__*/(0, _emotion.css)({
+  ".mdc-drawer &.mdc-list-item": {
+    margin: 0,
+    paddingLeft: 0
+  }
+}, "label:submenuItems;");
+var submenuList = /*#__PURE__*/(0, _emotion.css)({
+  "&.mdc-list": {
+    padding: 0
+  }
+}, "label:submenuList;");
+var NothingToShow = function NothingToShow() {
+  return /*#__PURE__*/_react.default.createElement(_List.List, {
+    className: submenuList,
+    style: {
+      opacity: 0.4
+    }
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    className: submenuItems,
+    ripple: false,
+    disabled: true
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body2",
+    className: linkStyle
+  }, "Nothing to show.")));
+};
+exports.NothingToShow = NothingToShow;

package/admin/menus/NothingToShowElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["linkStyle","css","color","textDecoration","display","alignItems","width","height","outline","paddingLeft","submenuItems","margin","submenuList","padding","NothingToShow","opacity"],"sources":["NothingToShowElement.tsx"],"sourcesContent":["// TODO: implement this without relying on the `ui` package\nimport React from \"react\";\nimport { css } from \"emotion\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst linkStyle = css({\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textDecoration: \"none\",\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n    outline: \"none\",\n    paddingLeft: 72,\n    \"&:hover\": {\n        textDecoration: \"none\"\n    }\n});\n\nconst submenuItems = css({\n    \".mdc-drawer &.mdc-list-item\": {\n        margin: 0,\n        paddingLeft: 0\n    }\n});\n\nconst submenuList = css({\n    \"&.mdc-list\": {\n        padding: 0\n    }\n});\n\nexport const NothingToShow: React.FC = () => {\n    return (\n        <List className={submenuList} style={{ opacity: 0.4 }}>\n            <ListItem className={submenuItems} ripple={false} disabled>\n                <Typography use={\"body2\"} className={linkStyle}>\n                    Nothing to show.\n                </Typography>\n            </ListItem>\n        </List>\n    );\n};\n"],"mappings":";;;;;;;AACA;AACA;AACA;AACA;AAJA;;AAMA,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE,6CAA6C;EACpDC,cAAc,EAAE,MAAM;EACtBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,MAAM;EACfC,WAAW,EAAE,EAAE;EACf,SAAS,EAAE;IACPN,cAAc,EAAE;EACpB;AACJ,CAAC,qBAAC;AAEF,IAAMO,YAAY,gBAAG,IAAAT,YAAG,EAAC;EACrB,6BAA6B,EAAE;IAC3BU,MAAM,EAAE,CAAC;IACTF,WAAW,EAAE;EACjB;AACJ,CAAC,wBAAC;AAEF,IAAMG,WAAW,gBAAG,IAAAX,YAAG,EAAC;EACpB,YAAY,EAAE;IACVY,OAAO,EAAE;EACb;AACJ,CAAC,uBAAC;AAEK,IAAMC,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EACzC,oBACI,6BAAC,UAAI;IAAC,SAAS,EAAEF,WAAY;IAAC,KAAK,EAAE;MAAEG,OAAO,EAAE;IAAI;EAAE,gBAClD,6BAAC,cAAQ;IAAC,SAAS,EAAEL,YAAa;IAAC,MAAM,EAAE,KAAM;IAAC,QAAQ;EAAA,gBACtD,6BAAC,sBAAU;IAAC,GAAG,EAAE,OAAQ;IAAC,SAAS,EAAEV;EAAU,GAAC,kBAEhD,CAAa,CACN,CACR;AAEf,CAAC;AAAC"}

package/admin/plugins/apiInformation/index.js

@@ -1,3 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _config = require("@webiny/app/config");
 var manageQuery = "#  Webiny Headless CMS Manage API\n#\n#  This API controls all the operations within the Headless CMS module.\n#  Use it to manage content, create and modify content models and more.\n#  Explore the schema for details.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content model groups:\n{\n  listContentModelGroups {\n    data {\n      name\n      icon\n      slug\n    }\n  }\n}\n";
 var readQuery = "#  Webiny Headless CMS Read API\n#\n#  This is the API to use in your 3rd party apps to read your content.\n#  It returns only content that has been published.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content models:\n{\n  listContentModels {\n    data {\n      name\n      modelId\n    }\n  }\n}\n";
 var previewQuery = "#  Webiny Headless CMS Preview API\n#\n#  This is the API to use in your 3rd party apps to preview content.\n#  It returns the latest content revision, regardless of whether it was published or not.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content models:\n{\n  listContentModels {\n    data {\n      name\n    }\n  }\n}\n";
@@ -6,15 +13,14 @@ var plugins = [{
   name: "graphql-playground-tab-manage",
   tab: function tab(_ref) {
     var locale = _ref.locale,
-        identity = _ref.identity;
-
-    if (!identity.getPermission("cms.endpoint.manage")) {
+      identity = _ref.identity;
+    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+    if (!identity || !identity.getPermission || !identity.getPermission("cms.endpoint.manage")) {
       return null;
     }
-
     return {
       name: "Headless CMS - Manage API",
-      endpoint: process.env.REACT_APP_API_URL + "/cms/manage/" + locale,
+      endpoint: apiUrl + "/cms/manage/" + locale,
       headers: {},
       query: manageQuery
     };
@@ -24,15 +30,14 @@ var plugins = [{
   name: "graphql-playground-tab-read",
   tab: function tab(_ref2) {
     var locale = _ref2.locale,
-        identity = _ref2.identity;
-
-    if (!identity.getPermission("cms.endpoint.read")) {
+      identity = _ref2.identity;
+    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+    if (!identity || !identity.getPermission || !identity.getPermission("cms.endpoint.read")) {
       return null;
     }
-
     return {
       name: "Headless CMS - Read API",
-      endpoint: process.env.REACT_APP_API_URL + "/cms/read/" + locale,
+      endpoint: apiUrl + "/cms/read/" + locale,
       headers: {},
       query: readQuery
     };
@@ -42,18 +47,18 @@ var plugins = [{
   name: "graphql-playground-tab-preview",
   tab: function tab(_ref3) {
     var locale = _ref3.locale,
-        identity = _ref3.identity;
-
-    if (!identity.getPermission("cms.endpoint.preview")) {
+      identity = _ref3.identity;
+    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+    if (!identity || !identity.getPermission || !identity.getPermission("cms.endpoint.preview")) {
       return null;
     }
-
     return {
       name: "Headless CMS - Preview API",
-      endpoint: process.env.REACT_APP_API_URL + "/cms/preview/" + locale,
+      endpoint: apiUrl + "/cms/preview/" + locale,
       headers: {},
       query: previewQuery
     };
   }
 }];
-export default plugins;
+var _default = plugins;
+exports.default = _default;

package/admin/plugins/apiInformation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["manageQuery","readQuery","previewQuery","plugins","type","name","tab","locale","identity","apiUrl","appConfig","getKey","process","env","REACT_APP_API_URL","getPermission","endpoint","headers","query"],"sources":["index.tsx"],"sourcesContent":["import { GraphQLPlaygroundTabPlugin } from \"@webiny/app-graphql-playground/types\";\nimport raw from \"raw.macro\";\nconst manageQuery = raw(\"./placeholder.manage.graphql\");\nconst readQuery = raw(\"./placeholder.read.graphql\");\nconst previewQuery = raw(\"./placeholder.preview.graphql\");\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst plugins: GraphQLPlaygroundTabPlugin[] = [\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-manage\",\n        tab({ locale, identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.manage\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Manage API\",\n                endpoint: apiUrl + \"/cms/manage/\" + locale,\n                headers: {},\n                query: manageQuery\n            };\n        }\n    },\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-read\",\n        tab({ locale, identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.read\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Read API\",\n                endpoint: apiUrl + \"/cms/read/\" + locale,\n                headers: {},\n                query: readQuery\n            };\n        }\n    },\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-preview\",\n        tab({ locale, identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.preview\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Preview API\",\n                endpoint: apiUrl + \"/cms/preview/\" + locale,\n                headers: {},\n                query: previewQuery\n            };\n        }\n    }\n];\n\nexport default plugins;\n"],"mappings":";;;;;;AAKA;AAHA,IAAMA,WAAW,0eAAsC;AACvD,IAAMC,SAAS,2ZAAoC;AACnD,IAAMC,YAAY,mbAAuC;AAGzD,IAAMC,OAAqC,GAAG,CAC1C;EACIC,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,+BAA+B;EACrCC,GAAG,qBAAuB;IAAA,IAApBC,MAAM,QAANA,MAAM;MAAEC,QAAQ,QAARA,QAAQ;IAClB,IAAMC,MAAM,GAAGC,cAAS,CAACC,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACN,QAAQ,IACT,CAACA,QAAQ,CAACO,aAAa,IACvB,CAACP,QAAQ,CAACO,aAAa,CAAC,qBAAqB,CAAC,EAChD;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHV,IAAI,EAAE,2BAA2B;MACjCW,QAAQ,EAAEP,MAAM,GAAG,cAAc,GAAGF,MAAM;MAC1CU,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAElB;IACX,CAAC;EACL;AACJ,CAAC,EACD;EACII,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,6BAA6B;EACnCC,GAAG,sBAAuB;IAAA,IAApBC,MAAM,SAANA,MAAM;MAAEC,QAAQ,SAARA,QAAQ;IAClB,IAAMC,MAAM,GAAGC,cAAS,CAACC,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACN,QAAQ,IACT,CAACA,QAAQ,CAACO,aAAa,IACvB,CAACP,QAAQ,CAACO,aAAa,CAAC,mBAAmB,CAAC,EAC9C;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHV,IAAI,EAAE,yBAAyB;MAC/BW,QAAQ,EAAEP,MAAM,GAAG,YAAY,GAAGF,MAAM;MACxCU,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEjB;IACX,CAAC;EACL;AACJ,CAAC,EACD;EACIG,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,gCAAgC;EACtCC,GAAG,sBAAuB;IAAA,IAApBC,MAAM,SAANA,MAAM;MAAEC,QAAQ,SAARA,QAAQ;IAClB,IAAMC,MAAM,GAAGC,cAAS,CAACC,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACN,QAAQ,IACT,CAACA,QAAQ,CAACO,aAAa,IACvB,CAACP,QAAQ,CAACO,aAAa,CAAC,sBAAsB,CAAC,EACjD;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHV,IAAI,EAAE,4BAA4B;MAClCW,QAAQ,EAAEP,MAAM,GAAG,eAAe,GAAGF,MAAM;MAC3CU,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEhB;IACX,CAAC;EACL;AACJ,CAAC,CACJ;AAAC,eAEaC,OAAO;AAAA"}

package/admin/plugins/arrayUtils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Remove array value at given index.
+ */
+export declare function removeValueAtIndex(value: any[], index: number): any[] | undefined;
+/**
+ * Move array value at given index to the left.
+ */
+export declare function pullValueAtIndex(value: any[], index: number): any[];
+/**
+ * Move array value at given index to the right.
+ */
+export declare function pushValueAtIndex(value: any[], index: number): any[];

package/admin/plugins/arrayUtils.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pullValueAtIndex = pullValueAtIndex;
+exports.pushValueAtIndex = pushValueAtIndex;
+exports.removeValueAtIndex = removeValueAtIndex;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+/**
+ * Remove array value at given index.
+ */
+function removeValueAtIndex(value, index) {
+  if (index < 0) {
+    return;
+  }
+  return [].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(value.slice(index + 1)));
+}
+
+/**
+ * Move array value at given index to the left.
+ */
+function pullValueAtIndex(value, index) {
+  if (index <= 0) {
+    return value;
+  }
+  var newValue = (0, _toConsumableArray2.default)(value);
+  newValue.splice(index, 1);
+  newValue.splice(index - 1, 0, value[index]);
+  return newValue;
+}
+
+/**
+ * Move array value at given index to the right.
+ */
+function pushValueAtIndex(value, index) {
+  if (index >= value.length) {
+    return value;
+  }
+  var newValue = (0, _toConsumableArray2.default)(value);
+  newValue.splice(index, 1);
+  newValue.splice(index + 1, 0, value[index]);
+  return newValue;
+}

package/admin/plugins/arrayUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["removeValueAtIndex","value","index","slice","pullValueAtIndex","newValue","splice","pushValueAtIndex","length"],"sources":["arrayUtils.ts"],"sourcesContent":["/**\n * Remove array value at given index.\n */\nexport function removeValueAtIndex(value: any[], index: number) {\n    if (index < 0) {\n        return;\n    }\n\n    return [...value.slice(0, index), ...value.slice(index + 1)];\n}\n\n/**\n * Move array value at given index to the left.\n */\nexport function pullValueAtIndex(value: any[], index: number) {\n    if (index <= 0) {\n        return value;\n    }\n\n    const newValue = [...value];\n    newValue.splice(index, 1);\n    newValue.splice(index - 1, 0, value[index]);\n    return newValue;\n}\n\n/**\n * Move array value at given index to the right.\n */\nexport function pushValueAtIndex(value: any[], index: number) {\n    if (index >= value.length) {\n        return value;\n    }\n\n    const newValue = [...value];\n    newValue.splice(index, 1);\n    newValue.splice(index + 1, 0, value[index]);\n    return newValue;\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACO,SAASA,kBAAkB,CAACC,KAAY,EAAEC,KAAa,EAAE;EAC5D,IAAIA,KAAK,GAAG,CAAC,EAAE;IACX;EACJ;EAEA,kDAAWD,KAAK,CAACE,KAAK,CAAC,CAAC,EAAED,KAAK,CAAC,oCAAKD,KAAK,CAACE,KAAK,CAACD,KAAK,GAAG,CAAC,CAAC;AAC/D;;AAEA;AACA;AACA;AACO,SAASE,gBAAgB,CAACH,KAAY,EAAEC,KAAa,EAAE;EAC1D,IAAIA,KAAK,IAAI,CAAC,EAAE;IACZ,OAAOD,KAAK;EAChB;EAEA,IAAMI,QAAQ,oCAAOJ,KAAK,CAAC;EAC3BI,QAAQ,CAACC,MAAM,CAACJ,KAAK,EAAE,CAAC,CAAC;EACzBG,QAAQ,CAACC,MAAM,CAACJ,KAAK,GAAG,CAAC,EAAE,CAAC,EAAED,KAAK,CAACC,KAAK,CAAC,CAAC;EAC3C,OAAOG,QAAQ;AACnB;;AAEA;AACA;AACA;AACO,SAASE,gBAAgB,CAACN,KAAY,EAAEC,KAAa,EAAE;EAC1D,IAAIA,KAAK,IAAID,KAAK,CAACO,MAAM,EAAE;IACvB,OAAOP,KAAK;EAChB;EAEA,IAAMI,QAAQ,oCAAOJ,KAAK,CAAC;EAC3BI,QAAQ,CAACC,MAAM,CAACJ,KAAK,EAAE,CAAC,CAAC;EACzBG,QAAQ,CAACC,MAAM,CAACJ,KAAK,GAAG,CAAC,EAAE,CAAC,EAAED,KAAK,CAACC,KAAK,CAAC,CAAC;EAC3C,OAAOG,QAAQ;AACnB"}

package/admin/plugins/definitions/CmsEditorFieldValidatorFileTypePlugin.js

@@ -1,31 +1,30 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Plugin } from "@webiny/plugins/Plugin";
-export var CmsEditorFieldValidatorFileTypePlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(CmsEditorFieldValidatorFileTypePlugin, _Plugin);
-
-  var _super = _createSuper(CmsEditorFieldValidatorFileTypePlugin);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CmsEditorFieldValidatorFileTypePlugin = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Plugin2 = require("@webiny/plugins/Plugin");
+var CmsEditorFieldValidatorFileTypePlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(CmsEditorFieldValidatorFileTypePlugin, _Plugin);
+  var _super = (0, _createSuper2.default)(CmsEditorFieldValidatorFileTypePlugin);
   function CmsEditorFieldValidatorFileTypePlugin(config) {
     var _this;
-
-    _classCallCheck(this, CmsEditorFieldValidatorFileTypePlugin);
-
+    (0, _classCallCheck2.default)(this, CmsEditorFieldValidatorFileTypePlugin);
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "config", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "_settings", void 0);
-
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "config", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_settings", void 0);
     _this.config = config;
     return _this;
   }
-
-  _createClass(CmsEditorFieldValidatorFileTypePlugin, [{
+  (0, _createClass2.default)(CmsEditorFieldValidatorFileTypePlugin, [{
     key: "settings",
     get: function get() {
       return this._settings;
@@ -54,8 +53,7 @@ export var CmsEditorFieldValidatorFileTypePlugin = /*#__PURE__*/function (_Plugi
       this._settings = settings;
     }
   }]);
-
   return CmsEditorFieldValidatorFileTypePlugin;
-}(Plugin);
-
-_defineProperty(CmsEditorFieldValidatorFileTypePlugin, "type", "cms-editor-field-validator-fileType");
+}(_Plugin2.Plugin);
+exports.CmsEditorFieldValidatorFileTypePlugin = CmsEditorFieldValidatorFileTypePlugin;
+(0, _defineProperty2.default)(CmsEditorFieldValidatorFileTypePlugin, "type", "cms-editor-field-validator-fileType");

package/admin/plugins/definitions/CmsEditorFieldValidatorFileTypePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CmsEditorFieldValidatorFileTypePlugin","config","_settings","settings","setSettings","name","label","message","Plugin"],"sources":["CmsEditorFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n    message: string;\n    label: string;\n}\nexport interface Settings {\n    fileType: \"all\" | \"image\" | \"document\" | string;\n}\nexport class CmsEditorFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-editor-field-validator-fileType\";\n\n    private readonly config: Config;\n    private _settings: Settings | undefined;\n\n    public set settings(settings: Settings) {\n        this.setSettings(settings);\n    }\n\n    public get settings(): Settings {\n        return this._settings as Settings;\n    }\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n\n    public getLabel(): string {\n        return this.config.label;\n    }\n\n    public getMessage(): string {\n        return this.config.message;\n    }\n\n    private setSettings(settings: Settings): void {\n        this._settings = settings;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AAAgD,IAUnCA,qCAAqC;EAAA;EAAA;EAc9C,+CAAmBC,MAAc,EAAE;IAAA;IAAA;IAC/B;IAAQ;IAAA;IACR,MAAKA,MAAM,GAAGA,MAAM;IAAC;EACzB;EAAC;IAAA;IAAA,KAPD,eAAgC;MAC5B,OAAO,IAAI,CAACC,SAAS;IACzB,CAAC;IAAA,KAND,aAAoBC,QAAkB,EAAE;MACpC,IAAI,CAACC,WAAW,CAACD,QAAQ,CAAC;IAC9B;EAAC;IAAA;IAAA,OAWD,mBAAyB;MACrB,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,oBAA0B;MACtB,OAAO,IAAI,CAACJ,MAAM,CAACK,KAAK;IAC5B;EAAC;IAAA;IAAA,OAED,sBAA4B;MACxB,OAAO,IAAI,CAACL,MAAM,CAACM,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,qBAAoBJ,QAAkB,EAAQ;MAC1C,IAAI,CAACD,SAAS,GAAGC,QAAQ;IAC7B;EAAC;EAAA;AAAA,EAjCsDK,eAAM;AAAA;AAAA,8BAApDR,qCAAqC,UACC,qCAAqC"}

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js

@@ -1,36 +1,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Plugin } from "@webiny/plugins/Plugin";
-export var CmsFieldValidatorFileTypePlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(CmsFieldValidatorFileTypePlugin, _Plugin);
-
-  var _super = _createSuper(CmsFieldValidatorFileTypePlugin);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CmsFieldValidatorFileTypePlugin = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Plugin2 = require("@webiny/plugins/Plugin");
+var CmsFieldValidatorFileTypePlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(CmsFieldValidatorFileTypePlugin, _Plugin);
+  var _super = (0, _createSuper2.default)(CmsFieldValidatorFileTypePlugin);
   function CmsFieldValidatorFileTypePlugin(config) {
     var _this;
-
-    _classCallCheck(this, CmsFieldValidatorFileTypePlugin);
-
+    (0, _classCallCheck2.default)(this, CmsFieldValidatorFileTypePlugin);
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "config", void 0);
-
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "config", void 0);
     _this.config = config;
     return _this;
   }
-
-  _createClass(CmsFieldValidatorFileTypePlugin, [{
+  (0, _createClass2.default)(CmsFieldValidatorFileTypePlugin, [{
     key: "getName",
     value: function getName() {
       return this.config.name;
     }
   }]);
-
   return CmsFieldValidatorFileTypePlugin;
-}(Plugin);
-
-_defineProperty(CmsFieldValidatorFileTypePlugin, "type", "cms-model-field-validator-fileType");
+}(_Plugin2.Plugin);
+exports.CmsFieldValidatorFileTypePlugin = CmsFieldValidatorFileTypePlugin;
+(0, _defineProperty2.default)(CmsFieldValidatorFileTypePlugin, "type", "cms-model-field-validator-fileType");

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CmsFieldValidatorFileTypePlugin","config","name","Plugin"],"sources":["CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AAAgD,IAKnCA,+BAA+B;EAAA;EAAA;EAKxC,yCAAmBC,MAAc,EAAE;IAAA;IAAA;IAC/B;IAAQ;IACR,MAAKA,MAAM,GAAGA,MAAM;IAAC;EACzB;EAAC;IAAA;IAAA,OAED,mBAAyB;MACrB,OAAO,IAAI,CAACA,MAAM,CAACC,IAAI;IAC3B;EAAC;EAAA;AAAA,EAZgDC,eAAM;AAAA;AAAA,8BAA9CH,+BAA+B,UACO,oCAAoC"}

package/admin/plugins/editor/defaultBar/BackButton.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const BackButton: React.MemoExoticComponent<() => JSX.Element>;
+declare const BackButton: React.FC;
 export default BackButton;

package/admin/plugins/editor/defaultBar/BackButton.js

@@ -1,21 +1,30 @@
-import React from "react";
-import { css } from "emotion";
-import { IconButton } from "@webiny/ui/Button";
-import { useRouter } from "@webiny/react-router";
-import { ReactComponent as BackIcon } from "@svgr/webpack!./icons/round-arrow_back-24px.svg";
-var backStyles = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var _Button = require("@webiny/ui/Button");
+var _reactRouter = require("@webiny/react-router");
+var _roundArrow_back24px = require("./icons/round-arrow_back-24px.svg");
+var backStyles = /*#__PURE__*/(0, _emotion.css)({
   marginLeft: -10
 }, "label:backStyles;");
-var BackButton = /*#__PURE__*/React.memo(function () {
-  var router = useRouter();
-  return /*#__PURE__*/React.createElement(IconButton, {
+var BackButton = /*#__PURE__*/_react.default.memo(function () {
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    history = _useRouter.history;
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     "data-testid": "cms-editor-back-button",
     className: backStyles,
     onClick: function onClick() {
-      return router.history.push("/cms/content-models");
+      return history.push("/cms/content-models");
     },
-    icon: /*#__PURE__*/React.createElement(BackIcon, null)
+    icon: /*#__PURE__*/_react.default.createElement(_roundArrow_back24px.ReactComponent, null)
   });
 });
 BackButton.displayName = "BackButton";
-export default BackButton;
+var _default = BackButton;
+exports.default = _default;

package/admin/plugins/editor/defaultBar/BackButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["backStyles","css","marginLeft","BackButton","React","memo","useRouter","history","push","displayName"],"sources":["BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"./icons/round-arrow_back-24px.svg\";\n\nconst backStyles = css({\n    marginLeft: -10\n});\n\nconst BackButton: React.FC = React.memo(() => {\n    const { history } = useRouter();\n\n    return (\n        <IconButton\n            data-testid=\"cms-editor-back-button\"\n            className={backStyles}\n            onClick={() => history.push(`/cms/content-models`)}\n            icon={<BackIcon />}\n        />\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,UAAU,EAAE,CAAC;AACjB,CAAC,sBAAC;AAEF,IAAMC,UAAoB,gBAAGC,cAAK,CAACC,IAAI,CAAC,YAAM;EAC1C,iBAAoB,IAAAC,sBAAS,GAAE;IAAvBC,OAAO,cAAPA,OAAO;EAEf,oBACI,6BAAC,kBAAU;IACP,eAAY,wBAAwB;IACpC,SAAS,EAAEP,UAAW;IACtB,OAAO,EAAE;MAAA,OAAMO,OAAO,CAACC,IAAI,uBAAuB;IAAA,CAAC;IACnD,IAAI,eAAE,6BAAC,mCAAQ;EAAI,EACrB;AAEV,CAAC,CAAC;AAEFL,UAAU,CAACM,WAAW,GAAG,YAAY;AAAC,eAEvBN,UAAU;AAAA"}

package/admin/plugins/editor/defaultBar/CreateContentButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const CreateContentButton: () => JSX.Element;
+import React from "react";
+declare const CreateContentButton: React.FC;
 export default CreateContentButton;

package/admin/plugins/editor/defaultBar/CreateContentButton.js

@@ -1,46 +1,48 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _reactRouter = require("@webiny/react-router");
+var _i18n = require("@webiny/app/i18n");
+var _Button = require("@webiny/ui/Button");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var _view_list = require("../../../icons/view_list.svg");
+var _contentModels = require("../../../graphql/contentModels");
+var _hooks = require("../../../hooks");
 var _templateObject;
-
-import React from "react";
-import get from "lodash/get";
-import { useRouter } from "@webiny/react-router";
-import { i18n } from "@webiny/app/i18n";
-import { IconButton } from "@webiny/ui/Button";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { ReactComponent as ViewListIcon } from "@svgr/webpack!../../../icons/view_list.svg";
-import { GET_CONTENT_MODEL } from "../../../graphql/contentModels";
-import { useContentModelEditor } from "../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-
+var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
 var CreateContentButton = function CreateContentButton() {
-  var router = useRouter();
-
-  var _useContentModelEdito = useContentModelEditor(),
-      data = _useContentModelEdito.data,
-      apolloClient = _useContentModelEdito.apolloClient;
-
+  var router = (0, _reactRouter.useRouter)();
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+    data = _useModelEditor.data,
+    apolloClient = _useModelEditor.apolloClient;
   var getQuery = apolloClient.readQuery({
-    query: GET_CONTENT_MODEL,
+    query: _contentModels.GET_CONTENT_MODEL,
     variables: {
       modelId: data.modelId
     }
   });
-  var fields = get(getQuery, "getContentModel.data.fields", []);
+  var fields = (0, _get.default)(getQuery, "getContentModel.data.fields", []);
   var disableViewContent = fields.length === 0;
   var message = disableViewContent ? "To view the content, you first need to add a field and save the form" : "View content";
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["{message}"])))({
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{message}"])))({
       message: message
     }),
     placement: "bottom"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(ViewListIcon, null),
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_view_list.ReactComponent, null),
     onClick: function onClick() {
       return router.history.push("/cms/content-entries/".concat(data.modelId));
     },
     disabled: disableViewContent
   }));
 };
-
-export default CreateContentButton;
+var _default = CreateContentButton;
+exports.default = _default;

package/admin/plugins/editor/defaultBar/CreateContentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","CreateContentButton","router","useRouter","useModelEditor","data","apolloClient","getQuery","readQuery","query","GET_CONTENT_MODEL","variables","modelId","fields","get","disableViewContent","length","message","history","push"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as ViewListIcon } from \"~/admin/icons/view_list.svg\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton: React.FC = () => {\n    const router = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the content, you first need to add a field and save the form\"\n        : \"View content\";\n\n    return (\n        <Tooltip content={t`{message}`({ message })} placement={\"bottom\"}>\n            <IconButton\n                icon={<ViewListIcon />}\n                onClick={() => router.history.push(`/cms/content-entries/${data.modelId}`)}\n                disabled={disableViewContent}\n            />\n        </Tooltip>\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,mBAA6B,GAAG,SAAhCA,mBAA6B,GAAS;EACxC,IAAMC,MAAM,GAAG,IAAAC,sBAAS,GAAE;EAC1B,sBAA+B,IAAAC,qBAAc,GAAE;IAAvCC,IAAI,mBAAJA,IAAI;IAAEC,YAAY,mBAAZA,YAAY;EAE1B,IAAMC,QAAQ,GAAGD,YAAY,CAACE,SAAS,CAAsD;IACzFC,KAAK,EAAEC,gCAAiB;IACxBC,SAAS,EAAE;MACPC,OAAO,EAAEP,IAAI,CAACO;IAClB;EACJ,CAAC,CAAC;EACF,IAAMC,MAAM,GAAG,IAAAC,YAAG,EAACP,QAAQ,EAAE,6BAA6B,EAAE,EAAE,CAAC;EAC/D,IAAMQ,kBAAkB,GAAGF,MAAM,CAACG,MAAM,KAAK,CAAC;EAC9C,IAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAAsE,GACtE,cAAc;EAEpB,oBACI,6BAAC,gBAAO;IAAC,OAAO,EAAEjB,CAAC,6FAAY;MAAEmB,OAAO,EAAPA;IAAQ,CAAC,CAAE;IAAC,SAAS,EAAE;EAAS,gBAC7D,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,yBAAY,OAAI;IACvB,OAAO,EAAE;MAAA,OAAMf,MAAM,CAACgB,OAAO,CAACC,IAAI,gCAAyBd,IAAI,CAACO,OAAO,EAAG;IAAA,CAAC;IAC3E,QAAQ,EAAEG;EAAmB,EAC/B,CACI;AAElB,CAAC;AAAC,eAEad,mBAAmB;AAAA"}

package/admin/plugins/editor/defaultBar/Divider.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-declare const Divider: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture">, object>;
+/// <reference types="react" />
+/// <reference types="web" />
+declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Divider;