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

package/admin/hooks/usePermission.js

@@ -1,75 +1,70 @@
-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 _useI18N = useI18N(),
-      getCurrentLocale = _useI18N.getCurrentLocale;
-
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+    identity = _useSecurity.identity,
+    getPermission = _useSecurity.getPermission;
+  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 (hasFullAccess) {
+      return true;
+    }
     if (!permission) {
       return false;
     }
-
     if (typeof permission.rwd !== "string") {
       return true;
     }
-
     return permission.rwd.includes("r");
-  }, []);
-  var canReadEntries = useCallback(function (_ref) {
+  }, [identity, hasFullAccess]);
+  var canReadEntries = (0, _react.useCallback)(function (_ref) {
     var contentModelGroup = _ref.contentModelGroup,
-        contentModel = _ref.contentModel;
-
+      contentModel = _ref.contentModel;
     if (hasFullAccess) {
       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));
+    }
 
+    // Check "contentModel" list.
+    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));
-
+    }
+    // Check "contentModelGroup" list.
+    var groups = (0, _get.default)(contentModelGroupPermission, "groups.".concat(currentLocale));
     if (Array.isArray(groups)) {
       return groups.includes(contentModelGroup.id);
     }
-
     if (typeof permission.rwd === "string") {
       return permission.rwd.includes("r");
     }
-
     return true;
   }, [identity, hasFullAccess, currentLocale]);
