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

package/presentation/accessManagement/roles/components/RolesForm.js

@@ -0,0 +1,114 @@
+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, Grid, IconButton, OverlayLoader, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as content_copy_svg_ReactComponent } from "@webiny/icons/content_copy.svg";
+import { ReactComponent as settings_svg_ReactComponent } from "@webiny/icons/settings.svg";
+import { RolesPresenterFeature } 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(role, loading) {
+    if (!role || loading) return null;
+    return {
+        type: "role",
+        id: role.id,
+        name: role.name
+    };
+}
+const RolesForm = createReactiveComponent(({ newEntry, id })=>{
+    const { presenter } = useFeature(RolesPresenterFeature);
+    const { goToRoute } = useRouter();
+    const { showSnackbar } = useSnackbar();
+    const { vm } = presenter;
+    useEffect(()=>{
+        if (id) presenter.selectRole(id);
+        else if (newEntry) presenter.createNew();
+        else presenter.deselect();
+    }, [
+        id,
+        newEntry
+    ]);
+    const handleSave = useCallback(async ()=>{
+        try {
+            const role = await presenter.save();
+            if (role) {
+                if (!vm.selectedRole || vm.selectedRole.id !== role.id) goToRoute(Routes.Roles.List, {
+                    id: role.id
+                });
+                showSnackbar("Role saved successfully!");
+            }
+        } catch (e) {
+            showSnackbar(e.message);
+        }
+    }, [
+        presenter,
+        vm.selectedRole
+    ]);
+    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 role details or create a...",
+        action: /*#__PURE__*/ react.createElement(Button, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            text: "New Role",
+            "data-testid": "new-record-button",
+            onClick: ()=>goToRoute(Routes.Roles.List, {
+                    new: true
+                })
+        })
+    });
+    const copyPermissions = ()=>{
+        const permissions = vm.selectedRole?.permissions ?? [];
+        const json = JSON.stringify(permissions, null, 2);
+        navigator.clipboard.writeText(json);
+        showSnackbar("JSON data copied to clipboard.");
+    };
+    const assumeTarget = toAssumeTarget(vm.selectedRole, vm.loading);
+    return /*#__PURE__*/ react.createElement(SimpleForm, {
+        size: "lg"
+    }, vm.loading || vm.saving ? /*#__PURE__*/ react.createElement(OverlayLoader, null) : null, /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+        title: formTitle(vm.selectedRole)
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-end gap-xxs"
+    }, /*#__PURE__*/ react.createElement(AssumePermissionsButton, {
+        target: assumeTarget
+    }), /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Copy permissions as JSON",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            icon: /*#__PURE__*/ react.createElement(content_copy_svg_ReactComponent, null),
+            onClick: copyPermissions
+        })
+    }))), /*#__PURE__*/ react.createElement(SimpleFormContent, null, vm.isSystemRole && /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Alert, {
+        type: "warning",
+        title: "Permissions are locked"
+    }, "This is a protected system role and you can't modify its permissions."))), vm.selectedRole && vm.selectedRole.plugin && /*#__PURE__*/ react.createElement(Alert, {
+        type: "warning",
+        title: "Permissions are locked"
+    }, "This role is registered via an extension, and cannot be modified."), /*#__PURE__*/ react.createElement(FormErrors, {
+        form: vm.form,
+        className: "mb-md"
+    }), /*#__PURE__*/ react.createElement(FormView, {
+        name: "Role",
+        form: vm.form
+    })), /*#__PURE__*/ react.createElement(SimpleFormFooter, null, vm.canModify && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        text: "Cancel",
+        onClick: ()=>goToRoute(Routes.Roles.List)
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: "Save",
+        "data-testid": "admin.am.role.new.save",
+        onClick: handleSave
+    }))));
+});
+export { RolesForm };
+
+//# sourceMappingURL=RolesForm.js.map

