@webiny/app-admin 6.4.12-beta.5 → 6.5.0-beta.0

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

@@ -0,0 +1,16 @@
+import { Command, CommandPalettePresenter as Abstraction, type CommandPaletteViewModel } from "./abstractions.js";
+export declare class CommandPalettePresenter implements Abstraction.Interface {
+    private getCommands;
+    private isOpen;
+    private activeCommandName;
+    private resolvedCommands;
+    constructor(getCommands: () => Command.Interface[]);
+    init(): void;
+    get shortcutKeys(): Record<string, (e: KeyboardEvent) => void>;
+    get vm(): CommandPaletteViewModel;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    useCommand(name: string): void;
+    cancelCommand(): void;
+}

package/presentation/commandPalette/CommandPalettePresenter.js

@@ -0,0 +1,71 @@
+import { makeAutoObservable } from "mobx";
+class CommandPalettePresenter {
+    constructor(getCommands){
+        this.getCommands = getCommands;
+        this.isOpen = false;
+        this.activeCommandName = null;
+        this.resolvedCommands = [];
+        makeAutoObservable(this);
+    }
+    init() {
+        this.resolvedCommands = this.getCommands();
+    }
+    get shortcutKeys() {
+        const keys = {};
+        for (const cmd of this.resolvedCommands)if (cmd.shortcut) keys[cmd.shortcut] = (e)=>{
+            e.preventDefault();
+            this.useCommand(cmd.name);
+        };
+        return keys;
+    }
+    get vm() {
+        const activeCmd = null !== this.activeCommandName ? this.resolvedCommands.find((c)=>c.name === this.activeCommandName) : null;
+        return {
+            isOpen: this.isOpen,
+            commands: this.resolvedCommands.map((cmd)=>({
+                    name: cmd.name,
+                    label: cmd.label,
+                    description: cmd.description,
+                    icon: cmd.icon,
+                    category: cmd.category,
+                    keywords: cmd.keywords,
+                    shortcut: cmd.shortcut,
+                    hasDetailView: Boolean(cmd.detailView)
+                })),
+            activeCommand: activeCmd && activeCmd.detailView ? {
+                command: activeCmd,
+                DetailView: activeCmd.detailView
+            } : null
+        };
+    }
+    open() {
+        this.resolvedCommands = this.getCommands();
+        this.activeCommandName = null;
+        this.isOpen = true;
+    }
+    close() {
+        this.isOpen = false;
+        this.activeCommandName = null;
+    }
+    toggle() {
+        if (this.isOpen) this.close();
+        else this.open();
+    }
+    useCommand(name) {
+        const cmd = this.resolvedCommands.find((c)=>c.name === name);
+        if (!cmd) return;
+        if (cmd.detailView) {
+            this.activeCommandName = name;
+            this.isOpen = true;
+        } else {
+            cmd.execute();
+            this.close();
+        }
+    }
+    cancelCommand() {
+        this.activeCommandName = null;
+    }
+}
+export { CommandPalettePresenter };
+
+//# sourceMappingURL=CommandPalettePresenter.js.map

