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

package/presentation/banners/components/Banner.js

@@ -0,0 +1,32 @@
+import { useEffect } from "react";
+import { useBanner } from "../useBanner.js";
+const Banner = (props)=>{
+    const { showBanner, hideBanner } = useBanner();
+    const { id, variant, title, message, dismissible, action } = props;
+    useEffect(()=>{
+        showBanner({
+            id,
+            variant,
+            title,
+            message,
+            dismissible,
+            action
+        });
+    }, [
+        id,
+        variant,
+        title,
+        message,
+        dismissible,
+        action?.label,
+        action?.disabled,
+        action?.onClick
+    ]);
+    useEffect(()=>()=>hideBanner(id), [
+        id
+    ]);
+    return null;
+};
+export { Banner };
+
+//# sourceMappingURL=Banner.js.map

package/presentation/banners/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/components/Banner.js","sources":["../../../../src/presentation/banners/components/Banner.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Banners } from \"~/features/banners/abstractions.js\";\nimport { useBanner } from \"../useBanner.js\";\n\nexport type BannerProps = Banners.Banner;\n\n/**\n * Shows a banner for as long as this component is mounted, and hides it on unmount. Renders\n * nothing itself; the Layout's bar does the drawing.\n *\n * To show a banner from an event handler, use `useBanner()`. Outside React, inject `Banners`\n * and call `show()` and `hide()` directly.\n */\nexport const Banner = (props: BannerProps) => {\n    const { showBanner, hideBanner } = useBanner();\n    const { id, variant, title, message, dismissible, action } = props;\n\n    useEffect(() => {\n        showBanner({ id, variant, title, message, dismissible, action });\n    }, [\n        id,\n        variant,\n        title,\n        message,\n        dismissible,\n        action?.label,\n        action?.disabled,\n        action?.onClick\n    ]);\n\n    useEffect(() => {\n        return () => hideBanner(id);\n    }, [id]);\n\n    return null;\n};\n"],"names":["Banner","props","showBanner","hideBanner","useBanner","id","variant","title","message","dismissible","action","useEffect"],"mappings":";;AAaO,MAAMA,SAAS,CAACC;IACnB,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC;IACnC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGT;IAE7DU,UAAU;QACNT,WAAW;YAAEG;YAAIC;YAASC;YAAOC;YAASC;YAAaC;QAAO;IAClE,GAAG;QACCL;QACAC;QACAC;QACAC;QACAC;QACAC,QAAQ;QACRA,QAAQ;QACRA,QAAQ;KACX;IAEDC,UAAU,IACC,IAAMR,WAAWE,KACzB;QAACA;KAAG;IAEP,OAAO;AACX"}

package/presentation/banners/components/BannerBar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+/**
+ * The bar across the top of the content column, above the header. Rendered once, by the Layout.
+ *
+ * It is always exactly `--spacing-banner` tall, and the text is cut to one line, with the full text
+ * in the tooltip. A known height is what lets the Layout take the bar out of `h-main-content` with
+ * plain CSS, instead of measuring the bar at runtime.
+ */
+export declare const BannerBar: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
+};

package/presentation/banners/components/BannerBar.js

@@ -0,0 +1,51 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { Button, IconButton, Text, cn } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { createReactiveComponent } from "../../createReactiveComponent.js";
+import { BannersPresenterFeature } from "../feature.js";
+const VARIANT_CLASS_NAMES = {
+    info: "bg-neutral-dimmed",
+    success: "bg-success-subtle",
+    warning: "bg-warning",
+    error: "bg-destructive-subtle"
+};
+function fullText(banner) {
+    if (!banner.title) return banner.message;
+    return `${banner.title} ${banner.message}`;
+}
+const BannerBar = createReactiveComponent(()=>{
+    const { presenter } = useFeature(BannersPresenterFeature);
+    const { banner } = presenter.vm;
+    if (!banner) return null;
+    let action = null;
+    if (banner.actionLabel) action = /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        text: banner.actionLabel,
+        disabled: banner.actionDisabled,
+        onClick: ()=>presenter.runAction()
+    });
+    let close = null;
+    if (banner.dismissible) close = /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        "aria-label": "Dismiss banner",
+        onClick: ()=>presenter.dismiss()
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: cn("grid h-banner grid-cols-[1fr_minmax(0,max-content)_1fr] items-center gap-sm px-sm", VARIANT_CLASS_NAMES[banner.variant]),
+        "data-admin-banner": banner.variant,
+        "data-testid": "admin-banner"
+    }, /*#__PURE__*/ react.createElement("span", null), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "truncate text-center text-neutral-primary",
+        title: fullText(banner)
+    }, banner.title ? /*#__PURE__*/ react.createElement("strong", null, `${banner.title} `) : null, banner.message), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-self-end gap-xs"
+    }, action, close));
+});
+export { BannerBar };
+
+//# sourceMappingURL=BannerBar.js.map

