@webiny/app-admin 6.4.11 → 6.6.0-alpha.1

package/presentation/accessManagement/roles/rolesAutocomplete/RolesAutocompletePresenter.js

@@ -0,0 +1,42 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { ListRolesUseCase } from "../../../../features/accessManagement/roles/listRoles/abstractions.js";
+import { RolesAutocompletePresenter } from "./abstractions.js";
+class RolesAutocompletePresenterImpl {
+    constructor(listRolesUseCase){
+        this.listRolesUseCase = listRolesUseCase;
+        this._loading = true;
+        this._options = [];
+        this._initialized = false;
+        makeAutoObservable(this, {
+            listRolesUseCase: false,
+            _initialized: false
+        });
+    }
+    get vm() {
+        return {
+            loading: this._loading,
+            options: this._options
+        };
+    }
+    async init() {
+        if (this._initialized) return;
+        this._initialized = true;
+        const result = await this.listRolesUseCase.execute();
+        runInAction(()=>{
+            this._options = result.data.map((role)=>({
+                    label: role.name,
+                    value: role.id
+                }));
+            this._loading = false;
+        });
+    }
+}
+const RolesAutocompletePresenter_RolesAutocompletePresenter = RolesAutocompletePresenter.createImplementation({
+    implementation: RolesAutocompletePresenterImpl,
+    dependencies: [
+        ListRolesUseCase
+    ]
+});
+export { RolesAutocompletePresenter_RolesAutocompletePresenter as RolesAutocompletePresenter };
+
+//# sourceMappingURL=RolesAutocompletePresenter.js.map

package/presentation/accessManagement/roles/rolesAutocomplete/RolesAutocompletePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/roles/rolesAutocomplete/RolesAutocompletePresenter.js","sources":["../../../../../src/presentation/accessManagement/roles/rolesAutocomplete/RolesAutocompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { ListRolesUseCase } from \"~/features/accessManagement/roles/listRoles/abstractions.js\";\nimport {\n    RolesAutocompletePresenter as Abstraction,\n    type IRolesAutocompletePresenter,\n    type IRolesAutocompleteViewModel\n} from \"./abstractions.js\";\n\nclass RolesAutocompletePresenterImpl implements IRolesAutocompletePresenter {\n    private _loading = true;\n    private _options: IRolesAutocompleteViewModel[\"options\"] = [];\n    private _initialized = false;\n\n    constructor(private listRolesUseCase: ListRolesUseCase.Interface) {\n        makeAutoObservable<RolesAutocompletePresenterImpl, \"listRolesUseCase\" | \"_initialized\">(\n            this,\n            {\n                listRolesUseCase: false,\n                _initialized: false\n            }\n        );\n    }\n\n    get vm(): IRolesAutocompleteViewModel {\n        return {\n            loading: this._loading,\n            options: this._options\n        };\n    }\n\n    async init() {\n        if (this._initialized) {\n            return;\n        }\n        this._initialized = true;\n\n        const result = await this.listRolesUseCase.execute();\n        runInAction(() => {\n            this._options = result.data.map(role => ({\n                label: role.name,\n                value: role.id\n            }));\n            this._loading = false;\n        });\n    }\n}\n\nexport const RolesAutocompletePresenter = Abstraction.createImplementation({\n    implementation: RolesAutocompletePresenterImpl,\n    dependencies: [ListRolesUseCase]\n});\n"],"names":["RolesAutocompletePresenterImpl","listRolesUseCase","makeAutoObservable","result","runInAction","role","RolesAutocompletePresenter","Abstraction","ListRolesUseCase"],"mappings":";;;AAQA,MAAMA;IAKF,YAAoBC,gBAA4C,CAAE;aAA9CA,gBAAgB,GAAhBA;aAJZ,QAAQ,GAAG;aACX,QAAQ,GAA2C,EAAE;aACrD,YAAY,GAAG;QAGnBC,mBACI,IAAI,EACJ;YACI,kBAAkB;YAClB,cAAc;QAClB;IAER;IAEA,IAAI,KAAkC;QAClC,OAAO;YACH,SAAS,IAAI,CAAC,QAAQ;YACtB,SAAS,IAAI,CAAC,QAAQ;QAC1B;IACJ;IAEA,MAAM,OAAO;QACT,IAAI,IAAI,CAAC,YAAY,EACjB;QAEJ,IAAI,CAAC,YAAY,GAAG;QAEpB,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO;QAClDC,YAAY;YACR,IAAI,CAAC,QAAQ,GAAGD,OAAO,IAAI,CAAC,GAAG,CAACE,CAAAA,OAAS;oBACrC,OAAOA,KAAK,IAAI;oBAChB,OAAOA,KAAK,EAAE;gBAClB;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;AACJ;AAEO,MAAMC,wDAA6BC,2BAAAA,oBAAgC,CAAC;IACvE,gBAAgBP;IAChB,cAAc;QAACQ;KAAiB;AACpC"}

