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

package/CommandPalette/modes/PaletteMode.d.ts

@@ -0,0 +1,73 @@
+import type React from "react";
+import type { Hint } from "../components/index.js";
+/**
+ * What a mode needs from the palette while it is handling a key.
+ *
+ * The palette owns the query and the input element, because there is ONE input row across every
+ * mode and switching must not move or remount it. A mode reads and writes the query through this
+ * rather than holding its own.
+ */
+export interface PaletteModeKeyContext {
+    query: string;
+    setQuery(value: string): void;
+    /** Leave this mode and return to the command list. */
+    exit(): void;
+}
+/** How the palette should present itself while this mode is active. */
+export interface PaletteModeAppearance {
+    /** Rendered in the input row, ahead of the input itself. */
+    icon: React.ReactNode;
+    iconColor: "accent" | "neutral-light";
+    iconLabel: string;
+    /** Optional marker beside the icon, e.g. a mode name pill. */
+    badge?: React.ReactNode;
+    placeholder: string;
+    footerLabel: string;
+    hints: Hint[];
+    /**
+     * Taller panel. A conversation grows and wants the room; a command list does not, and a list
+     * stretched to full height looks broken when it holds three items.
+     */
+    tall: boolean;
+}
+/**
+ * One way the palette can behave.
+ *
+ * A mode supplies its body, its keys and how the palette should look while it is active; the palette
+ * owns the shell, the query and the input. The point of the split is that adding a mode does not
+ * mean editing the palette: everything AI lives in `createAiMode`, and the palette only knows this
+ * interface.
+ *
+ * `appearance` and `body` are read during render, so an implementation can serve them from getters
+ * over observable state and let a reactive palette re-render on its own.
+ */
+export interface PaletteMode {
+    appearance: PaletteModeAppearance;
+    /** Rendered in the palette's scroll area, in place of the command list. */
+    body: React.ReactNode;
+    /**
+     * Enter the mode, optionally carrying what the user had already typed.
+     *
+     * The seed exists for ONE entry point: the "Ask AI" button in the no-results state. A command
+     * search that found nothing already holds a sentence the user typed, and the button turns it
+     * into the question instead of making them retype it. Every other way in (space on an empty
+     * query, `mod+k`, selecting the Ask AI command) passes nothing and leaves an empty input.
+     *
+     * The palette calls this; the mode decides what a seed means. Returning focus to the shared
+     * input is the palette's job, since the input is the palette's.
+     */
+    enter(seed?: string): void;
+    /** Drop any state. Called when the mode is left and when the palette closes. */
+    reset(): void;
+    /**
+     * Handle a key while this mode is active. Return true when the key was consumed, so the palette
+     * leaves it alone.
+     */
+    handleKey(event: React.KeyboardEvent, context: PaletteModeKeyContext): boolean;
+    /**
+     * Called after the palette renders this mode's body, with the scroll container it was rendered
+     * into. For a mode whose body grows, such as a conversation, this is where it keeps the newest
+     * content in view. The element belongs to the palette; a mode only reads or scrolls it.
+     */
+    afterRender?(scrollContainer: HTMLElement): void;
+}

package/CommandPalette/modes/createAiMode.d.ts

@@ -0,0 +1,13 @@
+import type { AdminAssistantPresenter } from "@webiny/app-admin";
+import type { PaletteMode } from "./PaletteMode.js";
+/**
+ * The assistant, as a palette mode.
+ *
+ * Everything specific to it lives here: what the input row shows, what Enter and Backspace do, and
+ * what fills the panel. The conversation itself belongs to `AdminAssistantPresenter`.
+ *
+ * A plain object rather than a hook. `appearance` and `body` are getters, so reading them during a
+ * reactive component's render tracks the presenter's observables and re-renders on a new turn, with
+ * no dependency arrays to keep honest.
+ */
+export declare const createAiMode: (presenter: AdminAssistantPresenter.Interface) => PaletteMode;

package/CommandPalette/modes/createAiMode.js