package/presentation/banners/components/BannerBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/components/BannerBar.js","sources":["../../../../src/presentation/banners/components/BannerBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { cn } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.js\";\nimport { BannersPresenterFeature } from \"../feature.js\";\nimport type { BannersPresenter } from \"../abstractions.js\";\n\nconst VARIANT_CLASS_NAMES: Record<BannersPresenter.Banner[\"variant\"], string> = {\n    info: \"bg-neutral-dimmed\",\n    success: \"bg-success-subtle\",\n    warning: \"bg-warning\",\n    error: \"bg-destructive-subtle\"\n};\n\nfunction fullText(banner: BannersPresenter.Banner): string {\n    if (!banner.title) {\n        return banner.message;\n    }\n    return `${banner.title} ${banner.message}`;\n}\n\n/**\n * The bar across the top of the content column, above the header. Rendered once, by the Layout.\n *\n * It is always exactly `--spacing-banner` tall, and the text is cut to one line, with the full text\n * in the tooltip. A known height is what lets the Layout take the bar out of `h-main-content` with\n * plain CSS, instead of measuring the bar at runtime.\n */\nexport const BannerBar = createReactiveComponent(() => {\n    const { presenter } = useFeature(BannersPresenterFeature);\n    const { banner } = presenter.vm;\n\n    if (!banner) {\n        return null;\n    }\n\n    let action = null;\n    if (banner.actionLabel) {\n        action = (\n            <Button\n                variant={\"ghost\"}\n                size={\"sm\"}\n                text={banner.actionLabel}\n                disabled={banner.actionDisabled}\n                onClick={() => presenter.runAction()}\n            />\n        );\n    }\n\n    let close = null;\n    if (banner.dismissible) {\n        close = (\n            <IconButton\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={<CloseIcon />}\n                aria-label={\"Dismiss banner\"}\n                onClick={() => presenter.dismiss()}\n            />\n        );\n    }\n\n    return (\n        <div\n            className={cn(\n                \"grid h-banner grid-cols-[1fr_minmax(0,max-content)_1fr] items-center gap-sm px-sm\",\n                VARIANT_CLASS_NAMES[banner.variant]\n            )}\n            data-admin-banner={banner.variant}\n            data-testid={\"admin-banner\"}\n        >\n            <span />\n            <Text\n                size={\"sm\"}\n                className={\"truncate text-center text-neutral-primary\"}\n                title={fullText(banner)}\n            >\n                {banner.title ? <strong>{`${banner.title} `}</strong> : null}\n                {banner.message}\n            </Text>\n            <div className={\"flex items-center justify-self-end gap-xs\"}>\n                {action}\n                {close}\n            </div>\n        </div>\n    );\n});\n"],"names":["VARIANT_CLASS_NAMES","fullText","banner","BannerBar","createReactiveComponent","presenter","useFeature","BannersPresenterFeature","action","Button","close","IconButton","CloseIcon","cn","Text"],"mappings":";;;;;;AAWA,MAAMA,sBAA0E;IAC5E,MAAM;IACN,SAAS;IACT,SAAS;IACT,OAAO;AACX;AAEA,SAASC,SAASC,MAA+B;IAC7C,IAAI,CAACA,OAAO,KAAK,EACb,OAAOA,OAAO,OAAO;IAEzB,OAAO,GAAGA,OAAO,KAAK,CAAC,CAAC,EAAEA,OAAO,OAAO,EAAE;AAC9C;AASO,MAAMC,YAAYC,wBAAwB;IAC7C,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEL,MAAM,EAAE,GAAGG,UAAU,EAAE;IAE/B,IAAI,CAACH,QACD,OAAO;IAGX,IAAIM,SAAS;IACb,IAAIN,OAAO,WAAW,EAClBM,SAAS,WAATA,GACI,oBAACC,QAAMA;QACH,SAAS;QACT,MAAM;QACN,MAAMP,OAAO,WAAW;QACxB,UAAUA,OAAO,cAAc;QAC/B,SAAS,IAAMG,UAAU,SAAS;;IAK9C,IAAIK,QAAQ;IACZ,IAAIR,OAAO,WAAW,EAClBQ,QAAQ,WAARA,GACI,oBAACC,YAAUA;QACP,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAASA;QAChB,cAAY;QACZ,SAAS,IAAMP,UAAU,OAAO;;IAK5C,OAAO,WAAP,GACI,oBAAC;QACG,WAAWQ,GACP,qFACAb,mBAAmB,CAACE,OAAO,OAAO,CAAC;QAEvC,qBAAmBA,OAAO,OAAO;QACjC,eAAa;qBAEb,oBAAC,6BACD,oBAACY,MAAIA;QACD,MAAM;QACN,WAAW;QACX,OAAOb,SAASC;OAEfA,OAAO,KAAK,GAAG,WAAH,GAAG,oBAAC,gBAAQ,GAAGA,OAAO,KAAK,CAAC,CAAC,CAAC,IAAa,MACvDA,OAAO,OAAO,iBAEnB,oBAAC;QAAI,WAAW;OACXM,QACAE;AAIjB"}

package/presentation/banners/feature.d.ts

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

package/presentation/banners/feature.js

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

package/presentation/banners/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/feature.js","sources":["../../../src/presentation/banners/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { BannersPresenter as Abstraction } from \"./abstractions.js\";\nimport { BannersPresenter } from \"./BannersPresenter.js\";\n\nexport const BannersPresenterFeature = createFeature({\n    name: \"BannersPresenter\",\n    register(container) {\n        // Singleton so every mount of the bar reads the same state.\n        container.register(BannersPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["BannersPresenterFeature","createFeature","container","BannersPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,0BAA0BC,cAAc;IACjD,MAAM;IACN,UAASC,SAAS;QAEdA,UAAU,QAAQ,CAACC,+CAAkB,gBAAgB;IACzD;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/banners/index.d.ts

@@ -0,0 +1,6 @@
+export { BannersPresenterFeature } from "./feature.js";
+export { BannerBar } from "./components/BannerBar.js";
+export { Banner } from "./components/Banner.js";
+export type { BannerProps } from "./components/Banner.js";
+export { useBanner } from "./useBanner.js";
+export type { UseBannerResponse } from "./useBanner.js";

