@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/admin/plugins/permissionRenderer/components/ContentModelPermission.js

@@ -1,92 +1,99 @@
-import React, { useCallback, useEffect } from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import { PermissionSelector } from "./PermissionSelector";
-import { useCmsData } from "./useCmsData";
-import ContentModelList from "./ContentModelList";
+import react, { useEffect, useMemo } from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useCmsData } from "./useCmsData.js";
+import ContentModelList from "./ContentModelList.js";
 import { FormComponentNote, Grid, Select } from "@webiny/admin-ui";
-import { PermissionsGroup } from "@webiny/app-admin/components/Permissions";
+import { PermissionsGroup } from "@webiny/app-admin";
 const t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
-export const ContentModelPermission = ({
-  Bind,
-  data,
-  setValue,
-  entity,
-  title,
-  locales,
-  selectedContentModelGroups = {},
-  disabled
-}) => {
-  const modelsGroups = useCmsData(locales);
-  // Set "cms.contentModel" access scope to "own" if "cms.contentModelGroup" === "own".
-  useEffect(() => {
-    if (get(data, `contentModelGroupAccessScope`) === "own" && get(data, `${entity}AccessScope`) !== "own") {
-      setValue(`${entity}AccessScope`, "own");
-    }
-  }, [data]);
-  const getItems = useCallback(code => {
-    let list = get(modelsGroups, `${code}.models`, []);
-    const groups = selectedContentModelGroups[code] || [];
-    if (groups.length) {
-      // Filter by groups
-      list = list.filter(item => groups.includes(item.group.id));
-    }
-    return list;
-  }, [modelsGroups]);
-  const endpoints = data.endpoints || [];
-  const disabledPrimaryActions = [undefined, "own", "no"].includes(data[`${entity}AccessScope`]) || !endpoints.includes("manage");
-  return /*#__PURE__*/React.createElement(PermissionsGroup, {
-    title: title
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: `${entity}AccessScope`,
-    defaultValue: "full"
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: t`Access Scope`,
-    disabled: disabled || data[`contentModelGroupAccessScope`] === "own",
-    description: t`The list of available models is defined by the options set in the content model groups section above.`,
-    options: [{
-      value: "full",
-      label: t`All models`
-    }, {
-      value: "models",
-      label: t`Only specific models`
-    }, ...(endpoints.includes("manage") && [{
-      value: "own",
-      label: t`Only models created by the user`
-    }] || [])]
-  })), data[`contentModelGroupAccessScope`] === "own" && /*#__PURE__*/React.createElement(FormComponentNote, null, /*#__PURE__*/React.createElement("strong", null, "Content Model"), "\xA0", t`access depends upon`, "\xA0", /*#__PURE__*/React.createElement("strong", null, "Content Model Group"))), /*#__PURE__*/React.createElement(React.Fragment, null, data[`${entity}AccessScope`] === "models" && /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(PermissionSelector, {
-    disabled: disabled,
-    locales: locales,
-    Bind: Bind,
-    entity: entity,
-    selectorKey: "models",
-    getItems: getItems,
-    RenderItems: ContentModelList
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: `${entity}RWD`
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: t`Primary Actions`,
-    placeholder: "Read-only",
-    disabled: disabled || disabledPrimaryActions,
-    options: [{
-      value: "r",
-      label: t`Read-only`
-    }, ...(endpoints.includes("manage") ? [{
-      value: "rw",
-      label: t`Read, write`
-    }, {
-      value: "rwd",
-      label: t`Read, write, delete`
-    }] : [])]
-  })))))));
+const ContentModelPermission = ({ Bind, data, setValue, entity, title, selectedContentModelGroups = [], disabled })=>{
+    const modelsGroups = useCmsData();
+    useEffect(()=>{
+        if ("own" === get(data, "contentModelGroupAccessScope") && "own" !== get(data, `${entity}AccessScope`)) setValue(`${entity}AccessScope`, "own");
+    }, [
+        data
+    ]);
+    const items = useMemo(()=>{
+        let list = modelsGroups.models;
+        const groups = selectedContentModelGroups || [];
+        if (groups.length) list = list.filter((item)=>groups.includes(item.group.slug));
+        return list;
+    }, [
+        modelsGroups
+    ]);
+    const endpoints = data.endpoints || [];
+    const disabledPrimaryActions = [
+        void 0,
+        "own",
+        "no"
+    ].includes(data[`${entity}AccessScope`]) || !endpoints.includes("manage");
+    return /*#__PURE__*/ react.createElement(PermissionsGroup, {
+        title: title
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}AccessScope`,
+        defaultValue: "full"
+    }, /*#__PURE__*/ react.createElement(Select, {
+        label: t`Access Scope`,
+        disabled: disabled || "own" === data["contentModelGroupAccessScope"],
+        description: t`The list of available models is defined by the options set in the content model groups section above.`,
+        options: [
+            {
+                value: "full",
+                label: t`All models`
+            },
+            {
+                value: "models",
+                label: t`Only specific models`
+            },
+            ...endpoints.includes("manage") && [
+                {
+                    value: "own",
+                    label: t`Only models created by the user`
+                }
+            ] || []
+        ]
+    })), "own" === data["contentModelGroupAccessScope"] && /*#__PURE__*/ react.createElement(FormComponentNote, null, /*#__PURE__*/ react.createElement("strong", null, "Content Model"), "\xa0", t`access depends upon`, "\xa0", /*#__PURE__*/ react.createElement("strong", null, "Content Model Group"))), /*#__PURE__*/ react.createElement(react.Fragment, null, "models" === data[`${entity}AccessScope`] && /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: "Select the model user will be allowed to access."
+    }), 0 === items.length ? /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}Props.models`
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null)) : /*#__PURE__*/ react.createElement("div", {
+        className: "mt-md"
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}Props.models`
+    }, /*#__PURE__*/ react.createElement(ContentModelList, {
+        items: items
+    }))))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}RWD`
+    }, /*#__PURE__*/ react.createElement(Select, {
+        label: t`Primary Actions`,
+        placeholder: "Read-only",
+        disabled: disabled || disabledPrimaryActions,
+        options: [
+            {
+                value: "r",
+                label: t`Read-only`
+            },
+            ...endpoints.includes("manage") ? [
+                {
+                    value: "rw",
+                    label: t`Read, write`
+                },
+                {
+                    value: "rwd",
+                    label: t`Read, write, delete`
+                }
+            ] : []
+        ]
+    })))))));
 };