@@ -0,0 +1,80 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/auto_awesome.svg";
+import { ReactComponent as keyboard_return_svg_ReactComponent } from "@webiny/icons/keyboard_return.svg";
+import { ReactComponent as backspace_svg_ReactComponent } from "@webiny/icons/backspace.svg";
+import { AiModeBadge, AiSuggestions, AiTurn, HintIcon } from "../components/index.js";
+const HINTS = [
+    {
+        keys: /*#__PURE__*/ react.createElement(HintIcon, {
+            element: /*#__PURE__*/ react.createElement(keyboard_return_svg_ReactComponent, null)
+        }),
+        label: "Ask"
+    },
+    {
+        keys: /*#__PURE__*/ react.createElement(HintIcon, {
+            element: /*#__PURE__*/ react.createElement(backspace_svg_ReactComponent, null)
+        }),
+        label: "Commands"
+    },
+    {
+        keys: "esc",
+        label: "Close"
+    }
+];
+const createAiMode = (presenter)=>({
+        get appearance () {
+            const started = presenter.vm.turns.length > 0;
+            return {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                iconColor: "accent",
+                iconLabel: "Ask AI",
+                badge: /*#__PURE__*/ react.createElement(AiModeBadge, null),
+                placeholder: started ? "Ask a follow-up…" : "Ask about this project…",
+                footerLabel: "Webiny AI",
+                hints: HINTS,
+                tall: true
+            };
+        },
+        get body () {
+            const { turns, busy } = presenter.vm;
+            if (0 === turns.length) return /*#__PURE__*/ react.createElement(AiSuggestions, {
+                onAsk: (question)=>presenter.ask(question)
+            });
+            return turns.map((turn, index)=>/*#__PURE__*/ react.createElement(AiTurn, {
+                    key: index,
+                    turn: turn,
+                    initials: "You",
+                    busy: busy,
+                    onApprove: ()=>presenter.decide(index, true),
+                    onReject: ()=>presenter.decide(index, false)
+                }));
+        },
+        enter (seed) {
+            if (seed?.trim()) presenter.ask(seed);
+        },
+        reset () {
+            presenter.reset();
+        },
+        handleKey (event, context) {
+            if ("Enter" === event.key) {
+                event.preventDefault();
+                presenter.ask(context.query);
+                context.setQuery("");
+                return true;
+            }
+            if ("Backspace" === event.key && "" === context.query) {
+                event.preventDefault();
+                context.exit();
+                return true;
+            }
+            return false;
+        },
+        afterRender (container) {
+            container.scrollTo({
+                top: container.scrollHeight
+            });
+        }
+    });
+export { createAiMode };
+
+//# sourceMappingURL=createAiMode.js.map

package/CommandPalette/modes/createAiMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette/modes/createAiMode.js","sources":["../../../src/CommandPalette/modes/createAiMode.tsx"],"sourcesContent":["import React from \"react\";\nimport type { AdminAssistantPresenter } from \"@webiny/app-admin\";\nimport { ReactComponent as AiIcon } from \"@webiny/icons/auto_awesome.svg\";\nimport { ReactComponent as ReturnIcon } from \"@webiny/icons/keyboard_return.svg\";\nimport { ReactComponent as BackspaceIcon } from \"@webiny/icons/backspace.svg\";\nimport { AiModeBadge, AiSuggestions, AiTurn, HintIcon, type Hint } from \"../components/index.js\";\nimport type { PaletteMode, PaletteModeKeyContext } from \"./PaletteMode.js\";\n\nconst HINTS: Hint[] = [\n    { keys: <HintIcon element={<ReturnIcon />} />, label: \"Ask\" },\n    { keys: <HintIcon element={<BackspaceIcon />} />, label: \"Commands\" },\n    { keys: \"esc\", label: \"Close\" }\n];\n\n/**\n * The assistant, as a palette mode.\n *\n * Everything specific to it lives here: what the input row shows, what Enter and Backspace do, and\n * what fills the panel. The conversation itself belongs to `AdminAssistantPresenter`.\n *\n * A plain object rather than a hook. `appearance` and `body` are getters, so reading them during a\n * reactive component's render tracks the presenter's observables and re-renders on a new turn, with\n * no dependency arrays to keep honest.\n */\nexport const createAiMode = (presenter: AdminAssistantPresenter.Interface): PaletteMode => ({\n    get appearance() {\n        const started = presenter.vm.turns.length > 0;\n\n        return {\n            icon: <AiIcon />,\n            iconColor: \"accent\" as const,\n            iconLabel: \"Ask AI\",\n            badge: <AiModeBadge />,\n            placeholder: started ? \"Ask a follow-up…\" : \"Ask about this project…\",\n            footerLabel: \"Webiny AI\",\n            hints: HINTS,\n            tall: true\n        };\n    },\n\n    get body() {\n        const { turns, busy } = presenter.vm;\n\n        if (turns.length === 0) {\n            return <AiSuggestions onAsk={question => presenter.ask(question)} />;\n        }\n\n        return turns.map((turn, index) => (\n            <AiTurn\n                key={index}\n                turn={turn}\n                initials=\"You\"\n                busy={busy}\n                onApprove={() => presenter.decide(index, true)}\n                onReject={() => presenter.decide(index, false)}\n            />\n        ));\n    },\n\n    // A seed only arrives from the no-results \"Ask AI\" button; see `PaletteMode.enter`.\n    enter(seed?: string) {\n        if (seed?.trim()) {\n            presenter.ask(seed);\n        }\n    },\n\n    reset() {\n        presenter.reset();\n    },\n\n    handleKey(event: React.KeyboardEvent, context: PaletteModeKeyContext) {\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            presenter.ask(context.query);\n            context.setQuery(\"\");\n            return true;\n        }\n\n        // Backspace on an empty input leaves the mode, mirroring how space entered it.\n        if (event.key === \"Backspace\" && context.query === \"\") {\n            event.preventDefault();\n            context.exit();\n            return true;\n        }\n\n        return false;\n    },\n\n    // Answers are long enough to push earlier turns off-screen, so keep the newest one visible.\n    afterRender(container: HTMLElement) {\n        container.scrollTo({ top: container.scrollHeight });\n    }\n});\n"],"names":["HINTS","HintIcon","ReturnIcon","BackspaceIcon","createAiMode","presenter","started","AiIcon","AiModeBadge","turns","busy","AiSuggestions","question","turn","index","AiTurn","seed","event","context","container"],"mappings":";;;;;AAQA,MAAMA,QAAgB;IAClB;QAAE,MAAM,WAAN,GAAM,oBAACC,UAAQA;YAAC,uBAAS,oBAACC,oCAAUA;;QAAS,OAAO;IAAM;IAC5D;QAAE,MAAM,WAAN,GAAM,oBAACD,UAAQA;YAAC,uBAAS,oBAACE,8BAAaA;;QAAS,OAAO;IAAW;IACpE;QAAE,MAAM;QAAO,OAAO;IAAQ;CACjC;AAYM,MAAMC,eAAe,CAACC,YAA+D;QACxF,IAAI,cAAa;YACb,MAAMC,UAAUD,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG;YAE5C,OAAO;gBACH,MAAM,WAAN,GAAM,oBAACE,gBAAMA;gBACb,WAAW;gBACX,WAAW;gBACX,OAAO,WAAP,GAAO,oBAACC,aAAWA;gBACnB,aAAaF,UAAU,qBAAqB;gBAC5C,aAAa;gBACb,OAAON;gBACP,MAAM;YACV;QACJ;QAEA,IAAI,QAAO;YACP,MAAM,EAAES,KAAK,EAAEC,IAAI,EAAE,GAAGL,UAAU,EAAE;YAEpC,IAAII,AAAiB,MAAjBA,MAAM,MAAM,EACZ,OAAO,WAAP,GAAO,oBAACE,eAAaA;gBAAC,OAAOC,CAAAA,WAAYP,UAAU,GAAG,CAACO;;YAG3D,OAAOH,MAAM,GAAG,CAAC,CAACI,MAAMC,QAAAA,WAAAA,GACpB,oBAACC,QAAMA;oBACH,KAAKD;oBACL,MAAMD;oBACN,UAAS;oBACT,MAAMH;oBACN,WAAW,IAAML,UAAU,MAAM,CAACS,OAAO;oBACzC,UAAU,IAAMT,UAAU,MAAM,CAACS,OAAO;;QAGpD;QAGA,OAAME,IAAa;YACf,IAAIA,MAAM,QACNX,UAAU,GAAG,CAACW;QAEtB;QAEA;YACIX,UAAU,KAAK;QACnB;QAEA,WAAUY,KAA0B,EAAEC,OAA8B;YAChE,IAAID,AAAc,YAAdA,MAAM,GAAG,EAAc;gBACvBA,MAAM,cAAc;gBACpBZ,UAAU,GAAG,CAACa,QAAQ,KAAK;gBAC3BA,QAAQ,QAAQ,CAAC;gBACjB,OAAO;YACX;YAGA,IAAID,AAAc,gBAAdA,MAAM,GAAG,IAAoBC,AAAkB,OAAlBA,QAAQ,KAAK,EAAS;gBACnDD,MAAM,cAAc;gBACpBC,QAAQ,IAAI;gBACZ,OAAO;YACX;YAEA,OAAO;QACX;QAGA,aAAYC,SAAsB;YAC9BA,UAAU,QAAQ,CAAC;gBAAE,KAAKA,UAAU,YAAY;YAAC;QACrD;IACJ"}