package/presentation/commandPalette/CommandPalettePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/CommandPalettePresenter.js","sources":["../../../src/presentation/commandPalette/CommandPalettePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    Command,\n    CommandPalettePresenter as Abstraction,\n    type CommandPaletteViewModel\n} from \"./abstractions.js\";\n\nexport class CommandPalettePresenter implements Abstraction.Interface {\n    private isOpen = false;\n    private activeCommandName: string | null = null;\n    private resolvedCommands: Command.Interface[] = [];\n\n    constructor(private getCommands: () => Command.Interface[]) {\n        makeAutoObservable(this);\n    }\n\n    init(): void {\n        this.resolvedCommands = this.getCommands();\n    }\n\n    get shortcutKeys(): Record<string, (e: KeyboardEvent) => void> {\n        const keys: Record<string, (e: KeyboardEvent) => void> = {};\n        for (const cmd of this.resolvedCommands) {\n            if (cmd.shortcut) {\n                keys[cmd.shortcut] = (e: KeyboardEvent) => {\n                    e.preventDefault();\n                    this.useCommand(cmd.name);\n                };\n            }\n        }\n        return keys;\n    }\n\n    get vm(): CommandPaletteViewModel {\n        const activeCmd =\n            this.activeCommandName !== null\n                ? this.resolvedCommands.find(c => c.name === this.activeCommandName)\n                : null;\n\n        return {\n            isOpen: this.isOpen,\n            commands: this.resolvedCommands.map(cmd => ({\n                name: cmd.name,\n                label: cmd.label,\n                description: cmd.description,\n                icon: cmd.icon,\n                category: cmd.category,\n                keywords: cmd.keywords,\n                shortcut: cmd.shortcut,\n                hasDetailView: Boolean(cmd.detailView)\n            })),\n            activeCommand:\n                activeCmd && activeCmd.detailView\n                    ? {\n                          command: activeCmd,\n                          DetailView: activeCmd.detailView\n                      }\n                    : null\n        };\n    }\n\n    open(): void {\n        this.resolvedCommands = this.getCommands();\n        this.activeCommandName = null;\n        this.isOpen = true;\n    }\n\n    close(): void {\n        this.isOpen = false;\n        this.activeCommandName = null;\n    }\n\n    toggle(): void {\n        if (this.isOpen) {\n            this.close();\n        } else {\n            this.open();\n        }\n    }\n\n    useCommand(name: string): void {\n        const cmd = this.resolvedCommands.find(c => c.name === name);\n        if (!cmd) {\n            return;\n        }\n\n        if (cmd.detailView) {\n            this.activeCommandName = name;\n            this.isOpen = true;\n        } else {\n            cmd.execute();\n            this.close();\n        }\n    }\n\n    cancelCommand(): void {\n        this.activeCommandName = null;\n    }\n}\n"],"names":["CommandPalettePresenter","getCommands","makeAutoObservable","keys","cmd","e","activeCmd","c","Boolean","name"],"mappings":";AAOO,MAAMA;IAKT,YAAoBC,WAAsC,CAAE;aAAxCA,WAAW,GAAXA;aAJZ,MAAM,GAAG;aACT,iBAAiB,GAAkB;aACnC,gBAAgB,GAAwB,EAAE;QAG9CC,mBAAmB,IAAI;IAC3B;IAEA,OAAa;QACT,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW;IAC5C;IAEA,IAAI,eAA2D;QAC3D,MAAMC,OAAmD,CAAC;QAC1D,KAAK,MAAMC,OAAO,IAAI,CAAC,gBAAgB,CACnC,IAAIA,IAAI,QAAQ,EACZD,IAAI,CAACC,IAAI,QAAQ,CAAC,GAAG,CAACC;YAClBA,EAAE,cAAc;YAChB,IAAI,CAAC,UAAU,CAACD,IAAI,IAAI;QAC5B;QAGR,OAAOD;IACX;IAEA,IAAI,KAA8B;QAC9B,MAAMG,YACF,AAA2B,SAA3B,IAAI,CAAC,iBAAiB,GAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAK,IAAI,CAAC,iBAAiB,IACjE;QAEV,OAAO;YACH,QAAQ,IAAI,CAAC,MAAM;YACnB,UAAU,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAACH,CAAAA,MAAQ;oBACxC,MAAMA,IAAI,IAAI;oBACd,OAAOA,IAAI,KAAK;oBAChB,aAAaA,IAAI,WAAW;oBAC5B,MAAMA,IAAI,IAAI;oBACd,UAAUA,IAAI,QAAQ;oBACtB,UAAUA,IAAI,QAAQ;oBACtB,UAAUA,IAAI,QAAQ;oBACtB,eAAeI,QAAQJ,IAAI,UAAU;gBACzC;YACA,eACIE,aAAaA,UAAU,UAAU,GAC3B;gBACI,SAASA;gBACT,YAAYA,UAAU,UAAU;YACpC,IACA;QACd;IACJ;IAEA,OAAa;QACT,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW;QACxC,IAAI,CAAC,iBAAiB,GAAG;QACzB,IAAI,CAAC,MAAM,GAAG;IAClB;IAEA,QAAc;QACV,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,iBAAiB,GAAG;IAC7B;IAEA,SAAe;QACX,IAAI,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK;aAEV,IAAI,CAAC,IAAI;IAEjB;IAEA,WAAWG,IAAY,EAAQ;QAC3B,MAAML,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAACG,CAAAA,IAAKA,EAAE,IAAI,KAAKE;QACvD,IAAI,CAACL,KACD;QAGJ,IAAIA,IAAI,UAAU,EAAE;YAChB,IAAI,CAAC,iBAAiB,GAAGK;YACzB,IAAI,CAAC,MAAM,GAAG;QAClB,OAAO;YACHL,IAAI,OAAO;YACX,IAAI,CAAC,KAAK;QACd;IACJ;IAEA,gBAAsB;QAClB,IAAI,CAAC,iBAAiB,GAAG;IAC7B;AACJ"}

package/presentation/commandPalette/abstractions.d.ts

@@ -0,0 +1,62 @@
+import type React from "react";
+import { Abstraction } from "@webiny/di";
+export interface CommandDetailProps {
+    command: ICommand;
+    onClose: () => void;
+    onBack: () => void;
+}
+/**
+ * A command registered with the command palette via dependency injection. Register an
+ * implementation with `Command.createImplementation(...)` and add it to the container;
+ * the palette resolves all of them with `container.resolveAll(Command)`.
+ */
+export interface ICommand {
+    name: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    category?: string;
+    keywords?: string[];
+    shortcut?: string;
+    execute(params?: unknown): void | Promise<void>;
+    detailView?: React.ComponentType<CommandDetailProps>;
+}
+export declare const Command: Abstraction<ICommand>;
+export declare namespace Command {
+    type Interface = ICommand;
+    type DetailProps = CommandDetailProps;
+}
+export interface CommandItemVm {
+    name: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    category?: string;
+    keywords?: string[];
+    shortcut?: string;
+    hasDetailView: boolean;
+}
+export interface ActiveCommandVm {
+    command: ICommand;
+    DetailView: React.ComponentType<CommandDetailProps>;
+}
+export interface CommandPaletteViewModel {
+    isOpen: boolean;
+    commands: CommandItemVm[];
+    activeCommand: ActiveCommandVm | null;
+}
+export interface ICommandPalettePresenter {
+    vm: CommandPaletteViewModel;
+    shortcutKeys: Record<string, (e: KeyboardEvent) => void>;
+    init(): void;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    useCommand(name: string): void;
+    cancelCommand(): void;
+}
+export declare const CommandPalettePresenter: Abstraction<ICommandPalettePresenter>;
+export declare namespace CommandPalettePresenter {
+    type Interface = ICommandPalettePresenter;
+    type ViewModel = CommandPaletteViewModel;
+}