package/presentation/accessManagement/roles/rolesAutocomplete/abstractions.d.ts

@@ -0,0 +1,18 @@
+interface IRolesAutocompleteOption {
+    label: string;
+    value: string;
+}
+export interface IRolesAutocompleteViewModel {
+    loading: boolean;
+    options: IRolesAutocompleteOption[];
+}
+export interface IRolesAutocompletePresenter {
+    readonly vm: IRolesAutocompleteViewModel;
+    init(): void;
+}
+export declare const RolesAutocompletePresenter: import("@webiny/di").Abstraction<IRolesAutocompletePresenter>;
+export declare namespace RolesAutocompletePresenter {
+    type Interface = IRolesAutocompletePresenter;
+    type ViewModel = IRolesAutocompleteViewModel;
+}
+export {};

package/presentation/accessManagement/roles/rolesAutocomplete/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const RolesAutocompletePresenter = createAbstraction("AccessManagement/RolesAutocompletePresenter");
+export { RolesAutocompletePresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/accessManagement/roles/rolesAutocomplete/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/roles/rolesAutocomplete/abstractions.js","sources":["../../../../../src/presentation/accessManagement/roles/rolesAutocomplete/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\ninterface IRolesAutocompleteOption {\n    label: string;\n    value: string;\n}\n\nexport interface IRolesAutocompleteViewModel {\n    loading: boolean;\n    options: IRolesAutocompleteOption[];\n}\n\nexport interface IRolesAutocompletePresenter {\n    readonly vm: IRolesAutocompleteViewModel;\n    init(): void;\n}\n\nexport const RolesAutocompletePresenter = createAbstraction<IRolesAutocompletePresenter>(\n    \"AccessManagement/RolesAutocompletePresenter\"\n);\n\nexport namespace RolesAutocompletePresenter {\n    export type Interface = IRolesAutocompletePresenter;\n    export type ViewModel = IRolesAutocompleteViewModel;\n}\n"],"names":["RolesAutocompletePresenter","createAbstraction"],"mappings":";AAiBO,MAAMA,6BAA6BC,kBACtC"}

package/presentation/accessManagement/roles/rolesAutocomplete/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const RolesAutocompletePresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IRolesAutocompletePresenter;
+}, []>;

package/presentation/accessManagement/roles/rolesAutocomplete/feature.js

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

package/presentation/accessManagement/roles/rolesAutocomplete/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/roles/rolesAutocomplete/feature.js","sources":["../../../../../src/presentation/accessManagement/roles/rolesAutocomplete/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { RolesAutocompletePresenter as Abstraction } from \"./abstractions.js\";\nimport { RolesAutocompletePresenter } from \"./RolesAutocompletePresenter.js\";\n\nexport const RolesAutocompletePresenterFeature = createFeature({\n    name: \"AccessManagement/RolesAutocompletePresenter\",\n    register(container) {\n        container.register(RolesAutocompletePresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["RolesAutocompletePresenterFeature","createFeature","container","RolesAutocompletePresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,oCAAoCC,cAAc;IAC3D,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,mEAA4B,gBAAgB;IACnE;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/accessManagement/roles/rolesAutocomplete/index.d.ts

@@ -0,0 +1,3 @@
+export { RolesAutocompletePresenter } from "./abstractions.js";
+export type { IRolesAutocompletePresenter, IRolesAutocompleteViewModel } from "./abstractions.js";
+export { RolesAutocompletePresenterFeature } from "./feature.js";

package/presentation/accessManagement/roles/rolesAutocomplete/index.js

@@ -0,0 +1,2 @@
+export { RolesAutocompletePresenter } from "./abstractions.js";
+export { RolesAutocompletePresenterFeature } from "./feature.js";

