@webiny/app-headless-cms 6.4.5 → 6.6.0-alpha.0

package/presentation/importContentModels/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { ImportContentModelsPresenter } from "./abstractions.js";
+import { ImportContentModelsPresenter as external_ImportContentModelsPresenter_js_ImportContentModelsPresenter } from "./ImportContentModelsPresenter.js";
+const ImportContentModelsPresenterFeature = createFeature({
+    name: "CmsImportContentModels/Presenter",
+    register (container) {
+        container.register(external_ImportContentModelsPresenter_js_ImportContentModelsPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(ImportContentModelsPresenter)
+        };
+    }
+});
+export { ImportContentModelsPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/importContentModels/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/feature.js","sources":["../../../src/presentation/importContentModels/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { ImportContentModelsPresenter as Abstraction } from \"./abstractions.js\";\nimport { ImportContentModelsPresenter } from \"./ImportContentModelsPresenter.js\";\n\nexport const ImportContentModelsPresenterFeature = createFeature({\n    name: \"CmsImportContentModels/Presenter\",\n    register(container) {\n        container.register(ImportContentModelsPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["ImportContentModelsPresenterFeature","createFeature","container","ImportContentModelsPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,sCAAsCC,cAAc;IAC7D,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,uEAA8B,gBAAgB;IACrE;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/importContentModels/graphql.d.ts

@@ -0,0 +1,75 @@
+import type { CmsEditorFieldsLayout, CmsErrorResponse, CmsModelField } from "../../types.js";
+import type { ImportAction, ValidatedCmsGroup, ValidatedCmsModel } from "./types.js";
+export interface ValidateImportStructureResponseData {
+    groups: ValidatedCmsGroup[];
+    models: ValidatedCmsModel[];
+    message: string;
+}
+export interface ValidateImportStructureResponse {
+    validateImportStructure: {
+        data: ValidateImportStructureResponseData | null;
+        error: CmsErrorResponse | null;
+    };
+}
+export declare const VALIDATE_IMPORT_STRUCTURE: import("graphql").DocumentNode;
+export interface ImportStructureVariablesGroup {
+    id: string;
+    name: string;
+    slug?: string;
+    description?: string;
+    icon: string;
+}
+export interface ImportStructureVariablesModel {
+    name: string;
+    singularApiName: string;
+    pluralApiName: string;
+    modelId: string;
+    group: string;
+    icon?: string;
+    description?: string;
+    layout: CmsEditorFieldsLayout;
+    fields: CmsModelField[];
+    titleFieldId: string;
+    descriptionFieldId?: string;
+    imageFieldId?: string;
+    tags?: string[];
+}
+export interface ImportStructureVariables {
+    data: {
+        groups: ImportStructureVariablesGroup[];
+        models: ImportStructureVariablesModel[];
+    };
+}
+export interface ImportStructureResponseDataGroup {
+    group: {
+        id: string;
+        name: string;
+        slug: string;
+    };
+    action: ImportAction;
+    error: CmsErrorResponse | null;
+    imported: boolean;
+}
+export interface ImportStructureResponseDataModel {
+    model: {
+        modelId: string;
+        name: string;
+        group: string;
+    };
+    action: ImportAction;
+    related: string[] | null;
+    error: CmsErrorResponse | null;
+    imported: boolean;
+}
+export interface ImportStructureResponseData {
+    groups: ImportStructureResponseDataGroup[];
+    models: ImportStructureResponseDataModel[];
+    message: string;
+}
+export interface ImportStructureResponse {
+    importStructure: {
+        data: ImportStructureResponseData | null;
+        error: CmsErrorResponse | null;
+    };
+}
+export declare const IMPORT_STRUCTURE: import("graphql").DocumentNode;

package/presentation/importContentModels/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/graphql.js","sources":["../../../src/presentation/importContentModels/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { CmsEditorFieldsLayout, CmsErrorResponse, CmsModelField } from \"~/types.js\";\nimport type { ImportAction, ValidatedCmsGroup, ValidatedCmsModel } from \"./types.js\";\n\nconst ERROR = /* GraphQL */ `\n    error {\n        code\n        message\n        data\n    }\n`;\n\nexport interface ValidateImportStructureResponseData {\n    groups: ValidatedCmsGroup[];\n    models: ValidatedCmsModel[];\n    message: string;\n}\n\nexport interface ValidateImportStructureResponse {\n    validateImportStructure: {\n        data: ValidateImportStructureResponseData | null;\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport const VALIDATE_IMPORT_STRUCTURE = gql`\n    mutation ValidateStructureImport($data: CmsImportStructureInput!) {\n        validateImportStructure(data: $data) {\n            data {\n                groups {\n                    group {\n                        id\n                        name\n                        slug\n                    }\n                    action\n                    ${ERROR}\n                }\n                models {\n                    model {\n                        modelId\n                        name\n                        group\n                    }\n                    related\n                    action\n                    ${ERROR}\n                }\n                message\n            }\n            ${ERROR}\n        }\n    }\n`;\n\nexport interface ImportStructureVariablesGroup {\n    id: string;\n    name: string;\n    slug?: string;\n    description?: string;\n    icon: string;\n}\n\nexport interface ImportStructureVariablesModel {\n    name: string;\n    singularApiName: string;\n    pluralApiName: string;\n    modelId: string;\n    group: string;\n    icon?: string;\n    description?: string;\n    layout: CmsEditorFieldsLayout;\n    fields: CmsModelField[];\n    titleFieldId: string;\n    descriptionFieldId?: string;\n    imageFieldId?: string;\n    tags?: string[];\n}\n\nexport interface ImportStructureVariables {\n    data: {\n        groups: ImportStructureVariablesGroup[];\n        models: ImportStructureVariablesModel[];\n    };\n}\n\nexport interface ImportStructureResponseDataGroup {\n    group: {\n        id: string;\n        name: string;\n        slug: string;\n    };\n    action: ImportAction;\n    error: CmsErrorResponse | null;\n    imported: boolean;\n}\n\nexport interface ImportStructureResponseDataModel {\n    model: {\n        modelId: string;\n        name: string;\n        group: string;\n    };\n    action: ImportAction;\n    related: string[] | null;\n    error: CmsErrorResponse | null;\n    imported: boolean;\n}\n\nexport interface ImportStructureResponseData {\n    groups: ImportStructureResponseDataGroup[];\n    models: ImportStructureResponseDataModel[];\n    message: string;\n}\n\nexport interface ImportStructureResponse {\n    importStructure: {\n        data: ImportStructureResponseData | null;\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport const IMPORT_STRUCTURE = gql`\n    mutation StructureImport($data: CmsImportStructureInput!) {\n        importStructure(data: $data) {\n            data {\n                groups {\n                    group {\n                        id\n                        name\n                    }\n                    imported\n                    action\n                    ${ERROR}\n                }\n                models {\n                    model {\n                        modelId\n                        name\n                        group\n                    }\n                    imported\n                    related\n                    action\n                    ${ERROR}\n                }\n                message\n            }\n            ${ERROR}\n        }\n    }\n`;\n"],"names":["ERROR","VALIDATE_IMPORT_STRUCTURE","gql","IMPORT_STRUCTURE"],"mappings":";AAIA,MAAMA,QAAsB,CAAC;;;;;;AAM7B,CAAC;AAeM,MAAMC,4BAA4BC,WAAG,CAAC;;;;;;;;;;;oBAWzB,EAAEF,MAAM;;;;;;;;;;oBAUR,EAAEA,MAAM;;;;YAIhB,EAAEA,MAAM;;;AAGpB,CAAC;AAqEM,MAAMG,mBAAmBD,WAAG,CAAC;;;;;;;;;;;oBAWhB,EAAEF,MAAM;;;;;;;;;;;oBAWR,EAAEA,MAAM;;;;YAIhB,EAAEA,MAAM;;;AAGpB,CAAC"}