package/presentation/commandPalette/abstractions.js

@@ -0,0 +1,7 @@
+import { createAbstraction } from "@webiny/feature/admin";
+import { Abstraction } from "@webiny/di";
+const Command = createAbstraction("Command");
+const CommandPalettePresenter = new Abstraction("CommandPalettePresenter");
+export { Command, CommandPalettePresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/commandPalette/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/abstractions.js","sources":["../../../src/presentation/commandPalette/abstractions.ts"],"sourcesContent":["import type React from \"react\";\nimport { createAbstraction } from \"@webiny/feature/admin\";\nimport { Abstraction } from \"@webiny/di\";\n\nexport interface CommandDetailProps {\n    command: ICommand;\n    onClose: () => void;\n    onBack: () => void;\n}\n\n/**\n * A command registered with the command palette via dependency injection. Register an\n * implementation with `Command.createImplementation(...)` and add it to the container;\n * the palette resolves all of them with `container.resolveAll(Command)`.\n */\nexport interface ICommand {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: React.ReactNode;\n    category?: string;\n    keywords?: string[];\n    /* Global hotkey (is-hotkey syntax, e.g. \"cmd+shift+m\") that runs this command. */\n    shortcut?: string;\n    execute(params?: unknown): void | Promise<void>;\n    /* Optional React view rendered inside the palette when the command is selected. */\n    detailView?: React.ComponentType<CommandDetailProps>;\n}\n\nexport const Command = createAbstraction<ICommand>(\"Command\");\n\nexport namespace Command {\n    export type Interface = ICommand;\n    export type DetailProps = CommandDetailProps;\n}\n\nexport interface CommandItemVm {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: React.ReactNode;\n    category?: string;\n    keywords?: string[];\n    shortcut?: string;\n    hasDetailView: boolean;\n}\n\nexport interface ActiveCommandVm {\n    command: ICommand;\n    DetailView: React.ComponentType<CommandDetailProps>;\n}\n\nexport interface CommandPaletteViewModel {\n    isOpen: boolean;\n    commands: CommandItemVm[];\n    activeCommand: ActiveCommandVm | null;\n}\n\nexport interface ICommandPalettePresenter {\n    vm: CommandPaletteViewModel;\n    shortcutKeys: Record<string, (e: KeyboardEvent) => void>;\n    init(): void;\n    open(): void;\n    close(): void;\n    toggle(): void;\n    useCommand(name: string): void;\n    cancelCommand(): void;\n}\n\nexport const CommandPalettePresenter = new Abstraction<ICommandPalettePresenter>(\n    \"CommandPalettePresenter\"\n);\n\nexport namespace CommandPalettePresenter {\n    export type Interface = ICommandPalettePresenter;\n    export type ViewModel = CommandPaletteViewModel;\n}\n"],"names":["Command","createAbstraction","CommandPalettePresenter","Abstraction"],"mappings":";;AA6BO,MAAMA,UAAUC,kBAA4B;AAwC5C,MAAMC,0BAA0B,IAAIC,YACvC"}

package/presentation/commandPalette/commands/CopyCurrentUrlCommand.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+declare class CopyCurrentUrlCommandImpl implements Command.Interface {
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    icon: React.JSX.Element;
+    execute(): void;
+}
+export declare const CopyCurrentUrlCommand: typeof CopyCurrentUrlCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/CopyCurrentUrlCommand.js

@@ -0,0 +1,33 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/content_copy.svg";
+import { Command } from "../abstractions.js";
+class CopyCurrentUrlCommandImpl {
+    execute() {
+        navigator.clipboard?.writeText(window.location.href);
+    }
+    constructor(){
+        this.name = "admin.copyCurrentUrl";
+        this.label = "Copy current URL";
+        this.description = "Copy this page's link to the clipboard";
+        this.category = "Actions";
+        this.keywords = [
+            "clipboard",
+            "share",
+            "link"
+        ];
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+    }
+}
+const CopyCurrentUrlCommand = Command.createImplementation({
+    implementation: CopyCurrentUrlCommandImpl,
+    dependencies: []
+});
+export { CopyCurrentUrlCommand };
+
+//# sourceMappingURL=CopyCurrentUrlCommand.js.map

package/presentation/commandPalette/commands/CopyCurrentUrlCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/CopyCurrentUrlCommand.js","sources":["../../../../src/presentation/commandPalette/commands/CopyCurrentUrlCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { Command } from \"../abstractions.js\";\n\nclass CopyCurrentUrlCommandImpl implements Command.Interface {\n    name = \"admin.copyCurrentUrl\";\n    label = \"Copy current URL\";\n    description = \"Copy this page's link to the clipboard\";\n    category = \"Actions\";\n    keywords = [\"clipboard\", \"share\", \"link\"];\n    icon = <Icon icon={<CopyIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n\n    execute() {\n        void navigator.clipboard?.writeText(window.location.href);\n    }\n}\n\nexport const CopyCurrentUrlCommand = Command.createImplementation({\n    implementation: CopyCurrentUrlCommandImpl,\n    dependencies: []\n});\n"],"names":["CopyCurrentUrlCommandImpl","navigator","window","Icon","CopyIcon","CopyCurrentUrlCommand","Command"],"mappings":";;;;AAKA,MAAMA;IAQF,UAAU;QACDC,UAAU,SAAS,EAAE,UAAUC,OAAO,QAAQ,CAAC,IAAI;IAC5D;;aATA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAa;YAAS;SAAO;aACzC,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAQA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;;AAK5E;AAEO,MAAMC,wBAAwBC,QAAQ,oBAAoB,CAAC;IAC9D,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}