+export { ContentModelPermission };
 
 //# sourceMappingURL=ContentModelPermission.js.map

package/admin/plugins/permissionRenderer/components/ContentModelPermission.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","get","i18n","PermissionSelector","useCmsData","ContentModelList","FormComponentNote","Grid","Select","PermissionsGroup","t","ns","ContentModelPermission","Bind","data","setValue","entity","title","locales","selectedContentModelGroups","disabled","modelsGroups","getItems","code","list","groups","length","filter","item","includes","group","id","endpoints","disabledPrimaryActions","undefined","createElement","Column","span","name","defaultValue","label","description","options","value","Fragment","selectorKey","RenderItems","placeholder"],"sources":["ContentModelPermission.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { PermissionSelector } from \"./PermissionSelector\";\nimport type { CmsDataCmsModel } from \"./useCmsData\";\nimport { useCmsData } from \"./useCmsData\";\nimport ContentModelList from \"./ContentModelList\";\nimport type { BindComponent } from \"@webiny/form/types\";\nimport type { CmsSecurityPermission } from \"~/types\";\nimport { FormComponentNote, Grid, Select } from \"@webiny/admin-ui\";\nimport { PermissionsGroup } from \"@webiny/app-admin/components/Permissions\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface ContentModelPermissionProps {\n    Bind: BindComponent;\n    data: CmsSecurityPermission;\n    setValue: (name: string, value: string) => void;\n    entity: string;\n    title: string;\n    locales: string[];\n    selectedContentModelGroups?: Record<string, string[]>;\n    disabled?: boolean;\n}\nexport const ContentModelPermission = ({\n    Bind,\n    data,\n    setValue,\n    entity,\n    title,\n    locales,\n    selectedContentModelGroups = {},\n    disabled\n}: ContentModelPermissionProps) => {\n    const modelsGroups = useCmsData(locales);\n    // Set \"cms.contentModel\" access scope to \"own\" if \"cms.contentModelGroup\" === \"own\".\n    useEffect(() => {\n        if (\n            get(data, `contentModelGroupAccessScope`) === \"own\" &&\n            get(data, `${entity}AccessScope`) !== \"own\"\n        ) {\n            setValue(`${entity}AccessScope`, \"own\");\n        }\n    }, [data]);\n\n    const getItems = useCallback(\n        (code: string): CmsDataCmsModel[] => {\n            let list = get(modelsGroups, `${code}.models`, []) as CmsDataCmsModel[];\n\n            const groups: string[] = selectedContentModelGroups[code] || [];\n            if (groups.length) {\n                // Filter by groups\n                list = list.filter(item => groups.includes(item.group.id));\n            }\n\n            return list;\n        },\n        [modelsGroups]\n    );\n\n    const endpoints = data.endpoints || [];\n\n    const disabledPrimaryActions =\n        [undefined, \"own\", \"no\"].includes(data[`${entity}AccessScope`]) ||\n        !endpoints.includes(\"manage\");\n\n    return (\n        <PermissionsGroup title={title}>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Bind name={`${entity}AccessScope`} defaultValue={\"full\"}>\n                                <Select\n                                    label={t`Access Scope`}\n                                    disabled={\n                                        disabled || data[`contentModelGroupAccessScope`] === \"own\"\n                                    }\n                                    description={t`The list of available models is defined by the options set in the content model groups section above.`}\n                                    options={[\n                                        {\n                                            value: \"full\",\n                                            label: t`All models`\n                                        },\n                                        {\n                                            value: \"models\",\n                                            label: t`Only specific models`\n                                        },\n                                        ...((endpoints.includes(\"manage\") && [\n                                            {\n                                                value: \"own\",\n                                                label: t`Only models created by the user`\n                                            }\n                                        ]) ||\n                                            [])\n                                    ]}\n                                />\n                            </Bind>\n                            {data[`contentModelGroupAccessScope`] === \"own\" && (\n                                <FormComponentNote>\n                                    <strong>Content Model</strong>\n                                    &nbsp;{t`access depends upon`}&nbsp;\n                                    <strong>Content Model Group</strong>\n                                </FormComponentNote>\n                            )}\n                        </Grid.Column>\n                        <>\n                            {data[`${entity}AccessScope`] === \"models\" && (\n                                <Grid.Column span={12}>\n                                    <PermissionSelector\n                                        disabled={disabled}\n                                        locales={locales}\n                                        Bind={Bind}\n                                        entity={entity}\n                                        selectorKey={\"models\"}\n                                        getItems={getItems}\n                                        RenderItems={ContentModelList}\n                                    />\n                                </Grid.Column>\n                            )}\n                        </>\n\n                        <Grid.Column span={12}>\n                            <Bind name={`${entity}RWD`}>\n                                <Select\n                                    label={t`Primary Actions`}\n                                    placeholder={\"Read-only\"}\n                                    disabled={disabled || disabledPrimaryActions}\n                                    options={[\n                                        {\n                                            value: \"r\",\n                                            label: t`Read-only`\n                                        },\n                                        ...(endpoints.includes(\"manage\")\n                                            ? [\n                                                  {\n                                                      value: \"rw\",\n                                                      label: t`Read, write`\n                                                  },\n                                                  {\n                                                      value: \"rwd\",\n                                                      label: t`Read, write, delete`\n                                                  }\n                                              ]\n                                            : [])\n                                    ]}\n                                />\n                            </Bind>\n                        </Grid.Column>\n                    </Grid>\n                </Grid.Column>\n            </Grid>\n        </PermissionsGroup>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/permissionRenderer/components/ContentModelPermission.js","sources":["../../../../../src/admin/plugins/permissionRenderer/components/ContentModelPermission.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsDataCmsGroup, CmsDataCmsModel } from \"./useCmsData.js\";\nimport { useCmsData } from \"./useCmsData.js\";\nimport ContentModelList from \"./ContentModelList.js\";\nimport type { BindComponent } from \"@webiny/form/types.js\";\nimport { FormComponentNote, Grid, Select } from \"@webiny/admin-ui\";\nimport { PermissionsGroup } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface ContentModelPermissionProps {\n    Bind: BindComponent;\n    data: Record<string, any>;\n    setValue: (name: string, value: string) => void;\n    entity: string;\n    title: string;\n    selectedContentModelGroups?: string[];\n    disabled?: boolean;\n}\nexport const ContentModelPermission = ({\n    Bind,\n    data,\n    setValue,\n    entity,\n    title,\n    selectedContentModelGroups = [],\n    disabled\n}: ContentModelPermissionProps) => {\n    const modelsGroups = useCmsData();\n    // Set \"cms.contentModel\" access scope to \"own\" if \"cms.contentModelGroup\" === \"own\".\n    useEffect(() => {\n        if (\n            get(data, `contentModelGroupAccessScope`) === \"own\" &&\n            get(data, `${entity}AccessScope`) !== \"own\"\n        ) {\n            setValue(`${entity}AccessScope`, \"own\");\n        }\n    }, [data]);\n\n    const items = useMemo((): CmsDataCmsModel<CmsDataCmsGroup>[] => {\n        let list = modelsGroups.models;\n\n        const groups: string[] = selectedContentModelGroups || [];\n        if (groups.length) {\n            // Filter by groups\n            list = list.filter(item => groups.includes(item.group.slug));\n        }\n\n        return list;\n    }, [modelsGroups]);\n\n    const endpoints = data.endpoints || [];\n\n    const disabledPrimaryActions =\n        [undefined, \"own\", \"no\"].includes(data[`${entity}AccessScope`]) ||\n        !endpoints.includes(\"manage\");\n\n    return (\n        <PermissionsGroup title={title}>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Bind name={`${entity}AccessScope`} defaultValue={\"full\"}>\n                                <Select\n                                    label={t`Access Scope`}\n                                    disabled={\n                                        disabled || data[`contentModelGroupAccessScope`] === \"own\"\n                                    }\n                                    description={t`The list of available models is defined by the options set in the content model groups section above.`}\n                                    options={[\n                                        {\n                                            value: \"full\",\n                                            label: t`All models`\n                                        },\n                                        {\n                                            value: \"models\",\n                                            label: t`Only specific models`\n                                        },\n                                        ...((endpoints.includes(\"manage\") && [\n                                            {\n                                                value: \"own\",\n                                                label: t`Only models created by the user`\n                                            }\n                                        ]) ||\n                                            [])\n                                    ]}\n                                />\n                            </Bind>\n                            {data[`contentModelGroupAccessScope`] === \"own\" && (\n                                <FormComponentNote>\n                                    <strong>Content Model</strong>\n                                    &nbsp;{t`access depends upon`}&nbsp;\n                                    <strong>Content Model Group</strong>\n                                </FormComponentNote>\n                            )}\n                        </Grid.Column>\n                        <>\n                            {data[`${entity}AccessScope`] === \"models\" && (\n                                <Grid.Column span={12}>\n                                    <FormComponentNote\n                                        text={`Select the model user will be allowed to access.`}\n                                    />\n                                    {items.length === 0 ? (\n                                        <Bind name={`${entity}Props.models`}>\n                                            <></>\n                                        </Bind>\n                                    ) : (\n                                        <div className={\"mt-md\"}>\n                                            <Bind name={`${entity}Props.models`}>\n                                                <ContentModelList items={items} />\n                                            </Bind>\n                                        </div>\n                                    )}\n                                </Grid.Column>\n                            )}\n                        </>\n\n                        <Grid.Column span={12}>\n                            <Bind name={`${entity}RWD`}>\n                                <Select\n                                    label={t`Primary Actions`}\n                                    placeholder={\"Read-only\"}\n                                    disabled={disabled || disabledPrimaryActions}\n                                    options={[\n                                        {\n                                            value: \"r\",\n                                            label: t`Read-only`\n                                        },\n                                        ...(endpoints.includes(\"manage\")\n                                            ? [\n                                                  {\n                                                      value: \"rw\",\n                                                      label: t`Read, write`\n                                                  },\n                                                  {\n                                                      value: \"rwd\",\n                                                      label: t`Read, write, delete`\n                                                  }\n                                              ]\n                                            : [])\n                                    ]}\n                                />\n                            </Bind>\n                        </Grid.Column>\n                    </Grid>\n                </Grid.Column>\n            </Grid>\n        </PermissionsGroup>\n    );\n};\n"],"names":["t","i18n","ContentModelPermission","Bind","data","setValue","entity","title","selectedContentModelGroups","disabled","modelsGroups","useCmsData","useEffect","get","items","useMemo","list","groups","item","endpoints","disabledPrimaryActions","undefined","PermissionsGroup","Grid","Select","FormComponentNote","ContentModelList"],"mappings":"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"}