package/presentation/importContentModels/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/types.js","sources":["../../../src/presentation/importContentModels/types.ts"],"sourcesContent":["import type { CmsErrorResponse } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport enum ImportAction {\n    UPDATE = \"update\",\n    CREATE = \"create\",\n    CODE = \"code\",\n    NONE = \"none\"\n}\n\nexport interface ValidatedCmsGroup {\n    group: {\n        id: string;\n        slug: string;\n        name: string;\n    };\n    action: ImportAction;\n    error: CmsErrorResponse | null;\n}\n\nexport interface ValidatedCmsModel {\n    model: {\n        modelId: string;\n        name: string;\n        group: string;\n    };\n    related: string[];\n    action: ImportAction;\n    error: CmsErrorResponse | null;\n}\n\nexport interface InvalidField {\n    message: string;\n    data: {\n        path: string[];\n    };\n    code: string;\n}\n\nexport interface ImportGroupData {\n    id: string;\n    name: string;\n    slug: string;\n    action?: ImportAction;\n    error: CmsErrorResponse | null;\n    message?: string;\n    imported?: boolean;\n}\n\nexport interface ImportModelData {\n    id: string;\n    name: string;\n    group: string;\n    related: string[];\n    error: CmsErrorResponse | null;\n    action?: ImportAction;\n    message?: string | null;\n    imported?: boolean;\n}\n"],"names":["ImportAction"],"mappings":"AAEO,IAAKA,qBAAYA,WAAAA,GAAAA,SAAZA,YAAY;;;;;WAAZA"}

package/presentation/importContentModels/useImportContentModelsPresenter.d.ts

@@ -0,0 +1 @@
+export declare const useImportContentModelsPresenter: () => import("./abstractions.js").IImportContentModelsPresenter;

package/presentation/importContentModels/useImportContentModelsPresenter.js

@@ -0,0 +1,9 @@
+import { useFeature } from "@webiny/app";
+import { ImportContentModelsPresenterFeature } from "./feature.js";
+const useImportContentModelsPresenter = ()=>{
+    const { presenter } = useFeature(ImportContentModelsPresenterFeature);
+    return presenter;
+};
+export { useImportContentModelsPresenter };
+
+//# sourceMappingURL=useImportContentModelsPresenter.js.map

package/presentation/importContentModels/useImportContentModelsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/useImportContentModelsPresenter.js","sources":["../../../src/presentation/importContentModels/useImportContentModelsPresenter.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { ImportContentModelsPresenterFeature } from \"./feature.js\";\n\nexport const useImportContentModelsPresenter = () => {\n    const { presenter } = useFeature(ImportContentModelsPresenterFeature);\n    return presenter;\n};\n"],"names":["useImportContentModelsPresenter","presenter","useFeature","ImportContentModelsPresenterFeature"],"mappings":";;AAGO,MAAMA,kCAAkC;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,OAAOF;AACX"}

package/presentation/menus/CmsMenuLoader.js