package/CommandPalette/modes/index.d.ts

@@ -0,0 +1,2 @@
+export { createAiMode } from "./createAiMode.js";
+export type { PaletteMode, PaletteModeAppearance, PaletteModeKeyContext } from "./PaletteMode.js";

package/CommandPalette/modes/index.js

@@ -0,0 +1 @@
+export { createAiMode } from "./createAiMode.js";

package/CommandPalette/types.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+export interface CommandRow {
+    key: string;
+    value: string;
+    label: string;
+    sub?: string;
+    icon?: React.ReactNode;
+    shortcut?: string[];
+    verb: string;
+    onRun: () => void;
+}
+export interface CommandGroup {
+    title: string;
+    rows: CommandRow[];
+}

package/CommandPalette/usePaletteHotkeys.d.ts

@@ -0,0 +1,16 @@
+import { type CommandPalettePresenter } from "@webiny/app-admin";
+interface PaletteHotkeysParams {
+    presenter: CommandPalettePresenter.Interface;
+    close: () => void;
+    /** False when the license blocks the assistant, so mod+k must not cycle into it. */
+    aiEnabled: boolean;
+}
+/**
+ * The palette's global keys: the ones that work while it is closed, or while focus is not in the
+ * input. Keys that only mean something while typing stay on the input's `onKeyDown`.
+ *
+ * Reads the view model during render, so a reactive component calling this still re-renders when
+ * the palette opens, a detail view appears, or AI mode is entered.
+ */
+export declare const usePaletteHotkeys: ({ presenter, close, aiEnabled }: PaletteHotkeysParams) => void;
+export {};

package/CommandPalette/usePaletteHotkeys.js