package/admin/plugins/permissionRenderer/components/types.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map

package/admin/plugins/permissionRenderer/components/useCmsData.d.ts

@@ -1,18 +1,16 @@
 export interface CmsDataCmsGroup {
     id: string;
+    slug: string;
     label: string;
 }
-export interface CmsDataCmsModel {
+export interface CmsDataCmsModel<TGroup = string> {
     id: string;
     modelId: string;
     label: string;
-    group: CmsDataCmsGroup;
+    group: TGroup;
 }
 export interface UseCmsDataResponseRecords {
-    models: CmsDataCmsModel[];
+    models: CmsDataCmsModel<CmsDataCmsGroup>[];
     groups: CmsDataCmsGroup[];
 }
-export interface UseCmsDataResponse {
-    [locale: string]: UseCmsDataResponseRecords;
-}
-export declare const useCmsData: (locales: string[]) => UseCmsDataResponse;
+export declare const useCmsData: () => UseCmsDataResponseRecords;

package/admin/plugins/permissionRenderer/components/useCmsData.js

@@ -1,96 +1,39 @@
-import { useEffect, useReducer } from "react";
-import gql from "graphql-tag";
-import { useCms } from "../../../hooks";
-
-/**
- * ########################
- * List CMS Models And Groups for Permissions
- */
-
-const LIST_DATA = gql`
-    query CmsLoadPermissionsData {
-        listContentModels {
-            data {
-                modelId
-                id: modelId
-                label: name
-                group {
-                    id
-                    label: name
-                }
-            }
-            meta {
-                totalCount
-                cursor
-                hasMoreItems
-            }
-            error {
-                code
-                message
-                data
-            }
-        }
-        listContentModelGroups {
-            data {
-                id
-                label: name
-            }
-            meta {
-                totalCount
-                cursor
-                hasMoreItems
-            }
-            error {
-                code
-                message
-                data
-            }
-        }
-    }
-`;
-export const useCmsData = locales => {
-  const {
-    getApolloClient
-  } = useCms();
-  const [state, setState] = useReducer((prev, next) => {
-    return {
-      ...prev,
-      ...next
-    };
-  }, {});
-  const loadData = async () => {
-    for (const code of locales) {
-      const client = getApolloClient(code);
-      if (!state[code]) {
-        client.query({
-          query: LIST_DATA
-        }).then(({
-          data
-        }) => {
-          setState({
-            [code]: {
-              models: data.listContentModels.data,
-              groups: data.listContentModelGroups.data
-            }
-          });
-        });
-      }
-    }
-  };
-  useEffect(() => {
-    loadData();
-  }, [locales.sort().join(":")]);
-  return locales.reduce((acc, code) => {
-    if (!state[code]) {
-      acc[code] = {
+import { useEffect, useState } from "react";
+import { useFeature } from "@webiny/app";
+import { ListModelsFeature } from "../../../../features/model/listModels/feature.js";
+import { ListModelGroupsFeature } from "../../../../features/modelGroup/listModelGroups/feature.js";
+const useCmsData = ()=>{
+    const { useCase: listModelsUseCase } = useFeature(ListModelsFeature);
+    const { useCase: listModelGroupsUseCase } = useFeature(ListModelGroupsFeature);
+    const [result, setResult] = useState({
         models: [],
         groups: []
-      };
-      return acc;
-    }
-    acc[code] = state[code];
-    return acc;
-  }, {});
+    });
+    useEffect(()=>{
+        (async ()=>{
+            const [rawModels, rawGroups] = await Promise.all([
+                listModelsUseCase.execute(),
+                listModelGroupsUseCase.execute()
+            ]);
+            const groups = rawGroups.map((g)=>({
+                    id: g.id,
+                    slug: g.slug,
+                    label: g.name
+                }));
+            const models = rawModels.filter((model)=>"hidden" !== model.group).map((model)=>({
+                    id: model.modelId,
+                    modelId: model.modelId,
+                    label: model.name,
+                    group: groups.find((g)=>g.slug === model.group)
+                }));
+            setResult({
+                models,
+                groups
+            });
+        })();
+    }, []);
+    return result;
 };
+export { useCmsData };
 
 //# sourceMappingURL=useCmsData.js.map

package/admin/plugins/permissionRenderer/components/useCmsData.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useReducer","gql","useCms","LIST_DATA","useCmsData","locales","getApolloClient","state","setState","prev","next","loadData","code","client","query","then","data","models","listContentModels","groups","listContentModelGroups","sort","join","reduce","acc"],"sources":["useCmsData.ts"],"sourcesContent":["import { useEffect, useReducer } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useCms } from \"../../../hooks\";\nimport type { CmsErrorResponse } from \"~/types\";\n\nexport interface CmsDataCmsGroup {\n    id: string;\n    label: string;\n}\nexport interface CmsDataCmsModel {\n    id: string;\n    modelId: string;\n    label: string;\n    group: CmsDataCmsGroup;\n}\n/**\n * ########################\n * List CMS Models And Groups for Permissions\n */\ninterface ListCmsPermissionsResponse {\n    listContentModels: {\n        data: CmsDataCmsModel[];\n        error?: CmsErrorResponse;\n    };\n    listContentModelGroups: {\n        data: CmsDataCmsGroup[];\n        error?: CmsErrorResponse;\n    };\n}\nconst LIST_DATA = gql`\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                modelId\n                id: modelId\n                label: name\n                group {\n                    id\n                    label: name\n                }\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n`;\n\nexport interface UseCmsDataResponseRecords {\n    models: CmsDataCmsModel[];\n    groups: CmsDataCmsGroup[];\n}\ninterface State {\n    [key: string]: UseCmsDataResponseRecords;\n}\ninterface Reducer {\n    (prev: State, next: State): State;\n}\n\nexport interface UseCmsDataResponse {\n    [locale: string]: UseCmsDataResponseRecords;\n}\nexport const useCmsData = (locales: string[]): UseCmsDataResponse => {\n    const { getApolloClient } = useCms();\n    const [state, setState] = useReducer<Reducer>((prev, next) => {\n        return {\n            ...prev,\n            ...next\n        };\n    }, {});\n\n    const loadData = async () => {\n        for (const code of locales) {\n            const client = getApolloClient(code);\n\n            if (!state[code]) {\n                client.query<ListCmsPermissionsResponse>({ query: LIST_DATA }).then(({ data }) => {\n                    setState({\n                        [code]: {\n                            models: data.listContentModels.data,\n                            groups: data.listContentModelGroups.data\n                        }\n                    });\n                });\n            }\n        }\n    };\n\n    useEffect(() => {\n        loadData();\n    }, [locales.sort().join(\":\")]);\n\n    return locales.reduce((acc, code) => {\n        if (!state[code]) {\n            acc[code] = {\n                models: [],\n                groups: []\n            };\n            return acc;\n        }\n        acc[code] = state[code];\n        return acc;\n    }, {} as UseCmsDataResponse);\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,OAAO;AAC7C,OAAOC,GAAG,MAAM,aAAa;AAC7B,SAASC,MAAM;;AAaf;AACA;AACA;AACA;;AAWA,MAAMC,SAAS,GAAGF,GAAG;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAgBD,OAAO,MAAMG,UAAU,GAAIC,OAAiB,IAAyB;EACjE,MAAM;IAAEC;EAAgB,CAAC,GAAGJ,MAAM,CAAC,CAAC;EACpC,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGR,UAAU,CAAU,CAACS,IAAI,EAAEC,IAAI,KAAK;IAC1D,OAAO;MACH,GAAGD,IAAI;MACP,GAAGC;IACP,CAAC;EACL,CAAC,EAAE,CAAC,CAAC,CAAC;EAEN,MAAMC,QAAQ,GAAG,MAAAA,CAAA,KAAY;IACzB,KAAK,MAAMC,IAAI,IAAIP,OAAO,EAAE;MACxB,MAAMQ,MAAM,GAAGP,eAAe,CAACM,IAAI,CAAC;MAEpC,IAAI,CAACL,KAAK,CAACK,IAAI,CAAC,EAAE;QACdC,MAAM,CAACC,KAAK,CAA6B;UAAEA,KAAK,EAAEX;QAAU,CAAC,CAAC,CAACY,IAAI,CAAC,CAAC;UAAEC;QAAK,CAAC,KAAK;UAC9ER,QAAQ,CAAC;YACL,CAACI,IAAI,GAAG;cACJK,MAAM,EAAED,IAAI,CAACE,iBAAiB,CAACF,IAAI;cACnCG,MAAM,EAAEH,IAAI,CAACI,sBAAsB,CAACJ;YACxC;UACJ,CAAC,CAAC;QACN,CAAC,CAAC;MACN;IACJ;EACJ,CAAC;EAEDjB,SAAS,CAAC,MAAM;IACZY,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,CAACN,OAAO,CAACgB,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;EAE9B,OAAOjB,OAAO,CAACkB,MAAM,CAAC,CAACC,GAAG,EAAEZ,IAAI,KAAK;IACjC,IAAI,CAACL,KAAK,CAACK,IAAI,CAAC,EAAE;MACdY,GAAG,CAACZ,IAAI,CAAC,GAAG;QACRK,MAAM,EAAE,EAAE;QACVE,MAAM,EAAE;MACZ,CAAC;MACD,OAAOK,GAAG;IACd;IACAA,GAAG,CAACZ,IAAI,CAAC,GAAGL,KAAK,CAACK,IAAI,CAAC;IACvB,OAAOY,GAAG;EACd,CAAC,EAAE,CAAC,CAAuB,CAAC;AAChC,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/permissionRenderer/components/useCmsData.js","sources":["../../../../../src/admin/plugins/permissionRenderer/components/useCmsData.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { ListModelsFeature } from \"~/features/model/listModels/feature.js\";\nimport { ListModelGroupsFeature } from \"~/features/modelGroup/listModelGroups/feature.js\";\n\nexport interface CmsDataCmsGroup {\n    id: string;\n    slug: string;\n    label: string;\n}\nexport interface CmsDataCmsModel<TGroup = string> {\n    id: string;\n    modelId: string;\n    label: string;\n    group: TGroup;\n}\n\nexport interface UseCmsDataResponseRecords {\n    models: CmsDataCmsModel<CmsDataCmsGroup>[];\n    groups: CmsDataCmsGroup[];\n}\n\nexport const useCmsData = (): UseCmsDataResponseRecords => {\n    const { useCase: listModelsUseCase } = useFeature(ListModelsFeature);\n    const { useCase: listModelGroupsUseCase } = useFeature(ListModelGroupsFeature);\n\n    const [result, setResult] = useState<UseCmsDataResponseRecords>({ models: [], groups: [] });\n\n    useEffect(() => {\n        (async () => {\n            const [rawModels, rawGroups] = await Promise.all([\n                listModelsUseCase.execute(),\n                listModelGroupsUseCase.execute()\n            ]);\n\n            const groups: CmsDataCmsGroup[] = rawGroups.map(g => ({\n                id: g.id,\n                slug: g.slug,\n                label: g.name\n            }));\n\n            const models: CmsDataCmsModel<CmsDataCmsGroup>[] = rawModels\n                .filter(model => model.group !== \"hidden\")\n                .map(model => ({\n                    id: model.modelId,\n                    modelId: model.modelId,\n                    label: model.name,\n                    group: groups.find(g => g.slug === model.group)!\n                }));\n\n            setResult({ models, groups });\n        })();\n    }, []);\n\n    return result;\n};\n"],"names":["useCmsData","listModelsUseCase","useFeature","ListModelsFeature","listModelGroupsUseCase","ListModelGroupsFeature","result","setResult","useState","useEffect","rawModels","rawGroups","Promise","groups","g","models","model"],"mappings":";;;;AAsBO,MAAMA,aAAa;IACtB,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC,WAAWC;IAClD,MAAM,EAAE,SAASC,sBAAsB,EAAE,GAAGF,WAAWG;IAEvD,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAoC;QAAE,QAAQ,EAAE;QAAE,QAAQ,EAAE;IAAC;IAEzFC,UAAU;QACL;YACG,MAAM,CAACC,WAAWC,UAAU,GAAG,MAAMC,QAAQ,GAAG,CAAC;gBAC7CX,kBAAkB,OAAO;gBACzBG,uBAAuB,OAAO;aACjC;YAED,MAAMS,SAA4BF,UAAU,GAAG,CAACG,CAAAA,IAAM;oBAClD,IAAIA,EAAE,EAAE;oBACR,MAAMA,EAAE,IAAI;oBACZ,OAAOA,EAAE,IAAI;gBACjB;YAEA,MAAMC,SAA6CL,UAC9C,MAAM,CAACM,CAAAA,QAASA,AAAgB,aAAhBA,MAAM,KAAK,EAC3B,GAAG,CAACA,CAAAA,QAAU;oBACX,IAAIA,MAAM,OAAO;oBACjB,SAASA,MAAM,OAAO;oBACtB,OAAOA,MAAM,IAAI;oBACjB,OAAOH,OAAO,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAKE,MAAM,KAAK;gBAClD;YAEJT,UAAU;gBAAEQ;gBAAQF;YAAO;QAC/B;IACJ,GAAG,EAAE;IAEL,OAAOP;AACX"}

