@webiny/app-admin 6.4.5 → 6.6.0-alpha.0

package/presentation/accessManagement/teams/TeamsPresenter.js

@@ -0,0 +1,200 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import slugify from "slugify";
+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){
+        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._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,
+            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;
+            }
+        } catch  {
+            return null;
+        } 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(slugify(String(value), {
+                            replacement: "-",
+                            lower: true,
+                            remove: /[*#?<>_{}[\]+~.()'"!:;@]/g,
+                            trim: false
+                        }));
+                    }),
+                    slug: fields.text().label("Slug").required("Slug is required.").disabled(!isNew || !canModify),
+                    description: fields.text().label("Description").renderer("textarea").defaultValue("").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
+    ]
+});
+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 { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport slugify from \"slugify\";\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    ) {\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        >(this, {\n            formModelFactory: false,\n            listTeamsUseCase: false,\n            getTeamUseCase: false,\n            createTeamUseCase: false,\n            updateTeamUseCase: false,\n            deleteTeamUseCase: false,\n            cache: 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        } catch {\n            return null;\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(\n                            slugify(String(value), {\n                                replacement: \"-\",\n                                lower: true,\n                                remove: /[*#?<>_{}[\\]+~.()'\"!:;@]/g,\n                                trim: false\n                            })\n                        );\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                    .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    ]\n});\n"],"names":["TeamsPresenterImpl","_listPresenter","formModelFactory","listTeamsUseCase","getTeamUseCase","createTeamUseCase","updateTeamUseCase","deleteTeamUseCase","cache","makeAutoObservable","computed","team","systemTeam","pluginTeam","dataSource","TeamsDataSource","id","runInAction","canModify","data","roles","r","isUpdate","isNew","fields","value","form","slugValue","slugify","String","layout","TeamsPresenter","Abstraction","ListPresenter","FormModelFactory","ListTeamsUseCase","GetTeamUseCase","CreateTeamUseCase","UpdateTeamUseCase","DeleteTeamUseCase","TeamsListCache"],"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) & {
+    displayName: string;
+};

package/presentation/accessManagement/teams/components/TeamsView.js