@@ -0,0 +1,38 @@
+import { useMemo } from "react";
+import { useHotkeys } from "@webiny/app-admin";
+import { PALETTE_HOTKEY_ZINDEX } from "./constants.js";
+const usePaletteHotkeys = ({ presenter, close, aiEnabled })=>{
+    const { isOpen, activeCommand, aiModeActive } = presenter.vm;
+    const keys = useMemo(()=>({
+            "mod+k": (e)=>{
+                e.preventDefault();
+                if (!isOpen) return void presenter.open();
+                if (activeCommand) return void presenter.cancelCommand();
+                if (aiEnabled && !aiModeActive) return void presenter.enterAiMode();
+                close();
+            },
+            backspace: (e)=>{
+                const target = e.target;
+                const editable = target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target?.isContentEditable;
+                if (!isOpen || !activeCommand || editable) return;
+                e.preventDefault();
+                presenter.cancelCommand();
+            },
+            ...presenter.shortcutKeys
+        }), [
+        presenter,
+        presenter.shortcutKeys,
+        isOpen,
+        activeCommand,
+        aiModeActive,
+        close,
+        aiEnabled
+    ]);
+    useHotkeys({
+        zIndex: PALETTE_HOTKEY_ZINDEX,
+        keys
+    });
+};
+export { usePaletteHotkeys };
+
+//# sourceMappingURL=usePaletteHotkeys.js.map

package/CommandPalette/usePaletteHotkeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette/usePaletteHotkeys.js","sources":["../../src/CommandPalette/usePaletteHotkeys.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useHotkeys, type CommandPalettePresenter } from \"@webiny/app-admin\";\nimport { PALETTE_HOTKEY_ZINDEX } from \"./constants.js\";\n\ninterface PaletteHotkeysParams {\n    presenter: CommandPalettePresenter.Interface;\n    /* Not `presenter.close`: closing also resets the mode, which is the palette's business. */\n    close: () => void;\n    /** False when the license blocks the assistant, so mod+k must not cycle into it. */\n    aiEnabled: boolean;\n}\n\n/**\n * The palette's global keys: the ones that work while it is closed, or while focus is not in the\n * input. Keys that only mean something while typing stay on the input's `onKeyDown`.\n *\n * Reads the view model during render, so a reactive component calling this still re-renders when\n * the palette opens, a detail view appears, or AI mode is entered.\n */\nexport const usePaletteHotkeys = ({ presenter, close, aiEnabled }: PaletteHotkeysParams) => {\n    const { isOpen, activeCommand, aiModeActive } = presenter.vm;\n\n    /*\n     * mod+k cycles closed -> commands -> AI -> closed, so the same key that opens the palette also\n     * reaches the assistant without the user having to know about the space shortcut. Closing from AI\n     * mode keeps mod+k a way OUT of the palette, which is what it does everywhere else.\n     * Backspace backs out of a detail view; command shortcuts run directly.\n     */\n    const keys = useMemo(\n        () => ({\n            \"mod+k\": (e: KeyboardEvent) => {\n                e.preventDefault();\n\n                if (!isOpen) {\n                    presenter.open();\n                    return;\n                }\n\n                /*\n                 * A detail view renders in place of the command list, so switching to AI mode from\n                 * there would put the user in a mode they cannot see. Back out to the list instead.\n                 */\n                if (activeCommand) {\n                    presenter.cancelCommand();\n                    return;\n                }\n\n                if (aiEnabled && !aiModeActive) {\n                    presenter.enterAiMode();\n                    return;\n                }\n\n                close();\n            },\n            backspace: (e: KeyboardEvent) => {\n                /*\n                 * This listener is global and stays registered while the palette is closed, so it\n                 * must leave Backspace alone unless there is a detail view to back out of, and never\n                 * touch it inside an input, textarea or rich text editor.\n                 */\n                const target = e.target as HTMLElement | null;\n                const editable =\n                    target instanceof HTMLInputElement ||\n                    target instanceof HTMLTextAreaElement ||\n                    target?.isContentEditable;\n                if (!isOpen || !activeCommand || editable) {\n                    return;\n                }\n                e.preventDefault();\n                presenter.cancelCommand();\n            },\n            ...presenter.shortcutKeys\n        }),\n        [presenter, presenter.shortcutKeys, isOpen, activeCommand, aiModeActive, close, aiEnabled]\n    );\n\n    useHotkeys({ zIndex: PALETTE_HOTKEY_ZINDEX, keys });\n};\n"],"names":["usePaletteHotkeys","presenter","close","aiEnabled","isOpen","activeCommand","aiModeActive","keys","useMemo","e","target","editable","HTMLInputElement","HTMLTextAreaElement","useHotkeys","PALETTE_HOTKEY_ZINDEX"],"mappings":";;;AAmBO,MAAMA,oBAAoB,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAEC,SAAS,EAAwB;IACnF,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAEC,YAAY,EAAE,GAAGL,UAAU,EAAE;IAQ5D,MAAMM,OAAOC,QACT,IAAO;YACH,SAAS,CAACC;gBACNA,EAAE,cAAc;gBAEhB,IAAI,CAACL,QAAQ,YACTH,UAAU,IAAI;gBAQlB,IAAII,eAAe,YACfJ,UAAU,aAAa;gBAI3B,IAAIE,aAAa,CAACG,cAAc,YAC5BL,UAAU,WAAW;gBAIzBC;YACJ;YACA,WAAW,CAACO;gBAMR,MAAMC,SAASD,EAAE,MAAM;gBACvB,MAAME,WACFD,kBAAkBE,oBAClBF,kBAAkBG,uBAClBH,QAAQ;gBACZ,IAAI,CAACN,UAAU,CAACC,iBAAiBM,UAC7B;gBAEJF,EAAE,cAAc;gBAChBR,UAAU,aAAa;YAC3B;YACA,GAAGA,UAAU,YAAY;QAC7B,IACA;QAACA;QAAWA,UAAU,YAAY;QAAEG;QAAQC;QAAeC;QAAcJ;QAAOC;KAAU;IAG9FW,WAAW;QAAE,QAAQC;QAAuBR;IAAK;AACrD"}