@@ -0,0 +1,67 @@
+import react from "react";
+import { AdminConfig, useRouter } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/web.svg";
+import { ReactComponent as wysiwyg_svg_ReactComponent } from "@webiny/icons/wysiwyg.svg";
+import { usePermission } from "../../admin/hooks/usePermission.js";
+import { ContentGroupsMenuItems } from "./ContentGroupsMenuItems.js";
+import { Routes } from "../../routes.js";
+const { Menu: Menu } = AdminConfig;
+const CmsContentModelsMenu = ()=>{
+    const router = useRouter();
+    return /*#__PURE__*/ react.createElement(Menu, {
+        name: "headlessCMS.contentModels.models",
+        parent: "headlessCMS",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "Models",
+            to: router.getLink(Routes.ContentModels.List),
+            pinnable: true
+        })
+    });
+};
+const CmsContentGroupsMenu = ()=>{
+    const router = useRouter();
+    return /*#__PURE__*/ react.createElement(Menu, {
+        name: "headlessCMS.contentModels.groups",
+        parent: "headlessCMS",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "Groups",
+            to: router.getLink(Routes.ContentModelGroups.List),
+            pinnable: true
+        })
+    });
+};
+const CmsContentModelingMenu = ()=>/*#__PURE__*/ react.createElement(Menu, {
+        name: "headlessCMS",
+        after: "home",
+        element: /*#__PURE__*/ react.createElement(Menu.Item, {
+            text: "Content Modeling",
+            icon: /*#__PURE__*/ react.createElement(Menu.Link.Icon, {
+                label: "Headless CMS",
+                element: /*#__PURE__*/ react.createElement(ReactComponent, null)
+            })
+        })
+    });
+const CmsContentMenu = ()=>/*#__PURE__*/ react.createElement(Menu, {
+        name: "headlessCMSContent",
+        after: "headlessCMS",
+        hideIfEmpty: true,
+        element: /*#__PURE__*/ react.createElement(Menu.Item, {
+            text: "Content",
+            icon: /*#__PURE__*/ react.createElement(Menu.Link.Icon, {
+                label: "Content",
+                element: /*#__PURE__*/ react.createElement(wysiwyg_svg_ReactComponent, null)
+            })
+        })
+    });
+const CmsMenuLoaderComponent = ()=>{
+    const { canAccessManageEndpoint, canReadContentModels, canReadContentModelGroups, canCreateContentModels, canCreateContentModelGroups } = usePermission();
+    const hasAccess = canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);
+    if (!hasAccess) return null;
+    const canModelContent = canCreateContentModels || canCreateContentModelGroups;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, canModelContent ? /*#__PURE__*/ react.createElement(CmsContentModelingMenu, null) : null, canCreateContentModels ? /*#__PURE__*/ react.createElement(CmsContentModelsMenu, null) : null, canCreateContentModelGroups ? /*#__PURE__*/ react.createElement(CmsContentGroupsMenu, null) : null, /*#__PURE__*/ react.createElement(CmsContentMenu, null), /*#__PURE__*/ react.createElement(ContentGroupsMenuItems, null));
+};
+const CmsMenuLoader = /*#__PURE__*/ react.memo(CmsMenuLoaderComponent);
+CmsMenuLoader.displayName = "CmsMenuLoader";
+export { CmsMenuLoader };
+
+//# sourceMappingURL=CmsMenuLoader.js.map