@@ -0,0 +1,214 @@
+import react, { useCallback, useEffect, useMemo, useState } from "react";
+import { observer } from "mobx-react-lite";
+import orderBy from "lodash/orderBy.js";
+import { useFeature } from "@webiny/app";
+import { EmptyView, FormErrors, LeftPanel, RightPanel, SearchUI, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, SplitView, useConfirmationDialog, useRoute, useRouter, useSnackbar } from "../../../../index.js";
+import { FormView } from "../../../../features/formModel/FormView.js";
+import { Alert, Button, DataList, DataListModal, DeleteIcon, Grid, List, OverlayLoader, Select, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as settings_svg_ReactComponent } from "@webiny/icons/settings.svg";
+import { TeamsPresenterFeature } from "../feature.js";
+import { Routes } from "../../routes.js";
+const SORTERS = [
+    {
+        label: "Newest to oldest",
+        sorter: "createdOn_DESC"
+    },
+    {
+        label: "Oldest to newest",
+        sorter: "createdOn_ASC"
+    },
+    {
+        label: "Name A-Z",
+        sorter: "name_ASC"
+    },
+    {
+        label: "Name Z-A",
+        sorter: "name_DESC"
+    }
+];
+const deserializeSorters = (data)=>{
+    const [field, order] = data.split("_");
+    return [
+        field,
+        "asc" === order.toLowerCase() ? "asc" : "desc"
+    ];
+};
+const TeamsDataList = observer(({ activeId })=>{
+    const { presenter } = useFeature(TeamsPresenterFeature);
+    const { goToRoute } = useRouter();
+    const { showSnackbar } = useSnackbar();
+    const { showConfirmation } = useConfirmationDialog({
+        dataTestId: "default-data-list.delete-dialog"
+    });
+    const [filter, setFilter] = useState("");
+    const [sort, setSort] = useState(SORTERS[0].sorter);
+    const teams = presenter.list.vm.rows;
+    const loading = presenter.list.vm.pagination.loading;
+    const filteredData = useMemo(()=>{
+        if ("" === filter) return teams;
+        const lc = filter.toLowerCase();
+        return teams.filter((t)=>t.name.toLowerCase().includes(lc) || t.slug.toLowerCase().includes(lc) || t.description && t.description.toLowerCase().includes(lc));
+    }, [
+        teams,
+        filter
+    ]);
+    const sortedData = useMemo(()=>{
+        if (!sort) return filteredData;
+        const [key, order] = deserializeSorters(sort);
+        return orderBy(filteredData, [
+            key
+        ], [
+            order
+        ]);
+    }, [
+        filteredData,
+        sort
+    ]);
+    const deleteItem = useCallback((item)=>{
+        showConfirmation(async ()=>{
+            try {
+                await presenter.deleteTeam(item.id);
+                showSnackbar(`Team "${item.slug}" deleted.`);
+                if (activeId === item.id) goToRoute(Routes.Teams.List);
+            } catch (e) {
+                showSnackbar(e.message);
+            }
+        });
+    }, [
+        activeId
+    ]);
+    return /*#__PURE__*/ react.createElement(DataList, {
+        title: "Teams",
+        refresh: null,
+        actions: /*#__PURE__*/ react.createElement(Button, {
+            text: "New",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            className: "ml-xs",
+            "data-testid": "new-record-button",
+            onClick: ()=>goToRoute(Routes.Teams.List, {
+                    new: true
+                })
+        }),
+        data: sortedData,
+        loading: loading,
+        search: /*#__PURE__*/ react.createElement(SearchUI, {
+            value: filter,
+            onChange: setFilter,
+            inputPlaceholder: "Search teams..."
+        }),
+        modalOverlay: /*#__PURE__*/ react.createElement(DataListModal.Content, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Select, {
+            value: sort,
+            onChange: setSort,
+            label: "Sort by",
+            options: SORTERS.map(({ label, sorter: value })=>({
+                    label,
+                    value
+                }))
+        })))),
+        modalOverlayAction: /*#__PURE__*/ react.createElement(DataListModal.Trigger, {
+            "data-testid": "default-data-list.filter"
+        })
+    }, ({ data })=>/*#__PURE__*/ react.createElement(List, {
+            "data-testid": "default-data-list"
+        }, data.map((item)=>/*#__PURE__*/ react.createElement(List.Item, {
+                key: item.id,
+                selected: item.id === activeId,
+                title: item.name,
+                description: item.description,
+                onClick: ()=>goToRoute(Routes.Teams.List, {
+                        id: item.id
+                    }),
+                actions: item.system || item.plugin ? /*#__PURE__*/ react.createElement(Tooltip, {
+                    content: item.system ? "Cannot delete system teams." : "Cannot delete teams registered via extensions.",
+                    trigger: /*#__PURE__*/ react.createElement(DeleteIcon, {
+                        disabled: true
+                    })
+                }) : /*#__PURE__*/ react.createElement(DeleteIcon, {
+                    onClick: ()=>deleteItem(item),
+                    "data-testid": "default-data-list.delete"
+                })
+            }))));
+});
+const TeamsForm = observer(({ newEntry, id })=>{
+    const { presenter } = useFeature(TeamsPresenterFeature);
+    const { goToRoute } = useRouter();
+    const { showSnackbar } = useSnackbar();
+    const { vm } = presenter;
+    useEffect(()=>{
+        if (id) presenter.selectTeam(id);
+        else if (newEntry) presenter.createNew();
+        else presenter.deselect();
+    }, [
+        id,
+        newEntry
+    ]);
+    const handleSave = useCallback(async ()=>{
+        const team = await presenter.save();
+        if (team) {
+            if (!vm.selectedTeam || vm.selectedTeam.id !== team.id) goToRoute(Routes.Teams.List, {
+                id: team.id
+            });
+            showSnackbar("Team saved successfully!");
+        }
+    }, [
+        presenter,
+        vm.selectedTeam
+    ]);
+    if (!vm.showForm) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(settings_svg_ReactComponent, null),
+        title: "Click on the left side list to display team details or create a...",
+        action: /*#__PURE__*/ react.createElement(Button, {
+            text: "New Team",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            "data-testid": "new-record-button",
+            onClick: ()=>goToRoute(Routes.Teams.List, {
+                    new: true
+                })
+        })
+    });
+    return /*#__PURE__*/ react.createElement(SimpleForm, null, vm.loading || vm.saving ? /*#__PURE__*/ react.createElement(OverlayLoader, null) : null, /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+        title: vm.selectedTeam ? vm.selectedTeam.name || "Untitled" : "Untitled"
+    }), /*#__PURE__*/ react.createElement(SimpleFormContent, null, vm.selectedTeam && vm.selectedTeam.system ? /*#__PURE__*/ react.createElement(Alert, {
+        type: "info",
+        title: "Permissions are locked"
+    }, "This is a protected system team and you can't modify its permissions.") : null, vm.selectedTeam && vm.selectedTeam.plugin ? /*#__PURE__*/ react.createElement(Alert, {
+        type: "info",
+        title: "Important"
+    }, "This team is registered via an extension, and cannot be modified.") : null, /*#__PURE__*/ react.createElement(FormErrors, {
+        form: vm.form,
+        className: "mb-md"
+    }), /*#__PURE__*/ react.createElement(FormView, {
+        name: "Team",
+        form: vm.form
+    })), /*#__PURE__*/ react.createElement(SimpleFormFooter, null, /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        text: "Cancel",
+        onClick: ()=>goToRoute(Routes.Teams.List)
+    }), vm.canModify ? /*#__PURE__*/ react.createElement(Button, {
+        text: "Save",
+        "data-testid": "admin.am.team.new.save",
+        onClick: handleSave
+    }) : null));
+});
+const TeamsView = observer(()=>{
+    const { presenter } = useFeature(TeamsPresenterFeature);
+    const { route } = useRoute(Routes.Teams.List);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, null, /*#__PURE__*/ react.createElement(TeamsDataList, {
+        activeId: route.params.id
+    })), /*#__PURE__*/ react.createElement(RightPanel, null, /*#__PURE__*/ react.createElement(TeamsForm, {
+        newEntry: true === route.params.new,
+        id: route.params.id
+    })));
+});
+export { TeamsView };
+
+//# sourceMappingURL=TeamsView.js.map