package/Dashboard/Welcome.js

@@ -1,37 +1,33 @@
-import React from "react";
+import react from "react";
 import { Grid, Heading } from "@webiny/admin-ui";
-import { useSecurity } from "@webiny/app-admin";
-import { useAdminConfig } from "@webiny/app-admin";
-const Welcome = () => {
-  const {
-    identity
-  } = useSecurity();
-  const {
-    widgets
-  } = useAdminConfig();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "my-xxl"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "mb-3xl"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 3
-  }, `Hi ${identity.displayName}, what are we doing today?`)), /*#__PURE__*/React.createElement(Grid, {
-    gap: "spacious",
-    className: "max-w-[1200px]"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-lg"
-  }, widgets.filter(w => w.column === "left").map(widget => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: widget.name
-  }, widget.element)))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-lg"
-  }, widgets.filter(w => w.column === "right").map(widget => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: widget.name
-  }, widget.element))))));
+import { useAdminConfig, useSecurity } from "@webiny/app-admin";
+const Welcome = ()=>{
+    const { identity } = useSecurity();
+    const { widgets } = useAdminConfig();
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "my-xxl"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "mb-3xl"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 3
+    }, `Hi ${identity.displayName}, what are we doing today?`)), /*#__PURE__*/ react.createElement(Grid, {
+        gap: "spacious",
+        className: "max-w-[1200px]"
+    }, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg"
+    }, widgets.filter((w)=>"left" === w.column).map((widget)=>/*#__PURE__*/ react.createElement(react.Fragment, {
+            key: widget.name
+        }, widget.element)))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg"
+    }, widgets.filter((w)=>"right" === w.column).map((widget)=>/*#__PURE__*/ react.createElement(react.Fragment, {
+            key: widget.name
+        }, widget.element))))));
 };
-export default Welcome;
+const Dashboard_Welcome = Welcome;
+export default Dashboard_Welcome;
 
 //# sourceMappingURL=Welcome.js.map