package/presentation/menus/CmsMenuLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/menus/CmsMenuLoader.js","sources":["../../../src/presentation/menus/CmsMenuLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as HeadlessCmsIcon } from \"@webiny/icons/web.svg\";\nimport { ReactComponent as HeadlessCmsContentIcon } from \"@webiny/icons/wysiwyg.svg\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { ContentGroupsMenuItems } from \"./ContentGroupsMenuItems.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu } = AdminConfig;\n\nconst CmsContentModelsMenu = () => {\n    const router = useRouter();\n\n    return (\n        <Menu\n            name={\"headlessCMS.contentModels.models\"}\n            parent={\"headlessCMS\"}\n            element={\n                <Menu.Link\n                    text={\"Models\"}\n                    to={router.getLink(Routes.ContentModels.List)}\n                    pinnable={true}\n                />\n            }\n        />\n    );\n};\n\nconst CmsContentGroupsMenu = () => {\n    const router = useRouter();\n\n    return (\n        <Menu\n            name={\"headlessCMS.contentModels.groups\"}\n            parent={\"headlessCMS\"}\n            element={\n                <Menu.Link\n                    text={\"Groups\"}\n                    to={router.getLink(Routes.ContentModelGroups.List)}\n                    pinnable={true}\n                />\n            }\n        />\n    );\n};\n\n// Helper components for clarity and DRY\n\n/**\n * Renders the main \"Headless CMS\" menu item in the admin sidebar.\n * This is the top-level entry point for all CMS-related navigation.\n * The menu item includes a custom icon and is positioned after the \"home\" menu.\n */\nconst CmsContentModelingMenu = () => (\n    <Menu\n        name=\"headlessCMS\"\n        after=\"home\"\n        element={\n            <Menu.Item\n                text=\"Content Modeling\"\n                icon={<Menu.Link.Icon label=\"Headless CMS\" element={<HeadlessCmsIcon />} />}\n            />\n        }\n    />\n);\n\n/**\n * Displays the \"Content\" submenu under the Headless CMS section.\n * This menu item provides access to content management features within the CMS.\n * It uses the same icon as the main CMS menu for visual consistency.\n */\nconst CmsContentMenu = () => (\n    <Menu\n        name=\"headlessCMSContent\"\n        after=\"headlessCMS\"\n        hideIfEmpty={true}\n        element={\n            <Menu.Item\n                text=\"Content\"\n                icon={<Menu.Link.Icon label=\"Content\" element={<HeadlessCmsContentIcon />} />}\n            />\n        }\n    />\n);\n\nconst CmsMenuLoaderComponent = () => {\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    const canModelContent = canCreateContentModels || canCreateContentModelGroups;\n\n    return (\n        <>\n            {/* Content modeling */}\n            {canModelContent ? <CmsContentModelingMenu /> : null}\n            {canCreateContentModels ? <CmsContentModelsMenu /> : null}\n            {canCreateContentModelGroups ? <CmsContentGroupsMenu /> : null}\n\n            {/* Content */}\n            <CmsContentMenu />\n            <ContentGroupsMenuItems />\n        </>\n    );\n};\n\nexport const CmsMenuLoader: React.ComponentType = React.memo(CmsMenuLoaderComponent);\n\nCmsMenuLoader.displayName = \"CmsMenuLoader\";\n"],"names":["Menu","AdminConfig","CmsContentModelsMenu","router","useRouter","Routes","CmsContentGroupsMenu","CmsContentModelingMenu","HeadlessCmsIcon","CmsContentMenu","HeadlessCmsContentIcon","CmsMenuLoaderComponent","canAccessManageEndpoint","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","usePermission","hasAccess","canModelContent","ContentGroupsMenuItems","CmsMenuLoader","React"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AAEjB,MAAMC,uBAAuB;IACzB,MAAMC,SAASC;IAEf,OAAO,WAAP,GACI,oBAACJ,MAAIA;QACD,MAAM;QACN,QAAQ;QACR,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,IAAIG,OAAO,OAAO,CAACE,OAAO,aAAa,CAAC,IAAI;YAC5C,UAAU;;;AAK9B;AAEA,MAAMC,uBAAuB;IACzB,MAAMH,SAASC;IAEf,OAAO,WAAP,GACI,oBAACJ,MAAIA;QACD,MAAM;QACN,QAAQ;QACR,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,IAAIG,OAAO,OAAO,CAACE,OAAO,kBAAkB,CAAC,IAAI;YACjD,UAAU;;;AAK9B;AASA,MAAME,yBAAyB,kBAC3B,oBAACP,MAAIA;QACD,MAAK;QACL,OAAM;QACN,uBACI,oBAACA,KAAK,IAAI;YACN,MAAK;YACL,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAe,uBAAS,oBAACQ,gBAAeA;;;;AAWpF,MAAMC,iBAAiB,kBACnB,oBAACT,MAAIA;QACD,MAAK;QACL,OAAM;QACN,aAAa;QACb,uBACI,oBAACA,KAAK,IAAI;YACN,MAAK;YACL,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAU,uBAAS,oBAACU,4BAAsBA;;;;AAMtF,MAAMC,yBAAyB;IAC3B,MAAM,EACFC,uBAAuB,EACvBC,oBAAoB,EACpBC,yBAAyB,EACzBC,sBAAsB,EACtBC,2BAA2B,EAC9B,GAAGC;IAEJ,MAAMC,YACFN,2BAA4BC,CAAAA,wBAAwBC,yBAAwB;IAEhF,IAAI,CAACI,WACD,OAAO;IAGX,MAAMC,kBAAkBJ,0BAA0BC;IAElD,OAAO,WAAP,GACI,0CAEKG,kBAAkB,WAAlBA,GAAkB,oBAACZ,wBAAsBA,QAAM,MAC/CQ,yBAAyB,WAAzBA,GAAyB,oBAACb,sBAAoBA,QAAM,MACpDc,8BAA8B,WAA9BA,GAA8B,oBAACV,sBAAoBA,QAAM,oBAG1D,oBAACG,gBAAcA,OAAAA,WAAAA,GACf,oBAACW,wBAAsBA;AAGnC;AAEO,MAAMC,gBAAaA,WAAAA,GAAwBC,MAAAA,IAAU,CAACX;AAE7DU,cAAc,WAAW,GAAG"}

package/presentation/menus/ContentGroupsMenuItems.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ContentGroupsMenuItems: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/presentation/menus/ContentGroupsMenuItems.js

@@ -0,0 +1,28 @@
+import react, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { ContentGroupsMenuPresenterFeature } from "../contentGroupsMenu/feature.js";
+import { GroupMenu } from "./GroupMenu.js";
+import { HasContentEntryPermissions } from "./HasContentEntryPermissions.js";
+import { GroupContentModels } from "./GroupContentModels.js";
+const ContentGroupsMenuItems = observer(()=>{
+    const { presenter } = useFeature(ContentGroupsMenuPresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    const { groups, loading } = presenter.vm;
+    if (loading || 0 === groups.length) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, groups.map((group)=>/*#__PURE__*/ react.createElement(HasContentEntryPermissions, {
+            key: group.id,
+            group: group
+        }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(GroupMenu, {
+            group: group
+        }), /*#__PURE__*/ react.createElement(GroupContentModels, {
+            group: group
+        })))));
+});
+export { ContentGroupsMenuItems };
+
+//# sourceMappingURL=ContentGroupsMenuItems.js.map

package/presentation/menus/ContentGroupsMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/menus/ContentGroupsMenuItems.js","sources":["../../../src/presentation/menus/ContentGroupsMenuItems.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { ContentGroupsMenuPresenterFeature } from \"~/presentation/contentGroupsMenu/feature.js\";\nimport { GroupMenu } from \"./GroupMenu.js\";\nimport { HasContentEntryPermissions } from \"./HasContentEntryPermissions.js\";\nimport { GroupContentModels } from \"./GroupContentModels.js\";\n\nexport const ContentGroupsMenuItems = observer(() => {\n    const { presenter } = useFeature(ContentGroupsMenuPresenterFeature);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    const { groups, loading } = presenter.vm;\n\n    if (loading || groups.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map(group => (\n                <HasContentEntryPermissions key={group.id} group={group}>\n                    <>\n                        <GroupMenu group={group} />\n                        <GroupContentModels group={group} />\n                    </>\n                </HasContentEntryPermissions>\n            ))}\n        </>\n    );\n});\n"],"names":["ContentGroupsMenuItems","observer","presenter","useFeature","ContentGroupsMenuPresenterFeature","useEffect","groups","loading","group","HasContentEntryPermissions","GroupMenu","GroupContentModels"],"mappings":";;;;;;;AAQO,MAAMA,yBAAyBC,SAAS;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAM,EAAEI,MAAM,EAAEC,OAAO,EAAE,GAAGL,UAAU,EAAE;IAExC,IAAIK,WAAWD,AAAkB,MAAlBA,OAAO,MAAM,EACxB,OAAO;IAGX,OAAO,WAAP,GACI,0CACKA,OAAO,GAAG,CAACE,CAAAA,QAAAA,WAAAA,GACR,oBAACC,4BAA0BA;YAAC,KAAKD,MAAM,EAAE;YAAE,OAAOA;yBAC9C,wDACI,oBAACE,WAASA;YAAC,OAAOF;0BAClB,oBAACG,oBAAkBA;YAAC,OAAOH;;AAMnD"}