package/presentation/accessManagement/teams/components/TeamsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/teams/components/TeamsView.js","sources":["../../../../../src/presentation/accessManagement/teams/components/TeamsView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    SplitView,\n    LeftPanel,\n    RightPanel,\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormContent,\n    SimpleFormFooter,\n    EmptyView,\n    useSnackbar,\n    useConfirmationDialog,\n    SearchUI,\n    useRouter,\n    useRoute\n} from \"~/index.js\";\nimport { FormView } from \"~/features/formModel/FormView.js\";\nimport {\n    Alert,\n    Button,\n    DataList,\n    DataListModal,\n    DeleteIcon,\n    Grid,\n    List,\n    OverlayLoader,\n    Select,\n    Tooltip\n} from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { TeamsPresenterFeature } from \"../feature.js\";\nimport { Routes } from \"../../routes.js\";\nimport type { Team } from \"~/features/accessManagement/types.js\";\nimport { FormErrors } from \"~/index.js\";\n\nconst SORTERS = [\n    { label: \"Newest to oldest\", sorter: \"createdOn_DESC\" },\n    { label: \"Oldest to newest\", sorter: \"createdOn_ASC\" },\n    { label: \"Name A-Z\", sorter: \"name_ASC\" },\n    { label: \"Name Z-A\", sorter: \"name_DESC\" }\n];\n\nconst deserializeSorters = (data: string): [string, \"asc\" | \"desc\"] => {\n    const [field, order] = data.split(\"_\");\n    return [field, order.toLowerCase() === \"asc\" ? \"asc\" : \"desc\"];\n};\n\nconst TeamsDataList = observer(({ activeId }: { activeId: string | undefined }) => {\n    const { presenter } = useFeature(TeamsPresenterFeature);\n    const { goToRoute } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"default-data-list.delete-dialog\"\n    });\n\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState(SORTERS[0].sorter);\n\n    const teams = presenter.list.vm.rows;\n    const loading = presenter.list.vm.pagination.loading;\n\n    const filteredData = useMemo(() => {\n        if (filter === \"\") {\n            return teams;\n        }\n        const lc = filter.toLowerCase();\n        return teams.filter(\n            (t: Team) =>\n                t.name.toLowerCase().includes(lc) ||\n                t.slug.toLowerCase().includes(lc) ||\n                (t.description && t.description.toLowerCase().includes(lc))\n        );\n    }, [teams, filter]);\n\n    const sortedData = useMemo(() => {\n        if (!sort) {\n            return filteredData;\n        }\n        const [key, order] = deserializeSorters(sort);\n        return orderBy(filteredData, [key], [order]);\n    }, [filteredData, sort]);\n\n    const deleteItem = useCallback(\n        (item: Team) => {\n            showConfirmation(async () => {\n                try {\n                    await presenter.deleteTeam(item.id);\n                    showSnackbar(`Team \"${item.slug}\" deleted.`);\n                    if (activeId === item.id) {\n                        goToRoute(Routes.Teams.List);\n                    }\n                } catch (e: any) {\n                    showSnackbar(e.message);\n                }\n            });\n        },\n        [activeId]\n    );\n\n    return (\n        <DataList\n            title={\"Teams\"}\n            refresh={null}\n            actions={\n                <Button\n                    text={\"New\"}\n                    icon={<AddIcon />}\n                    size={\"sm\"}\n                    className={\"ml-xs\"}\n                    data-testid=\"new-record-button\"\n                    onClick={() => goToRoute(Routes.Teams.List, { new: true })}\n                />\n            }\n            data={sortedData}\n            loading={loading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={\"Search teams...\"}\n                />\n            }\n            modalOverlay={\n                <DataListModal.Content>\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Select\n                                value={sort}\n                                onChange={setSort}\n                                label={\"Sort by\"}\n                                options={SORTERS.map(({ label, sorter: value }) => ({\n                                    label,\n                                    value\n                                }))}\n                            />\n                        </Grid.Column>\n                    </Grid>\n                </DataListModal.Content>\n            }\n            modalOverlayAction={<DataListModal.Trigger data-testid={\"default-data-list.filter\"} />}\n        >\n            {({ data }: { data: Team[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <List.Item\n                            key={item.id}\n                            selected={item.id === activeId}\n                            title={item.name}\n                            description={item.description}\n                            onClick={() => goToRoute(Routes.Teams.List, { id: item.id })}\n                            actions={\n                                item.system || item.plugin ? (\n                                    <Tooltip\n                                        content={\n                                            item.system\n                                                ? \"Cannot delete system teams.\"\n                                                : \"Cannot delete teams registered via extensions.\"\n                                        }\n                                        trigger={<DeleteIcon disabled />}\n                                    />\n                                ) : (\n                                    <DeleteIcon\n                                        onClick={() => deleteItem(item)}\n                                        data-testid={\"default-data-list.delete\"}\n                                    />\n                                )\n                            }\n                        />\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n});\n\nconst TeamsForm = observer(({ newEntry, id }: { newEntry: boolean; id: string | undefined }) => {\n    const { presenter } = useFeature(TeamsPresenterFeature);\n    const { goToRoute } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { vm } = presenter;\n\n    useEffect(() => {\n        if (id) {\n            presenter.selectTeam(id);\n        } else if (newEntry) {\n            presenter.createNew();\n        } else {\n            presenter.deselect();\n        }\n    }, [id, newEntry]);\n\n    const handleSave = useCallback(async () => {\n        const team = await presenter.save();\n        if (team) {\n            if (!vm.selectedTeam || vm.selectedTeam.id !== team.id) {\n                goToRoute(Routes.Teams.List, { id: team.id });\n            }\n            showSnackbar(\"Team saved successfully!\");\n        }\n    }, [presenter, vm.selectedTeam]);\n\n    if (!vm.showForm) {\n        return (\n            <EmptyView\n                icon={<SettingsIcon />}\n                title={\"Click on the left side list to display team details or create a...\"}\n                action={\n                    <Button\n                        text={\"New Team\"}\n                        icon={<AddIcon />}\n                        data-testid=\"new-record-button\"\n                        onClick={() => goToRoute(Routes.Teams.List, { new: true })}\n                    />\n                }\n            />\n        );\n    }\n\n    return (\n        <SimpleForm>\n            {vm.loading || vm.saving ? <OverlayLoader /> : null}\n            <SimpleFormHeader\n                title={vm.selectedTeam ? vm.selectedTeam.name || \"Untitled\" : \"Untitled\"}\n            />\n            <SimpleFormContent>\n                {vm.selectedTeam && vm.selectedTeam.system ? (\n                    <Alert type={\"info\"} title={\"Permissions are locked\"}>\n                        This is a protected system team and you can&apos;t modify its permissions.\n                    </Alert>\n                ) : null}\n                {vm.selectedTeam && vm.selectedTeam.plugin ? (\n                    <Alert type={\"info\"} title={\"Important\"}>\n                        This team is registered via an extension, and cannot be modified.\n                    </Alert>\n                ) : null}\n                <FormErrors form={vm.form} className={\"mb-md\"} />\n                <FormView name={\"Team\"} form={vm.form} />\n            </SimpleFormContent>\n            <SimpleFormFooter>\n                <Button\n                    variant={\"secondary\"}\n                    text={\"Cancel\"}\n                    onClick={() => goToRoute(Routes.Teams.List)}\n                />\n                {vm.canModify ? (\n                    <Button\n                        text={\"Save\"}\n                        data-testid=\"admin.am.team.new.save\"\n                        onClick={handleSave}\n                    />\n                ) : null}\n            </SimpleFormFooter>\n        </SimpleForm>\n    );\n});\n\nexport const TeamsView = observer(() => {\n    const { presenter } = useFeature(TeamsPresenterFeature);\n    const { route } = useRoute(Routes.Teams.List);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <TeamsDataList activeId={route.params.id} />\n            </LeftPanel>\n            <RightPanel>\n                <TeamsForm newEntry={route.params.new === true} id={route.params.id} />\n            </RightPanel>\n        </SplitView>\n    );\n});\n"],"names":["SORTERS","deserializeSorters","data","field","order","TeamsDataList","observer","activeId","presenter","useFeature","TeamsPresenterFeature","goToRoute","useRouter","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","filter","setFilter","useState","sort","setSort","teams","loading","filteredData","useMemo","lc","t","sortedData","key","orderBy","deleteItem","useCallback","item","Routes","e","DataList","Button","AddIcon","SearchUI","DataListModal","Grid","Select","label","value","List","Tooltip","DeleteIcon","TeamsForm","newEntry","id","vm","useEffect","handleSave","team","EmptyView","SettingsIcon","SimpleForm","OverlayLoader","SimpleFormHeader","SimpleFormContent","Alert","FormErrors","FormView","SimpleFormFooter","TeamsView","route","useRoute","SplitView","LeftPanel","RightPanel"],"mappings":"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"}

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

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