package/Dashboard/Welcome.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Heading","useSecurity","useAdminConfig","Welcome","identity","widgets","createElement","className","level","displayName","gap","Column","span","filter","w","column","map","widget","Fragment","key","name","element"],"sources":["Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { useAdminConfig } from \"@webiny/app-admin\";\n\nconst Welcome = () => {\n    const { identity } = useSecurity();\n    const { widgets } = useAdminConfig();\n\n    return (\n        <div className={\"my-xxl\"}>\n            <div className={\"mb-3xl\"}>\n                <Heading\n                    level={3}\n                >{`Hi ${identity!.displayName}, what are we doing today?`}</Heading>\n            </div>\n            <Grid gap={\"spacious\"} className={\"max-w-[1200px]\"}>\n                <Grid.Column span={6}>\n                    <div className={\"flex flex-col gap-lg\"}>\n                        {widgets\n                            .filter(w => w.column === \"left\")\n                            .map(widget => (\n                                <React.Fragment key={widget.name}>{widget.element}</React.Fragment>\n                            ))}\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <div className={\"flex flex-col gap-lg\"}>\n                        {widgets\n                            .filter(w => w.column === \"right\")\n                            .map(widget => (\n                                <React.Fragment key={widget.name}>{widget.element}</React.Fragment>\n                            ))}\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport default Welcome;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC;EAAS,CAAC,GAAGH,WAAW,CAAC,CAAC;EAClC,MAAM;IAAEI;EAAQ,CAAC,GAAGH,cAAc,CAAC,CAAC;EAEpC,oBACIJ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBT,KAAA,CAAAQ,aAAA,CAACN,OAAO;IACJQ,KAAK,EAAE;EAAE,GACX,MAAMJ,QAAQ,CAAEK,WAAW,4BAAsC,CAClE,CAAC,eACNX,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACW,GAAG,EAAE,UAAW;IAACH,SAAS,EAAE;EAAiB,gBAC/CT,KAAA,CAAAQ,aAAA,CAACP,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBd,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCF,OAAO,CACHQ,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,KAAK,MAAM,CAAC,CAChCC,GAAG,CAACC,MAAM,iBACPnB,KAAA,CAAAQ,aAAA,CAACR,KAAK,CAACoB,QAAQ;IAACC,GAAG,EAAEF,MAAM,CAACG;EAAK,GAAEH,MAAM,CAACI,OAAwB,CACrE,CACJ,CACI,CAAC,eACdvB,KAAA,CAAAQ,aAAA,CAACP,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBd,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCF,OAAO,CACHQ,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,KAAK,OAAO,CAAC,CACjCC,GAAG,CAACC,MAAM,iBACPnB,KAAA,CAAAQ,aAAA,CAACR,KAAK,CAACoB,QAAQ;IAACC,GAAG,EAAEF,MAAM,CAACG;EAAK,GAAEH,MAAM,CAACI,OAAwB,CACrE,CACJ,CACI,CACX,CACL,CAAC;AAEd,CAAC;AAED,eAAelB,OAAO","ignoreList":[]}
+{"version":3,"file":"Dashboard/Welcome.js","sources":["../../src/Dashboard/Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { useAdminConfig } from \"@webiny/app-admin\";\n\nconst Welcome = () => {\n    const { identity } = useSecurity();\n    const { widgets } = useAdminConfig();\n\n    return (\n        <div className={\"my-xxl\"}>\n            <div className={\"mb-3xl\"}>\n                <Heading\n                    level={3}\n                >{`Hi ${identity!.displayName}, what are we doing today?`}</Heading>\n            </div>\n            <Grid gap={\"spacious\"} className={\"max-w-[1200px]\"}>\n                <Grid.Column span={6}>\n                    <div className={\"flex flex-col gap-lg\"}>\n                        {widgets\n                            .filter(w => w.column === \"left\")\n                            .map(widget => (\n                                <React.Fragment key={widget.name}>{widget.element}</React.Fragment>\n                            ))}\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <div className={\"flex flex-col gap-lg\"}>\n                        {widgets\n                            .filter(w => w.column === \"right\")\n                            .map(widget => (\n                                <React.Fragment key={widget.name}>{widget.element}</React.Fragment>\n                            ))}\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport default Welcome;\n"],"names":["Welcome","identity","useSecurity","widgets","useAdminConfig","Heading","Grid","w","widget","React"],"mappings":";;;AAKA,MAAMA,UAAU;IACZ,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,SAAOA;QACJ,OAAO;OACT,CAAC,GAAG,EAAEJ,SAAU,WAAW,CAAC,0BAA0B,CAAC,kBAE7D,oBAACK,MAAIA;QAAC,KAAK;QAAY,WAAW;qBAC9B,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OACXH,QACI,MAAM,CAACI,CAAAA,IAAKA,AAAa,WAAbA,EAAE,MAAM,EACpB,GAAG,CAACC,CAAAA,SAAAA,WAAAA,GACD,oBAACC,MAAAA,QAAc;YAAC,KAAKD,OAAO,IAAI;WAAGA,OAAO,OAAO,oBAIjE,oBAACF,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OACXH,QACI,MAAM,CAACI,CAAAA,IAAKA,AAAa,YAAbA,EAAE,MAAM,EACpB,GAAG,CAACC,CAAAA,SAAAA,WAAAA,GACD,oBAACC,MAAAA,QAAc;YAAC,KAAKD,OAAO,IAAI;WAAGA,OAAO,OAAO;AAOjF;AAEA,0BAAeR"}

package/Dashboard/components/AssistanceWidget.js

@@ -1,55 +1,54 @@
-import React from "react";
-import { Widget, List, Link, Text } from "@webiny/admin-ui";
-import { ReactComponent as HelpIcon } from "@webiny/icons/help_outline.svg";
-import { ReactComponent as ArrowForwardIcon } from "@webiny/icons/arrow_forward.svg";
+import react from "react";
+import { Link, List, Text, Widget } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/help_outline.svg";
+import { ReactComponent as arrow_forward_svg_ReactComponent } from "@webiny/icons/arrow_forward.svg";
 import { SimpleLink } from "@webiny/app-admin";