package/presentation/menus/GroupContentModels.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { ModelGroupDto } from "../../features/modelGroup/listModelGroups/abstractions.js";
+interface IGroupContentModelsProps {
+    group: Pick<ModelGroupDto, "id" | "slug" | "contentModels">;
+}
+/**
+ * Renders menu items for all content models within a group.
+ * If the group has no content models, displays a "Nothing to show" message.
+ * Wraps each content model menu item with permission checks.
+ */
+export declare const GroupContentModels: ({ group }: IGroupContentModelsProps) => React.JSX.Element;
+export {};

package/presentation/menus/GroupContentModels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/menus/GroupContentModels.js","sources":["../../../src/presentation/menus/GroupContentModels.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { AdminConfig, useRouter } from \"@webiny/app-admin\";\nimport { HasContentEntryPermissions } from \"./HasContentEntryPermissions.js\";\nimport { Routes } from \"~/routes.js\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\nconst { Menu } = AdminConfig;\n\ninterface IGroupContentModelsProps {\n    group: Pick<ModelGroupDto, \"id\" | \"slug\" | \"contentModels\">;\n}\n\n/**\n * Renders menu items for all content models within a group.\n * If the group has no content models, displays a \"Nothing to show\" message.\n * Wraps each content model menu item with permission checks.\n */\nexport const GroupContentModels = ({ group }: IGroupContentModelsProps) => {\n    const router = useRouter();\n\n    if (group.contentModels.length === 0) {\n        return (\n            <Menu\n                parent=\"headlessCMSContent\"\n                name={`cms/group/${group.slug}-empty`}\n                element={<Menu.Group text=\"Nothing to show\" />}\n            />\n        );\n    }\n\n    return (\n        <>\n            {group.contentModels.map(contentModel => {\n                const icon = normalizeIcon(contentModel.icon);\n\n                return (\n                    <HasContentEntryPermissions\n                        key={contentModel.modelId}\n                        group={group}\n                        contentModel={contentModel}\n                    >\n                        <Menu\n                            parent={`cms/group/${group.slug}`}\n                            name={`cms/model/${contentModel.modelId}`}\n                            element={\n                                <Menu.Link\n                                    pinnable={true}\n                                    text={contentModel.name}\n                                    to={router.getLink(Routes.ContentEntries.List, {\n                                        modelId: contentModel.modelId\n                                    })}\n                                    pinnedIcon={\n                                        icon ? (\n                                            <Menu.Link.Icon\n                                                label={contentModel.name}\n                                                element={<FontAwesomeIcon icon={icon} />}\n                                            />\n                                        ) : undefined\n                                    }\n                                />\n                            }\n                        />\n                    </HasContentEntryPermissions>\n                );\n            })}\n        </>\n    );\n};\n"],"names":["Menu","AdminConfig","GroupContentModels","group","router","useRouter","contentModel","icon","normalizeIcon","HasContentEntryPermissions","Routes","FontAwesomeIcon","undefined"],"mappings":";;;;;;AAQA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AAWV,MAAMC,qBAAqB,CAAC,EAAEC,KAAK,EAA4B;IAClE,MAAMC,SAASC;IAEf,IAAIF,AAA+B,MAA/BA,MAAM,aAAa,CAAC,MAAM,EAC1B,OAAO,WAAP,GACI,oBAACH,MAAIA;QACD,QAAO;QACP,MAAM,CAAC,UAAU,EAAEG,MAAM,IAAI,CAAC,MAAM,CAAC;QACrC,uBAAS,oBAACH,KAAK,KAAK;YAAC,MAAK;;;IAKtC,OAAO,WAAP,GACI,0CACKG,MAAM,aAAa,CAAC,GAAG,CAACG,CAAAA;QACrB,MAAMC,OAAOC,cAAcF,aAAa,IAAI;QAE5C,OAAO,WAAP,GACI,oBAACG,4BAA0BA;YACvB,KAAKH,aAAa,OAAO;YACzB,OAAOH;YACP,cAAcG;yBAEd,oBAACN,MAAIA;YACD,QAAQ,CAAC,UAAU,EAAEG,MAAM,IAAI,EAAE;YACjC,MAAM,CAAC,UAAU,EAAEG,aAAa,OAAO,EAAE;YACzC,uBACI,oBAACN,KAAK,IAAI;gBACN,UAAU;gBACV,MAAMM,aAAa,IAAI;gBACvB,IAAIF,OAAO,OAAO,CAACM,OAAO,cAAc,CAAC,IAAI,EAAE;oBAC3C,SAASJ,aAAa,OAAO;gBACjC;gBACA,YACIC,OAAO,WAAPA,GACI,oBAACP,KAAK,IAAI,CAAC,IAAI;oBACX,OAAOM,aAAa,IAAI;oBACxB,uBAAS,oBAACK,iBAAeA;wBAAC,MAAMJ;;qBAEpCK;;;IAOhC;AAGZ"}

package/presentation/menus/GroupMenu.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { ModelGroupDto } from "../../features/modelGroup/listModelGroups/abstractions.js";
+interface IGroupMenuProps {
+    group: Pick<ModelGroupDto, "slug" | "name" | "icon">;
+}
+/**
+ * Renders a menu item for a given content group.
+ * Displays the group's name and icon in the menu.
+ */
+export declare const GroupMenu: ({ group }: IGroupMenuProps) => React.JSX.Element;
+export {};