package/presentation/accessManagement/routes.d.ts

@@ -0,0 +1,21 @@
+import { Route } from "@webiny/app";
+export declare const Routes: {
+    Roles: {
+        List: Route<{
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            new: import("zod").ZodOptional<import("zod").ZodBoolean>;
+        }>;
+    };
+    Teams: {
+        List: Route<{
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            new: import("zod").ZodOptional<import("zod").ZodBoolean>;
+        }>;
+    };
+    ApiKeys: {
+        List: Route<{
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            new: import("zod").ZodOptional<import("zod").ZodBoolean>;
+        }>;
+    };
+};

package/presentation/accessManagement/routes.js

@@ -0,0 +1,36 @@
+import { Route } from "@webiny/app";
+const Routes = {
+    Roles: {
+        List: new Route({
+            name: "Security/Roles/List",
+            path: "/access-management/roles",
+            params: (z)=>({
+                    id: z.string().optional(),
+                    new: z.boolean().optional()
+                })
+        })
+    },
+    Teams: {
+        List: new Route({
+            name: "Security/Teams/List",
+            path: "/access-management/teams",
+            params: (z)=>({
+                    id: z.string().optional(),
+                    new: z.boolean().optional()
+                })
+        })
+    },
+    ApiKeys: {
+        List: new Route({
+            name: "Security/ApiKeys/List",
+            path: "/access-management/api-keys",
+            params: (z)=>({
+                    id: z.string().optional(),
+                    new: z.boolean().optional()
+                })
+        })
+    }
+};
+export { Routes };
+
+//# sourceMappingURL=routes.js.map

package/presentation/accessManagement/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/routes.js","sources":["../../../src/presentation/accessManagement/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app\";\n\nexport const Routes = {\n    Roles: {\n        List: new Route({\n            name: \"Security/Roles/List\",\n            path: \"/access-management/roles\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    },\n    Teams: {\n        List: new Route({\n            name: \"Security/Teams/List\",\n            path: \"/access-management/teams\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    },\n    ApiKeys: {\n        List: new Route({\n            name: \"Security/ApiKeys/List\",\n            path: \"/access-management/api-keys\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    }\n};\n"],"names":["Routes","Route","z"],"mappings":";AAEO,MAAMA,SAAS;IAClB,OAAO;QACH,MAAM,IAAIC,MAAM;YACZ,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,IACG;oBACH,IAAIA,EAAE,MAAM,GAAG,QAAQ;oBACvB,KAAKA,EAAE,OAAO,GAAG,QAAQ;gBAC7B;QAER;IACJ;IACA,OAAO;QACH,MAAM,IAAID,MAAM;YACZ,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,IACG;oBACH,IAAIA,EAAE,MAAM,GAAG,QAAQ;oBACvB,KAAKA,EAAE,OAAO,GAAG,QAAQ;gBAC7B;QAER;IACJ;IACA,SAAS;QACL,MAAM,IAAID,MAAM;YACZ,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,IACG;oBACH,IAAIA,EAAE,MAAM,GAAG,QAAQ;oBACvB,KAAKA,EAAE,OAAO,GAAG,QAAQ;gBAC7B;QAER;IACJ;AACJ"}

package/presentation/accessManagement/teams/TeamsDataSource.d.ts

@@ -0,0 +1,13 @@
+import { SimpleDataSource } from "../../../presentation/listPresenter/SimpleDataSource.js";
+import type { IDataSourceQuery } from "../../../presentation/listPresenter/abstractions.js";
+import type { FetchResult } from "../../../presentation/listPresenter/FolderAwareDataSource.js";
+import type { Team } from "../../../features/accessManagement/types.js";
+import type { IListTeamsUseCase } from "../../../features/accessManagement/teams/listTeams/abstractions.js";
+import type { IListCache } from "../../../features/listCache/index.js";
+export declare class TeamsDataSource extends SimpleDataSource<Team> {
+    private listTeamsUseCase;
+    private cache;
+    constructor(listTeamsUseCase: IListTeamsUseCase, cache: IListCache<Team>);
+    get rows(): Team[];
+    fetch(_params: IDataSourceQuery): Promise<FetchResult<Team>>;
+}

package/presentation/accessManagement/teams/TeamsDataSource.js

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