package/presentation/commandPalette/commands/SendMessageCommand.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+/**
+ * DEMO command showcasing a `detailView`: selecting it opens a form inside the palette,
+ * and submitting calls `execute(data)`. Safe to remove — kept as a live example of the
+ * detail-view capability.
+ */
+declare const SendMessageDetailView: ({ command, onClose }: Command.DetailProps) => React.JSX.Element;
+declare class SendMessageCommandImpl implements Command.Interface {
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    shortcut: string;
+    icon: React.JSX.Element;
+    detailView: typeof SendMessageDetailView;
+    execute(params?: unknown): void;
+}
+export declare const SendMessageCommand: typeof SendMessageCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/SendMessageCommand.js

@@ -0,0 +1,66 @@
+import react, { useState } from "react";
+import { Button, Icon, Input } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/send.svg";
+import { Command } from "../abstractions.js";
+const SendMessageDetailView = ({ command, onClose })=>{
+    const [recipient, setRecipient] = useState("");
+    const [message, setMessage] = useState("");
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Recipient",
+        value: recipient,
+        onChange: setRecipient,
+        placeholder: "Enter recipient",
+        autoFocus: true
+    }), /*#__PURE__*/ react.createElement(Input, {
+        label: "Message",
+        value: message,
+        onChange: setMessage,
+        placeholder: "Enter your message"
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-end pt-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        text: "Send",
+        onClick: ()=>{
+            command.execute({
+                recipient,
+                message
+            });
+            onClose();
+        }
+    })));
+};
+class SendMessageCommandImpl {
+    execute(params) {
+        const data = params;
+        window.alert(`Message to ${data?.recipient || "?"}: ${data?.message || ""}`);
+    }
+    constructor(){
+        this.name = "admin.demo.sendMessage";
+        this.label = "Send message";
+        this.description = "Demo — a form rendered inside the palette";
+        this.category = "Demo";
+        this.keywords = [
+            "demo",
+            "form",
+            "message"
+        ];
+        this.shortcut = "cmd+shift+m";
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+        this.detailView = SendMessageDetailView;
+    }
+}
+const SendMessageCommand = Command.createImplementation({
+    implementation: SendMessageCommandImpl,
+    dependencies: []
+});
+export { SendMessageCommand };
+
+//# sourceMappingURL=SendMessageCommand.js.map

package/presentation/commandPalette/commands/SendMessageCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/SendMessageCommand.js","sources":["../../../../src/presentation/commandPalette/commands/SendMessageCommand.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Button, Icon, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as SendIcon } from \"@webiny/icons/send.svg\";\nimport { Command } from \"../abstractions.js\";\n\n/**\n * DEMO command showcasing a `detailView`: selecting it opens a form inside the palette,\n * and submitting calls `execute(data)`. Safe to remove — kept as a live example of the\n * detail-view capability.\n */\nconst SendMessageDetailView = ({ command, onClose }: Command.DetailProps) => {\n    const [recipient, setRecipient] = useState(\"\");\n    const [message, setMessage] = useState(\"\");\n\n    return (\n        <div className=\"flex flex-col gap-sm p-md\">\n            <Input\n                label=\"Recipient\"\n                value={recipient}\n                onChange={setRecipient}\n                placeholder=\"Enter recipient\"\n                autoFocus\n            />\n            <Input\n                label=\"Message\"\n                value={message}\n                onChange={setMessage}\n                placeholder=\"Enter your message\"\n            />\n            <div className=\"flex justify-end pt-sm\">\n                <Button\n                    variant=\"primary\"\n                    text=\"Send\"\n                    onClick={() => {\n                        command.execute({ recipient, message });\n                        onClose();\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\n\nclass SendMessageCommandImpl implements Command.Interface {\n    name = \"admin.demo.sendMessage\";\n    label = \"Send message\";\n    description = \"Demo — a form rendered inside the palette\";\n    category = \"Demo\";\n    keywords = [\"demo\", \"form\", \"message\"];\n    shortcut = \"cmd+shift+m\";\n    icon = <Icon icon={<SendIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n    detailView = SendMessageDetailView;\n\n    execute(params?: unknown) {\n        const data = params as { recipient?: string; message?: string } | undefined;\n        window.alert(`Message to ${data?.recipient || \"?\"}: ${data?.message || \"\"}`);\n    }\n}\n\nexport const SendMessageCommand = Command.createImplementation({\n    implementation: SendMessageCommandImpl,\n    dependencies: []\n});\n"],"names":["SendMessageDetailView","command","onClose","recipient","setRecipient","useState","message","setMessage","Input","Button","SendMessageCommandImpl","params","data","window","Icon","SendIcon","SendMessageCommand","Command"],"mappings":";;;;AAUA,MAAMA,wBAAwB,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAAuB;IACpE,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAC3C,MAAM,CAACC,SAASC,WAAW,GAAGF,SAAS;IAEvC,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACG,OAAKA;QACF,OAAM;QACN,OAAOL;QACP,UAAUC;QACV,aAAY;QACZ;sBAEJ,oBAACI,OAAKA;QACF,OAAM;QACN,OAAOF;QACP,UAAUC;QACV,aAAY;sBAEhB,oBAAC;QAAI,WAAU;qBACX,oBAACE,QAAMA;QACH,SAAQ;QACR,MAAK;QACL,SAAS;YACLR,QAAQ,OAAO,CAAC;gBAAEE;gBAAWG;YAAQ;YACrCJ;QACJ;;AAKpB;AAEA,MAAMQ;IAUF,QAAQC,MAAgB,EAAE;QACtB,MAAMC,OAAOD;QACbE,OAAO,KAAK,CAAC,CAAC,WAAW,EAAED,MAAM,aAAa,IAAI,EAAE,EAAEA,MAAM,WAAW,IAAI;IAC/E;;aAZA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAQ;YAAQ;SAAU;aACtC,QAAQ,GAAG;aACX,IAAI,GAAG,WAAP,GAAO,oBAACE,MAAIA;YAAC,oBAAM,oBAACC,gBAAQA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;aACxE,UAAU,GAAGf;;AAMjB;AAEO,MAAMgB,qBAAqBC,QAAQ,oBAAoB,CAAC;IAC3D,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}