package/presentation/menus/GroupMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/menus/GroupMenu.js","sources":["../../../src/presentation/menus/GroupMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\nconst { Menu } = AdminConfig;\n\ninterface IGroupMenuProps {\n    group: Pick<ModelGroupDto, \"slug\" | \"name\" | \"icon\">;\n}\n/**\n * Renders a menu item for a given content group.\n * Displays the group's name and icon in the menu.\n */\nexport const GroupMenu = ({ group }: IGroupMenuProps) => {\n    const icon = normalizeIcon(group.icon);\n\n    return (\n        <Menu\n            name={`cms/group/${group.slug}`}\n            parent=\"headlessCMSContent\"\n            element={\n                <Menu.Item\n                    text={group.name}\n                    icon={\n                        icon ? (\n                            <Menu.Item.Icon\n                                label={group.name}\n                                element={<FontAwesomeIcon icon={icon} />}\n                            />\n                        ) : null\n                    }\n                />\n            }\n        />\n    );\n};\n"],"names":["Menu","AdminConfig","GroupMenu","group","icon","normalizeIcon","FontAwesomeIcon"],"mappings":";;;;AAMA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AASV,MAAMC,YAAY,CAAC,EAAEC,KAAK,EAAmB;IAChD,MAAMC,OAAOC,cAAcF,MAAM,IAAI;IAErC,OAAO,WAAP,GACI,oBAACH,MAAIA;QACD,MAAM,CAAC,UAAU,EAAEG,MAAM,IAAI,EAAE;QAC/B,QAAO;QACP,uBACI,oBAACH,KAAK,IAAI;YACN,MAAMG,MAAM,IAAI;YAChB,MACIC,OAAO,WAAPA,GACI,oBAACJ,KAAK,IAAI,CAAC,IAAI;gBACX,OAAOG,MAAM,IAAI;gBACjB,uBAAS,oBAACG,iBAAeA;oBAAC,MAAMF;;iBAEpC;;;AAM5B"}

package/presentation/menus/HasContentEntryPermissions.d.ts

@@ -0,0 +1,10 @@
+import type { ModelGroupDto } from "../../features/modelGroup/listModelGroups/abstractions.js";
+interface HasContentEntryPermissionsProps {
+    group: Pick<ModelGroupDto, "id" | "contentModels">;
+    contentModel?: {
+        modelId: string;
+    };
+    children: React.JSX.Element;
+}
+export declare const HasContentEntryPermissions: ({ group, contentModel, children }: HasContentEntryPermissionsProps) => import("react").JSX.Element | null;
+export {};

package/presentation/menus/HasContentEntryPermissions.js

@@ -0,0 +1,17 @@
+import { usePermission } from "../../admin/hooks/usePermission.js";
+const HasContentEntryPermissions = ({ group, contentModel, children })=>{
+    const { canReadEntries } = usePermission();
+    if (contentModel && !canReadEntries({
+        contentModelGroup: group,
+        contentModel
+    })) return null;
+    const hasContentEntryPermission = group.contentModels.some((contentModel)=>canReadEntries({
+            contentModelGroup: group,
+            contentModel
+        }));
+    if (group.contentModels.length > 0 && !hasContentEntryPermission) return null;
+    return children;
+};
+export { HasContentEntryPermissions };
+
+//# sourceMappingURL=HasContentEntryPermissions.js.map

package/presentation/menus/HasContentEntryPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/menus/HasContentEntryPermissions.js","sources":["../../../src/presentation/menus/HasContentEntryPermissions.ts"],"sourcesContent":["import type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\n\ninterface HasContentEntryPermissionsProps {\n    group: Pick<ModelGroupDto, \"id\" | \"contentModels\">;\n    contentModel?: { modelId: string };\n    children: React.JSX.Element;\n}\n\nexport const HasContentEntryPermissions = ({\n    group,\n    contentModel,\n    children\n}: HasContentEntryPermissionsProps) => {\n    const { canReadEntries } = usePermission();\n\n    if (contentModel && !canReadEntries({ contentModelGroup: group, contentModel })) {\n        return null;\n    }\n\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    return children;\n};\n"],"names":["HasContentEntryPermissions","group","contentModel","children","canReadEntries","usePermission","hasContentEntryPermission"],"mappings":";AASO,MAAMA,6BAA6B,CAAC,EACvCC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACsB;IAC9B,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,IAAIH,gBAAgB,CAACE,eAAe;QAAE,mBAAmBH;QAAOC;IAAa,IACzE,OAAO;IAGX,MAAMI,4BAA4BL,MAAM,aAAa,CAAC,IAAI,CAACC,CAAAA,eACvDE,eAAe;YACX,mBAAmBH;YACnBC;QACJ;IAGJ,IAAID,MAAM,aAAa,CAAC,MAAM,GAAG,KAAK,CAACK,2BACnC,OAAO;IAGX,OAAOH;AACX"}

package/presentation/modelGroup/ModelGroupDataSource.d.ts

@@ -0,0 +1,13 @@
+import { SimpleDataSource } from "@webiny/app-admin/presentation/listPresenter/SimpleDataSource.js";
+import type { IDataSourceQuery } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { FetchResult } from "@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js";
+import type { ModelGroupDto } from "../../features/modelGroup/listModelGroups/abstractions.js";
+import type { IListModelGroupsUseCase } from "../../features/modelGroup/listModelGroups/abstractions.js";
+import type { IListCache } from "@webiny/app-admin/features/listCache/index.js";
+export declare class ModelGroupDataSource extends SimpleDataSource<ModelGroupDto> {
+    private listModelGroupsUseCase;
+    private cache;
+    constructor(listModelGroupsUseCase: IListModelGroupsUseCase, cache: IListCache<ModelGroupDto>);
+    get rows(): ModelGroupDto[];
+    fetch(_params: IDataSourceQuery): Promise<FetchResult<ModelGroupDto>>;
+}

package/presentation/modelGroup/ModelGroupDataSource.js

@@ -0,0 +1,23 @@
+import { SimpleDataSource } from "@webiny/app-admin/presentation/listPresenter/SimpleDataSource.js";
+class ModelGroupDataSource extends SimpleDataSource {
+    constructor(listModelGroupsUseCase, cache){
+        super(), this.listModelGroupsUseCase = listModelGroupsUseCase, this.cache = cache;
+    }
+    get rows() {
+        return this.cache.getItems();
+    }
+    async fetch(_params) {
+        const result = await this.listModelGroupsUseCase.execute();
+        return {
+            data: result,
+            meta: {
+                cursor: null,
+                hasMoreItems: false,
+                totalCount: result.length
+            }
+        };
+    }
+}
+export { ModelGroupDataSource };
+
+//# sourceMappingURL=ModelGroupDataSource.js.map