package/presentation/banners/index.js

@@ -0,0 +1,4 @@
+export { BannersPresenterFeature } from "./feature.js";
+export { BannerBar } from "./components/BannerBar.js";
+export { Banner } from "./components/Banner.js";
+export { useBanner } from "./useBanner.js";

package/presentation/banners/useBanner.d.ts

@@ -0,0 +1,10 @@
+import type { Banners } from "../../features/banners/abstractions.js";
+export interface UseBannerResponse {
+    showBanner(banner: Banners.Banner): void;
+    hideBanner(id: string): void;
+}
+/**
+ * Shows banners from event handlers, the way `useToast` shows toasts. For a banner that should show
+ * for as long as a component is mounted, render `<Banner>` instead.
+ */
+export declare const useBanner: () => UseBannerResponse;

package/presentation/banners/useBanner.js

@@ -0,0 +1,15 @@
+import { useMemo } from "react";
+import { useFeature } from "@webiny/app";
+import { BannersFeature } from "../../features/banners/feature.js";
+const useBanner = ()=>{
+    const { banners } = useFeature(BannersFeature);
+    return useMemo(()=>({
+            showBanner: (banner)=>banners.show(banner),
+            hideBanner: (id)=>banners.hide(id)
+        }), [
+        banners
+    ]);
+};
+export { useBanner };
+
+//# sourceMappingURL=useBanner.js.map

package/presentation/banners/useBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/useBanner.js","sources":["../../../src/presentation/banners/useBanner.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { BannersFeature } from \"~/features/banners/feature.js\";\nimport type { Banners } from \"~/features/banners/abstractions.js\";\n\nexport interface UseBannerResponse {\n    // Shows the banner, or updates it in place if one with the same `id` is already showing.\n    showBanner(banner: Banners.Banner): void;\n    hideBanner(id: string): void;\n}\n\n/**\n * Shows banners from event handlers, the way `useToast` shows toasts. For a banner that should show\n * for as long as a component is mounted, render `<Banner>` instead.\n */\nexport const useBanner = (): UseBannerResponse => {\n    const { banners } = useFeature(BannersFeature);\n\n    return useMemo(() => {\n        return {\n            showBanner: (banner: Banners.Banner) => banners.show(banner),\n            hideBanner: (id: string) => banners.hide(id)\n        };\n    }, [banners]);\n};\n"],"names":["useBanner","banners","useFeature","BannersFeature","useMemo","banner","id"],"mappings":";;;AAeO,MAAMA,YAAY;IACrB,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,OAAOC,QAAQ,IACJ;YACH,YAAY,CAACC,SAA2BJ,QAAQ,IAAI,CAACI;YACrD,YAAY,CAACC,KAAeL,QAAQ,IAAI,CAACK;QAC7C,IACD;QAACL;KAAQ;AAChB"}

package/presentation/browserFilePicker/BrowserFilePicker.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { BrowserFilePickerProps } from "./types.js";
+export declare function BrowserFilePicker({ accept, multiple, maxSize, multipleMaxSize, multipleMaxCount, convertToBase64, onSuccess, onError, children, id: externalId }: BrowserFilePickerProps): React.JSX.Element;

package/presentation/browserFilePicker/BrowserFilePicker.js