package/presentation/accessManagement/teams/TeamsDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/teams/TeamsDataSource.js","sources":["../../../../src/presentation/accessManagement/teams/TeamsDataSource.ts"],"sourcesContent":["import { SimpleDataSource } from \"~/presentation/listPresenter/SimpleDataSource.js\";\nimport type { IDataSourceQuery } from \"~/presentation/listPresenter/abstractions.js\";\nimport type { FetchResult } from \"~/presentation/listPresenter/FolderAwareDataSource.js\";\nimport type { Team } from \"~/features/accessManagement/types.js\";\nimport type { IListTeamsUseCase } from \"~/features/accessManagement/teams/listTeams/abstractions.js\";\nimport type { IListCache } from \"~/features/listCache/index.js\";\n\nexport class TeamsDataSource extends SimpleDataSource<Team> {\n    constructor(\n        private listTeamsUseCase: IListTeamsUseCase,\n        private cache: IListCache<Team>\n    ) {\n        super();\n    }\n\n    get rows(): Team[] {\n        return this.cache.getItems();\n    }\n\n    async fetch(_params: IDataSourceQuery): Promise<FetchResult<Team>> {\n        const result = await this.listTeamsUseCase.execute();\n        return {\n            data: result.data,\n            meta: { cursor: null, hasMoreItems: false, totalCount: result.data.length }\n        };\n    }\n}\n"],"names":["TeamsDataSource","SimpleDataSource","listTeamsUseCase","cache","_params","result"],"mappings":";AAOO,MAAMA,wBAAwBC;IACjC,YACYC,gBAAmC,EACnCC,KAAuB,CACjC;QACE,KAAK,SAHGD,gBAAgB,GAAhBA,kBAAAA,IAAAA,CACAC,KAAK,GAALA;IAGZ;IAEA,IAAI,OAAe;QACf,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;IAC9B;IAEA,MAAM,MAAMC,OAAyB,EAA8B;QAC/D,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO;QAClD,OAAO;YACH,MAAMA,OAAO,IAAI;YACjB,MAAM;gBAAE,QAAQ;gBAAM,cAAc;gBAAO,YAAYA,OAAO,IAAI,CAAC,MAAM;YAAC;QAC9E;IACJ;AACJ"}

package/presentation/accessManagement/teams/TeamsPresenter.d.ts

@@ -0,0 +1,41 @@
+import { StringFormatter } from "../../../features/stringFormatter/abstractions.js";
+import { ListPresenter } from "../../../presentation/listPresenter/abstractions.js";
+import { FormModelFactory } from "../../../features/formModel/abstractions.js";
+import type { Team } from "../../../features/accessManagement/types.js";
+import { ListTeamsUseCase, TeamsListCache } from "../../../features/accessManagement/teams/listTeams/abstractions.js";
+import { GetTeamUseCase } from "../../../features/accessManagement/teams/getTeam/abstractions.js";
+import { CreateTeamUseCase } from "../../../features/accessManagement/teams/createTeam/abstractions.js";
+import { UpdateTeamUseCase } from "../../../features/accessManagement/teams/updateTeam/abstractions.js";
+import { DeleteTeamUseCase } from "../../../features/accessManagement/teams/deleteTeam/abstractions.js";
+import { type ITeamsPresenter, type ITeamsPresenterViewModel } from "./abstractions.js";
+declare class TeamsPresenterImpl implements ITeamsPresenter {
+    private _listPresenter;
+    private formModelFactory;
+    private listTeamsUseCase;
+    private getTeamUseCase;
+    private createTeamUseCase;
+    private updateTeamUseCase;
+    private deleteTeamUseCase;
+    private cache;
+    private stringFormatter;
+    private _selectedTeam;
+    private _loading;
+    private _saving;
+    private _showForm;
+    private _form;
+    private _isNew;
+    constructor(_listPresenter: ListPresenter.Interface<Team>, formModelFactory: FormModelFactory.Interface, listTeamsUseCase: ListTeamsUseCase.Interface, getTeamUseCase: GetTeamUseCase.Interface, createTeamUseCase: CreateTeamUseCase.Interface, updateTeamUseCase: UpdateTeamUseCase.Interface, deleteTeamUseCase: DeleteTeamUseCase.Interface, cache: TeamsListCache.Interface, stringFormatter: StringFormatter.Interface);
+    get vm(): ITeamsPresenterViewModel;
+    get list(): ListPresenter.Interface<Team>;
+    init(): void;
+    selectTeam(id: string): Promise<void>;
+    createNew(): void;
+    deselect(): void;
+    save(): Promise<Team | null>;
+    deleteTeam(id: string): Promise<void>;
+    private buildForm;
+}
+export declare const TeamsPresenter: typeof TeamsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<ITeamsPresenter>;
+};
+export {};