package/presentation/modelGroup/ModelGroupDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/modelGroup/ModelGroupDataSource.js","sources":["../../../src/presentation/modelGroup/ModelGroupDataSource.ts"],"sourcesContent":["import { SimpleDataSource } from \"@webiny/app-admin/presentation/listPresenter/SimpleDataSource.js\";\nimport type { IDataSourceQuery } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { FetchResult } from \"@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport type { IListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport type { IListCache } from \"@webiny/app-admin/features/listCache/index.js\";\n\nexport class ModelGroupDataSource extends SimpleDataSource<ModelGroupDto> {\n    constructor(\n        private listModelGroupsUseCase: IListModelGroupsUseCase,\n        private cache: IListCache<ModelGroupDto>\n    ) {\n        super();\n    }\n\n    get rows(): ModelGroupDto[] {\n        return this.cache.getItems();\n    }\n\n    async fetch(_params: IDataSourceQuery): Promise<FetchResult<ModelGroupDto>> {\n        const result = await this.listModelGroupsUseCase.execute();\n        return {\n            data: result,\n            meta: { cursor: null, hasMoreItems: false, totalCount: result.length }\n        };\n    }\n}\n"],"names":["ModelGroupDataSource","SimpleDataSource","listModelGroupsUseCase","cache","_params","result"],"mappings":";AAOO,MAAMA,6BAA6BC;IACtC,YACYC,sBAA+C,EAC/CC,KAAgC,CAC1C;QACE,KAAK,SAHGD,sBAAsB,GAAtBA,wBAAAA,IAAAA,CACAC,KAAK,GAALA;IAGZ;IAEA,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;IAC9B;IAEA,MAAM,MAAMC,OAAyB,EAAuC;QACxE,MAAMC,SAAS,MAAM,IAAI,CAAC,sBAAsB,CAAC,OAAO;QACxD,OAAO;YACH,MAAMA;YACN,MAAM;gBAAE,QAAQ;gBAAM,cAAc;gBAAO,YAAYA,OAAO,MAAM;YAAC;QACzE;IACJ;AACJ"}

package/presentation/modelGroup/ModelGroupPresenter.d.ts

@@ -0,0 +1,39 @@
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import type { ModelGroupDto } from "../../features/modelGroup/listModelGroups/abstractions.js";
+import { ListModelGroupsUseCase } from "../../features/modelGroup/listModelGroups/abstractions.js";
+import { GetModelGroupUseCase } from "../../features/modelGroup/getModelGroup/abstractions.js";
+import { CreateModelGroupUseCase } from "../../features/modelGroup/createModelGroup/abstractions.js";
+import { UpdateModelGroupUseCase } from "../../features/modelGroup/updateModelGroup/abstractions.js";
+import { DeleteModelGroupUseCase } from "../../features/modelGroup/deleteModelGroup/abstractions.js";
+import { ModelGroupsCache } from "../../features/modelGroup/abstractions.js";
+import { type IModelGroupPresenter, type IModelGroupPresenterViewModel } from "./abstractions.js";
+declare class ModelGroupPresenterImpl implements IModelGroupPresenter {
+    private listPresenter;
+    private formModelFactory;
+    private listModelGroupsUseCase;
+    private getRoleUseCase;
+    private createModelGroupUseCase;
+    private updateModelGroupUseCase;
+    private deleteModelGroupUseCase;
+    private cache;
+    private selectedGroup;
+    private loading;
+    private saving;
+    private showForm;
+    private form;
+    constructor(listPresenter: ListPresenter.Interface<ModelGroupDto>, formModelFactory: FormModelFactory.Interface, listModelGroupsUseCase: ListModelGroupsUseCase.Interface, getRoleUseCase: GetModelGroupUseCase.Interface, createModelGroupUseCase: CreateModelGroupUseCase.Interface, updateModelGroupUseCase: UpdateModelGroupUseCase.Interface, deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface, cache: ModelGroupsCache.Interface);
+    get vm(): IModelGroupPresenterViewModel;
+    get list(): ListPresenter.Interface<ModelGroupDto>;
+    init(): void;
+    selectGroup(id: string): Promise<void>;
+    createNew(): void;
+    deselect(): void;
+    save(): Promise<ModelGroupDto | null>;
+    deleteGroup(id: string): Promise<void>;
+    private buildForm;
+}
+export declare const ModelGroupPresenter: typeof ModelGroupPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IModelGroupPresenter>;
+};
+export {};

package/presentation/modelGroup/ModelGroupPresenter.js