@@ -0,0 +1,88 @@
+import react, { useCallback, useId, useMemo, useRef } from "react";
+import { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";
+function BrowserFilePicker({ accept = [], multiple = false, maxSize = "2mb", multipleMaxSize = "10mb", multipleMaxCount = null, convertToBase64 = false, onSuccess, onError, children, id: externalId }) {
+    const generatedId = useId();
+    const inputId = externalId ?? generatedId;
+    const inputRef = useRef(null);
+    const browseCallbacksRef = useRef(null);
+    const presenter = useMemo(()=>new BrowserFilePickerPresenter({
+            accept,
+            multiple,
+            maxSize,
+            multipleMaxSize,
+            multipleMaxCount,
+            convertToBase64
+        }), [
+        accept,
+        multiple,
+        maxSize,
+        multipleMaxSize,
+        multipleMaxCount,
+        convertToBase64
+    ]);
+    const resolveCallbacks = useCallback(()=>{
+        const overrides = browseCallbacksRef.current;
+        return {
+            onSuccess: overrides?.onSuccess ?? onSuccess,
+            onError: overrides?.onError ?? onError
+        };
+    }, [
+        onSuccess,
+        onError
+    ]);
+    const handleFiles = useCallback(async (files)=>{
+        await presenter.processFiles(files, resolveCallbacks());
+        if (inputRef.current) inputRef.current.value = "";
+        browseCallbacksRef.current = null;
+    }, [
+        presenter,
+        resolveCallbacks
+    ]);
+    const renderProps = useMemo(()=>({
+            browseFiles: (params)=>{
+                browseCallbacksRef.current = params ?? null;
+                inputRef.current?.click();
+            },
+            getDropZoneProps: (additionalProps = {})=>{
+                const { onDragOver, onDrop, ...rest } = additionalProps;
+                return {
+                    ...rest,
+                    onDragOver: (e)=>{
+                        e.preventDefault();
+                        "function" == typeof onDragOver && onDragOver(e);
+                    },
+                    onDrop: async (e)=>{
+                        e.preventDefault();
+                        "function" == typeof onDrop && onDrop(e);
+                        if (e.dataTransfer?.files) await handleFiles(Array.from(e.dataTransfer.files));
+                    }
+                };
+            },
+            getLabelProps: (additionalProps = {})=>({
+                    ...additionalProps,
+                    htmlFor: inputId
+                }),
+            validateFiles: (files)=>presenter.validateFiles(files)
+        }), [
+        inputId,
+        presenter,
+        handleFiles
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children(renderProps), /*#__PURE__*/ react.createElement("input", {
+        id: inputId,
+        ref: inputRef,
+        accept: accept.join(","),
+        style: {
+            display: "none"
+        },
+        type: "file",
+        multiple: multiple,
+        onChange: (e)=>{
+            const files = e.target.files;
+            if (files) handleFiles(Array.from(files));
+        }
+    }));
+}
+export { BrowserFilePicker };
+
+//# sourceMappingURL=BrowserFilePicker.js.map

package/presentation/browserFilePicker/BrowserFilePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/browserFilePicker/BrowserFilePicker.js","sources":["../../../src/presentation/browserFilePicker/BrowserFilePicker.tsx"],"sourcesContent":["import React, { useCallback, useId, useMemo, useRef } from \"react\";\nimport { BrowserFilePickerPresenter } from \"./BrowserFilePickerPresenter.js\";\nimport type {\n    BrowserFilePickerProps,\n    BrowserFilePickerRenderProps,\n    BrowseFilesParams\n} from \"./types.js\";\n\nexport function BrowserFilePicker({\n    accept = [],\n    multiple = false,\n    maxSize = \"2mb\",\n    multipleMaxSize = \"10mb\",\n    multipleMaxCount = null,\n    convertToBase64 = false,\n    onSuccess,\n    onError,\n    children,\n    id: externalId\n}: BrowserFilePickerProps) {\n    const generatedId = useId();\n    const inputId = externalId ?? generatedId;\n    const inputRef = useRef<HTMLInputElement>(null);\n    const browseCallbacksRef = useRef<BrowseFilesParams | null>(null);\n\n    const presenter = useMemo(() => {\n        return new BrowserFilePickerPresenter({\n            accept,\n            multiple,\n            maxSize,\n            multipleMaxSize,\n            multipleMaxCount,\n            convertToBase64\n        });\n    }, [accept, multiple, maxSize, multipleMaxSize, multipleMaxCount, convertToBase64]);\n\n    const resolveCallbacks = useCallback((): BrowseFilesParams => {\n        const overrides = browseCallbacksRef.current;\n        return {\n            onSuccess: overrides?.onSuccess ?? onSuccess,\n            onError: overrides?.onError ?? onError\n        };\n    }, [onSuccess, onError]);\n\n    const handleFiles = useCallback(\n        async (files: File[]) => {\n            await presenter.processFiles(files, resolveCallbacks());\n\n            if (inputRef.current) {\n                inputRef.current.value = \"\";\n            }\n            browseCallbacksRef.current = null;\n        },\n        [presenter, resolveCallbacks]\n    );\n\n    const renderProps: BrowserFilePickerRenderProps = useMemo(\n        () => ({\n            browseFiles: (params?: BrowseFilesParams) => {\n                browseCallbacksRef.current = params ?? null;\n                inputRef.current?.click();\n            },\n\n            getDropZoneProps: (additionalProps: Record<string, any> = {}) => {\n                const { onDragOver, onDrop, ...rest } = additionalProps;\n                return {\n                    ...rest,\n                    onDragOver: (e: DragEvent) => {\n                        e.preventDefault();\n                        typeof onDragOver === \"function\" && onDragOver(e);\n                    },\n                    onDrop: async (e: DragEvent) => {\n                        e.preventDefault();\n                        typeof onDrop === \"function\" && onDrop(e);\n                        if (e.dataTransfer?.files) {\n                            await handleFiles(Array.from(e.dataTransfer.files));\n                        }\n                    }\n                };\n            },\n\n            getLabelProps: (additionalProps: Record<string, any> = {}) => ({\n                ...additionalProps,\n                htmlFor: inputId\n            }),\n\n            validateFiles: (files: Array<{ type: string; size: number }>) =>\n                presenter.validateFiles(files)\n        }),\n        [inputId, presenter, handleFiles]\n    );\n\n    return (\n        <>\n            {children(renderProps)}\n            <input\n                id={inputId}\n                ref={inputRef}\n                accept={accept.join(\",\")}\n                style={{ display: \"none\" }}\n                type=\"file\"\n                multiple={multiple}\n                onChange={e => {\n                    const files = e.target.files;\n                    if (files) {\n                        void handleFiles(Array.from(files));\n                    }\n                }}\n            />\n        </>\n    );\n}\n"],"names":["BrowserFilePicker","accept","multiple","maxSize","multipleMaxSize","multipleMaxCount","convertToBase64","onSuccess","onError","children","externalId","generatedId","useId","inputId","inputRef","useRef","browseCallbacksRef","presenter","useMemo","BrowserFilePickerPresenter","resolveCallbacks","useCallback","overrides","handleFiles","files","renderProps","params","additionalProps","onDragOver","onDrop","rest","e","Array"],"mappings":";;AAQO,SAASA,kBAAkB,EAC9BC,SAAS,EAAE,EACXC,WAAW,KAAK,EAChBC,UAAU,KAAK,EACfC,kBAAkB,MAAM,EACxBC,mBAAmB,IAAI,EACvBC,kBAAkB,KAAK,EACvBC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACR,IAAIC,UAAU,EACO;IACrB,MAAMC,cAAcC;IACpB,MAAMC,UAAUH,cAAcC;IAC9B,MAAMG,WAAWC,OAAyB;IAC1C,MAAMC,qBAAqBD,OAAiC;IAE5D,MAAME,YAAYC,QAAQ,IACf,IAAIC,2BAA2B;YAClClB;YACAC;YACAC;YACAC;YACAC;YACAC;QACJ,IACD;QAACL;QAAQC;QAAUC;QAASC;QAAiBC;QAAkBC;KAAgB;IAElF,MAAMc,mBAAmBC,YAAY;QACjC,MAAMC,YAAYN,mBAAmB,OAAO;QAC5C,OAAO;YACH,WAAWM,WAAW,aAAaf;YACnC,SAASe,WAAW,WAAWd;QACnC;IACJ,GAAG;QAACD;QAAWC;KAAQ;IAEvB,MAAMe,cAAcF,YAChB,OAAOG;QACH,MAAMP,UAAU,YAAY,CAACO,OAAOJ;QAEpC,IAAIN,SAAS,OAAO,EAChBA,SAAS,OAAO,CAAC,KAAK,GAAG;QAE7BE,mBAAmB,OAAO,GAAG;IACjC,GACA;QAACC;QAAWG;KAAiB;IAGjC,MAAMK,cAA4CP,QAC9C,IAAO;YACH,aAAa,CAACQ;gBACVV,mBAAmB,OAAO,GAAGU,UAAU;gBACvCZ,SAAS,OAAO,EAAE;YACtB;YAEA,kBAAkB,CAACa,kBAAuC,CAAC,CAAC;gBACxD,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGC,MAAM,GAAGH;gBACxC,OAAO;oBACH,GAAGG,IAAI;oBACP,YAAY,CAACC;wBACTA,EAAE,cAAc;wBACM,cAAtB,OAAOH,cAA6BA,WAAWG;oBACnD;oBACA,QAAQ,OAAOA;wBACXA,EAAE,cAAc;wBACE,cAAlB,OAAOF,UAAyBA,OAAOE;wBACvC,IAAIA,EAAE,YAAY,EAAE,OAChB,MAAMR,YAAYS,MAAM,IAAI,CAACD,EAAE,YAAY,CAAC,KAAK;oBAEzD;gBACJ;YACJ;YAEA,eAAe,CAACJ,kBAAuC,CAAC,CAAC,GAAM;oBAC3D,GAAGA,eAAe;oBAClB,SAASd;gBACb;YAEA,eAAe,CAACW,QACZP,UAAU,aAAa,CAACO;QAChC,IACA;QAACX;QAASI;QAAWM;KAAY;IAGrC,OAAO,WAAP,GACI,0CACKd,SAASgB,cAAAA,WAAAA,GACV,oBAAC;QACG,IAAIZ;QACJ,KAAKC;QACL,QAAQb,OAAO,IAAI,CAAC;QACpB,OAAO;YAAE,SAAS;QAAO;QACzB,MAAK;QACL,UAAUC;QACV,UAAU6B,CAAAA;YACN,MAAMP,QAAQO,EAAE,MAAM,CAAC,KAAK;YAC5B,IAAIP,OACKD,YAAYS,MAAM,IAAI,CAACR;QAEpC;;AAIhB"}