package/presentation/accessManagement/teams/TeamsPresenter.js

@@ -0,0 +1,197 @@
+import { z } from "zod";
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { StringFormatter } from "../../../features/stringFormatter/abstractions.js";
+import { ListPresenter } from "../../listPresenter/abstractions.js";
+import { FormModelFactory } from "../../../features/formModel/abstractions.js";
+import { ListTeamsUseCase, TeamsListCache } from "../../../features/accessManagement/teams/listTeams/abstractions.js";
+import { GetTeamUseCase } from "../../../features/accessManagement/teams/getTeam/abstractions.js";
+import { CreateTeamUseCase } from "../../../features/accessManagement/teams/createTeam/abstractions.js";
+import { UpdateTeamUseCase } from "../../../features/accessManagement/teams/updateTeam/abstractions.js";
+import { DeleteTeamUseCase } from "../../../features/accessManagement/teams/deleteTeam/abstractions.js";
+import { TeamsPresenter } from "./abstractions.js";
+import { TeamsDataSource } from "./TeamsDataSource.js";
+class TeamsPresenterImpl {
+    constructor(_listPresenter, formModelFactory, listTeamsUseCase, getTeamUseCase, createTeamUseCase, updateTeamUseCase, deleteTeamUseCase, cache, stringFormatter){
+        this._listPresenter = _listPresenter;
+        this.formModelFactory = formModelFactory;
+        this.listTeamsUseCase = listTeamsUseCase;
+        this.getTeamUseCase = getTeamUseCase;
+        this.createTeamUseCase = createTeamUseCase;
+        this.updateTeamUseCase = updateTeamUseCase;
+        this.deleteTeamUseCase = deleteTeamUseCase;
+        this.cache = cache;
+        this.stringFormatter = stringFormatter;
+        this._selectedTeam = null;
+        this._loading = false;
+        this._saving = false;
+        this._showForm = false;
+        this._isNew = false;
+        this._form = this.buildForm(false, true);
+        makeAutoObservable(this, {
+            formModelFactory: false,
+            listTeamsUseCase: false,
+            getTeamUseCase: false,
+            createTeamUseCase: false,
+            updateTeamUseCase: false,
+            deleteTeamUseCase: false,
+            cache: false,
+            stringFormatter: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        const team = this._selectedTeam;
+        const systemTeam = null !== team && true === team.system;
+        const pluginTeam = null !== team && (team.plugin ?? false);
+        return {
+            selectedTeam: this._selectedTeam,
+            loading: this._loading,
+            saving: this._saving,
+            showForm: this._showForm,
+            canModify: !systemTeam && !pluginTeam,
+            form: this._form.vm
+        };
+    }
+    get list() {
+        return this._listPresenter;
+    }
+    init() {
+        const dataSource = new TeamsDataSource(this.listTeamsUseCase, this.cache);
+        this._listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            limit: 1000
+        });
+    }
+    async selectTeam(id) {
+        runInAction(()=>{
+            this._loading = true;
+            this._showForm = true;
+            this._isNew = false;
+        });
+        try {
+            const team = await this.getTeamUseCase.execute(id);
+            const systemTeam = true === team.system;
+            const pluginTeam = team.plugin ?? false;
+            const canModify = !systemTeam && !pluginTeam;
+            runInAction(()=>{
+                this._selectedTeam = team;
+                this._form = this.buildForm(false, canModify);
+                this._form.setData({
+                    name: team.name,
+                    slug: team.slug,
+                    description: team.description ?? "",
+                    roles: team.roles || []
+                });
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+    createNew() {
+        this._selectedTeam = null;
+        this._isNew = true;
+        this._form = this.buildForm(true, true);
+        this._showForm = true;
+    }
+    deselect() {
+        this._selectedTeam = null;
+        this._showForm = false;
+    }
+    async save() {
+        const data = await this._form.submit();
+        if (!data) return null;
+        runInAction(()=>{
+            this._saving = true;
+        });
+        try {
+            const roles = (data.roles || []).map((r)=>"string" == typeof r ? r : r.id);
+            const isUpdate = null !== this._selectedTeam && this._selectedTeam.createdOn;
+            if (isUpdate) {
+                const team = await this.updateTeamUseCase.execute(this._selectedTeam.id, {
+                    name: data.name,
+                    description: data.description,
+                    roles
+                });
+                runInAction(()=>{
+                    this._selectedTeam = team;
+                });
+                return team;
+            }
+            {
+                const team = await this.createTeamUseCase.execute({
+                    name: data.name,
+                    slug: data.slug,
+                    description: data.description,
+                    roles
+                });
+                runInAction(()=>{
+                    this._selectedTeam = team;
+                    this._isNew = false;
+                    this._form = this.buildForm(false, true);
+                    this._form.setData({
+                        name: team.name,
+                        slug: team.slug,
+                        description: team.description ?? "",
+                        roles: team.roles || []
+                    });
+                });
+                return team;
+            }
+        } finally{
+            runInAction(()=>{
+                this._saving = false;
+            });
+        }
+    }
+    async deleteTeam(id) {
+        await this.deleteTeamUseCase.execute(id);
+        runInAction(()=>{
+            if (null !== this._selectedTeam && this._selectedTeam.id === id) {
+                this._selectedTeam = 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(this.stringFormatter.slugify(String(value)));
+                    }),
+                    slug: fields.text().label("Slug").required("Slug is required.").disabled(!isNew || !canModify),
+                    description: fields.text().label("Description").renderer("textarea").defaultValue("").schema(z.string().max(500, "Description cannot be longer than 500 characters.")).disabled(!canModify),
+                    roles: fields.rolesMultiSelect().label("Roles").required("Roles are required.").disabled(!canModify)
+                }),
+            layout: (layout)=>[
+                    layout.row("name", "slug"),
+                    layout.row("description"),
+                    layout.row("roles")
+                ]
+        });
+    }
+}
+const TeamsPresenter_TeamsPresenter = TeamsPresenter.createImplementation({
+    implementation: TeamsPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        FormModelFactory,
+        ListTeamsUseCase,
+        GetTeamUseCase,
+        CreateTeamUseCase,
+        UpdateTeamUseCase,
+        DeleteTeamUseCase,
+        TeamsListCache,
+        StringFormatter
+    ]
+});
+export { TeamsPresenter_TeamsPresenter as TeamsPresenter };
+
+//# sourceMappingURL=TeamsPresenter.js.map