package/presentation/accessManagement/roles/components/RolesForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/roles/components/RolesForm.js","sources":["../../../../../src/presentation/accessManagement/roles/components/RolesForm.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 { Grid } from \"@webiny/admin-ui\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { RolesPresenterFeature } from \"../feature.js\";\nimport { Routes } from \"../../routes.js\";\nimport type { Role } 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: Role | null): string {\n    if (!record || !record.name) {\n        return \"Untitled\";\n    }\n    return record.name;\n}\n\n/*\n * Only a saved role can be previewed. While the form loads, `selectedRole` can still be the role\n * that was open before, so there is no target until loading is done.\n */\nfunction toAssumeTarget(\n    role: Role | null,\n    loading: boolean\n): AssumePermissionsPresenter.Target | null {\n    if (!role || loading) {\n        return null;\n    }\n\n    return { type: \"role\", id: role.id, name: role.name };\n}\n\nexport const RolesForm = createReactiveComponent(\n    ({ newEntry, id }: { newEntry: boolean; id: string | undefined }) => {\n        const { presenter } = useFeature(RolesPresenterFeature);\n        const { goToRoute } = useRouter();\n        const { showSnackbar } = useSnackbar();\n        const { vm } = presenter;\n\n        useEffect(() => {\n            if (id) {\n                presenter.selectRole(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 role = await presenter.save();\n                if (role) {\n                    if (!vm.selectedRole || vm.selectedRole.id !== role.id) {\n                        goToRoute(Routes.Roles.List, { id: role.id });\n                    }\n                    showSnackbar(\"Role saved successfully!\");\n                }\n            } catch (e: any) {\n                showSnackbar(e.message);\n            }\n        }, [presenter, vm.selectedRole]);\n\n        if (!vm.showForm) {\n            return (\n                <EmptyView\n                    icon={<SettingsIcon />}\n                    title={\"Click on the left side list to display role details or create a...\"}\n                    action={\n                        <Button\n                            icon={<AddIcon />}\n                            text={\"New Role\"}\n                            data-testid=\"new-record-button\"\n                            onClick={() => goToRoute(Routes.Roles.List, { new: true })}\n                        />\n                    }\n                />\n            );\n        }\n\n        const copyPermissions = () => {\n            const permissions = vm.selectedRole?.permissions ?? [];\n            const json = JSON.stringify(permissions, null, 2);\n            navigator.clipboard.writeText(json);\n            showSnackbar(\"JSON data copied to clipboard.\");\n        };\n\n        const assumeTarget = toAssumeTarget(vm.selectedRole, vm.loading);\n\n        return (\n            <SimpleForm size={\"lg\"}>\n                {vm.loading || vm.saving ? <OverlayLoader /> : null}\n                <SimpleFormHeader title={formTitle(vm.selectedRole)}>\n                    <div className={\"flex items-center justify-end gap-xxs\"}>\n                        <AssumePermissionsButton target={assumeTarget} />\n                        <Tooltip\n                            content=\"Copy permissions as JSON\"\n                            trigger={\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    icon={<CopyIcon />}\n                                    onClick={copyPermissions}\n                                />\n                            }\n                        />\n                    </div>\n                </SimpleFormHeader>\n                <SimpleFormContent>\n                    {vm.isSystemRole && (\n                        <Grid>\n                            <Grid.Column span={12}>\n                                <Alert type={\"warning\"} title={\"Permissions are locked\"}>\n                                    This is a protected system role and you can&apos;t modify its\n                                    permissions.\n                                </Alert>\n                            </Grid.Column>\n                        </Grid>\n                    )}\n                    {vm.selectedRole && vm.selectedRole.plugin && (\n                        <Alert type={\"warning\"} title={\"Permissions are locked\"}>\n                            This role is registered via an extension, and cannot be modified.\n                        </Alert>\n                    )}\n                    <FormErrors form={vm.form} className={\"mb-md\"} />\n                    <FormView name={\"Role\"} form={vm.form} />\n                </SimpleFormContent>\n                <SimpleFormFooter>\n                    {vm.canModify && (\n                        <>\n                            <Button\n                                variant={\"secondary\"}\n                                text={\"Cancel\"}\n                                onClick={() => goToRoute(Routes.Roles.List)}\n                            />\n                            <Button\n                                text={\"Save\"}\n                                data-testid=\"admin.am.role.new.save\"\n                                onClick={handleSave}\n                            />\n                        </>\n                    )}\n                </SimpleFormFooter>\n            </SimpleForm>\n        );\n    }\n);\n"],"names":["formTitle","record","toAssumeTarget","role","loading","RolesForm","createReactiveComponent","newEntry","id","presenter","useFeature","RolesPresenterFeature","goToRoute","useRouter","showSnackbar","useSnackbar","vm","useEffect","handleSave","useCallback","Routes","e","EmptyView","SettingsIcon","Button","AddIcon","copyPermissions","permissions","json","JSON","navigator","assumeTarget","SimpleForm","OverlayLoader","SimpleFormHeader","AssumePermissionsButton","Tooltip","IconButton","CopyIcon","SimpleFormContent","Grid","Alert","FormErrors","FormView","SimpleFormFooter"],"mappings":"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"}