package/presentation/browserFilePicker/BrowserFilePickerPresenter.d.ts

@@ -0,0 +1,10 @@
+import type { BrowserFilePickerConfig, FileError, BrowseFilesParams } from "./types.js";
+export declare class BrowserFilePickerPresenter {
+    private readonly config;
+    constructor(config: BrowserFilePickerConfig);
+    validateFiles(files: Array<{
+        type: string;
+        size: number;
+    }>): FileError[];
+    processFiles(rawFiles: File[], callbacks: BrowseFilesParams): Promise<void>;
+}

package/presentation/browserFilePicker/BrowserFilePickerPresenter.js

@@ -0,0 +1,84 @@
+import bytes from "bytes";
+import { minimatch } from "minimatch";
+import { generateId, readFileContent } from "./utils.js";
+async function resolveTypeFromName(fileName) {
+    const mime = await import("mime");
+    return mime.default.getType(fileName) || "";
+}
+class BrowserFilePickerPresenter {
+    constructor(config){
+        this.config = config;
+    }
+    validateFiles(files) {
+        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.config;
+        const errors = [];
+        let multipleFileSize = 0;
+        if (!multiple && files.length > 1) {
+            errors.push({
+                id: generateId(),
+                type: "multipleNotAllowed"
+            });
+            return errors;
+        }
+        for(let index = 0; index < files.length; index++){
+            const file = files[index];
+            if (Array.isArray(accept) && accept.length && !accept.some((type)=>minimatch(file.type, type))) errors.push({
+                id: generateId(),
+                index,
+                file: file,
+                type: "unsupportedFileType"
+            });
+            else if (maxSize) {
+                const sizeAsBytes = bytes(maxSize);
+                if (sizeAsBytes && file.size > sizeAsBytes) errors.push({
+                    id: generateId(),
+                    index,
+                    file: file,
+                    type: "maxSizeExceeded"
+                });
+            }
+            if (multiple) multipleFileSize += file.size;
+        }
+        if (multiple) {
+            const maxMultipleMaxSize = bytes(multipleMaxSize);
+            if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) errors.push({
+                id: generateId(),
+                type: "multipleMaxSizeExceeded",
+                multipleFileSize,
+                multipleMaxSize: maxMultipleMaxSize
+            });
+            if (multipleMaxCount && files.length > multipleMaxCount) errors.push({
+                id: generateId(),
+                type: "multipleMaxCountExceeded",
+                multipleCount: files.length,
+                multipleMaxCount
+            });
+        }
+        return errors;
+    }
+    async processFiles(rawFiles, callbacks) {
+        if (0 === rawFiles.length) return;
+        const files = await Promise.all([
+            ...rawFiles
+        ].map(async (file)=>{
+            const mimeType = "" !== file.type ? file.type : await resolveTypeFromName(file.name);
+            return {
+                id: generateId(),
+                name: file.name,
+                type: mimeType,
+                size: file.size,
+                src: {
+                    file,
+                    base64: null
+                }
+            };
+        }));
+        const errors = this.validateFiles(files);
+        if (errors.length && callbacks.onError) return void callbacks.onError(errors, files);
+        if (this.config.convertToBase64) for(let i = 0; i < files.length; i++)files[i].src.base64 = await readFileContent(files[i].src.file);
+        if (callbacks.onSuccess) callbacks.onSuccess(files);
+    }
+}
+export { BrowserFilePickerPresenter };
+
+//# sourceMappingURL=BrowserFilePickerPresenter.js.map