package/presentation/accessManagement/teams/TeamsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/teams/TeamsPresenter.js","sources":["../../../../src/presentation/accessManagement/teams/TeamsPresenter.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { StringFormatter } from \"~/features/stringFormatter/abstractions.js\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"~/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"~/features/formModel/abstractions.js\";\nimport type { Team } from \"~/features/accessManagement/types.js\";\nimport {\n    ListTeamsUseCase,\n    TeamsListCache\n} from \"~/features/accessManagement/teams/listTeams/abstractions.js\";\nimport { GetTeamUseCase } from \"~/features/accessManagement/teams/getTeam/abstractions.js\";\nimport { CreateTeamUseCase } from \"~/features/accessManagement/teams/createTeam/abstractions.js\";\nimport { UpdateTeamUseCase } from \"~/features/accessManagement/teams/updateTeam/abstractions.js\";\nimport { DeleteTeamUseCase } from \"~/features/accessManagement/teams/deleteTeam/abstractions.js\";\nimport {\n    TeamsPresenter as Abstraction,\n    type ITeamsPresenter,\n    type ITeamsPresenterViewModel\n} from \"./abstractions.js\";\nimport { TeamsDataSource } from \"./TeamsDataSource.js\";\n\nclass TeamsPresenterImpl implements ITeamsPresenter {\n    private _selectedTeam: Team | null = null;\n    private _loading = false;\n    private _saving = false;\n    private _showForm = false;\n    private _form: IFormModel;\n    private _isNew = false;\n\n    constructor(\n        private _listPresenter: ListPresenter.Interface<Team>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listTeamsUseCase: ListTeamsUseCase.Interface,\n        private getTeamUseCase: GetTeamUseCase.Interface,\n        private createTeamUseCase: CreateTeamUseCase.Interface,\n        private updateTeamUseCase: UpdateTeamUseCase.Interface,\n        private deleteTeamUseCase: DeleteTeamUseCase.Interface,\n        private cache: TeamsListCache.Interface,\n        private stringFormatter: StringFormatter.Interface\n    ) {\n        this._form = this.buildForm(false, true);\n        makeAutoObservable<\n            TeamsPresenterImpl,\n            | \"formModelFactory\"\n            | \"listTeamsUseCase\"\n            | \"getTeamUseCase\"\n            | \"createTeamUseCase\"\n            | \"updateTeamUseCase\"\n            | \"deleteTeamUseCase\"\n            | \"cache\"\n            | \"stringFormatter\"\n        >(this, {\n            formModelFactory: false,\n            listTeamsUseCase: false,\n            getTeamUseCase: false,\n            createTeamUseCase: false,\n            updateTeamUseCase: false,\n            deleteTeamUseCase: false,\n            cache: false,\n            stringFormatter: false,\n            vm: computed\n        });\n    }\n\n    get vm(): ITeamsPresenterViewModel {\n        const team = this._selectedTeam;\n        const systemTeam = team !== null && team.system === true;\n        const pluginTeam = team !== null && (team.plugin ?? false);\n\n        return {\n            selectedTeam: this._selectedTeam,\n            loading: this._loading,\n            saving: this._saving,\n            showForm: this._showForm,\n            canModify: !systemTeam && !pluginTeam,\n            form: this._form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<Team> {\n        return this._listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new TeamsDataSource(this.listTeamsUseCase, this.cache);\n\n        this._listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectTeam(id: string): Promise<void> {\n        runInAction(() => {\n            this._loading = true;\n            this._showForm = true;\n            this._isNew = false;\n        });\n\n        try {\n            const team = await this.getTeamUseCase.execute(id);\n            const systemTeam = team.system === true;\n            const pluginTeam = team.plugin ?? false;\n            const canModify = !systemTeam && !pluginTeam;\n\n            runInAction(() => {\n                this._selectedTeam = team;\n                this._form = this.buildForm(false, canModify);\n                this._form.setData({\n                    name: team.name,\n                    slug: team.slug,\n                    description: team.description ?? \"\",\n                    roles: team.roles || []\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this._selectedTeam = null;\n        this._isNew = true;\n        this._form = this.buildForm(true, true);\n        this._showForm = true;\n    }\n\n    deselect(): void {\n        this._selectedTeam = null;\n        this._showForm = false;\n    }\n\n    async save(): Promise<Team | null> {\n        const data = await this._form.submit();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this._saving = true;\n        });\n\n        try {\n            const roles = ((data.roles as any[]) || []).map((r: any) =>\n                typeof r === \"string\" ? r : r.id\n            );\n            const isUpdate = this._selectedTeam !== null && this._selectedTeam.createdOn;\n\n            if (isUpdate) {\n                const team = await this.updateTeamUseCase.execute(this._selectedTeam!.id, {\n                    name: data.name as string,\n                    description: data.description as string,\n                    roles\n                });\n                runInAction(() => {\n                    this._selectedTeam = team;\n                });\n                return team;\n            } else {\n                const team = await this.createTeamUseCase.execute({\n                    name: data.name as string,\n                    slug: data.slug as string,\n                    description: data.description as string,\n                    roles\n                });\n                runInAction(() => {\n                    this._selectedTeam = team;\n                    this._isNew = false;\n                    this._form = this.buildForm(false, true);\n                    this._form.setData({\n                        name: team.name,\n                        slug: team.slug,\n                        description: team.description ?? \"\",\n                        roles: team.roles || []\n                    });\n                });\n                return team;\n            }\n            // Errors deliberately propagate to the caller, which reports them to the user. This\n            // used to be a bare `catch { return null }`, and `null` is also what `save()` returns\n            // when client-side validation fails - so a rejected request looked to the view exactly\n            // like a form that had not been submitted, and failed silently.\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n    }\n\n    async deleteTeam(id: string): Promise<void> {\n        await this.deleteTeamUseCase.execute(id);\n\n        runInAction(() => {\n            if (this._selectedTeam !== null && this._selectedTeam.id === id) {\n                this._selectedTeam = null;\n                this._showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, canModify: boolean): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .disabled(!canModify)\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(this.stringFormatter.slugify(String(value)));\n                    }),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required.\")\n                    .disabled(!isNew || !canModify),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .renderer(\"textarea\")\n                    .defaultValue(\"\")\n                    .schema(\n                        z.string().max(500, \"Description cannot be longer than 500 characters.\")\n                    )\n                    .disabled(!canModify),\n                roles: fields\n                    .rolesMultiSelect()\n                    .label(\"Roles\")\n                    .required(\"Roles are required.\")\n                    .disabled(!canModify)\n            }),\n            layout: layout => [\n                layout.row(\"name\", \"slug\"),\n                layout.row(\"description\"),\n                layout.row(\"roles\")\n            ]\n        });\n    }\n}\n\nexport const TeamsPresenter = Abstraction.createImplementation({\n    implementation: TeamsPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListTeamsUseCase,\n        GetTeamUseCase,\n        CreateTeamUseCase,\n        UpdateTeamUseCase,\n        DeleteTeamUseCase,\n        TeamsListCache,\n        StringFormatter\n    ]\n});\n"],"names":["TeamsPresenterImpl","_listPresenter","formModelFactory","listTeamsUseCase","getTeamUseCase","createTeamUseCase","updateTeamUseCase","deleteTeamUseCase","cache","stringFormatter","makeAutoObservable","computed","team","systemTeam","pluginTeam","dataSource","TeamsDataSource","id","runInAction","canModify","data","roles","r","isUpdate","isNew","fields","value","form","slugValue","String","z","layout","TeamsPresenter","Abstraction","ListPresenter","FormModelFactory","ListTeamsUseCase","GetTeamUseCase","CreateTeamUseCase","UpdateTeamUseCase","DeleteTeamUseCase","TeamsListCache","StringFormatter"],"mappings":"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"}