package/presentation/accessManagement/teams/feature.js

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

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

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

package/presentation/accessManagement/teams/teamsAutocomplete/TeamsAutocompletePresenter.d.ts

@@ -0,0 +1,15 @@
+import { ListTeamsUseCase } from "../../../../features/accessManagement/teams/listTeams/abstractions.js";
+import { type ITeamsAutocompletePresenter, type ITeamsAutocompleteViewModel } from "./abstractions.js";
+declare class TeamsAutocompletePresenterImpl implements ITeamsAutocompletePresenter {
+    private listTeamsUseCase;
+    private _loading;
+    private _options;
+    private _initialized;
+    constructor(listTeamsUseCase: ListTeamsUseCase.Interface);
+    get vm(): ITeamsAutocompleteViewModel;
+    init(): Promise<void>;
+}
+export declare const TeamsAutocompletePresenter: typeof TeamsAutocompletePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<ITeamsAutocompletePresenter>;
+};
+export {};

package/presentation/accessManagement/teams/teamsAutocomplete/TeamsAutocompletePresenter.js

@@ -0,0 +1,42 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { ListTeamsUseCase } from "../../../../features/accessManagement/teams/listTeams/abstractions.js";
+import { TeamsAutocompletePresenter } from "./abstractions.js";
+class TeamsAutocompletePresenterImpl {
+    constructor(listTeamsUseCase){
+        this.listTeamsUseCase = listTeamsUseCase;
+        this._loading = true;
+        this._options = [];
+        this._initialized = false;
+        makeAutoObservable(this, {
+            listTeamsUseCase: 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.listTeamsUseCase.execute();
+        runInAction(()=>{
+            this._options = result.data.map((team)=>({
+                    label: team.name,
+                    value: team.id
+                }));
+            this._loading = false;
+        });
+    }
+}
+const TeamsAutocompletePresenter_TeamsAutocompletePresenter = TeamsAutocompletePresenter.createImplementation({
+    implementation: TeamsAutocompletePresenterImpl,
+    dependencies: [
+        ListTeamsUseCase
+    ]
+});
+export { TeamsAutocompletePresenter_TeamsAutocompletePresenter as TeamsAutocompletePresenter };
+
+//# sourceMappingURL=TeamsAutocompletePresenter.js.map

package/presentation/accessManagement/teams/teamsAutocomplete/TeamsAutocompletePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/teams/teamsAutocomplete/TeamsAutocompletePresenter.js","sources":["../../../../../src/presentation/accessManagement/teams/teamsAutocomplete/TeamsAutocompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { ListTeamsUseCase } from \"~/features/accessManagement/teams/listTeams/abstractions.js\";\nimport {\n    TeamsAutocompletePresenter as Abstraction,\n    type ITeamsAutocompletePresenter,\n    type ITeamsAutocompleteViewModel\n} from \"./abstractions.js\";\n\nclass TeamsAutocompletePresenterImpl implements ITeamsAutocompletePresenter {\n    private _loading = true;\n    private _options: ITeamsAutocompleteViewModel[\"options\"] = [];\n    private _initialized = false;\n\n    constructor(private listTeamsUseCase: ListTeamsUseCase.Interface) {\n        makeAutoObservable<TeamsAutocompletePresenterImpl, \"listTeamsUseCase\" | \"_initialized\">(\n            this,\n            {\n                listTeamsUseCase: false,\n                _initialized: false\n            }\n        );\n    }\n\n    get vm(): ITeamsAutocompleteViewModel {\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.listTeamsUseCase.execute();\n        runInAction(() => {\n            this._options = result.data.map(team => ({\n                label: team.name,\n                value: team.id\n            }));\n            this._loading = false;\n        });\n    }\n}\n\nexport const TeamsAutocompletePresenter = Abstraction.createImplementation({\n    implementation: TeamsAutocompletePresenterImpl,\n    dependencies: [ListTeamsUseCase]\n});\n"],"names":["TeamsAutocompletePresenterImpl","listTeamsUseCase","makeAutoObservable","result","runInAction","team","TeamsAutocompletePresenter","Abstraction","ListTeamsUseCase"],"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/teams/teamsAutocomplete/abstractions.d.ts

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