package/presentation/browserFilePicker/BrowserFilePickerPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/browserFilePicker/BrowserFilePickerPresenter.js","sources":["../../../src/presentation/browserFilePicker/BrowserFilePickerPresenter.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport { minimatch } from \"minimatch\";\nimport { generateId, readFileContent } from \"./utils.js\";\nimport type {\n    BrowserFilePickerConfig,\n    SelectedFile,\n    FileError,\n    BrowseFilesParams\n} from \"./types.js\";\n\nasync function resolveTypeFromName(fileName: string): Promise<string> {\n    const mime = await import(\"mime\");\n    return mime.default.getType(fileName) || \"\";\n}\n\nexport class BrowserFilePickerPresenter {\n    private readonly config: BrowserFilePickerConfig;\n\n    constructor(config: BrowserFilePickerConfig) {\n        this.config = config;\n    }\n\n    validateFiles(files: Array<{ type: string; size: number }>): FileError[] {\n        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.config;\n        const errors: FileError[] = [];\n        let multipleFileSize = 0;\n\n        if (!multiple && files.length > 1) {\n            errors.push({ id: generateId(), type: \"multipleNotAllowed\" });\n            return errors;\n        }\n\n        for (let index = 0; index < files.length; index++) {\n            const file = files[index];\n\n            if (\n                Array.isArray(accept) &&\n                accept.length &&\n                !accept.some(type => minimatch(file.type, type))\n            ) {\n                errors.push({\n                    id: generateId(),\n                    index,\n                    file: file as SelectedFile | File,\n                    type: \"unsupportedFileType\"\n                });\n            } else if (maxSize) {\n                const sizeAsBytes = bytes(maxSize);\n                if (sizeAsBytes && file.size > sizeAsBytes) {\n                    errors.push({\n                        id: generateId(),\n                        index,\n                        file: file as SelectedFile | File,\n                        type: \"maxSizeExceeded\"\n                    });\n                }\n            }\n\n            if (multiple) {\n                multipleFileSize += file.size;\n            }\n        }\n\n        if (multiple) {\n            const maxMultipleMaxSize = bytes(multipleMaxSize);\n\n            if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxSizeExceeded\",\n                    multipleFileSize,\n                    multipleMaxSize: maxMultipleMaxSize\n                });\n            }\n\n            if (multipleMaxCount && files.length > multipleMaxCount) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxCountExceeded\",\n                    multipleCount: files.length,\n                    multipleMaxCount\n                });\n            }\n        }\n\n        return errors;\n    }\n\n    async processFiles(rawFiles: File[], callbacks: BrowseFilesParams): Promise<void> {\n        if (rawFiles.length === 0) {\n            return;\n        }\n\n        const files: SelectedFile[] = await Promise.all(\n            [...rawFiles].map(async file => {\n                const mimeType =\n                    file.type !== \"\" ? file.type : await resolveTypeFromName(file.name);\n\n                return {\n                    id: generateId(),\n                    name: file.name,\n                    type: mimeType,\n                    size: file.size,\n                    src: { file, base64: null }\n                };\n            })\n        );\n\n        const errors = this.validateFiles(files);\n\n        if (errors.length && callbacks.onError) {\n            callbacks.onError(errors, files);\n            return;\n        }\n\n        if (this.config.convertToBase64) {\n            for (let i = 0; i < files.length; i++) {\n                files[i].src.base64 = await readFileContent(files[i].src.file);\n            }\n        }\n\n        if (callbacks.onSuccess) {\n            callbacks.onSuccess(files);\n        }\n    }\n}\n"],"names":["resolveTypeFromName","fileName","mime","BrowserFilePickerPresenter","config","files","multiple","multipleMaxSize","multipleMaxCount","accept","maxSize","errors","multipleFileSize","generateId","index","file","Array","type","minimatch","sizeAsBytes","bytes","maxMultipleMaxSize","rawFiles","callbacks","Promise","mimeType","i","readFileContent"],"mappings":";;;AAUA,eAAeA,oBAAoBC,QAAgB;IAC/C,MAAMC,OAAO,MAAM,MAAM,CAAC;IAC1B,OAAOA,KAAK,OAAO,CAAC,OAAO,CAACD,aAAa;AAC7C;AAEO,MAAME;IAGT,YAAYC,MAA+B,CAAE;QACzC,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,cAAcC,KAA4C,EAAe;QACrE,MAAM,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM;QACpF,MAAMC,SAAsB,EAAE;QAC9B,IAAIC,mBAAmB;QAEvB,IAAI,CAACN,YAAYD,MAAM,MAAM,GAAG,GAAG;YAC/BM,OAAO,IAAI,CAAC;gBAAE,IAAIE;gBAAc,MAAM;YAAqB;YAC3D,OAAOF;QACX;QAEA,IAAK,IAAIG,QAAQ,GAAGA,QAAQT,MAAM,MAAM,EAAES,QAAS;YAC/C,MAAMC,OAAOV,KAAK,CAACS,MAAM;YAEzB,IACIE,MAAM,OAAO,CAACP,WACdA,OAAO,MAAM,IACb,CAACA,OAAO,IAAI,CAACQ,CAAAA,OAAQC,UAAUH,KAAK,IAAI,EAAEE,QAE1CN,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJC;gBACA,MAAMC;gBACN,MAAM;YACV;iBACG,IAAIL,SAAS;gBAChB,MAAMS,cAAcC,MAAMV;gBAC1B,IAAIS,eAAeJ,KAAK,IAAI,GAAGI,aAC3BR,OAAO,IAAI,CAAC;oBACR,IAAIE;oBACJC;oBACA,MAAMC;oBACN,MAAM;gBACV;YAER;YAEA,IAAIT,UACAM,oBAAoBG,KAAK,IAAI;QAErC;QAEA,IAAIT,UAAU;YACV,MAAMe,qBAAqBD,MAAMb;YAEjC,IAAIc,sBAAsBd,mBAAmBK,mBAAmBS,oBAC5DV,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJ,MAAM;gBACND;gBACA,iBAAiBS;YACrB;YAGJ,IAAIb,oBAAoBH,MAAM,MAAM,GAAGG,kBACnCG,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJ,MAAM;gBACN,eAAeR,MAAM,MAAM;gBAC3BG;YACJ;QAER;QAEA,OAAOG;IACX;IAEA,MAAM,aAAaW,QAAgB,EAAEC,SAA4B,EAAiB;QAC9E,IAAID,AAAoB,MAApBA,SAAS,MAAM,EACf;QAGJ,MAAMjB,QAAwB,MAAMmB,QAAQ,GAAG,CAC3C;eAAIF;SAAS,CAAC,GAAG,CAAC,OAAMP;YACpB,MAAMU,WACFV,AAAc,OAAdA,KAAK,IAAI,GAAUA,KAAK,IAAI,GAAG,MAAMf,oBAAoBe,KAAK,IAAI;YAEtE,OAAO;gBACH,IAAIF;gBACJ,MAAME,KAAK,IAAI;gBACf,MAAMU;gBACN,MAAMV,KAAK,IAAI;gBACf,KAAK;oBAAEA;oBAAM,QAAQ;gBAAK;YAC9B;QACJ;QAGJ,MAAMJ,SAAS,IAAI,CAAC,aAAa,CAACN;QAElC,IAAIM,OAAO,MAAM,IAAIY,UAAU,OAAO,EAAE,YACpCA,UAAU,OAAO,CAACZ,QAAQN;QAI9B,IAAI,IAAI,CAAC,MAAM,CAAC,eAAe,EAC3B,IAAK,IAAIqB,IAAI,GAAGA,IAAIrB,MAAM,MAAM,EAAEqB,IAC9BrB,KAAK,CAACqB,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,MAAMC,gBAAgBtB,KAAK,CAACqB,EAAE,CAAC,GAAG,CAAC,IAAI;QAIrE,IAAIH,UAAU,SAAS,EACnBA,UAAU,SAAS,CAAClB;IAE5B;AACJ"}

