@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.40876133bb

package/admin/hooks/usePermission.d.ts

@@ -1,27 +1,26 @@
-declare type ContentModelGroup = {
-    id: string;
-    [key: string]: any;
-};
-declare type ContentModel = {
-    modelId: string;
-    [key: string]: any;
-};
-declare const usePermission: () => {
-    canReadEntries: ({ contentModelGroup, contentModel }: {
-        contentModelGroup: ContentModelGroup;
-        contentModel: ContentModel;
-    }) => boolean;
-    canEdit: (item: any, permissionName: any) => boolean;
-    canCreate: (permissionName: any) => boolean;
-    canDelete: (item: any, permissionName: any) => boolean;
-    canPublish: (permissionName: any) => boolean;
-    canUnpublish: (permissionName: any) => boolean;
-    canRequestReview: (permissionName: any) => boolean;
-    canRequestChange: (permissionName: any) => boolean;
+import { CmsCreatedBy, CmsGroup, CmsModel } from "../../types";
+interface CreatableItem {
+    createdBy: Pick<CmsCreatedBy, "id">;
+}
+interface CanReadEntriesCallableParams {
+    contentModelGroup: CmsGroup;
+    contentModel: CmsModel;
+}
+export declare const usePermission: () => {
+    canReadEntries: ({ contentModelGroup, contentModel }: CanReadEntriesCallableParams) => boolean;
+    canEdit: (item: CreatableItem, permissionName: string) => boolean;
+    canCreate: (permissionName: string) => boolean;
+    canDelete: (item: CreatableItem, permissionName: string) => boolean;
+    canPublish: (permissionName: string) => boolean;
+    canUnpublish: (permissionName: string) => boolean;
     canReadContentModels: boolean;
     canReadContentModelGroups: boolean;
     canCreateContentModels: boolean;
     canCreateContentModelGroups: boolean;
     canAccessManageEndpoint: boolean;
 };
+/**
+ * Default export is deprecated, use the named one.
+ * @deprecated
+ */
 export default usePermission;

package/admin/hooks/usePermission.js

@@ -1,21 +1,34 @@
-import { useCallback, useMemo } from "react";
-import { useSecurity } from "@webiny/app-security";
-import get from "lodash/get";
-import { useI18N } from "@webiny/app-i18n/hooks/useI18N";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePermission = exports.default = void 0;
+
+var _react = require("react");
+
+var _appSecurity = require("@webiny/app-security");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
 
 var usePermission = function usePermission() {
-  var _useSecurity = useSecurity(),
-      identity = _useSecurity.identity;
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+      identity = _useSecurity.identity,
+      getPermission = _useSecurity.getPermission;
 
-  var _useI18N = useI18N(),
+  var _useI18N = (0, _useI18N2.useI18N)(),
       getCurrentLocale = _useI18N.getCurrentLocale;
 
   var currentLocale = getCurrentLocale("content");
-  var hasFullAccess = useMemo(function () {
-    return identity.getPermission("cms.*");
-  }, []);
-  var canRead = useCallback(function (permissionName) {
-    var permission = identity.getPermission(permissionName);
+  var hasFullAccess = (0, _react.useMemo)(function () {
+    return getPermission("cms.*");
+  }, [identity]);
+  var canRead = (0, _react.useCallback)(function (permissionName) {
+    var permission = getPermission(permissionName);
 
     if (!permission) {
       return false;
@@ -26,8 +39,8 @@ var usePermission = function usePermission() {
     }
 
     return permission.rwd.includes("r");
-  }, []);
-  var canReadEntries = useCallback(function (_ref) {
+  }, [identity]);
+  var canReadEntries = (0, _react.useCallback)(function (_ref) {
     var contentModelGroup = _ref.contentModelGroup,
         contentModel = _ref.contentModel;
 
@@ -35,23 +48,23 @@ var usePermission = function usePermission() {
       return true;
     }
 
-    var permission = identity.getPermission("cms.contentEntry");
-    var contentModelPermission = identity.getPermission("cms.contentModel");
-    var contentModelGroupPermission = identity.getPermission("cms.contentModelGroup");
+    var permission = getPermission("cms.contentEntry");
+    var contentModelPermission = getPermission("cms.contentModel");
+    var contentModelGroupPermission = getPermission("cms.contentModelGroup");
 
     if (!permission) {
       return false;
     } // Check "contentModel" list.
 
 
-    var models = get(contentModelPermission, "models.".concat(currentLocale));
+    var models = (0, _get.default)(contentModelPermission, "models.".concat(currentLocale));
 
     if (Array.isArray(models)) {
       return models.includes(contentModel.modelId);
     } // Check "contentModelGroup" list.
 
 
-    var groups = get(contentModelGroupPermission, "groups.".concat(currentLocale));
+    var groups = (0, _get.default)(contentModelGroupPermission, "groups.".concat(currentLocale));
 
     if (Array.isArray(groups)) {
       return groups.includes(contentModelGroup.id);
@@ -63,10 +76,10 @@ var usePermission = function usePermission() {
 
     return true;
   }, [identity, hasFullAccess, currentLocale]);
-  var canEdit = useCallback(function (item, permissionName) {
-    var permission = identity.getPermission(permissionName);
+  var canEdit = (0, _react.useCallback)(function (item, permissionName) {
+    var permission = getPermission(permissionName);
 
-    if (!permission) {
+    if (!permission || !identity) {
       return false;
     }
 
@@ -78,7 +91,7 @@ var usePermission = function usePermission() {
         return true;
       }
 
-      return get(item, "createdBy.id") === identity.login;
+      return (0, _get.default)(item, "createdBy.id") === identity.login;
     }
 
     if (typeof permission.rwd === "string") {
@@ -93,8 +106,8 @@ var usePermission = function usePermission() {
    * @param {string} permissionName
    * */
 
-  var canCreate = useCallback(function (permissionName) {
-    var permission = identity.getPermission(permissionName);
+  var canCreate = (0, _react.useCallback)(function (permissionName) {
+    var permission = getPermission(permissionName);
 
     if (!permission) {
       return false;
@@ -105,16 +118,16 @@ var usePermission = function usePermission() {
     }
 
     return permission.rwd.includes("w");
-  }, []);
-  var canDelete = useCallback(function (item, permissionName) {
-    var permission = identity.getPermission(permissionName);
+  }, [identity]);
+  var canDelete = (0, _react.useCallback)(function (item, permissionName) {
+    var permission = getPermission(permissionName);
 
     if (!permission) {
       return false;
     }
 
     if (permission.own) {
-      return get(item, "createdBy.id") === identity.login;
+      return (0, _get.default)(item, "createdBy.id") === (identity ? identity.login : null);
     }
 
     if (typeof permission.rwd === "string") {
@@ -123,12 +136,12 @@ var usePermission = function usePermission() {
 
     return true;
   }, [identity]);
-  var canPublish = useCallback(function (permissionName) {
+  var canPublish = (0, _react.useCallback)(function (permissionName) {
     if (hasFullAccess) {
       return true;
     }
 
-    var permission = identity.getPermission(permissionName);
+    var permission = getPermission(permissionName);
 
     if (!permission) {
       return false;
@@ -140,12 +153,12 @@ var usePermission = function usePermission() {
 
     return false;
   }, [identity, hasFullAccess]);
-  var canUnpublish = useCallback(function (permissionName) {
+  var canUnpublish = (0, _react.useCallback)(function (permissionName) {
     if (hasFullAccess) {
       return true;
     }
 
-    var permission = identity.getPermission(permissionName);
+    var permission = getPermission(permissionName);
 
     if (!permission) {
       return false;
@@ -157,46 +170,12 @@ var usePermission = function usePermission() {
 
     return false;
   }, [identity, hasFullAccess]);
-  var canRequestReview = useCallback(function (permissionName) {
-    if (hasFullAccess) {
-      return true;
-    }
-
-    var permission = identity.getPermission(permissionName);
-
-    if (!permission) {
-      return false;
-    }
-
-    if (typeof permission.pw === "string") {
-      return permission.pw.includes("r");
-    }
-
-    return false;
-  }, [identity, hasFullAccess]);
-  var canRequestChange = useCallback(function (permissionName) {
-    if (hasFullAccess) {
-      return true;
-    }
-
-    var permission = identity.getPermission(permissionName);
-
-    if (!permission) {
-      return false;
-    }
-
-    if (typeof permission.pw === "string") {
-      return permission.pw.includes("c");
-    }
-
-    return false;
-  }, [identity, hasFullAccess]);
   var canReadContentModels = canRead("cms.contentModel");
   var canReadContentModelGroups = canRead("cms.contentModelGroup");
   var canCreateContentModels = canCreate("cms.contentModel");
   var canCreateContentModelGroups = canCreate("cms.contentModelGroup");
-  var canAccessManageEndpoint = useMemo(function () {
-    return identity.getPermission("cms.endpoint.manage") !== undefined;
+  var canAccessManageEndpoint = (0, _react.useMemo)(function () {
+    return getPermission("cms.endpoint.manage") !== undefined;
   }, [identity]);
   return {
     canReadEntries: canReadEntries,
@@ -205,8 +184,6 @@ var usePermission = function usePermission() {
     canDelete: canDelete,
     canPublish: canPublish,
     canUnpublish: canUnpublish,
-    canRequestReview: canRequestReview,
-    canRequestChange: canRequestChange,
     canReadContentModels: canReadContentModels,
     canReadContentModelGroups: canReadContentModelGroups,
     canCreateContentModels: canCreateContentModels,
@@ -214,5 +191,12 @@ var usePermission = function usePermission() {
     canAccessManageEndpoint: canAccessManageEndpoint
   };
 };
+/**
+ * Default export is deprecated, use the named one.
+ * @deprecated
+ */
+
 
-export default usePermission;
+exports.usePermission = usePermission;
+var _default = usePermission;
+exports.default = _default;

package/admin/hooks/usePermission.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["usePermission","useSecurity","identity","getPermission","useI18N","getCurrentLocale","currentLocale","hasFullAccess","useMemo","canRead","useCallback","permissionName","permission","rwd","includes","canReadEntries","contentModelGroup","contentModel","contentModelPermission","contentModelGroupPermission","models","get","Array","isArray","modelId","groups","id","canEdit","item","own","createdBy","login","canCreate","canDelete","canPublish","pw","canUnpublish","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","canAccessManageEndpoint","undefined"],"sources":["usePermission.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport get from \"lodash/get\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport { CmsCreatedBy, CmsGroup, CmsModel, CmsSecurityPermission } from \"~/types\";\n\ninterface CreatableItem {\n    createdBy: Pick<CmsCreatedBy, \"id\">;\n}\n\ninterface CanReadEntriesCallableParams {\n    contentModelGroup: CmsGroup;\n    contentModel: CmsModel;\n}\n\nexport const usePermission = () => {\n    const { identity, getPermission } = useSecurity();\n    const { getCurrentLocale } = useI18N();\n\n    const currentLocale = getCurrentLocale(\"content\");\n\n    const hasFullAccess = useMemo((): CmsSecurityPermission | null => {\n        return getPermission(\"cms.*\");\n    }, [identity]);\n\n    const canRead = useCallback(\n        (permissionName: string): boolean => {\n            const permission = getPermission<CmsSecurityPermission>(permissionName);\n            if (!permission) {\n                return false;\n            }\n\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n\n            return permission.rwd.includes(\"r\");\n        },\n        [identity]\n    );\n\n    const canReadEntries = useCallback(\n        ({ contentModelGroup, contentModel }: CanReadEntriesCallableParams): boolean => {\n            if (hasFullAccess) {\n                return true;\n            }\n\n            const permission = getPermission<CmsSecurityPermission>(\"cms.contentEntry\");\n            const contentModelPermission = getPermission(\"cms.contentModel\");\n            const contentModelGroupPermission = getPermission(\"cms.contentModelGroup\");\n\n            if (!permission) {\n                return false;\n            }\n\n            // Check \"contentModel\" list.\n            const models = get(contentModelPermission, `models.${currentLocale}`);\n            if (Array.isArray(models)) {\n                return models.includes(contentModel.modelId);\n            }\n            // Check \"contentModelGroup\" list.\n            const groups = get(contentModelGroupPermission, `groups.${currentLocale}`);\n            if (Array.isArray(groups)) {\n                return groups.includes(contentModelGroup.id);\n            }\n\n            if (typeof permission.rwd === \"string\") {\n                return permission.rwd.includes(\"r\");\n            }\n\n            return true;\n        },\n        [identity, hasFullAccess, currentLocale]\n    );\n\n    const canEdit = useCallback(\n        (item: CreatableItem, permissionName: string): boolean => {\n            const permission = getPermission<CmsSecurityPermission>(permissionName);\n\n            if (!permission || !identity) {\n                return false;\n            }\n            if (permission.own) {\n                /**\n                 * There will be no \"createdBy\" field for a new entry therefore we enable the access.\n                 */\n                if (!item.createdBy) {\n                    return true;\n                }\n                return get(item, \"createdBy.id\") === identity.login;\n            }\n            if (typeof permission.rwd === \"string\") {\n                return permission.rwd.includes(\"w\");\n            }\n            return true;\n        },\n        [identity]\n    );\n\n    /**\n     * @description This checks whether the user has the \"write\" access for given permission;\n     * without talking the \"own\" property in account.\n     * @param {string} permissionName\n     * */\n    const canCreate = useCallback(\n        (permissionName: string): boolean => {\n            const permission = getPermission<CmsSecurityPermission>(permissionName);\n            if (!permission) {\n                return false;\n            }\n\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n\n            return permission.rwd.includes(\"w\");\n        },\n        [identity]\n    );\n\n    const canDelete = useCallback(\n        (item: CreatableItem, permissionName: string): boolean => {\n            const permission = getPermission<CmsSecurityPermission>(permissionName);\n\n            if (!permission) {\n                return false;\n            }\n            if (permission.own) {\n                return get(item, \"createdBy.id\") === (identity ? identity.login : null);\n            }\n            if (typeof permission.rwd === \"string\") {\n                return permission.rwd.includes(\"d\");\n            }\n            return true;\n        },\n        [identity]\n    );\n\n    const canPublish = useCallback(\n        (permissionName: string): boolean => {\n            if (hasFullAccess) {\n                return true;\n            }\n            const permission = getPermission<CmsSecurityPermission>(permissionName);\n\n            if (!permission) {\n                return false;\n            }\n            if (typeof permission.pw === \"string\") {\n                return permission.pw.includes(\"p\");\n            }\n\n            return false;\n        },\n        [identity, hasFullAccess]\n    );\n\n    const canUnpublish = useCallback(\n        (permissionName: string): boolean => {\n            if (hasFullAccess) {\n                return true;\n            }\n            const permission = getPermission<CmsSecurityPermission>(permissionName);\n\n            if (!permission) {\n                return false;\n            }\n            if (typeof permission.pw === \"string\") {\n                return permission.pw.includes(\"u\");\n            }\n\n            return false;\n        },\n        [identity, hasFullAccess]\n    );\n\n    const canReadContentModels = canRead(\"cms.contentModel\");\n    const canReadContentModelGroups = canRead(\"cms.contentModelGroup\");\n    const canCreateContentModels = canCreate(\"cms.contentModel\");\n    const canCreateContentModelGroups = canCreate(\"cms.contentModelGroup\");\n    const canAccessManageEndpoint = useMemo(() => {\n        return getPermission(\"cms.endpoint.manage\") !== undefined;\n    }, [identity]);\n\n    return {\n        canReadEntries,\n        canEdit,\n        canCreate,\n        canDelete,\n        canPublish,\n        canUnpublish,\n        canReadContentModels,\n        canReadContentModelGroups,\n        canCreateContentModels,\n        canCreateContentModelGroups,\n        canAccessManageEndpoint\n    };\n};\n/**\n * Default export is deprecated, use the named one.\n * @deprecated\n */\nexport default usePermission;\n"],"mappings":"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"}

package/admin/hooks/useQuery.d.ts

@@ -1,2 +1,5 @@
-declare const useQuery: (query: any, options?: {}) => import("@apollo/react-common").QueryResult<any, Record<string, any>>;
+import { DocumentNode } from "graphql";
+import { OperationVariables, QueryResult } from "@apollo/react-common";
+import { QueryHookOptions } from "@apollo/react-hooks/lib/types";
+declare const useQuery: <TData = any, TVariables = OperationVariables>(query: DocumentNode, options?: QueryHookOptions<TData, TVariables>) => QueryResult<TData, TVariables>;
 export default useQuery;

package/admin/hooks/useQuery.js

@@ -1,17 +1,29 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { useQuery as apolloUseQuery } from "@apollo/react-hooks";
-import useCms from "./useCms";
+"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 _reactHooks = require("@apollo/react-hooks");
+
+var _useCms2 = _interopRequireDefault(require("./useCms"));
 
 var useQuery = function useQuery(query) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-  var _useCms = useCms(),
+  var _useCms = (0, _useCms2.default)(),
       apolloClient = _useCms.apolloClient;
 
-  return apolloUseQuery(query, _objectSpread({
+  return (0, _reactHooks.useQuery)(query, (0, _objectSpread2.default)({
     client: apolloClient,
     skip: !apolloClient
   }, options));
 };
 
-export default useQuery;
+var _default = useQuery;
+exports.default = _default;

package/admin/hooks/useQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useQuery","query","options","useCms","apolloClient","apolloUseQuery","client","skip"],"sources":["useQuery.ts"],"sourcesContent":["import { useQuery as apolloUseQuery } from \"@apollo/react-hooks\";\nimport useCms from \"./useCms\";\nimport { DocumentNode } from \"graphql\";\nimport { OperationVariables, QueryResult } from \"@apollo/react-common\";\nimport { QueryHookOptions } from \"@apollo/react-hooks/lib/types\";\n\nconst useQuery = function <TData = any, TVariables = OperationVariables>(\n    query: DocumentNode,\n    options: QueryHookOptions<TData, TVariables> = {}\n): QueryResult<TData, TVariables> {\n    const { apolloClient } = useCms();\n\n    return apolloUseQuery<TData, TVariables>(query, {\n        client: apolloClient,\n        skip: !apolloClient,\n        ...options\n    });\n};\n\nexport default useQuery;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CACbC,KADa,EAGiB;EAAA,IAD9BC,OAC8B,uEADiB,EACjB;;EAC9B,cAAyB,IAAAC,gBAAA,GAAzB;EAAA,IAAQC,YAAR,WAAQA,YAAR;;EAEA,OAAO,IAAAC,oBAAA,EAAkCJ,KAAlC;IACHK,MAAM,EAAEF,YADL;IAEHG,IAAI,EAAE,CAACH;EAFJ,GAGAF,OAHA,EAAP;AAKH,CAXD;;eAaeF,Q"}

package/admin/hooks/useQueryLocale.d.ts

@@ -0,0 +1,4 @@
+import { DocumentNode } from "graphql";
+import { OperationVariables, QueryResult } from "@apollo/react-common";
+import { QueryHookOptions } from "@apollo/react-hooks/lib/types";
+export declare const useQueryLocale: <TData = any, TVariables = OperationVariables>(query: DocumentNode, locale: string, options?: QueryHookOptions<TData, TVariables>) => QueryResult<TData, TVariables>;

package/admin/hooks/useQueryLocale.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useQueryLocale = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _useCms2 = _interopRequireDefault(require("./useCms"));
+
+var _reactHooks = require("@apollo/react-hooks");
+
+var useQueryLocale = function useQueryLocale(query, locale) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+  var _useCms = (0, _useCms2.default)(),
+      getApolloClient = _useCms.getApolloClient;
+
+  var client = getApolloClient(locale);
+  return (0, _reactHooks.useQuery)(query, (0, _objectSpread2.default)({
+    client: client,
+    skip: !client
+  }, options));
+};
+
+exports.useQueryLocale = useQueryLocale;

package/admin/hooks/useQueryLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useQueryLocale","query","locale","options","useCms","getApolloClient","client","apolloUseQuery","skip"],"sources":["useQueryLocale.ts"],"sourcesContent":["import useCms from \"./useCms\";\nimport { useQuery as apolloUseQuery } from \"@apollo/react-hooks\";\nimport { DocumentNode } from \"graphql\";\nimport { OperationVariables, QueryResult } from \"@apollo/react-common\";\nimport { QueryHookOptions } from \"@apollo/react-hooks/lib/types\";\n\nexport const useQueryLocale = function <TData = any, TVariables = OperationVariables>(\n    query: DocumentNode,\n    locale: string,\n    options: QueryHookOptions<TData, TVariables> = {}\n): QueryResult<TData, TVariables> {\n    const { getApolloClient } = useCms();\n    const client = getApolloClient(locale);\n\n    return apolloUseQuery<TData, TVariables>(query, {\n        client,\n        skip: !client,\n        ...options\n    });\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAC1BC,KAD0B,EAE1BC,MAF0B,EAII;EAAA,IAD9BC,OAC8B,uEADiB,EACjB;;EAC9B,cAA4B,IAAAC,gBAAA,GAA5B;EAAA,IAAQC,eAAR,WAAQA,eAAR;;EACA,IAAMC,MAAM,GAAGD,eAAe,CAACH,MAAD,CAA9B;EAEA,OAAO,IAAAK,oBAAA,EAAkCN,KAAlC;IACHK,MAAM,EAANA,MADG;IAEHE,IAAI,EAAE,CAACF;EAFJ,GAGAH,OAHA,EAAP;AAKH,CAbM"}

package/admin/icons/clone.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes" display="none">
+	<path display="inline" fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<path d="M3,6L3,6C2.45,6,2,6.45,2,7v13c0,1.1,0.9,2,2,2h13c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H5c-0.55,0-1-0.45-1-1V7
+		C4,6.45,3.55,6,3,6z M20,2H8C6.9,2,6,2.9,6,4v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M18,11h-3v3
+		c0,0.55-0.45,1-1,1h0c-0.55,0-1-0.45-1-1v-3h-3c-0.55,0-1-0.45-1-1v0c0-0.55,0.45-1,1-1h3V6c0-0.55,0.45-1,1-1h0c0.55,0,1,0.45,1,1
+		v3h3c0.55,0,1,0.45,1,1v0C19,10.55,18.55,11,18,11z"/>
+</g>
+</svg>

package/admin/icons/draft.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 19H22L11 0L0 19ZM12 16H10V14H12V16ZM12 12H10V8H12V12Z" fill="#FFB020"/>
+</svg>

package/admin/icons/published.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z" fill="#5CC8B1"/>
+</svg>

package/admin/icons/unpublished.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.73 0H5.27L0 5.27V12.73L5.27 18H12.73L18 12.73V5.27L12.73 0ZM14 12.74L12.74 14L9 10.26L5.26 14L4 12.74L7.74 9L4 5.26L5.26 4L9 7.74L12.74 4L14 5.26L10.26 9L14 12.74Z" fill="#D11F1F"/>
+</svg>

package/admin/menus/CmsMenuLoader.d.ts

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

package/admin/menus/CmsMenuLoader.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CmsMenuLoader = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _devices_otherBlack24px = require("../icons/devices_other-black-24px.svg");
+
+var _GlobalSearchPlugins = _interopRequireDefault(require("./GlobalSearchPlugins"));
+
+var _usePermission2 = _interopRequireDefault(require("../hooks/usePermission"));
+
+var _ContentGroupsMenuItems = require("./ContentGroupsMenuItems");
+
+var CmsMenuLoaderComponent = function CmsMenuLoaderComponent() {
+  var _usePermission = (0, _usePermission2.default)(),
+      canAccessManageEndpoint = _usePermission.canAccessManageEndpoint,
+      canReadContentModels = _usePermission.canReadContentModels,
+      canReadContentModelGroups = _usePermission.canReadContentModelGroups,
+      canCreateContentModels = _usePermission.canCreateContentModels,
+      canCreateContentModelGroups = _usePermission.canCreateContentModelGroups;
+
+  var hasAccess = canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);
+
+  if (!hasAccess) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "headlessCMS",
+    label: "Headless CMS",
+    icon: /*#__PURE__*/_react.default.createElement(_devices_otherBlack24px.ReactComponent, null)
+  }, (canCreateContentModels || canCreateContentModelGroups) && /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "headlessCMS.contentModels",
+    label: "Content Models",
+    pin: "first"
+  }, canCreateContentModels && /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "headlessCMS.contentModels.models",
+    label: "Models",
+    path: "/cms/content-models"
+  }), canCreateContentModelGroups && /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "headlessCMS.contentModels.groups",
+    label: "Groups",
+    path: "/cms/content-model-groups"
+  })), /*#__PURE__*/_react.default.createElement(_ContentGroupsMenuItems.ContentGroupsMenuItems, null)), /*#__PURE__*/_react.default.createElement(_GlobalSearchPlugins.default, null));
+};
+
+var CmsMenuLoader = /*#__PURE__*/_react.default.memo(CmsMenuLoaderComponent);
+
+exports.CmsMenuLoader = CmsMenuLoader;
+CmsMenuLoader.displayName = "CmsMenuLoader";

package/admin/menus/CmsMenuLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CmsMenuLoaderComponent","usePermission","canAccessManageEndpoint","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","hasAccess","CmsMenuLoader","React","memo","displayName"],"sources":["CmsMenuLoader.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { AddMenu as Menu } from \"@webiny/app-admin\";\nimport { ReactComponent as HeadlessCmsIcon } from \"~/admin/icons/devices_other-black-24px.svg\";\nimport GlobalSearchPlugins from \"./GlobalSearchPlugins\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { ContentGroupsMenuItems } from \"./ContentGroupsMenuItems\";\n\nconst CmsMenuLoaderComponent: React.FC = () => {\n    const {\n        canAccessManageEndpoint,\n        canReadContentModels,\n        canReadContentModelGroups,\n        canCreateContentModels,\n        canCreateContentModelGroups\n    } = usePermission();\n\n    const hasAccess =\n        canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);\n\n    if (!hasAccess) {\n        return null;\n    }\n\n    return (\n        <Fragment>\n            <Menu name={\"headlessCMS\"} label={\"Headless CMS\"} icon={<HeadlessCmsIcon />}>\n                {(canCreateContentModels || canCreateContentModelGroups) && (\n                    <Menu name={\"headlessCMS.contentModels\"} label={\"Content Models\"} pin={\"first\"}>\n                        {canCreateContentModels && (\n                            <Menu\n                                name={\"headlessCMS.contentModels.models\"}\n                                label={\"Models\"}\n                                path={\"/cms/content-models\"}\n                            />\n                        )}\n                        {canCreateContentModelGroups && (\n                            <Menu\n                                name={\"headlessCMS.contentModels.groups\"}\n                                label={\"Groups\"}\n                                path={\"/cms/content-model-groups\"}\n                            />\n                        )}\n                    </Menu>\n                )}\n                <ContentGroupsMenuItems />\n            </Menu>\n            <GlobalSearchPlugins />\n        </Fragment>\n    );\n};\n\nexport const CmsMenuLoader: React.FC = React.memo(CmsMenuLoaderComponent);\n\nCmsMenuLoader.displayName = \"CmsMenuLoader\";\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;EAC3C,qBAMI,IAAAC,uBAAA,GANJ;EAAA,IACIC,uBADJ,kBACIA,uBADJ;EAAA,IAEIC,oBAFJ,kBAEIA,oBAFJ;EAAA,IAGIC,yBAHJ,kBAGIA,yBAHJ;EAAA,IAIIC,sBAJJ,kBAIIA,sBAJJ;EAAA,IAKIC,2BALJ,kBAKIA,2BALJ;;EAQA,IAAMC,SAAS,GACXL,uBAAuB,KAAKC,oBAAoB,IAAIC,yBAA7B,CAD3B;;EAGA,IAAI,CAACG,SAAL,EAAgB;IACZ,OAAO,IAAP;EACH;;EAED,oBACI,6BAAC,eAAD,qBACI,6BAAC,iBAAD;IAAM,IAAI,EAAE,aAAZ;IAA2B,KAAK,EAAE,cAAlC;IAAkD,IAAI,eAAE,6BAAC,sCAAD;EAAxD,GACK,CAACF,sBAAsB,IAAIC,2BAA3B,kBACG,6BAAC,iBAAD;IAAM,IAAI,EAAE,2BAAZ;IAAyC,KAAK,EAAE,gBAAhD;IAAkE,GAAG,EAAE;EAAvE,GACKD,sBAAsB,iBACnB,6BAAC,iBAAD;IACI,IAAI,EAAE,kCADV;IAEI,KAAK,EAAE,QAFX;IAGI,IAAI,EAAE;EAHV,EAFR,EAQKC,2BAA2B,iBACxB,6BAAC,iBAAD;IACI,IAAI,EAAE,kCADV;IAEI,KAAK,EAAE,QAFX;IAGI,IAAI,EAAE;EAHV,EATR,CAFR,eAmBI,6BAAC,8CAAD,OAnBJ,CADJ,eAsBI,6BAAC,4BAAD,OAtBJ,CADJ;AA0BH,CA1CD;;AA4CO,IAAME,aAAuB,gBAAGC,cAAA,CAAMC,IAAN,CAAWV,sBAAX,CAAhC;;;AAEPQ,aAAa,CAACG,WAAd,GAA4B,eAA5B"}

package/admin/menus/ContentGroupsMenuItems.d.ts

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

package/admin/menus/ContentGroupsMenuItems.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentGroupsMenuItems = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _pluralize = _interopRequireDefault(require("pluralize"));
+
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _viewsGraphql = require("../viewsGraphql");
+
+var _useQuery = _interopRequireDefault(require("../hooks/useQuery"));
+
+var _usePermission2 = _interopRequireDefault(require("../hooks/usePermission"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _NothingToShowElement = require("./NothingToShowElement");
+
+var HasContentEntryPermissions = function HasContentEntryPermissions(_ref) {
+  var group = _ref.group,
+      contentModel = _ref.contentModel,
+      children = _ref.children;
+
+  var _usePermission = (0, _usePermission2.default)(),
+      canReadEntries = _usePermission.canReadEntries;
+
+  if (contentModel) {
+    if (!canReadEntries({
+      contentModelGroup: group,
+      contentModel: contentModel
+    })) {
+      return null;
+    }
+  } else {
+    var hasContentEntryPermission = group.contentModels.some(function (contentModel) {
+      return canReadEntries({
+        contentModelGroup: group,
+        contentModel: contentModel
+      });
+    });
+
+    if (group.contentModels.length > 0 && !hasContentEntryPermission) {
+      return null;
+    }
+  }
+
+  return children;
+};
+
+var Icon = function Icon(_ref2) {
+  var group = _ref2.group;
+  return /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    style: {
+      color: "var(--mdc-theme-text-secondary-on-background)"
+    },
+    icon: (group.icon || "").split("/")
+  });
+};
+
+var ContentGroupsMenuItems = function ContentGroupsMenuItems() {
+  var response = (0, _useQuery.default)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS);
+  var groups = (0, _get.default)(response, "data.listContentModelGroups.data") || [];
+
+  if (!groups || groups.length === 0) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, groups.map(function (group) {
+    return /*#__PURE__*/_react.default.createElement(HasContentEntryPermissions, {
+      key: group.id,
+      group: group
+    }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+      name: group.id,
+      label: group.name,
+      tags: ["headlessCMS"],
+      icon: /*#__PURE__*/_react.default.createElement(Icon, {
+        group: group
+      })
+    }, group.contentModels.length === 0 && /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+      name: "".concat(group.id, "-empty"),
+      element: /*#__PURE__*/_react.default.createElement(_NothingToShowElement.NothingToShow, null)
+    }), group.contentModels.length > 0 && group.contentModels.map(function (contentModel) {
+      return /*#__PURE__*/_react.default.createElement(HasContentEntryPermissions, {
+        key: contentModel.modelId,
+        group: group,
+        contentModel: contentModel
+      }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+        name: contentModel.modelId,
+        label: (0, _pluralize.default)(contentModel.name),
+        path: "/cms/content-entries/".concat(contentModel.modelId)
+      }));
+    })));
+  }));
+};
+
+exports.ContentGroupsMenuItems = ContentGroupsMenuItems;

package/admin/menus/ContentGroupsMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HasContentEntryPermissions","group","contentModel","children","usePermission","canReadEntries","contentModelGroup","hasContentEntryPermission","contentModels","some","length","Icon","color","icon","split","ContentGroupsMenuItems","response","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","groups","get","map","id","name","modelId","pluralize"],"sources":["ContentGroupsMenuItems.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport pluralize from \"pluralize\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport useQuery from \"~/admin/hooks/useQuery\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { AddMenu as Menu } from \"@webiny/app-admin\";\nimport { NothingToShow } from \"./NothingToShowElement\";\nimport { CmsGroup, CmsModel } from \"~/types\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface HasContentEntryPermissionsProps {\n    group: CmsGroup;\n    contentModel?: CmsModel;\n    children: JSX.Element;\n}\n\nconst HasContentEntryPermissions: React.FC<HasContentEntryPermissionsProps> = ({\n    group,\n    contentModel,\n    children\n}) => {\n    const { canReadEntries } = usePermission();\n\n    if (contentModel) {\n        if (!canReadEntries({ contentModelGroup: group, contentModel })) {\n            return null;\n        }\n    } else {\n        const hasContentEntryPermission = group.contentModels.some(contentModel =>\n            canReadEntries({\n                contentModelGroup: group,\n                contentModel\n            })\n        );\n\n        if (group.contentModels.length > 0 && !hasContentEntryPermission) {\n            return null;\n        }\n    }\n\n    return children;\n};\n\ninterface IconProps {\n    group: CmsGroup;\n}\nconst Icon: React.FC<IconProps> = ({ group }) => {\n    return (\n        <FontAwesomeIcon\n            style={{ color: \"var(--mdc-theme-text-secondary-on-background)\" }}\n            icon={(group.icon || \"\").split(\"/\") as IconProp}\n        />\n    );\n};\n\nexport const ContentGroupsMenuItems: React.FC = () => {\n    const response = useQuery<ListMenuCmsGroupsQueryResponse>(LIST_MENU_CONTENT_GROUPS_MODELS);\n    const groups: CmsGroup[] = get(response, \"data.listContentModelGroups.data\") || [];\n\n    if (!groups || groups.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map(group => {\n                return (\n                    <HasContentEntryPermissions key={group.id} group={group}>\n                        <Menu\n                            name={group.id}\n                            label={group.name}\n                            tags={[\"headlessCMS\"]}\n                            icon={<Icon group={group} />}\n                        >\n                            {group.contentModels.length === 0 && (\n                                <Menu name={`${group.id}-empty`} element={<NothingToShow />} />\n                            )}\n                            {group.contentModels.length > 0 &&\n                                group.contentModels.map(contentModel => (\n                                    <HasContentEntryPermissions\n                                        key={contentModel.modelId}\n                                        group={group}\n                                        contentModel={contentModel}\n                                    >\n                                        <Menu\n                                            name={contentModel.modelId}\n                                            label={pluralize(contentModel.name)}\n                                            path={`/cms/content-entries/${contentModel.modelId}`}\n                                        />\n                                    </HasContentEntryPermissions>\n                                ))}\n                        </Menu>\n                    </HasContentEntryPermissions>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"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"}