package/presentation/accessManagement/teams/abstractions.d.ts

@@ -0,0 +1,26 @@
+import type { IFormVM } from "../../../features/formModel/abstractions.js";
+import type { IListPresenter } from "../../../presentation/listPresenter/abstractions.js";
+import type { Team } from "../../../features/accessManagement/types.js";
+export interface ITeamsPresenterViewModel {
+    selectedTeam: Team | null;
+    loading: boolean;
+    saving: boolean;
+    showForm: boolean;
+    canModify: boolean;
+    form: IFormVM;
+}
+export interface ITeamsPresenter {
+    readonly vm: ITeamsPresenterViewModel;
+    readonly list: IListPresenter<Team>;
+    init(): void;
+    selectTeam(id: string): Promise<void>;
+    createNew(): void;
+    deselect(): void;
+    save(): Promise<Team | null>;
+    deleteTeam(id: string): Promise<void>;
+}
+export declare const TeamsPresenter: import("@webiny/di").Abstraction<ITeamsPresenter>;
+export declare namespace TeamsPresenter {
+    type Interface = ITeamsPresenter;
+    type ViewModel = ITeamsPresenterViewModel;
+}

package/presentation/accessManagement/teams/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const TeamsPresenter = createAbstraction("AccessManagement/TeamsPresenter");
+export { TeamsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/accessManagement/teams/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/teams/abstractions.js","sources":["../../../../src/presentation/accessManagement/teams/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"~/features/formModel/abstractions.js\";\nimport type { IListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport type { Team } from \"~/features/accessManagement/types.js\";\n\nexport interface ITeamsPresenterViewModel {\n    selectedTeam: Team | null;\n    loading: boolean;\n    saving: boolean;\n    showForm: boolean;\n    canModify: boolean;\n    form: IFormVM;\n}\n\nexport interface ITeamsPresenter {\n    readonly vm: ITeamsPresenterViewModel;\n    readonly list: IListPresenter<Team>;\n    init(): void;\n    selectTeam(id: string): Promise<void>;\n    createNew(): void;\n    deselect(): void;\n    save(): Promise<Team | null>;\n    deleteTeam(id: string): Promise<void>;\n}\n\nexport const TeamsPresenter = createAbstraction<ITeamsPresenter>(\"AccessManagement/TeamsPresenter\");\n\nexport namespace TeamsPresenter {\n    export type Interface = ITeamsPresenter;\n    export type ViewModel = ITeamsPresenterViewModel;\n}\n"],"names":["TeamsPresenter","createAbstraction"],"mappings":";AAyBO,MAAMA,iBAAiBC,kBAAmC"}

package/presentation/accessManagement/teams/components/TeamsView.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const TeamsView: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};