package/admin/plugins/permissionRenderer/index.d.ts

@@ -1,3 +1,2 @@
-import type { AdminAppPermissionRendererPlugin } from "@webiny/app-admin/types";
-declare const plugin: AdminAppPermissionRendererPlugin;
-export default plugin;
+import React from "react";
+export declare const CmsSecurityPermission: () => React.JSX.Element;

package/admin/plugins/permissionRenderer/index.js

@@ -1,22 +1,15 @@
-import React from "react";
-import { Accordion } from "@webiny/admin-ui";
-import { ReactComponent as PermissionsIcon } from "@webiny/icons/devices_other.svg";
-import { CMSPermissions } from "./CmsPermissions";
-const plugin = {
-  type: "admin-app-permissions-renderer",
-  name: "admin-app-permissions-renderer-cms",
-  render(props) {
-    return /*#__PURE__*/React.createElement(Accordion.Item, {
-      icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
-        icon: /*#__PURE__*/React.createElement(PermissionsIcon, null),
-        label: "Headless CMS Permissions"
-      }),
-      title: "Headless CMS",
-      description: "Manage Headless CMS app access permissions.",
-      "data-testid": "permission.cms"
-    }, /*#__PURE__*/React.createElement(CMSPermissions, props));
-  }
-};
-export default plugin;
+import react from "react";
+import { AdminConfig } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/devices_other.svg";
+import { CMSPermissions } from "./CmsPermissions.js";
+const { Security: Security } = AdminConfig;
+const CmsSecurityPermission = ()=>/*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Security.Permissions, {
+        name: "cms",
+        title: "Headless CMS",
+        description: "Manage Headless CMS permissions.",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        element: /*#__PURE__*/ react.createElement(CMSPermissions, null)
+    }));
+export { CmsSecurityPermission };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Accordion","ReactComponent","PermissionsIcon","CMSPermissions","plugin","type","name","render","props","createElement","Item","icon","Icon","label","title","description"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { AdminAppPermissionRendererPlugin } from \"@webiny/app-admin/types\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/devices_other.svg\";\nimport { CMSPermissions } from \"./CmsPermissions\";\n\nconst plugin: AdminAppPermissionRendererPlugin = {\n    type: \"admin-app-permissions-renderer\",\n    name: \"admin-app-permissions-renderer-cms\",\n    render(props) {\n        return (\n            <Accordion.Item\n                icon={\n                    <Accordion.Item.Icon\n                        icon={<PermissionsIcon />}\n                        label={\"Headless CMS Permissions\"}\n                    />\n                }\n                title={\"Headless CMS\"}\n                description={\"Manage Headless CMS app access permissions.\"}\n                data-testid={\"permission.cms\"}\n            >\n                <CMSPermissions {...props} />\n            </Accordion.Item>\n        );\n    }\n};\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,cAAc,IAAIC,eAAe,QAAQ,iCAAiC;AACnF,SAASC,cAAc;AAEvB,MAAMC,MAAwC,GAAG;EAC7CC,IAAI,EAAE,gCAAgC;EACtCC,IAAI,EAAE,oCAAoC;EAC1CC,MAAMA,CAACC,KAAK,EAAE;IACV,oBACIT,KAAA,CAAAU,aAAA,CAACT,SAAS,CAACU,IAAI;MACXC,IAAI,eACAZ,KAAA,CAAAU,aAAA,CAACT,SAAS,CAACU,IAAI,CAACE,IAAI;QAChBD,IAAI,eAAEZ,KAAA,CAAAU,aAAA,CAACP,eAAe,MAAE,CAAE;QAC1BW,KAAK,EAAE;MAA2B,CACrC,CACJ;MACDC,KAAK,EAAE,cAAe;MACtBC,WAAW,EAAE,6CAA8C;MAC3D,eAAa;IAAiB,gBAE9BhB,KAAA,CAAAU,aAAA,CAACN,cAAc,EAAKK,KAAQ,CAChB,CAAC;EAEzB;AACJ,CAAC;AACD,eAAeJ,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/permissionRenderer/index.js","sources":["../../../../src/admin/plugins/permissionRenderer/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/devices_other.svg\";\nimport { CMSPermissions } from \"./CmsPermissions.js\";\n\nconst { Security } = AdminConfig;\n\nexport const CmsSecurityPermission = () => (\n    <AdminConfig>\n        <Security.Permissions\n            name=\"cms\"\n            title=\"Headless CMS\"\n            description=\"Manage Headless CMS permissions.\"\n            icon={<PermissionsIcon />}\n            element={<CMSPermissions />}\n        />\n    </AdminConfig>\n);\n"],"names":["Security","AdminConfig","CmsSecurityPermission","PermissionsIcon","CMSPermissions"],"mappings":";;;;AAKA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,wBAAwB,kBACjC,oBAACD,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACG,gBAAeA;QACtB,uBAAS,oBAACC,gBAAcA"}

