@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

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/TeamsDataList.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const TeamsDataList: (({ activeId }: {
+    activeId: string | undefined;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    activeId: string | undefined;
+}> & {
+    readonly type: ({ activeId }: {
+        activeId: string | undefined;
+    }) => React.JSX.Element;
+};

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

@@ -0,0 +1,146 @@
+import react, { useCallback, useMemo, useState } from "react";
+import orderBy from "lodash/orderBy.js";
+import { useFeature } from "@webiny/app";
+import { SearchUI, useConfirmationDialog, useRouter, useSnackbar } from "../../../../index.js";
+import { Button, DataList, DataListModal, DeleteIcon, Grid, List, Select, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { TeamsPresenterFeature } from "../feature.js";
+import { Routes } from "../../routes.js";
+import { createReactiveComponent } from "../../../createReactiveComponent.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"
+    ];
+};
+function lockedReason(item) {
+    if (item.system) return "Cannot delete system teams.";
+    if (item.plugin) return "Cannot delete teams registered via extensions.";
+    return null;
+}
+const TeamsDataList = createReactiveComponent(({ 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)=>{
+            const locked = lockedReason(item);
+            let actions = /*#__PURE__*/ react.createElement(DeleteIcon, {
+                onClick: ()=>deleteItem(item),
+                "data-testid": "default-data-list.delete"
+            });
+            if (locked) actions = /*#__PURE__*/ react.createElement(Tooltip, {
+                content: locked,
+                trigger: /*#__PURE__*/ react.createElement(DeleteIcon, {
+                    disabled: true
+                })
+            });
+            return /*#__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: actions
+            });
+        })));
+});
+export { TeamsDataList };
+
+//# sourceMappingURL=TeamsDataList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/teams/components/TeamsDataList.js","sources":["../../../../../src/presentation/accessManagement/teams/components/TeamsDataList.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCallback } from \"react\";\nimport { useMemo } from \"react\";\nimport { useState } from \"react\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { useFeature } from \"@webiny/app\";\nimport { useSnackbar } from \"~/index.js\";\nimport { useConfirmationDialog } from \"~/index.js\";\nimport { SearchUI } from \"~/index.js\";\nimport { useRouter } from \"~/index.js\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { DataList } from \"@webiny/admin-ui\";\nimport { DataListModal } from \"@webiny/admin-ui\";\nimport { DeleteIcon } from \"@webiny/admin-ui\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { List } from \"@webiny/admin-ui\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { TeamsPresenterFeature } from \"../feature.js\";\nimport { Routes } from \"../../routes.js\";\nimport type { Team } from \"~/features/accessManagement/types.js\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.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\n// Why a team can't be deleted, or null when it can.\nfunction lockedReason(item: Team): string | null {\n    if (item.system) {\n        return \"Cannot delete system teams.\";\n    }\n    if (item.plugin) {\n        return \"Cannot delete teams registered via extensions.\";\n    }\n    return null;\n}\n\nexport const TeamsDataList = createReactiveComponent(\n    ({ 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={\n                    <DataListModal.Trigger data-testid={\"default-data-list.filter\"} />\n                }\n            >\n                {({ data }: { data: Team[] }) => (\n                    <List data-testid=\"default-data-list\">\n                        {data.map(item => {\n                            const locked = lockedReason(item);\n                            let actions = (\n                                <DeleteIcon\n                                    onClick={() => deleteItem(item)}\n                                    data-testid={\"default-data-list.delete\"}\n                                />\n                            );\n                            if (locked) {\n                                actions = (\n                                    <Tooltip content={locked} trigger={<DeleteIcon disabled />} />\n                                );\n                            }\n\n                            return (\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={actions}\n                                />\n                            );\n                        })}\n                    </List>\n                )}\n            </DataList>\n        );\n    }\n);\n"],"names":["SORTERS","deserializeSorters","data","field","order","lockedReason","item","TeamsDataList","createReactiveComponent","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","Routes","e","DataList","Button","AddIcon","SearchUI","DataListModal","Grid","Select","label","value","List","locked","actions","DeleteIcon","Tooltip"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import React from "react";
+export declare const TeamsForm: (({ newEntry, id }: {
+    newEntry: boolean;
+    id: string | undefined;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    newEntry: boolean;
+    id: string | undefined;
+}> & {
+    readonly type: ({ newEntry, id }: {
+        newEntry: boolean;
+        id: string | undefined;
+    }) => React.JSX.Element;
+};

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

@@ -0,0 +1,96 @@
+import react, { useCallback, useEffect } from "react";
+import { useFeature } from "@webiny/app";
+import { EmptyView, FormErrors, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useRouter, useSnackbar } from "../../../../index.js";
+import { FormView } from "../../../../features/formModel/FormView.js";
+import { Alert, Button, OverlayLoader } 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";
+import { AssumePermissionsButton } from "../../../assumePermissions/components/AssumePermissionsButton.js";
+import { createReactiveComponent } from "../../../createReactiveComponent.js";
+function formTitle(record) {
+    if (!record || !record.name) return "Untitled";
+    return record.name;
+}
+function toAssumeTarget(team, loading) {
+    if (!team || loading) return null;
+    return {
+        type: "team",
+        id: team.id,
+        name: team.name
+    };
+}
+const TeamsForm = createReactiveComponent(({ 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 ()=>{
+        try {
+            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!");
+            }
+        } catch (e) {
+            showSnackbar(e.message);
+        }
+    }, [
+        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
+                })
+        })
+    });
+    const assumeTarget = toAssumeTarget(vm.selectedTeam, vm.loading);
+    return /*#__PURE__*/ react.createElement(SimpleForm, null, vm.loading || vm.saving ? /*#__PURE__*/ react.createElement(OverlayLoader, null) : null, /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+        title: formTitle(vm.selectedTeam)
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-end"
+    }, /*#__PURE__*/ react.createElement(AssumePermissionsButton, {
+        target: assumeTarget
+    }))), /*#__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."), vm.selectedTeam && vm.selectedTeam.plugin && /*#__PURE__*/ react.createElement(Alert, {
+        type: "info",
+        title: "Important"
+    }, "This team is registered via an extension, and cannot be modified."), /*#__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
+    })));
+});
+export { TeamsForm };
+
+//# sourceMappingURL=TeamsForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/teams/components/TeamsForm.js","sources":["../../../../../src/presentation/accessManagement/teams/components/TeamsForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCallback } from \"react\";\nimport { useEffect } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { SimpleForm } from \"~/index.js\";\nimport { SimpleFormHeader } from \"~/index.js\";\nimport { SimpleFormContent } from \"~/index.js\";\nimport { SimpleFormFooter } from \"~/index.js\";\nimport { EmptyView } from \"~/index.js\";\nimport { useSnackbar } from \"~/index.js\";\nimport { useRouter } from \"~/index.js\";\nimport { FormErrors } from \"~/index.js\";\nimport { FormView } from \"~/features/formModel/FormView.js\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { OverlayLoader } 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 { AssumePermissionsButton } from \"~/presentation/assumePermissions/components/AssumePermissionsButton.js\";\nimport type { AssumePermissionsPresenter } from \"~/presentation/assumePermissions/abstractions.js\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.js\";\n\nfunction formTitle(record: Team | null): string {\n    if (!record || !record.name) {\n        return \"Untitled\";\n    }\n    return record.name;\n}\n\n/*\n * Only a saved team can be previewed. While the form loads, `selectedTeam` can still be the team\n * that was open before, so there is no target until loading is done.\n */\nfunction toAssumeTarget(\n    team: Team | null,\n    loading: boolean\n): AssumePermissionsPresenter.Target | null {\n    if (!team || loading) {\n        return null;\n    }\n\n    return { type: \"team\", id: team.id, name: team.name };\n}\n\nexport const TeamsForm = createReactiveComponent(\n    ({ 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            try {\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            } catch (e: any) {\n                showSnackbar(e.message);\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        const assumeTarget = toAssumeTarget(vm.selectedTeam, vm.loading);\n\n        return (\n            <SimpleForm>\n                {vm.loading || vm.saving ? <OverlayLoader /> : null}\n                <SimpleFormHeader title={formTitle(vm.selectedTeam)}>\n                    <div className={\"flex items-center justify-end\"}>\n                        <AssumePermissionsButton target={assumeTarget} />\n                    </div>\n                </SimpleFormHeader>\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\n                            permissions.\n                        </Alert>\n                    )}\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                    )}\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                    )}\n                </SimpleFormFooter>\n            </SimpleForm>\n        );\n    }\n);\n"],"names":["formTitle","record","toAssumeTarget","team","loading","TeamsForm","createReactiveComponent","newEntry","id","presenter","useFeature","TeamsPresenterFeature","goToRoute","useRouter","showSnackbar","useSnackbar","vm","useEffect","handleSave","useCallback","Routes","e","EmptyView","SettingsIcon","Button","AddIcon","assumeTarget","SimpleForm","OverlayLoader","SimpleFormHeader","AssumePermissionsButton","SimpleFormContent","Alert","FormErrors","FormView","SimpleFormFooter"],"mappings":";;;;;;;;;;;AAyBA,SAASA,UAAUC,MAAmB;IAClC,IAAI,CAACA,UAAU,CAACA,OAAO,IAAI,EACvB,OAAO;IAEX,OAAOA,OAAO,IAAI;AACtB;AAMA,SAASC,eACLC,IAAiB,EACjBC,OAAgB;IAEhB,IAAI,CAACD,QAAQC,SACT,OAAO;IAGX,OAAO;QAAE,MAAM;QAAQ,IAAID,KAAK,EAAE;QAAE,MAAMA,KAAK,IAAI;IAAC;AACxD;AAEO,MAAME,YAAYC,wBACrB,CAAC,EAAEC,QAAQ,EAAEC,EAAE,EAAiD;IAC5D,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,EAAE,EAAE,GAAGP;IAEfQ,UAAU;QACN,IAAIT,IACAC,UAAU,UAAU,CAACD;aAClB,IAAID,UACPE,UAAU,SAAS;aAEnBA,UAAU,QAAQ;IAE1B,GAAG;QAACD;QAAID;KAAS;IAEjB,MAAMW,aAAaC,YAAY;QAC3B,IAAI;YACA,MAAMhB,OAAO,MAAMM,UAAU,IAAI;YACjC,IAAIN,MAAM;gBACN,IAAI,CAACa,GAAG,YAAY,IAAIA,GAAG,YAAY,CAAC,EAAE,KAAKb,KAAK,EAAE,EAClDS,UAAUQ,OAAO,KAAK,CAAC,IAAI,EAAE;oBAAE,IAAIjB,KAAK,EAAE;gBAAC;gBAE/CW,aAAa;YACjB;QACJ,EAAE,OAAOO,GAAQ;YACbP,aAAaO,EAAE,OAAO;QAC1B;IACJ,GAAG;QAACZ;QAAWO,GAAG,YAAY;KAAC;IAE/B,IAAI,CAACA,GAAG,QAAQ,EACZ,OAAO,WAAP,GACI,oBAACM,WAASA;QACN,oBAAM,oBAACC,6BAAYA;QACnB,OAAO;QACP,sBACI,oBAACC,QAAMA;YACH,MAAM;YACN,oBAAM,oBAACC,gBAAOA;YACd,eAAY;YACZ,SAAS,IAAMb,UAAUQ,OAAO,KAAK,CAAC,IAAI,EAAE;oBAAE,KAAK;gBAAK;;;IAO5E,MAAMM,eAAexB,eAAec,GAAG,YAAY,EAAEA,GAAG,OAAO;IAE/D,OAAO,WAAP,GACI,oBAACW,YAAUA,MACNX,GAAG,OAAO,IAAIA,GAAG,MAAM,GAAG,WAAH,GAAG,oBAACY,eAAaA,QAAM,oBAC/C,oBAACC,kBAAgBA;QAAC,OAAO7B,UAAUgB,GAAG,YAAY;qBAC9C,oBAAC;QAAI,WAAW;qBACZ,oBAACc,yBAAuBA;QAAC,QAAQJ;wBAGzC,oBAACK,mBAAiBA,MACbf,GAAG,YAAY,IAAIA,GAAG,YAAY,CAAC,MAAM,IAAI,WAAJ,GACtC,oBAACgB,OAAKA;QAAC,MAAM;QAAQ,OAAO;OAA0B,0EAKzDhB,GAAG,YAAY,IAAIA,GAAG,YAAY,CAAC,MAAM,IAAI,WAAJ,GACtC,oBAACgB,OAAKA;QAAC,MAAM;QAAQ,OAAO;OAAa,oFAI7C,oBAACC,YAAUA;QAAC,MAAMjB,GAAG,IAAI;QAAE,WAAW;sBACtC,oBAACkB,UAAQA;QAAC,MAAM;QAAQ,MAAMlB,GAAG,IAAI;uBAEzC,oBAACmB,kBAAgBA,MAAAA,WAAAA,GACb,oBAACX,QAAMA;QACH,SAAS;QACT,MAAM;QACN,SAAS,IAAMZ,UAAUQ,OAAO,KAAK,CAAC,IAAI;QAE7CJ,GAAG,SAAS,IAAI,WAAJ,GACT,oBAACQ,QAAMA;QACH,MAAM;QACN,eAAY;QACZ,SAASN;;AAMjC"}

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;
+};

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

@@ -0,0 +1,26 @@
+import react, { useEffect } from "react";
+import { useFeature } from "@webiny/app";
+import { LeftPanel, RightPanel, SplitView, useRoute } from "../../../../index.js";
+import { TeamsPresenterFeature } from "../feature.js";
+import { Routes } from "../../routes.js";
+import { createReactiveComponent } from "../../../createReactiveComponent.js";
+import { TeamsDataList } from "./TeamsDataList.js";
+import { TeamsForm } from "./TeamsForm.js";
+const TeamsView = createReactiveComponent(()=>{
+    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 from \"react\";\nimport { useEffect } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { SplitView } from \"~/index.js\";\nimport { LeftPanel } from \"~/index.js\";\nimport { RightPanel } from \"~/index.js\";\nimport { useRoute } from \"~/index.js\";\nimport { TeamsPresenterFeature } from \"../feature.js\";\nimport { Routes } from \"../../routes.js\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.js\";\nimport { TeamsDataList } from \"./TeamsDataList.js\";\nimport { TeamsForm } from \"./TeamsForm.js\";\n\nexport const TeamsView = createReactiveComponent(() => {\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":["TeamsView","createReactiveComponent","presenter","useFeature","TeamsPresenterFeature","route","useRoute","Routes","useEffect","SplitView","LeftPanel","TeamsDataList","RightPanel","TeamsForm"],"mappings":";;;;;;;;AAaO,MAAMA,YAAYC,wBAAwB;IAC7C,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,IAAI;IAE5CC,UAAU;QACNN,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,OAAO,WAAP,GACI,oBAACO,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA,MAAAA,WAAAA,GACN,oBAACC,eAAaA;QAAC,UAAUN,MAAM,MAAM,CAAC,EAAE;uBAE5C,oBAACO,YAAUA,MAAAA,WAAAA,GACP,oBAACC,WAASA;QAAC,UAAUR,AAAqB,SAArBA,MAAM,MAAM,CAAC,GAAG;QAAW,IAAIA,MAAM,MAAM,CAAC,EAAE;;AAInF"}

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 {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/teams/teamsAutocomplete/feature.js","sources":["../../../../../src/presentation/accessManagement/teams/teamsAutocomplete/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { TeamsAutocompletePresenter as Abstraction } from \"./abstractions.js\";\nimport { TeamsAutocompletePresenter } from \"./TeamsAutocompletePresenter.js\";\n\nexport const TeamsAutocompletePresenterFeature = createFeature({\n    name: \"AccessManagement/TeamsAutocompletePresenter\",\n    register(container) {\n        container.register(TeamsAutocompletePresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["TeamsAutocompletePresenterFeature","createFeature","container","TeamsAutocompletePresenter","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/teams/teamsAutocomplete/index.d.ts

@@ -0,0 +1,3 @@
+export { TeamsAutocompletePresenter } from "./abstractions.js";
+export type { ITeamsAutocompletePresenter, ITeamsAutocompleteViewModel } from "./abstractions.js";
+export { TeamsAutocompletePresenterFeature } from "./feature.js";

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

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

package/presentation/assumePermissions/AssumePermissionsPresenter.d.ts

@@ -0,0 +1,36 @@
+import { FeatureFlagsService } from "../../features/featureFlags/abstractions.js";
+import { IdentityContext } from "../../features/security/IdentityContext/index.js";
+import { AssumePermissionsContext } from "../../features/assumePermissions/abstractions.js";
+import { AssumePermissionsUseCase } from "../../features/assumePermissions/abstractions.js";
+import { ListAssumableTargetsUseCase } from "../../features/assumePermissions/abstractions.js";
+import { AssumePermissionsPresenter as Abstraction } from "./abstractions.js";
+declare class AssumePermissionsPresenterImpl implements Abstraction.Interface {
+    private assumePermissionsUseCase;
+    private listAssumableTargetsUseCase;
+    private identityContext;
+    private featureFlags;
+    private loading;
+    private switching;
+    private roles;
+    private teams;
+    private error;
+    private readonly loadedAssumed;
+    constructor(assumePermissionsContext: AssumePermissionsContext.Interface, assumePermissionsUseCase: AssumePermissionsUseCase.Interface, listAssumableTargetsUseCase: ListAssumableTargetsUseCase.Interface, identityContext: IdentityContext.Interface, featureFlags: FeatureFlagsService.Interface);
+    get vm(): Abstraction.ViewModel;
+    load(): Promise<void>;
+    assume(value: string): Promise<void>;
+    assumeTarget(target: AssumePermissionsUseCase.Target): Promise<void>;
+    exit(): Promise<void>;
+    dismissError(): void;
+    private switchTo;
+    private startLoading;
+    private stopLoading;
+    private setEntries;
+    private setError;
+    private startSwitching;
+    private failSwitching;
+}
+export declare const AssumePermissionsPresenter: typeof AssumePermissionsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAssumePermissionsPresenter>;
+};
+export {};