package/presentation/commandPalette/commands/SignOutCommand.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+import { LogOutUseCase } from "../../../features/security/LogOut/index.js";
+declare class SignOutCommandImpl implements Command.Interface {
+    private logOut;
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    icon: React.JSX.Element;
+    constructor(logOut: LogOutUseCase.Interface);
+    execute(): void;
+}
+export declare const SignOutCommand: typeof SignOutCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/SignOutCommand.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/logout.svg";
+import { Command } from "../abstractions.js";
+import { LogOutUseCase } from "../../../features/security/LogOut/index.js";
+class SignOutCommandImpl {
+    constructor(logOut){
+        this.logOut = logOut;
+        this.name = "admin.signOut";
+        this.label = "Sign out";
+        this.description = "Log out of the admin app";
+        this.category = "Actions";
+        this.keywords = [
+            "logout",
+            "exit",
+            "session"
+        ];
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+    }
+    execute() {
+        this.logOut.execute();
+    }
+}
+const SignOutCommand = Command.createImplementation({
+    implementation: SignOutCommandImpl,
+    dependencies: [
+        LogOutUseCase
+    ]
+});
+export { SignOutCommand };
+
+//# sourceMappingURL=SignOutCommand.js.map

package/presentation/commandPalette/commands/SignOutCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/SignOutCommand.js","sources":["../../../../src/presentation/commandPalette/commands/SignOutCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as LogoutIcon } from \"@webiny/icons/logout.svg\";\nimport { Command } from \"../abstractions.js\";\nimport { LogOutUseCase } from \"~/features/security/LogOut/index.js\";\n\nclass SignOutCommandImpl implements Command.Interface {\n    name = \"admin.signOut\";\n    label = \"Sign out\";\n    description = \"Log out of the admin app\";\n    category = \"Actions\";\n    keywords = [\"logout\", \"exit\", \"session\"];\n    icon = <Icon icon={<LogoutIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n\n    constructor(private logOut: LogOutUseCase.Interface) {}\n\n    execute() {\n        void this.logOut.execute();\n    }\n}\n\nexport const SignOutCommand = Command.createImplementation({\n    implementation: SignOutCommandImpl,\n    dependencies: [LogOutUseCase]\n});\n"],"names":["SignOutCommandImpl","logOut","Icon","LogoutIcon","SignOutCommand","Command","LogOutUseCase"],"mappings":";;;;;AAMA,MAAMA;IAQF,YAAoBC,MAA+B,CAAE;aAAjCA,MAAM,GAANA;aAPpB,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAU;YAAQ;SAAU;aACxC,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAUA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;IAEpB;IAEtD,UAAU;QACD,IAAI,CAAC,MAAM,CAAC,OAAO;IAC5B;AACJ;AAEO,MAAMC,iBAAiBC,QAAQ,oBAAoB,CAAC;IACvD,gBAAgBL;IAChB,cAAc;QAACM;KAAc;AACjC"}

package/presentation/commandPalette/commands/feature.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Baseline command-palette actions available everywhere in the admin app. Registered
+ * as DI commands; other modules register their own via `Command.createImplementation`.
+ */
+export declare const AdminCommandsFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/presentation/commandPalette/commands/feature.js