package/presentation/browserFilePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { BrowserFilePicker } from "./BrowserFilePicker.js";
+export { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";
+export type { SelectedFile, FileError, BrowseFilesParams, BrowserFilePickerRenderProps, BrowserFilePickerConfig, BrowserFilePickerProps } from "./types.js";

package/presentation/browserFilePicker/index.js

@@ -0,0 +1,2 @@
+export { BrowserFilePicker } from "./BrowserFilePicker.js";
+export { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";

package/presentation/browserFilePicker/types.d.ts

@@ -0,0 +1,53 @@
+export interface SelectedFile {
+    id: string;
+    name: string;
+    type: string;
+    size: number;
+    src: {
+        file: File;
+        base64: string | null;
+    };
+}
+export interface FileError {
+    id: string;
+    type: "unsupportedFileType" | "maxSizeExceeded" | "multipleMaxSizeExceeded" | "multipleMaxCountExceeded" | "multipleNotAllowed";
+    index?: number;
+    file?: SelectedFile | File;
+    multipleFileSize?: number;
+    multipleMaxSize?: number;
+    multipleMaxCount?: number;
+    multipleCount?: number;
+}
+export interface BrowseFilesParams {
+    onSuccess?: (files: SelectedFile[]) => void;
+    onError?: (errors: FileError[], files: SelectedFile[]) => void;
+}
+export interface BrowserFilePickerRenderProps {
+    browseFiles: (params?: BrowseFilesParams) => void;
+    getDropZoneProps: (additionalProps?: Record<string, any>) => Record<string, any>;
+    getLabelProps: (additionalProps?: Record<string, any>) => Record<string, any>;
+    validateFiles: (files: Array<{
+        type: string;
+        size: number;
+    }>) => FileError[];
+}
+export interface BrowserFilePickerConfig {
+    accept: string[];
+    multiple: boolean;
+    maxSize: string;
+    multipleMaxSize: string;
+    multipleMaxCount: number | null;
+    convertToBase64: boolean;
+}
+export interface BrowserFilePickerProps {
+    children: (params: BrowserFilePickerRenderProps) => React.ReactNode;
+    id?: string;
+    accept?: string[];
+    multiple?: boolean;
+    maxSize?: string;
+    multipleMaxSize?: string;
+    multipleMaxCount?: number | null;
+    convertToBase64?: boolean;
+    onSuccess?: (files: SelectedFile[]) => void;
+    onError?: (errors: FileError[], files: SelectedFile[]) => void;
+}

package/presentation/browserFilePicker/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function generateId(): string;
+export declare function readFileContent(file: File): Promise<string>;

package/presentation/browserFilePicker/utils.js

@@ -0,0 +1,16 @@
+function generateId() {
+    return "_" + Math.random().toString(36).substr(2, 9);
+}
+function readFileContent(file) {
+    return new Promise((resolve, reject)=>{
+        const reader = new FileReader();
+        reader.onload = function(e) {
+            if (e.target) resolve(e.target.result);
+            else reject("Unable to read file contents!");
+        };
+        reader.readAsDataURL(file);
+    });
+}
+export { generateId, readFileContent };
+
+//# sourceMappingURL=utils.js.map

package/presentation/browserFilePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/browserFilePicker/utils.js","sources":["../../../src/presentation/browserFilePicker/utils.ts"],"sourcesContent":["export function generateId(): string {\n    return \"_\" + Math.random().toString(36).substr(2, 9);\n}\n\nexport function readFileContent(file: File): Promise<string> {\n    return new Promise<string>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onload = function (e) {\n            if (e.target) {\n                resolve(e.target.result as string);\n            } else {\n                reject(\"Unable to read file contents!\");\n            }\n        };\n        reader.readAsDataURL(file);\n    });\n}\n"],"names":["generateId","Math","readFileContent","file","Promise","resolve","reject","reader","FileReader","e"],"mappings":"AAAO,SAASA;IACZ,OAAO,MAAMC,KAAK,MAAM,GAAG,QAAQ,CAAC,IAAI,MAAM,CAAC,GAAG;AACtD;AAEO,SAASC,gBAAgBC,IAAU;IACtC,OAAO,IAAIC,QAAgB,CAACC,SAASC;QACjC,MAAMC,SAAS,IAAIC;QACnBD,OAAO,MAAM,GAAG,SAAUE,CAAC;YACvB,IAAIA,EAAE,MAAM,EACRJ,QAAQI,EAAE,MAAM,CAAC,MAAM;iBAEvBH,OAAO;QAEf;QACAC,OAAO,aAAa,CAACJ;IACzB;AACJ"}

package/presentation/buildParams/useBuildParams.d.ts

@@ -0,0 +1 @@
+export declare const useBuildParams: () => import("../../features/buildParams/abstractions").IBuildParams;

package/presentation/buildParams/useBuildParams.js

@@ -0,0 +1,6 @@
+import { useFeature } from "@webiny/app";
+import { BuildParamsFeature } from "../../features/buildParams/feature.js";
+const useBuildParams = ()=>useFeature(BuildParamsFeature);
+export { useBuildParams };
+
+//# sourceMappingURL=useBuildParams.js.map

package/presentation/buildParams/useBuildParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/buildParams/useBuildParams.js","sources":["../../../src/presentation/buildParams/useBuildParams.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { BuildParamsFeature } from \"~/features/buildParams/feature.js\";\n\nexport const useBuildParams = () => {\n    return useFeature(BuildParamsFeature);\n};\n"],"names":["useBuildParams","useFeature","BuildParamsFeature"],"mappings":";;AAGO,MAAMA,iBAAiB,IACnBC,WAAWC"}