-  var canEdit = useCallback(function (item, permissionName) {
-    var permission = identity.getPermission(permissionName);
-
-    if (!permission) {
+  var canEdit = (0, _react.useCallback)(function (item, permissionName) {
+    var permission = getPermission(permissionName);
+    if (!permission || !identity) {
       return false;
     }
-
     if (permission.own) {
       /**
        * There will be no "createdBy" field for a new entry therefore we enable the access.
@@ -77,126 +72,74 @@ var usePermission = function usePermission() {
       if (!item.createdBy) {
         return true;
       }
-
-      return get(item, "createdBy.id") === identity.login;
+      return (0, _get.default)(item, "createdBy.id") === identity.login;
     }
-
     if (typeof permission.rwd === "string") {
       return permission.rwd.includes("w");
     }
-
     return true;
   }, [identity]);
+
   /**
    * @description This checks whether the user has the "write" access for given permission;
    * without talking the "own" property in account.
    * @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;
     }
-
     if (typeof permission.rwd !== "string") {
       return true;
     }
-
     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") {
       return permission.rwd.includes("d");
     }
-
     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;
     }
-
     if (typeof permission.pw === "string") {
       return permission.pw.includes("p");
     }
-
     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;
     }
-
     if (typeof permission.pw === "string") {
       return permission.pw.includes("u");
     }
-
-    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 +148,6 @@ var usePermission = function usePermission() {
     canDelete: canDelete,
     canPublish: canPublish,
     canUnpublish: canUnpublish,
-    canRequestReview: canRequestReview,
-    canRequestChange: canRequestChange,
     canReadContentModels: canReadContentModels,
     canReadContentModelGroups: canReadContentModelGroups,
     canCreateContentModels: canCreateContentModels,
@@ -214,5 +155,10 @@ var usePermission = function usePermission() {
     canAccessManageEndpoint: canAccessManageEndpoint
   };
 };
-
-export default usePermission;
+/**
+ * Default export is deprecated, use the named one.
+ * @deprecated
+ */
+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 { CmsIdentity, CmsGroup, CmsModel, CmsSecurityPermission } from \"~/types\";\n\ninterface CreatableItem {\n    createdBy: Pick<CmsIdentity, \"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\n            if (hasFullAccess) {\n                return true;\n            }\n\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, hasFullAccess]\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,21 @@
-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(),
-      apolloClient = _useCms.apolloClient;
-
-  return apolloUseQuery(query, _objectSpread({
+  var _useCms = (0, _useCms2.default)(),
+    apolloClient = _useCms.apolloClient;
+  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,QAAQ,CACVC,KAAmB,EAEW;EAAA,IAD9BC,OAA4C,uEAAG,CAAC,CAAC;EAEjD,cAAyB,IAAAC,gBAAM,GAAE;IAAzBC,YAAY,WAAZA,YAAY;EAEpB,OAAO,IAAAC,oBAAc,EAAoBJ,KAAK;IAC1CK,MAAM,EAAEF,YAAY;IACpBG,IAAI,EAAE,CAACH;EAAY,GAChBF,OAAO,EACZ;AACN,CAAC;AAAC,eAEaF,QAAQ;AAAA"}

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,21 @@
+"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,cAAc,CACvBC,KAAmB,EACnBC,MAAc,EAEgB;EAAA,IAD9BC,OAA4C,uEAAG,CAAC,CAAC;EAEjD,cAA4B,IAAAC,gBAAM,GAAE;IAA5BC,eAAe,WAAfA,eAAe;EACvB,IAAMC,MAAM,GAAGD,eAAe,CAACH,MAAM,CAAC;EAEtC,OAAO,IAAAK,oBAAc,EAAoBN,KAAK;IAC1CK,MAAM,EAANA,MAAM;IACNE,IAAI,EAAE,CAACF;EAAM,GACVH,OAAO,EACZ;AACN,CAAC;AAAC"}

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,46 @@
+"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,sBAAgC,GAAS;EAC3C,qBAMI,IAAAC,uBAAa,GAAE;IALfC,uBAAuB,kBAAvBA,uBAAuB;IACvBC,oBAAoB,kBAApBA,oBAAoB;IACpBC,yBAAyB,kBAAzBA,yBAAyB;IACzBC,sBAAsB,kBAAtBA,sBAAsB;IACtBC,2BAA2B,kBAA3BA,2BAA2B;EAG/B,IAAMC,SAAS,GACXL,uBAAuB,KAAKC,oBAAoB,IAAIC,yBAAyB,CAAC;EAElF,IAAI,CAACG,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,eAAQ,qBACL,6BAAC,iBAAI;IAAC,IAAI,EAAE,aAAc;IAAC,KAAK,EAAE,cAAe;IAAC,IAAI,eAAE,6BAAC,sCAAe;EAAI,GACvE,CAACF,sBAAsB,IAAIC,2BAA2B,kBACnD,6BAAC,iBAAI;IAAC,IAAI,EAAE,2BAA4B;IAAC,KAAK,EAAE,gBAAiB;IAAC,GAAG,EAAE;EAAQ,GAC1ED,sBAAsB,iBACnB,6BAAC,iBAAI;IACD,IAAI,EAAE,kCAAmC;IACzC,KAAK,EAAE,QAAS;IAChB,IAAI,EAAE;EAAsB,EAEnC,EACAC,2BAA2B,iBACxB,6BAAC,iBAAI;IACD,IAAI,EAAE,kCAAmC;IACzC,KAAK,EAAE,QAAS;IAChB,IAAI,EAAE;EAA4B,EAEzC,CAER,eACD,6BAAC,8CAAsB,OAAG,CACvB,eACP,6BAAC,4BAAmB,OAAG,CAChB;AAEnB,CAAC;AAEM,IAAME,aAAuB,gBAAGC,cAAK,CAACC,IAAI,CAACV,sBAAsB,CAAC;AAAC;AAE1EQ,aAAa,CAACG,WAAW,GAAG,eAAe"}

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,85 @@
+"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":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAUA,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAqE,OAIrE;EAAA,IAHFC,KAAK,QAALA,KAAK;IACLC,YAAY,QAAZA,YAAY;IACZC,QAAQ,QAARA,QAAQ;EAER,qBAA2B,IAAAC,uBAAa,GAAE;IAAlCC,cAAc,kBAAdA,cAAc;EAEtB,IAAIH,YAAY,EAAE;IACd,IAAI,CAACG,cAAc,CAAC;MAAEC,iBAAiB,EAAEL,KAAK;MAAEC,YAAY,EAAZA;IAAa,CAAC,CAAC,EAAE;MAC7D,OAAO,IAAI;IACf;EACJ,CAAC,MAAM;IACH,IAAMK,yBAAyB,GAAGN,KAAK,CAACO,aAAa,CAACC,IAAI,CAAC,UAAAP,YAAY;MAAA,OACnEG,cAAc,CAAC;QACXC,iBAAiB,EAAEL,KAAK;QACxBC,YAAY,EAAZA;MACJ,CAAC,CAAC;IAAA,EACL;IAED,IAAID,KAAK,CAACO,aAAa,CAACE,MAAM,GAAG,CAAC,IAAI,CAACH,yBAAyB,EAAE;MAC9D,OAAO,IAAI;IACf;EACJ;EAEA,OAAOJ,QAAQ;AACnB,CAAC;AAKD,IAAMQ,IAAyB,GAAG,SAA5BA,IAAyB,QAAkB;EAAA,IAAZV,KAAK,SAALA,KAAK;EACtC,oBACI,6BAAC,iCAAe;IACZ,KAAK,EAAE;MAAEW,KAAK,EAAE;IAAgD,CAAE;IAClE,IAAI,EAAE,CAACX,KAAK,CAACY,IAAI,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG;EAAc,EAClD;AAEV,CAAC;AAEM,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAClD,IAAMC,QAAQ,GAAG,IAAAC,iBAAQ,EAAiCC,6CAA+B,CAAC;EAC1F,IAAMC,MAAkB,GAAG,IAAAC,YAAG,EAACJ,QAAQ,EAAE,kCAAkC,CAAC,IAAI,EAAE;EAElF,IAAI,CAACG,MAAM,IAAIA,MAAM,CAACT,MAAM,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACf;EAEA,oBACI,4DACKS,MAAM,CAACE,GAAG,CAAC,UAAApB,KAAK,EAAI;IACjB,oBACI,6BAAC,0BAA0B;MAAC,GAAG,EAAEA,KAAK,CAACqB,EAAG;MAAC,KAAK,EAAErB;IAAM,gBACpD,6BAAC,iBAAI;MACD,IAAI,EAAEA,KAAK,CAACqB,EAAG;MACf,KAAK,EAAErB,KAAK,CAACsB,IAAK;MAClB,IAAI,EAAE,CAAC,aAAa,CAAE;MACtB,IAAI,eAAE,6BAAC,IAAI;QAAC,KAAK,EAAEtB;MAAM;IAAI,GAE5BA,KAAK,CAACO,aAAa,CAACE,MAAM,KAAK,CAAC,iBAC7B,6BAAC,iBAAI;MAAC,IAAI,YAAKT,KAAK,CAACqB,EAAE,WAAS;MAAC,OAAO,eAAE,6BAAC,mCAAa;IAAI,EAC/D,EACArB,KAAK,CAACO,aAAa,CAACE,MAAM,GAAG,CAAC,IAC3BT,KAAK,CAACO,aAAa,CAACa,GAAG,CAAC,UAAAnB,YAAY;MAAA,oBAChC,6BAAC,0BAA0B;QACvB,GAAG,EAAEA,YAAY,CAACsB,OAAQ;QAC1B,KAAK,EAAEvB,KAAM;QACb,YAAY,EAAEC;MAAa,gBAE3B,6BAAC,iBAAI;QACD,IAAI,EAAEA,YAAY,CAACsB,OAAQ;QAC3B,KAAK,EAAE,IAAAC,kBAAS,EAACvB,YAAY,CAACqB,IAAI,CAAE;QACpC,IAAI,iCAA0BrB,YAAY,CAACsB,OAAO;MAAG,EACvD,CACuB;IAAA,CAChC,CAAC,CACH,CACkB;EAErC,CAAC,CAAC,CACH;AAEX,CAAC;AAAC"}

package/admin/{plugins/menus → menus}/GlobalSearchPlugins.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 /**
  * 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.
  */
-declare const GlobalSearchPlugins: () => any;
+declare const GlobalSearchPlugins: React.FC;
 export default GlobalSearchPlugins;