package/admin/views/contentModels/ContentModelEditor.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const ContentModelEditorView: () => React.JSX.Element | null;
+declare const ContentModelEditorView: () => React.JSX.Element;
 export default ContentModelEditorView;

package/admin/views/contentModels/ContentModelEditor.js

@@ -1,29 +1,21 @@
-import React from "react";
+import react from "react";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
-import { ContentModelEditor } from "../../components/ContentModelEditor/ContentModelEditor";
-import { useRouter } from "@webiny/react-router";
-import { useCms } from "../../hooks";
-import { ContentModelEditorProvider } from "../../components/ContentModelEditor";
-const ContentModelEditorView = () => {
-  const {
-    params
-  } = useRouter();
-  const {
-    apolloClient
-  } = useCms();
-  const modelId = params?.modelId;
-  if (!apolloClient || !modelId) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ContentModelEditorProvider, {
-    key: modelId,
-    apolloClient: apolloClient,
-    modelId: modelId
-  }, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement(ContentModelEditor, null)));
+import { ContentModelEditor } from "../../components/ContentModelEditor/ContentModelEditor.js";
+import { useRoute } from "@webiny/app-admin";
+import { ContentModelEditorProvider } from "../../components/ContentModelEditor/index.js";
+import { Routes } from "../../../routes.js";
+const ContentModelEditorView = ()=>{
+    const { route } = useRoute(Routes.ContentModels.Editor);
+    const modelId = route.params.modelId;
+    return /*#__PURE__*/ react.createElement(ContentModelEditorProvider, {
+        key: modelId,
+        modelId: modelId
+    }, /*#__PURE__*/ react.createElement(DndProvider, {
+        backend: HTML5Backend
+    }, /*#__PURE__*/ react.createElement(ContentModelEditor, null)));
 };