package/presentation/commandPalette/CommandPalettePresenter.d.ts

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

package/presentation/commandPalette/CommandPalettePresenter.js

@@ -0,0 +1,92 @@
+import { makeAutoObservable } from "mobx";
+class CommandPalettePresenter {
+    constructor(getCommands){
+        this.getCommands = getCommands;
+        this.isOpen = false;
+        this.activeCommandName = null;
+        this.aiModeActive = false;
+        this.query = "";
+        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,
+            aiModeActive: this.aiModeActive,
+            query: this.query,
+            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),
+                    entersAiMode: Boolean(cmd.entersAiMode)
+                })),
+            activeCommand: activeCmd && activeCmd.detailView ? {
+                command: activeCmd,
+                DetailView: activeCmd.detailView
+            } : null
+        };
+    }
+    open() {
+        this.resolvedCommands = this.getCommands();
+        this.activeCommandName = null;
+        this.aiModeActive = false;
+        this.query = "";
+        this.isOpen = true;
+    }
+    close() {
+        this.isOpen = false;
+        this.activeCommandName = null;
+        this.aiModeActive = false;
+        this.query = "";
+    }
+    enterAiMode() {
+        this.aiModeActive = true;
+        this.query = "";
+    }
+    exitAiMode() {
+        this.aiModeActive = false;
+        this.query = "";
+    }
+    setQuery(query) {
+        this.query = query;
+    }
+    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.entersAiMode) return void this.enterAiMode();
+        if (cmd.detailView) {
+            this.activeCommandName = name;
+            this.isOpen = true;
+            return;
+        }
+        cmd.execute?.();
+        this.close();
+    }
+    cancelCommand() {
+        this.activeCommandName = null;
+    }
+}
+export { CommandPalettePresenter };
+
+//# sourceMappingURL=CommandPalettePresenter.js.map