@@ -0,0 +1,15 @@
+import { createFeature } from "@webiny/feature/admin";
+import { CopyCurrentUrlCommand } from "./CopyCurrentUrlCommand.js";
+import { SignOutCommand } from "./SignOutCommand.js";
+import { SendMessageCommand } from "./SendMessageCommand.js";
+const AdminCommandsFeature = createFeature({
+    name: "AdminCommands",
+    register (container) {
+        container.register(CopyCurrentUrlCommand);
+        container.register(SignOutCommand);
+        container.register(SendMessageCommand);
+    }
+});
+export { AdminCommandsFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/commandPalette/commands/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/feature.js","sources":["../../../../src/presentation/commandPalette/commands/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { CopyCurrentUrlCommand } from \"./CopyCurrentUrlCommand.js\";\nimport { SignOutCommand } from \"./SignOutCommand.js\";\nimport { SendMessageCommand } from \"./SendMessageCommand.js\";\n\n/**\n * Baseline command-palette actions available everywhere in the admin app. Registered\n * as DI commands; other modules register their own via `Command.createImplementation`.\n */\nexport const AdminCommandsFeature = createFeature({\n    name: \"AdminCommands\",\n    register(container: Container) {\n        container.register(CopyCurrentUrlCommand);\n        container.register(SignOutCommand);\n        // Demo of the detail-view capability — safe to remove.\n        container.register(SendMessageCommand);\n    }\n});\n"],"names":["AdminCommandsFeature","createFeature","container","CopyCurrentUrlCommand","SignOutCommand","SendMessageCommand"],"mappings":";;;;AAUO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QAEnBF,UAAU,QAAQ,CAACG;IACvB;AACJ"}

package/presentation/commandPalette/feature.d.ts

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

package/presentation/commandPalette/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { Command, CommandPalettePresenter } from "./abstractions.js";
+import { CommandPalettePresenter as external_CommandPalettePresenter_js_CommandPalettePresenter } from "./CommandPalettePresenter.js";
+const CommandPaletteFeature = createFeature({
+    name: "CommandPalette",
+    register (container) {
+        container.registerFactory(CommandPalettePresenter, ()=>new external_CommandPalettePresenter_js_CommandPalettePresenter(()=>container.resolveAll(Command)));
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(CommandPalettePresenter)
+        };
+    }
+});
+export { CommandPaletteFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/commandPalette/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/feature.js","sources":["../../../src/presentation/commandPalette/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { CommandPalettePresenter as Abstraction, Command } from \"./abstractions.js\";\nimport { CommandPalettePresenter } from \"./CommandPalettePresenter.js\";\n\nexport const CommandPaletteFeature = createFeature({\n    name: \"CommandPalette\",\n    register(container: Container) {\n        container.registerFactory(Abstraction, () => {\n            return new CommandPalettePresenter(() => {\n                return container.resolveAll(Command);\n            });\n        });\n    },\n    resolve(container: Container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["CommandPaletteFeature","createFeature","container","Abstraction","CommandPalettePresenter","Command"],"mappings":";;;AAKO,MAAMA,wBAAwBC,cAAc;IAC/C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,eAAe,CAACC,yBAAa,IAC5B,IAAIC,4DAAwB,IACxBF,UAAU,UAAU,CAACG;IAGxC;IACA,SAAQH,SAAoB;QACxB,OAAO;YACH,WAAWA,UAAU,OAAO,CAACC;QACjC;IACJ;AACJ"}

package/presentation/commandPalette/index.d.ts

@@ -0,0 +1,3 @@
+export { Command, CommandPalettePresenter } from "./abstractions.js";
+export type { ICommand, CommandDetailProps, CommandItemVm, ActiveCommandVm, CommandPaletteViewModel } from "./abstractions.js";
+export { CommandPaletteFeature } from "./feature.js";

package/presentation/commandPalette/index.js

@@ -0,0 +1,2 @@
+export { Command, CommandPalettePresenter } from "./abstractions.js";
+export { CommandPaletteFeature } from "./feature.js";

package/presentation/installation/components/SystemInstaller/SystemInstaller.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 interface SystemInstallerProps {
     children: React.ReactNode;
 }
-export declare const SystemInstaller: (({ children }: SystemInstallerProps) => React.JSX.Element) & React.NamedExoticComponent<SystemInstallerProps> & {
-    readonly type: ({ children }: SystemInstallerProps) => React.JSX.Element;
+export declare const SystemInstaller: (({ children }: SystemInstallerProps) => React.JSX.Element) & {
+    displayName: string;
 };
 export {};

package/presentation/installation/components/SystemInstaller/SystemInstaller.js

@@ -26,6 +26,8 @@ const SystemInstaller = observer(({ children })=>{
         tags: {
             installer: true
         }
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex w-full"
     }, /*#__PURE__*/ react.createElement("div", {
         className: "bg-neutral-light h-screen w-[312px] p-xl"
     }, /*#__PURE__*/ react.createElement("div", {
@@ -56,7 +58,7 @@ const SystemInstaller = observer(({ children })=>{
         isInstalled: vm.isInstalled,
         finishInstallation: presenter.finishInstallation,
         installSystem: presenter.installSystem
-    }) : null));
+    }) : null)));
 });
 export { SystemInstaller };
 