-export default ContentModelEditorView;
+const contentModels_ContentModelEditor = ContentModelEditorView;
+export default contentModels_ContentModelEditor;
 
 //# sourceMappingURL=ContentModelEditor.js.map

package/admin/views/contentModels/ContentModelEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","HTML5Backend","DndProvider","ContentModelEditor","useRouter","useCms","ContentModelEditorProvider","ContentModelEditorView","params","apolloClient","modelId","createElement","key","backend"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { ContentModelEditor } from \"~/admin/components/ContentModelEditor/ContentModelEditor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor\";\n\nconst ContentModelEditorView = () => {\n    const { params } = useRouter();\n    const { apolloClient } = useCms();\n\n    const modelId = params?.modelId as string | undefined;\n    if (!apolloClient || !modelId) {\n        return null;\n    }\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <ContentModelEditor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,kBAAkB;AAC3B,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM;AACf,SAASC,0BAA0B;AAEnC,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEK;EAAa,CAAC,GAAGJ,MAAM,CAAC,CAAC;EAEjC,MAAMK,OAAO,GAAGF,MAAM,EAAEE,OAA6B;EACrD,IAAI,CAACD,YAAY,IAAI,CAACC,OAAO,EAAE;IAC3B,OAAO,IAAI;EACf;EACA,oBACIV,KAAA,CAAAW,aAAA,CAACL,0BAA0B;IAACM,GAAG,EAAEF,OAAQ;IAACD,YAAY,EAAEA,YAAa;IAACC,OAAO,EAAEA;EAAQ,gBACnFV,KAAA,CAAAW,aAAA,CAACT,WAAW;IAACW,OAAO,EAAEZ;EAAa,gBAC/BD,KAAA,CAAAW,aAAA,CAACR,kBAAkB,MAAE,CACZ,CACW,CAAC;AAErC,CAAC;AACD,eAAeI,sBAAsB","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/ContentModelEditor.js","sources":["../../../../src/admin/views/contentModels/ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { ContentModelEditor } from \"~/admin/components/ContentModelEditor/ContentModelEditor.js\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst ContentModelEditorView = () => {\n    const { route } = useRoute(Routes.ContentModels.Editor);\n    const modelId = route.params.modelId;\n\n    return (\n        <ContentModelEditorProvider key={modelId} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <ContentModelEditor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"names":["ContentModelEditorView","route","useRoute","Routes","modelId","ContentModelEditorProvider","DndProvider","HTML5Backend","ContentModelEditor"],"mappings":";;;;;;;AAQA,MAAMA,yBAAyB;IAC3B,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,aAAa,CAAC,MAAM;IACtD,MAAMC,UAAUH,MAAM,MAAM,CAAC,OAAO;IAEpC,OAAO,WAAP,GACI,oBAACI,4BAA0BA;QAAC,KAAKD;QAAS,SAASA;qBAC/C,oBAACE,aAAWA;QAAC,SAASC;qBAClB,oBAACC,oBAAkBA;AAInC;AACA,yCAAeR"}

package/admin/views/utils.js

@@ -1,10 +1,12 @@
-export const deserializeSorters = data => {
-  if (typeof data !== "string") {
-    return data;
-  }
-  const [field, orderBy] = data.split("_");
-  const order = String(orderBy).toLowerCase() === "asc" ? "asc" : "desc";
-  return [field, order];
+const deserializeSorters = (data)=>{
+    if ("string" != typeof data) return data;
+    const [field, orderBy] = data.split("_");
+    const order = "asc" === String(orderBy).toLowerCase() ? "asc" : "desc";
+    return [
+        field,
+        order
+    ];
 };
+export { deserializeSorters };
 
 //# sourceMappingURL=utils.js.map

package/admin/views/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["deserializeSorters","data","field","orderBy","split","order","String","toLowerCase"],"sources":["utils.ts"],"sourcesContent":["type SortTypes = \"asc\" | \"desc\";\nexport const deserializeSorters = (data: string): [string, SortTypes] => {\n    if (typeof data !== \"string\") {\n        return data;\n    }\n    const [field, orderBy] = data.split(\"_\") as [string, SortTypes];\n    const order = String(orderBy).toLowerCase() === \"asc\" ? \"asc\" : \"desc\";\n    return [field, order];\n};\n"],"mappings":"AACA,OAAO,MAAMA,kBAAkB,GAAIC,IAAY,IAA0B;EACrE,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC1B,OAAOA,IAAI;EACf;EACA,MAAM,CAACC,KAAK,EAAEC,OAAO,CAAC,GAAGF,IAAI,CAACG,KAAK,CAAC,GAAG,CAAwB;EAC/D,MAAMC,KAAK,GAAGC,MAAM,CAACH,OAAO,CAAC,CAACI,WAAW,CAAC,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,MAAM;EACtE,OAAO,CAACL,KAAK,EAAEG,KAAK,CAAC;AACzB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/utils.js","sources":["../../../src/admin/views/utils.ts"],"sourcesContent":["type SortTypes = \"asc\" | \"desc\";\nexport const deserializeSorters = (data: string): [string, SortTypes] => {\n    if (typeof data !== \"string\") {\n        return data;\n    }\n    const [field, orderBy] = data.split(\"_\") as [string, SortTypes];\n    const order = String(orderBy).toLowerCase() === \"asc\" ? \"asc\" : \"desc\";\n    return [field, order];\n};\n"],"names":["deserializeSorters","data","field","orderBy","order","String"],"mappings":"AACO,MAAMA,qBAAqB,CAACC;IAC/B,IAAI,AAAgB,YAAhB,OAAOA,MACP,OAAOA;IAEX,MAAM,CAACC,OAAOC,QAAQ,GAAGF,KAAK,KAAK,CAAC;IACpC,MAAMG,QAAQC,AAAkC,UAAlCA,OAAOF,SAAS,WAAW,KAAe,QAAQ;IAChE,OAAO;QAACD;QAAOE;KAAM;AACzB"}

package/admin/viewsGraphql.d.ts

@@ -1,8 +1,8 @@
-import type { CmsErrorResponse, CmsGroup, CmsModel } from "../types";
+import type { CmsErrorResponse, CmsGroup, CmsModel } from "../types.js";
 /**
  * ############################
  * List groups with models Query
- * * Fetches data needed for constructing content models list in the main menu.
+ * Fetches data needed for constructing content models list in the main menu.
  */
 export interface ListMenuCmsGroupsQueryResponse {
     listContentModelGroups: {
@@ -26,7 +26,8 @@ export interface ListCmsModelsQueryVariables {
     includePlugins?: boolean;
 }
 export declare const LIST_CONTENT_MODELS: import("graphql").DocumentNode;
-export declare const withoutBeingDeletedModels: (models: CmsModel[]) => CmsModel[];
+export declare const isModelBeingDeleted: (model: CmsModel) => boolean;
+export declare const isModelHidden: (model: Pick<CmsModel, "tags">) => boolean;
 /**
  * ############################
  * Create Mutation