@@ -0,0 +1,214 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import slugify from "slugify";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { ListModelGroupsUseCase } from "../../features/modelGroup/listModelGroups/abstractions.js";
+import { GetModelGroupUseCase } from "../../features/modelGroup/getModelGroup/abstractions.js";
+import { CreateModelGroupUseCase } from "../../features/modelGroup/createModelGroup/abstractions.js";
+import { UpdateModelGroupUseCase } from "../../features/modelGroup/updateModelGroup/abstractions.js";
+import { DeleteModelGroupUseCase } from "../../features/modelGroup/deleteModelGroup/abstractions.js";
+import { ModelGroupsCache } from "../../features/modelGroup/abstractions.js";
+import { ModelGroupPresenter } from "./abstractions.js";
+import { ModelGroupDataSource } from "./ModelGroupDataSource.js";
+function extractIconName(icon) {
+    if (null !== icon && "object" == typeof icon && "name" in icon) return icon.name;
+    if ("string" == typeof icon) return icon;
+    return "";
+}
+function toIconValue(name) {
+    return {
+        type: "icon",
+        name
+    };
+}
+class ModelGroupPresenterImpl {
+    constructor(listPresenter, formModelFactory, listModelGroupsUseCase, getRoleUseCase, createModelGroupUseCase, updateModelGroupUseCase, deleteModelGroupUseCase, cache){
+        this.listPresenter = listPresenter;
+        this.formModelFactory = formModelFactory;
+        this.listModelGroupsUseCase = listModelGroupsUseCase;
+        this.getRoleUseCase = getRoleUseCase;
+        this.createModelGroupUseCase = createModelGroupUseCase;
+        this.updateModelGroupUseCase = updateModelGroupUseCase;
+        this.deleteModelGroupUseCase = deleteModelGroupUseCase;
+        this.cache = cache;
+        this.selectedGroup = null;
+        this.loading = false;
+        this.saving = false;
+        this.showForm = false;
+        this.form = this.buildForm(false, false);
+        makeAutoObservable(this, {
+            formModelFactory: false,
+            listModelGroupsUseCase: false,
+            getRoleUseCase: false,
+            createModelGroupUseCase: false,
+            updateModelGroupUseCase: false,
+            deleteModelGroupUseCase: false,
+            cache: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        const group = this.selectedGroup;
+        const isPluginGroup = null !== group && (group.plugin ?? false);
+        return {
+            selectedGroup: this.selectedGroup,
+            loading: this.loading,
+            saving: this.saving,
+            showForm: this.showForm,
+            canModify: !isPluginGroup,
+            isPluginGroup,
+            form: this.form.vm
+        };
+    }
+    get list() {
+        return this.listPresenter;
+    }
+    init() {
+        const dataSource = new ModelGroupDataSource(this.listModelGroupsUseCase, this.cache);
+        this.listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            limit: 1000
+        });
+    }
+    async selectGroup(id) {
+        runInAction(()=>{
+            this.loading = true;
+            this.showForm = true;
+        });
+        try {
+            const group = await this.getRoleUseCase.execute(id);
+            const isPluginGroup = group.plugin ?? false;
+            const canModify = !isPluginGroup;
+            runInAction(()=>{
+                this.selectedGroup = group;
+                this.form = this.buildForm(false, canModify);
+                this.form.setData({
+                    name: group.name,
+                    slug: group.slug,
+                    description: group.description,
+                    icon: extractIconName(group.icon)
+                });
+            });
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    createNew() {
+        this.selectedGroup = null;
+        this.form = this.buildForm(true, true);
+        this.form.setData({
+            icon: "fas/star",
+            description: ""
+        });
+        this.showForm = true;
+    }
+    deselect() {
+        this.selectedGroup = null;
+        this.showForm = false;
+    }
+    async save() {
+        const data = await this.form.submit();
+        if (!data) return null;
+        runInAction(()=>{
+            this.saving = true;
+        });
+        try {
+            const isUpdate = null !== this.selectedGroup && this.selectedGroup.createdOn;
+            const iconValue = toIconValue(data.icon);
+            if (isUpdate) {
+                const group = await this.updateModelGroupUseCase.execute({
+                    id: this.selectedGroup.id,
+                    name: data.name,
+                    slug: this.selectedGroup.slug,
+                    description: data.description,
+                    icon: iconValue
+                });
+                runInAction(()=>{
+                    this.selectedGroup = group;
+                });
+                return group;
+            }
+            {
+                const group = await this.createModelGroupUseCase.execute({
+                    name: data.name,
+                    slug: data.slug,
+                    description: data.description,
+                    icon: iconValue
+                });
+                runInAction(()=>{
+                    this.selectedGroup = group;
+                    this.form = this.buildForm(false, true);
+                    this.form.setData({
+                        name: group.name,
+                        slug: group.slug,
+                        description: group.description,
+                        icon: extractIconName(group.icon)
+                    });
+                });
+                return group;
+            }
+        } catch  {
+            return null;
+        } finally{
+            runInAction(()=>{
+                this.saving = false;
+            });
+        }
+    }
+    async deleteGroup(id) {
+        await this.deleteModelGroupUseCase.execute(id);
+        runInAction(()=>{
+            if (null !== this.selectedGroup && this.selectedGroup.id === id) {
+                this.selectedGroup = null;
+                this.showForm = false;
+            }
+        });
+    }
+    buildForm(isNew, canModify) {
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    name: fields.text().label("Name").required("Name is required.").disabled(!canModify).onBlur((value, { form })=>{
+                        const slugValue = form.field("slug").getValue();
+                        if (slugValue || !value) return;
+                        form.field("slug").setValue(slugify(String(value), {
+                            replacement: "-",
+                            lower: true,
+                            remove: /[*#?<>_{}[\]+~.()'"!:;@]/g,
+                            trim: false
+                        }));
+                    }),
+                    slug: fields.text().label("Slug").required("Slug is required.").disabled(!isNew || !canModify),
+                    icon: fields.text().label("Group icon").required("Icon is required.").disabled(!canModify).renderer("cmsIconPicker"),
+                    description: fields.text().label("Description").defaultValue("").renderer("textarea").disabled(!canModify)
+                }),
+            layout: (layout)=>[
+                    layout.row("name"),
+                    layout.row("slug"),
+                    layout.row("icon"),
+                    layout.row("description")
+                ]
+        });
+    }
+}
+const ModelGroupPresenter_ModelGroupPresenter = ModelGroupPresenter.createImplementation({
+    implementation: ModelGroupPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        FormModelFactory,
+        ListModelGroupsUseCase,
+        GetModelGroupUseCase,
+        CreateModelGroupUseCase,
+        UpdateModelGroupUseCase,
+        DeleteModelGroupUseCase,
+        ModelGroupsCache
+    ]
+});
+export { ModelGroupPresenter_ModelGroupPresenter as ModelGroupPresenter };
+
+//# sourceMappingURL=ModelGroupPresenter.js.map