package/presentation/installation/components/SystemInstaller/SystemInstaller.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/installation/components/SystemInstaller/SystemInstaller.js","sources":["../../../../../src/presentation/installation/components/SystemInstaller/SystemInstaller.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { OverlayLoader, ProgressItemState, SteppedProgress, Text } from \"@webiny/admin-ui\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { LoginScreen } from \"~/base/ui/LoginScreen.js\";\nimport { Tags } from \"~/base/ui/Tags.js\";\nimport { Logo } from \"~/base/ui/Logo.js\";\nimport { IntroductionStep } from \"./steps/IntroductionStep.js\";\nimport { BasicInfoStep } from \"./steps/BasicInfoStep.js\";\nimport { AdminUserStep } from \"./steps/AdminUserStep.js\";\nimport { FinishSetupStep } from \"~/presentation/installation/components/SystemInstaller/steps/FinishSetup.js\";\n\ninterface SystemInstallerProps {\n    children: React.ReactNode;\n}\n\nconst stateMap = {\n    idle: ProgressItemState.IDLE,\n    current: ProgressItemState.IN_PROGRESS,\n    completed: ProgressItemState.COMPLETED_AFFIRMATIVE\n};\n\nexport const SystemInstaller = observer(({ children }: SystemInstallerProps) => {\n    const { presenter } = useFeature(SystemInstallerFeature);\n\n    const vm = presenter.vm;\n\n    if (vm.loading) {\n        return <OverlayLoader text={\"Preparing system...\"} />;\n    }\n\n    if (vm.startUsing) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    return (\n        <Tags tags={{ installer: true }}>\n            <div className={\"bg-neutral-light h-screen w-[312px] p-xl\"}>\n                <div className={\"w-[240px] p-\"}>\n                    <div className={\"mb-lg\"}>\n                        <Logo />\n                    </div>\n                    <Text as=\"div\" size={\"md\"} className={\"text-neutral-strong mb-lg\"}>\n                        Follow these steps to create your very first Webiny project:\n                    </Text>\n                    <SteppedProgress\n                        items={vm.steps.map(step => ({\n                            id: step.name,\n                            label: step.label,\n                            state: stateMap[step.state]\n                        }))}\n                    />\n                </div>\n            </div>\n            <div className={\"flex h-screen w-full justify-center\"}>\n                {vm.currentStep === \"introduction\" ? (\n                    <IntroductionStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"basic-info\" ? (\n                    <BasicInfoStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"admin-account\" ? (\n                    <AdminUserStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"finish\" ? (\n                    <FinishSetupStep\n                        error={vm.error}\n                        installing={vm.installing}\n                        isInstalled={vm.isInstalled}\n                        finishInstallation={presenter.finishInstallation}\n                        installSystem={presenter.installSystem}\n                    />\n                ) : null}\n            </div>\n        </Tags>\n    );\n});\n"],"names":["stateMap","ProgressItemState","SystemInstaller","observer","children","presenter","useFeature","SystemInstallerFeature","vm","OverlayLoader","LoginScreen","Tags","Logo","Text","SteppedProgress","step","IntroductionStep","BasicInfoStep","AdminUserStep","FinishSetupStep"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,WAAW;IACb,MAAMC,kBAAkB,IAAI;IAC5B,SAASA,kBAAkB,WAAW;IACtC,WAAWA,kBAAkB,qBAAqB;AACtD;AAEO,MAAMC,kBAAkBC,SAAS,CAAC,EAAEC,QAAQ,EAAwB;IACvE,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAMC,KAAKH,UAAU,EAAE;IAEvB,IAAIG,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAACC,eAAaA;QAAC,MAAM;;IAGhC,IAAID,GAAG,UAAU,EACb,OAAO,WAAP,GAAO,oBAACE,aAAWA,MAAEN;IAGzB,OAAO,WAAP,GACI,oBAACO,MAAIA;QAAC,MAAM;YAAE,WAAW;QAAK;qBAC1B,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA,QAAAA,WAAAA,GAET,oBAACC,MAAIA;QAAC,IAAG;QAAM,MAAM;QAAM,WAAW;OAA6B,+EAGnE,oBAACC,iBAAeA;QACZ,OAAON,GAAG,KAAK,CAAC,GAAG,CAACO,CAAAA,OAAS;gBACzB,IAAIA,KAAK,IAAI;gBACb,OAAOA,KAAK,KAAK;gBACjB,OAAOf,QAAQ,CAACe,KAAK,KAAK,CAAC;YAC/B;wBAIZ,oBAAC;QAAI,WAAW;OACXP,AAAmB,mBAAnBA,GAAG,WAAW,GAAsB,WAAjB,GAChB,oBAACQ,kBAAgBA;QAAC,UAAUX,UAAU,QAAQ;SAC9C,MACHG,AAAmB,iBAAnBA,GAAG,WAAW,GAAoB,WAAf,GAChB,oBAACS,eAAaA;QAAC,UAAUZ,UAAU,QAAQ;SAC3C,MACHG,AAAmB,oBAAnBA,GAAG,WAAW,GAAuB,WAAlB,GAChB,oBAACU,eAAaA;QAAC,UAAUb,UAAU,QAAQ;SAC3C,MACHG,AAAmB,aAAnBA,GAAG,WAAW,GAAgB,WAAX,GAChB,oBAACW,iBAAeA;QACZ,OAAOX,GAAG,KAAK;QACf,YAAYA,GAAG,UAAU;QACzB,aAAaA,GAAG,WAAW;QAC3B,oBAAoBH,UAAU,kBAAkB;QAChD,eAAeA,UAAU,aAAa;SAE1C;AAIpB"}
+{"version":3,"file":"presentation/installation/components/SystemInstaller/SystemInstaller.js","sources":["../../../../../src/presentation/installation/components/SystemInstaller/SystemInstaller.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { OverlayLoader, ProgressItemState, SteppedProgress, Text } from \"@webiny/admin-ui\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { LoginScreen } from \"~/base/ui/LoginScreen.js\";\nimport { Tags } from \"~/base/ui/Tags.js\";\nimport { Logo } from \"~/base/ui/Logo.js\";\nimport { IntroductionStep } from \"./steps/IntroductionStep.js\";\nimport { BasicInfoStep } from \"./steps/BasicInfoStep.js\";\nimport { AdminUserStep } from \"./steps/AdminUserStep.js\";\nimport { FinishSetupStep } from \"~/presentation/installation/components/SystemInstaller/steps/FinishSetup.js\";\n\ninterface SystemInstallerProps {\n    children: React.ReactNode;\n}\n\nconst stateMap = {\n    idle: ProgressItemState.IDLE,\n    current: ProgressItemState.IN_PROGRESS,\n    completed: ProgressItemState.COMPLETED_AFFIRMATIVE\n};\n\nexport const SystemInstaller = observer(({ children }: SystemInstallerProps) => {\n    const { presenter } = useFeature(SystemInstallerFeature);\n\n    const vm = presenter.vm;\n\n    if (vm.loading) {\n        return <OverlayLoader text={\"Preparing system...\"} />;\n    }\n\n    if (vm.startUsing) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    return (\n        <Tags tags={{ installer: true }}>\n            <div className=\"flex w-full\">\n                <div className={\"bg-neutral-light h-screen w-[312px] p-xl\"}>\n                    <div className={\"w-[240px] p-\"}>\n                        <div className={\"mb-lg\"}>\n                            <Logo />\n                        </div>\n                        <Text as=\"div\" size={\"md\"} className={\"text-neutral-strong mb-lg\"}>\n                            Follow these steps to create your very first Webiny project:\n                        </Text>\n                        <SteppedProgress\n                            items={vm.steps.map(step => ({\n                                id: step.name,\n                                label: step.label,\n                                state: stateMap[step.state]\n                            }))}\n                        />\n                    </div>\n                </div>\n                <div className={\"flex h-screen w-full justify-center\"}>\n                    {vm.currentStep === \"introduction\" ? (\n                        <IntroductionStep nextStep={presenter.nextStep} />\n                    ) : null}\n                    {vm.currentStep === \"basic-info\" ? (\n                        <BasicInfoStep nextStep={presenter.nextStep} />\n                    ) : null}\n                    {vm.currentStep === \"admin-account\" ? (\n                        <AdminUserStep nextStep={presenter.nextStep} />\n                    ) : null}\n                    {vm.currentStep === \"finish\" ? (\n                        <FinishSetupStep\n                            error={vm.error}\n                            installing={vm.installing}\n                            isInstalled={vm.isInstalled}\n                            finishInstallation={presenter.finishInstallation}\n                            installSystem={presenter.installSystem}\n                        />\n                    ) : null}\n                </div>\n            </div>\n        </Tags>\n    );\n});\n"],"names":["stateMap","ProgressItemState","SystemInstaller","observer","children","presenter","useFeature","SystemInstallerFeature","vm","OverlayLoader","LoginScreen","Tags","Logo","Text","SteppedProgress","step","IntroductionStep","BasicInfoStep","AdminUserStep","FinishSetupStep"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,WAAW;IACb,MAAMC,kBAAkB,IAAI;IAC5B,SAASA,kBAAkB,WAAW;IACtC,WAAWA,kBAAkB,qBAAqB;AACtD;AAEO,MAAMC,kBAAkBC,SAAS,CAAC,EAAEC,QAAQ,EAAwB;IACvE,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAMC,KAAKH,UAAU,EAAE;IAEvB,IAAIG,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAACC,eAAaA;QAAC,MAAM;;IAGhC,IAAID,GAAG,UAAU,EACb,OAAO,WAAP,GAAO,oBAACE,aAAWA,MAAEN;IAGzB,OAAO,WAAP,GACI,oBAACO,MAAIA;QAAC,MAAM;YAAE,WAAW;QAAK;qBAC1B,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA,QAAAA,WAAAA,GAET,oBAACC,MAAIA;QAAC,IAAG;QAAM,MAAM;QAAM,WAAW;OAA6B,+EAGnE,oBAACC,iBAAeA;QACZ,OAAON,GAAG,KAAK,CAAC,GAAG,CAACO,CAAAA,OAAS;gBACzB,IAAIA,KAAK,IAAI;gBACb,OAAOA,KAAK,KAAK;gBACjB,OAAOf,QAAQ,CAACe,KAAK,KAAK,CAAC;YAC/B;wBAIZ,oBAAC;QAAI,WAAW;OACXP,AAAmB,mBAAnBA,GAAG,WAAW,GAAsB,WAAjB,GAChB,oBAACQ,kBAAgBA;QAAC,UAAUX,UAAU,QAAQ;SAC9C,MACHG,AAAmB,iBAAnBA,GAAG,WAAW,GAAoB,WAAf,GAChB,oBAACS,eAAaA;QAAC,UAAUZ,UAAU,QAAQ;SAC3C,MACHG,AAAmB,oBAAnBA,GAAG,WAAW,GAAuB,WAAlB,GAChB,oBAACU,eAAaA;QAAC,UAAUb,UAAU,QAAQ;SAC3C,MACHG,AAAmB,aAAnBA,GAAG,WAAW,GAAgB,WAAX,GAChB,oBAACW,iBAAeA;QACZ,OAAOX,GAAG,KAAK;QACf,YAAYA,GAAG,UAAU;QACzB,aAAaA,GAAG,WAAW;QAC3B,oBAAoBH,UAAU,kBAAkB;QAChD,eAAeA,UAAU,aAAa;SAE1C;AAKxB"}