-export const AssistanceWidget = () => {
-  return /*#__PURE__*/React.createElement(Widget, {
-    variant: "light",
-    title: "Need some assistance?",
-    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
-      icon: /*#__PURE__*/React.createElement(HelpIcon, null),
-      label: "Need some assistance?"
-    }),
-    padding: "md"
-  }, /*#__PURE__*/React.createElement(List, {
-    variant: "container",
-    className: "flex flex-col gap-y-sm"
-  }, /*#__PURE__*/React.createElement(List.Item, {
-    title: "Documentation",
-    description: "Explore the Webiny documentation and check out code examples and guides.",
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SimpleLink, {
-      to: "https://www.webiny.com/docs",
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, /*#__PURE__*/React.createElement(List.Item.Action, {
-      icon: /*#__PURE__*/React.createElement(ArrowForwardIcon, null)
-    })))
-  }), /*#__PURE__*/React.createElement(List.Item, {
-    title: "Contact us",
-    description: /*#__PURE__*/React.createElement(Text, {
-      size: "sm",
-      className: "text-neutral-strong"
-    }, /*#__PURE__*/React.createElement(Link, {
-      to: "https://www.webiny.com/forms/product-demo",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      variant: "secondary",
-      underline: true
-    }, "Contact Sales"), ",", " ", /*#__PURE__*/React.createElement(Link, {
-      to: "https://www.webiny.com/partners",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      variant: "secondary",
-      underline: true
-    }, "Explore Partnerships"), " ", "or", " ", /*#__PURE__*/React.createElement(Link, {
-      to: "https://www.webiny.com/slack",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      variant: "secondary",
-      underline: true
-    }, "Slack us"), ".")
-  })));
-};
+const AssistanceWidget = ()=>/*#__PURE__*/ react.createElement(Widget, {
+        variant: "light",
+        title: "Need some assistance?",
+        icon: /*#__PURE__*/ react.createElement(Widget.Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Need some assistance?"
+        }),
+        padding: "md"
+    }, /*#__PURE__*/ react.createElement(List, {
+        variant: "container",
+        className: "flex flex-col gap-y-sm"
+    }, /*#__PURE__*/ react.createElement(List.Item, {
+        title: "Documentation",
+        description: "Explore the Webiny documentation and check out code examples and guides.",
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(SimpleLink, {
+            to: "https://www.webiny.com/docs",
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, /*#__PURE__*/ react.createElement(List.Item.Action, {
+            icon: /*#__PURE__*/ react.createElement(arrow_forward_svg_ReactComponent, null)
+        })))
+    }), /*#__PURE__*/ react.createElement(List.Item, {
+        title: "Contact us",
+        description: /*#__PURE__*/ react.createElement(Text, {
+            size: "sm",
+            className: "text-neutral-strong"
+        }, /*#__PURE__*/ react.createElement(Link, {
+            to: "https://www.webiny.com/forms/product-demo",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            variant: "secondary",
+            underline: true
+        }, "Contact Sales"), ",", " ", /*#__PURE__*/ react.createElement(Link, {
+            to: "https://www.webiny.com/partners",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            variant: "secondary",
+            underline: true
+        }, "Explore Partnerships"), " ", "or", " ", /*#__PURE__*/ react.createElement(Link, {
+            to: "https://www.webiny.com/slack",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            variant: "secondary",
+            underline: true
+        }, "Slack us"), ".")
+    })));
+export { AssistanceWidget };
 
 //# sourceMappingURL=AssistanceWidget.js.map