package/presentation/accessManagement/roles/components/RolesView.d.ts

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

package/presentation/accessManagement/roles/components/RolesView.js

@@ -0,0 +1,26 @@
+import react, { useEffect } from "react";
+import { useFeature } from "@webiny/app";
+import { LeftPanel, RightPanel, SplitView, useRoute } from "../../../../index.js";
+import { RolesPresenterFeature } from "../feature.js";
+import { Routes } from "../../routes.js";
+import { createReactiveComponent } from "../../../createReactiveComponent.js";
+import { RolesDataList } from "./RolesDataList.js";
+import { RolesForm } from "./RolesForm.js";
+const RolesView = createReactiveComponent(()=>{
+    const { presenter } = useFeature(RolesPresenterFeature);
+    const { route } = useRoute(Routes.Roles.List);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, null, /*#__PURE__*/ react.createElement(RolesDataList, {
+        activeId: route.params.id
+    })), /*#__PURE__*/ react.createElement(RightPanel, null, /*#__PURE__*/ react.createElement(RolesForm, {
+        newEntry: true === route.params.new,
+        id: route.params.id
+    })));
+});
+export { RolesView };
+
+//# sourceMappingURL=RolesView.js.map

package/presentation/accessManagement/roles/components/RolesView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/roles/components/RolesView.js","sources":["../../../../../src/presentation/accessManagement/roles/components/RolesView.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 { RolesPresenterFeature } from \"../feature.js\";\nimport { Routes } from \"../../routes.js\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.js\";\nimport { RolesDataList } from \"./RolesDataList.js\";\nimport { RolesForm } from \"./RolesForm.js\";\n\nexport const RolesView = createReactiveComponent(() => {\n    const { presenter } = useFeature(RolesPresenterFeature);\n    const { route } = useRoute(Routes.Roles.List);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <RolesDataList activeId={route.params.id} />\n            </LeftPanel>\n            <RightPanel>\n                <RolesForm newEntry={route.params.new === true} id={route.params.id} />\n            </RightPanel>\n        </SplitView>\n    );\n});\n"],"names":["RolesView","createReactiveComponent","presenter","useFeature","RolesPresenterFeature","route","useRoute","Routes","useEffect","SplitView","LeftPanel","RolesDataList","RightPanel","RolesForm"],"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/roles/feature.d.ts

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

package/presentation/accessManagement/roles/feature.js

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

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

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

@@ -0,0 +1,15 @@
+import { ListRolesUseCase } from "../../../../features/accessManagement/roles/listRoles/abstractions.js";
+import { type IRolesAutocompletePresenter, type IRolesAutocompleteViewModel } from "./abstractions.js";
+declare class RolesAutocompletePresenterImpl implements IRolesAutocompletePresenter {
+    private listRolesUseCase;
+    private _loading;
+    private _options;
+    private _initialized;
+    constructor(listRolesUseCase: ListRolesUseCase.Interface);
+    get vm(): IRolesAutocompleteViewModel;
+    init(): Promise<void>;
+}
+export declare const RolesAutocompletePresenter: typeof RolesAutocompletePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IRolesAutocompletePresenter>;
+};
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/presentation/accessManagement/routes.d.ts

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

package/presentation/accessManagement/routes.js

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

package/presentation/accessManagement/routes.js.map

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

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

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

package/presentation/accessManagement/teams/TeamsDataSource.js

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

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

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

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

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