package/Dashboard/components/AssistanceWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Widget","List","Link","Text","ReactComponent","HelpIcon","ArrowForwardIcon","SimpleLink","AssistanceWidget","createElement","variant","title","icon","Icon","label","padding","className","Item","description","actions","Fragment","to","target","rel","Action","size","underline"],"sources":["AssistanceWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget, List, Link, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as HelpIcon } from \"@webiny/icons/help_outline.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"@webiny/icons/arrow_forward.svg\";\nimport { SimpleLink } from \"@webiny/app-admin\";\n\nexport const AssistanceWidget = () => {\n    return (\n        <Widget\n            variant=\"light\"\n            title=\"Need some assistance?\"\n            icon={<Widget.Icon icon={<HelpIcon />} label={\"Need some assistance?\"} />}\n            padding=\"md\"\n        >\n            <List variant=\"container\" className=\"flex flex-col gap-y-sm\">\n                <List.Item\n                    title=\"Documentation\"\n                    description=\"Explore the Webiny documentation and check out code examples and guides.\"\n                    actions={\n                        <>\n                            <SimpleLink\n                                to=\"https://www.webiny.com/docs\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                            >\n                                <List.Item.Action icon={<ArrowForwardIcon />} />\n                            </SimpleLink>\n                        </>\n                    }\n                />\n                <List.Item\n                    title=\"Contact us\"\n                    description={\n                        <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                            <Link\n                                to={\"https://www.webiny.com/forms/product-demo\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Contact Sales\n                            </Link>\n                            ,{\" \"}\n                            <Link\n                                to={\"https://www.webiny.com/partners\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Explore Partnerships\n                            </Link>{\" \"}\n                            or{\" \"}\n                            <Link\n                                to={\"https://www.webiny.com/slack\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Slack us\n                            </Link>\n                            .\n                        </Text>\n                    }\n                />\n            </List>\n        </Widget>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC3D,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASD,cAAc,IAAIE,gBAAgB,QAAQ,iCAAiC;AACpF,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACIT,KAAA,CAAAU,aAAA,CAACT,MAAM;IACHU,OAAO,EAAC,OAAO;IACfC,KAAK,EAAC,uBAAuB;IAC7BC,IAAI,eAAEb,KAAA,CAAAU,aAAA,CAACT,MAAM,CAACa,IAAI;MAACD,IAAI,eAAEb,KAAA,CAAAU,aAAA,CAACJ,QAAQ,MAAE,CAAE;MAACS,KAAK,EAAE;IAAwB,CAAE,CAAE;IAC1EC,OAAO,EAAC;EAAI,gBAEZhB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,OAAO,EAAC,WAAW;IAACM,SAAS,EAAC;EAAwB,gBACxDjB,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACgB,IAAI;IACNN,KAAK,EAAC,eAAe;IACrBO,WAAW,EAAC,0EAA0E;IACtFC,OAAO,eACHpB,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAU,aAAA,CAACF,UAAU;MACPc,EAAE,EAAC,6BAA6B;MAChCC,MAAM,EAAC,QAAQ;MACfC,GAAG,EAAC;IAAqB,gBAEzBxB,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACgB,IAAI,CAACO,MAAM;MAACZ,IAAI,eAAEb,KAAA,CAAAU,aAAA,CAACH,gBAAgB,MAAE;IAAE,CAAE,CACvC,CACd;EACL,CACJ,CAAC,eACFP,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACgB,IAAI;IACNN,KAAK,EAAC,YAAY;IAClBO,WAAW,eACPnB,KAAA,CAAAU,aAAA,CAACN,IAAI;MAACsB,IAAI,EAAE,IAAK;MAACT,SAAS,EAAE;IAAsB,gBAC/CjB,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDmB,EAAE,EAAE,2CAA4C;MAChDC,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE,qBAAsB;MAC3Bb,OAAO,EAAE,WAAY;MACrBgB,SAAS;IAAA,GACZ,eAEK,CAAC,KACN,EAAC,GAAG,eACL3B,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDmB,EAAE,EAAE,iCAAkC;MACtCC,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE,qBAAsB;MAC3Bb,OAAO,EAAE,WAAY;MACrBgB,SAAS;IAAA,GACZ,sBAEK,CAAC,EAAC,GAAG,EAAC,IACV,EAAC,GAAG,eACN3B,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDmB,EAAE,EAAE,8BAA+B;MACnCC,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE,qBAAsB;MAC3Bb,OAAO,EAAE,WAAY;MACrBgB,SAAS;IAAA,GACZ,UAEK,CAAC,KAEL;EACT,CACJ,CACC,CACF,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Dashboard/components/AssistanceWidget.js","sources":["../../../src/Dashboard/components/AssistanceWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget, List, Link, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as HelpIcon } from \"@webiny/icons/help_outline.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"@webiny/icons/arrow_forward.svg\";\nimport { SimpleLink } from \"@webiny/app-admin\";\n\nexport const AssistanceWidget = () => {\n    return (\n        <Widget\n            variant=\"light\"\n            title=\"Need some assistance?\"\n            icon={<Widget.Icon icon={<HelpIcon />} label={\"Need some assistance?\"} />}\n            padding=\"md\"\n        >\n            <List variant=\"container\" className=\"flex flex-col gap-y-sm\">\n                <List.Item\n                    title=\"Documentation\"\n                    description=\"Explore the Webiny documentation and check out code examples and guides.\"\n                    actions={\n                        <>\n                            <SimpleLink\n                                to=\"https://www.webiny.com/docs\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                            >\n                                <List.Item.Action icon={<ArrowForwardIcon />} />\n                            </SimpleLink>\n                        </>\n                    }\n                />\n                <List.Item\n                    title=\"Contact us\"\n                    description={\n                        <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                            <Link\n                                to={\"https://www.webiny.com/forms/product-demo\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Contact Sales\n                            </Link>\n                            ,{\" \"}\n                            <Link\n                                to={\"https://www.webiny.com/partners\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Explore Partnerships\n                            </Link>{\" \"}\n                            or{\" \"}\n                            <Link\n                                to={\"https://www.webiny.com/slack\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Slack us\n                            </Link>\n                            .\n                        </Text>\n                    }\n                />\n            </List>\n        </Widget>\n    );\n};\n"],"names":["AssistanceWidget","Widget","HelpIcon","List","SimpleLink","ArrowForwardIcon","Text","Link"],"mappings":";;;;;AAMO,MAAMA,mBAAmB,IACrB,WAAP,GACI,oBAACC,QAAMA;QACH,SAAQ;QACR,OAAM;QACN,oBAAM,oBAACA,OAAO,IAAI;YAAC,oBAAM,oBAACC,gBAAQA;YAAK,OAAO;;QAC9C,SAAQ;qBAER,oBAACC,MAAIA;QAAC,SAAQ;QAAY,WAAU;qBAChC,oBAACA,KAAK,IAAI;QACN,OAAM;QACN,aAAY;QACZ,uBACI,wDACI,oBAACC,YAAUA;YACP,IAAG;YACH,QAAO;YACP,KAAI;yBAEJ,oBAACD,KAAK,IAAI,CAAC,MAAM;YAAC,oBAAM,oBAACE,kCAAgBA;;sBAKzD,oBAACF,KAAK,IAAI;QACN,OAAM;QACN,2BACI,oBAACG,MAAIA;YAAC,MAAM;YAAM,WAAW;yBACzB,oBAACC,MAAIA;YACD,IAAI;YACJ,QAAQ;YACR,KAAK;YACL,SAAS;YACT;WACH,kBAEM,KACL,mBACF,oBAACA,MAAIA;YACD,IAAI;YACJ,QAAQ;YACR,KAAK;YACL,SAAS;YACT;WACH,yBAEO,KAAI,MACT,mBACH,oBAACA,MAAIA;YACD,IAAI;YACJ,QAAQ;YACR,KAAK;YACL,SAAS;YACT;WACH,aAEM"}