@cratis/scene.primereact 4.6.0 → 4.8.0

package/dist/esm/editor/useQuillEditor.js

@@ -0,0 +1,135 @@
+import { useState, useRef, useEffect } from 'react';
+import { applyHtml } from './applyHtml.js';
+import { characterCount } from './characterCount.js';
+import { toolbarLayout } from './toolbarLayout.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const idle = {
+    ready: false,
+    failure: undefined,
+    characters: 0
+};
+/**
+ * Builds and owns a Quill editor inside an element React leaves alone.
+ *
+ * The editor is constructed once per loader and toolbar setting, in a container this hook creates and
+ * removes itself. React renders the host with no children, so a re-render can never wipe what Quill built -
+ * the failure of rendering the authored HTML as the host's children and then letting Quill take it over.
+ *
+ * Everything else is applied to the live editor without rebuilding it:
+ * - a changed `html` replaces the content silently, and only when the authored value really changed, so a
+ *   user's edit survives an unrelated property change;
+ * - `editable`, the placeholder and the accessible name update in place;
+ * - the `text-change` listener is removed, and the toolbar and surface with the container, when the editor
+ *   is rebuilt or the control unmounts.
+ *
+ * Only a user edit calls `onUserChange`.
+ */ function useQuillEditor(options) {
+    const { loader, host, html, showHeader, editable, placeholder, ariaLabel } = options;
+    const [state, setState] = useState(idle);
+    const quillReference = useRef(undefined);
+    const appliedHtml = useRef(html);
+    const latest = useRef(options);
+    latest.current = options;
+    useEffect(()=>{
+        const container = host.current;
+        if (loader === undefined || container === null) return undefined;
+        let disposed = false;
+        let dispose;
+        loader().then((loaded)=>{
+            if (disposed) return;
+            const Quill = typeof loaded === 'function' ? loaded : loaded.default;
+            const surface = container.ownerDocument.createElement('div');
+            container.appendChild(surface);
+            const quill = new Quill(surface, {
+                theme: 'snow',
+                modules: {
+                    toolbar: showHeader ? toolbarLayout : false
+                },
+                placeholder: latest.current.placeholder,
+                readOnly: !latest.current.editable
+            });
+            applyHtml(quill, latest.current.html);
+            appliedHtml.current = latest.current.html;
+            const changed = (_delta, _previous, source)=>{
+                if (source === 'silent') return;
+                setState((current)=>({
+                        ...current,
+                        characters: characterCount(quill)
+                    }));
+                if (source === 'user') latest.current.onUserChange();
+            };
+            quill.on('text-change', changed);
+            quillReference.current = quill;
+            dispose = ()=>{
+                quill.off('text-change', changed);
+                quillReference.current = undefined;
+                container.replaceChildren();
+            };
+            setState({
+                ready: true,
+                failure: undefined,
+                characters: characterCount(quill)
+            });
+        }).catch((error)=>{
+            if (!disposed) setState({
+                ...idle,
+                failure: error instanceof Error ? error.message : String(error)
+            });
+        });
+        return ()=>{
+            disposed = true;
+            dispose?.();
+            setState(idle);
+        };
+    }, [
+        loader,
+        host,
+        showHeader
+    ]);
+    useEffect(()=>{
+        const quill = quillReference.current;
+        if (!state.ready || quill === undefined || html === appliedHtml.current) return;
+        appliedHtml.current = html;
+        applyHtml(quill, html);
+        setState((current)=>({
+                ...current,
+                characters: characterCount(quill)
+            }));
+    }, [
+        html,
+        state.ready
+    ]);
+    useEffect(()=>{
+        const quill = quillReference.current;
+        if (!state.ready || quill === undefined) return;
+        quill.enable(editable);
+        quill.root.setAttribute('aria-readonly', String(!editable));
+        const toolbar = quill.getModule('toolbar');
+        toolbar?.container?.querySelectorAll('button, select').forEach((control)=>{
+            if (editable) control.removeAttribute('disabled');
+            else control.setAttribute('disabled', '');
+        });
+    }, [
+        editable,
+        state.ready
+    ]);
+    useEffect(()=>{
+        const quill = quillReference.current;
+        if (!state.ready || quill === undefined) return;
+        quill.root.setAttribute('role', 'textbox');
+        quill.root.setAttribute('aria-multiline', 'true');
+        quill.root.setAttribute('aria-label', ariaLabel);
+        if (placeholder === undefined) quill.root.removeAttribute('data-placeholder');
+        else quill.root.setAttribute('data-placeholder', placeholder);
+    }, [
+        ariaLabel,
+        placeholder,
+        state.ready
+    ]);
+    return state;
+}
+
+export { useQuillEditor };
+//# sourceMappingURL=useQuillEditor.js.map

package/dist/esm/editor/useQuillEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuillEditor.js","sources":["../../../editor/useQuillEditor.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useRef, useState } from 'react';\nimport { QuillConstructor } from './QuillConstructor';\nimport { QuillEditorOptions } from './QuillEditorOptions';\nimport { QuillEditorState } from './QuillEditorState';\nimport { QuillInstance } from './QuillInstance';\nimport { applyHtml } from './applyHtml';\nimport { characterCount } from './characterCount';\nimport { toolbarLayout } from './toolbarLayout';\n\nconst idle: QuillEditorState = { ready: false, failure: undefined, characters: 0 };\n\n/**\n * Builds and owns a Quill editor inside an element React leaves alone.\n *\n * The editor is constructed once per loader and toolbar setting, in a container this hook creates and\n * removes itself. React renders the host with no children, so a re-render can never wipe what Quill built -\n * the failure of rendering the authored HTML as the host's children and then letting Quill take it over.\n *\n * Everything else is applied to the live editor without rebuilding it:\n * - a changed `html` replaces the content silently, and only when the authored value really changed, so a\n *   user's edit survives an unrelated property change;\n * - `editable`, the placeholder and the accessible name update in place;\n * - the `text-change` listener is removed, and the toolbar and surface with the container, when the editor\n *   is rebuilt or the control unmounts.\n *\n * Only a user edit calls `onUserChange`.\n */\nexport function useQuillEditor(options: QuillEditorOptions): QuillEditorState {\n    const { loader, host, html, showHeader, editable, placeholder, ariaLabel } = options;\n    const [state, setState] = useState<QuillEditorState>(idle);\n    const quillReference = useRef<QuillInstance | undefined>(undefined);\n    const appliedHtml = useRef(html);\n    const latest = useRef(options);\n    latest.current = options;\n\n    useEffect(() => {\n        const container = host.current;\n        if (loader === undefined || container === null) return undefined;\n\n        let disposed = false;\n        let dispose: (() => void) | undefined;\n\n        loader().then(loaded => {\n            if (disposed) return;\n            const Quill: QuillConstructor = typeof loaded === 'function' ? loaded : loaded.default;\n            const surface = container.ownerDocument.createElement('div');\n            container.appendChild(surface);\n            const quill = new Quill(surface, {\n                theme: 'snow',\n                modules: { toolbar: showHeader ? toolbarLayout : false },\n                placeholder: latest.current.placeholder,\n                readOnly: !latest.current.editable,\n            });\n\n            applyHtml(quill, latest.current.html);\n            appliedHtml.current = latest.current.html;\n            const changed = (_delta: unknown, _previous: unknown, source: string) => {\n                if (source === 'silent') return;\n                setState(current => ({ ...current, characters: characterCount(quill) }));\n                if (source === 'user') latest.current.onUserChange();\n            };\n\n            quill.on('text-change', changed);\n            quillReference.current = quill;\n            dispose = () => {\n                quill.off('text-change', changed);\n                quillReference.current = undefined;\n                container.replaceChildren();\n            };\n            setState({ ready: true, failure: undefined, characters: characterCount(quill) });\n        }).catch((error: unknown) => {\n            if (!disposed) setState({ ...idle, failure: error instanceof Error ? error.message : String(error) });\n        });\n\n        return () => {\n            disposed = true;\n            dispose?.();\n            setState(idle);\n        };\n    }, [loader, host, showHeader]);\n\n    useEffect(() => {\n        const quill = quillReference.current;\n        if (!state.ready || quill === undefined || html === appliedHtml.current) return;\n        appliedHtml.current = html;\n        applyHtml(quill, html);\n        setState(current => ({ ...current, characters: characterCount(quill) }));\n    }, [html, state.ready]);\n\n    useEffect(() => {\n        const quill = quillReference.current;\n        if (!state.ready || quill === undefined) return;\n        quill.enable(editable);\n        quill.root.setAttribute('aria-readonly', String(!editable));\n        const toolbar = quill.getModule('toolbar') as { container?: HTMLElement } | undefined;\n        toolbar?.container?.querySelectorAll('button, select').forEach(control => {\n            if (editable) control.removeAttribute('disabled'); else control.setAttribute('disabled', '');\n        });\n    }, [editable, state.ready]);\n\n    useEffect(() => {\n        const quill = quillReference.current;\n        if (!state.ready || quill === undefined) return;\n        quill.root.setAttribute('role', 'textbox');\n        quill.root.setAttribute('aria-multiline', 'true');\n        quill.root.setAttribute('aria-label', ariaLabel);\n        if (placeholder === undefined) quill.root.removeAttribute('data-placeholder'); else quill.root.setAttribute('data-placeholder', placeholder);\n    }, [ariaLabel, placeholder, state.ready]);\n\n    return state;\n}\n"],"names":["idle","ready","failure","undefined","characters","useQuillEditor","options","loader","host","html","showHeader","editable","placeholder","ariaLabel","state","setState","useState","quillReference","useRef","appliedHtml","latest","current","useEffect","container","disposed","dispose","then","loaded","Quill","default","surface","ownerDocument","createElement","appendChild","quill","theme","modules","toolbar","toolbarLayout","readOnly","applyHtml","changed","_delta","_previous","source","characterCount","onUserChange","on","off","replaceChildren","catch","error","Error","message","String","enable","root","setAttribute","getModule","querySelectorAll","forEach","control","removeAttribute"],"mappings":"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"}

package/dist/esm/file/FileGallery.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import { SceneElementView } from '@cratis/scene.react';
+declare const meta: {
+    title: string;
+    component: typeof SceneElementView;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Gallery: Story;
+//# sourceMappingURL=FileGallery.stories.d.ts.map

package/dist/esm/file/FileGallery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileGallery.stories.d.ts","sourceRoot":"","sources":["../../../file/FileGallery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;QAKF,MAAM;QACN,IAAI;YAAI,WAAW;gBAAI,SAAS;;;;CAEC,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/esm/file/FileGallery.stories.js

@@ -0,0 +1,23 @@
+import { SceneElementView } from '@cratis/scene.react';
+import { primeReactComponents } from '../primeReactComponents';
+import { sceneComponent, sceneGallery } from '../storyElements';
+const meta = {
+    title: 'PrimeReact/File',
+    component: SceneElementView,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { description: { component: 'File-upload controls through the Scene registry. A host supplies an upload handler or server URL when it wants files sent.' } },
+    },
+};
+export default meta;
+export const Gallery = {
+    args: {
+        element: sceneGallery('gallery', [
+            sceneComponent('fileUpload', 'fileUpload', { mode: 'advanced', accept: 'image/*', multiple: true }),
+        ]),
+        registry: primeReactComponents,
+        resolveBinding: () => undefined,
+    },
+};
+//# sourceMappingURL=FileGallery.stories.js.map

package/dist/esm/file/FileGallery.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileGallery.stories.js","sourceRoot":"","sources":["../../../file/FileGallery.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,4HAA4H,EAAE,EAAE;KACrK;CACoC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,YAAY,CAAC,SAAS,EAAE;YAC7B,cAAc,CAAC,YAAY,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;SACtG,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}

package/dist/esm/file/FileUploadContext.d.ts

@@ -0,0 +1,7 @@
+import { FileUploadHandler } from './FileUploadHandler';
+export interface FileUploadContextValue {
+    handler: FileUploadHandler | undefined;
+    allowedOrigins: readonly string[];
+}
+export declare const FileUploadContext: import("react").Context<FileUploadContextValue>;
+//# sourceMappingURL=FileUploadContext.d.ts.map

package/dist/esm/file/FileUploadContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadContext.d.ts","sourceRoot":"","sources":["../../../file/FileUploadContext.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,sBAAsB;IAEnC,OAAO,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAGvC,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;CACrC;AAGD,eAAO,MAAM,iBAAiB,iDAAoF,CAAC"}

package/dist/esm/file/FileUploadContext.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** Without a provider an upload goes only to the page's own origin and the control makes the request itself. */ const FileUploadContext = createContext({
+    handler: undefined,
+    allowedOrigins: []
+});
+
+export { FileUploadContext };
+//# sourceMappingURL=FileUploadContext.js.map

package/dist/esm/file/FileUploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadContext.js","sources":["../../../file/FileUploadContext.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { createContext } from 'react';\nimport { FileUploadHandler } from './FileUploadHandler';\n\n/** What a host provides to the file uploads inside it. */\nexport interface FileUploadContextValue {\n    /** The host-owned upload effect, when it owns the effect. */\n    handler: FileUploadHandler | undefined;\n\n    /** The origins, besides the page's own, an upload may be sent to. */\n    allowedOrigins: readonly string[];\n}\n\n/** Without a provider an upload goes only to the page's own origin and the control makes the request itself. */\nexport const FileUploadContext = createContext<FileUploadContextValue>({ handler: undefined, allowedOrigins: [] });\n"],"names":["FileUploadContext","createContext","handler","undefined","allowedOrigins"],"mappings":";;AAAA;AACA;AAcA,iHACO,MAAMA,iBAAAA,GAAoBC,aAAAA,CAAsC;IAAEC,OAAAA,EAASC,SAAAA;AAAWC,IAAAA,cAAAA,EAAgB;AAAG,CAAA;;"}

package/dist/esm/file/FileUploadHandler.d.ts

@@ -0,0 +1,4 @@
+export interface FileUploadHandler {
+    (files: File[], serverUrl?: string): Promise<void>;
+}
+//# sourceMappingURL=FileUploadHandler.d.ts.map

package/dist/esm/file/FileUploadHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadHandler.d.ts","sourceRoot":"","sources":["../../../file/FileUploadHandler.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAS9B,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtD"}

package/dist/esm/file/FileUploadHandler.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FileUploadHandler.js.map

package/dist/esm/file/FileUploadHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadHandler.js","sourceRoot":"","sources":["../../../file/FileUploadHandler.ts"],"names":[],"mappings":""}

package/dist/esm/file/FileUploadHandlerProvider.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FileUploadHandler } from './FileUploadHandler';
+export interface FileUploadHandlerProviderProps {
+    handler?: FileUploadHandler;
+    allowedOrigins?: readonly string[];
+    children: ReactNode;
+}
+export declare function FileUploadHandlerProvider({ handler, allowedOrigins, children }: FileUploadHandlerProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=FileUploadHandlerProvider.d.ts.map

package/dist/esm/file/FileUploadHandlerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadHandlerProvider.d.ts","sourceRoot":"","sources":["../../../file/FileUploadHandlerProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,8BAA8B;IAK3C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAO5B,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAGnC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAMD,wBAAgB,yBAAyB,CAAC,EAAE,OAAO,EAAE,cAAmB,EAAE,QAAQ,EAAE,EAAE,8BAA8B,+BAGnH"}

package/dist/esm/file/FileUploadHandlerProvider.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { FileUploadContext } from './FileUploadContext.js';
+
+/**
+ * Makes a host's upload effect and origin policy available without coupling the Scene package to that host's
+ * server client.
+ */ function FileUploadHandlerProvider({ handler, allowedOrigins = [], children }) {
+    const value = useMemo(()=>({
+            handler,
+            allowedOrigins
+        }), [
+        handler,
+        allowedOrigins
+    ]);
+    return /*#__PURE__*/ jsx(FileUploadContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+
+export { FileUploadHandlerProvider };
+//# sourceMappingURL=FileUploadHandlerProvider.js.map

package/dist/esm/file/FileUploadHandlerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadHandlerProvider.js","sources":["../../../file/FileUploadHandlerProvider.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactNode, useMemo } from 'react';\nimport { FileUploadContext } from './FileUploadContext';\nimport { FileUploadHandler } from './FileUploadHandler';\n\nexport interface FileUploadHandlerProviderProps {\n    /**\n     * The host-owned upload effect available to the enclosed Scene surface. When omitted the control posts the\n     * files itself, to the authored address, under the origin policy.\n     */\n    handler?: FileUploadHandler;\n\n    /**\n     * Origins besides the page's own that an authored upload address may name, for example\n     * `['https://files.example.com']`. An address on any other origin is refused before anything is sent - to\n     * the handler as well. Cookies are never sent to these origins.\n     */\n    allowedOrigins?: readonly string[];\n\n    /** The surface whose file uploads the host configures. */\n    children: ReactNode;\n}\n\n/**\n * Makes a host's upload effect and origin policy available without coupling the Scene package to that host's\n * server client.\n */\nexport function FileUploadHandlerProvider({ handler, allowedOrigins = [], children }: FileUploadHandlerProviderProps) {\n    const value = useMemo(() => ({ handler, allowedOrigins }), [handler, allowedOrigins]);\n    return <FileUploadContext.Provider value={value}>{children}</FileUploadContext.Provider>;\n}\n"],"names":["FileUploadHandlerProvider","handler","allowedOrigins","children","value","useMemo","_jsx","FileUploadContext","Provider"],"mappings":";;;;AAyBA;;;IAIO,SAASA,yBAAAA,CAA0B,EAAEC,OAAO,EAAEC,cAAAA,GAAiB,EAAE,EAAEC,QAAQ,EAAkC,EAAA;IAChH,MAAMC,KAAAA,GAAQC,OAAAA,CAAQ,KAAO;AAAEJ,YAAAA,OAAAA;AAASC,YAAAA;AAAe,SAAA,CAAA,EAAI;AAACD,QAAAA,OAAAA;AAASC,QAAAA;AAAe,KAAA,CAAA;IACpF,qBAAOI,GAAA,CAACC,kBAAkBC,QAAQ,EAAA;QAACJ,KAAAA,EAAOA,KAAAA;AAAQD,QAAAA,QAAAA,EAAAA;;AACtD;;"}

package/dist/esm/file/FileUploadMode.d.ts

@@ -0,0 +1,6 @@
+export declare enum FileUploadMode {
+    Advanced = "advanced",
+    Basic = "basic",
+    Auto = "auto"
+}
+//# sourceMappingURL=FileUploadMode.d.ts.map

package/dist/esm/file/FileUploadMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadMode.d.ts","sourceRoot":"","sources":["../../../file/FileUploadMode.ts"],"names":[],"mappings":"AAIA,oBAAY,cAAc;IACtB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;CAChB"}

package/dist/esm/file/FileUploadMode.js

@@ -0,0 +1,11 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** The canonical operating modes for a file upload control. */ var FileUploadMode = /*#__PURE__*/ function(FileUploadMode) {
+    FileUploadMode["Advanced"] = "advanced";
+    FileUploadMode["Basic"] = "basic";
+    FileUploadMode["Auto"] = "auto";
+    return FileUploadMode;
+}({});
+
+export { FileUploadMode };
+//# sourceMappingURL=FileUploadMode.js.map

package/dist/esm/file/FileUploadMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadMode.js","sources":["../../../file/FileUploadMode.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** The canonical operating modes for a file upload control. */\nexport enum FileUploadMode {\n    Advanced = 'advanced',\n    Basic = 'basic',\n    Auto = 'auto',\n}\n"],"names":["FileUploadMode"],"mappings":"AAAA;AACA;AAEA,gEACO,IAAKA,cAAAA,iBAAAA,SAAAA,cAAAA,EAAAA;;;;AAAAA,IAAAA,OAAAA,cAAAA;AAIX,CAAA,CAAA,EAAA;;"}

package/dist/esm/file/PrimeFileUpload.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '@cratis/scene.react';
+export declare function PrimeFileUpload({ element, interactions }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=PrimeFileUpload.d.ts.map

package/dist/esm/file/PrimeFileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeFileUpload.d.ts","sourceRoot":"","sources":["../../../file/PrimeFileUpload.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AA8B/D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BA6FlF"}

package/dist/esm/file/PrimeFileUpload.js

@@ -0,0 +1,159 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext, useSyncExternalStore, useMemo } from 'react';
+import { FileUpload } from 'primereact/fileupload';
+import { stringProperty, booleanProperty, numberProperty } from '../properties.js';
+import { resolveEnumeration } from '../resolveEnumeration.js';
+import { FileUploadContext } from './FileUploadContext.js';
+import { FileUploadMode } from './FileUploadMode.js';
+import { resolveUploadTarget } from './resolveUploadTarget.js';
+import { useUploadSession } from './useUploadSession.js';
+
+const subscribeToNothing = ()=>()=>undefined;
+const pageOrigin = ()=>window.location.origin;
+const noPageOrigin = ()=>undefined;
+/**
+ * The `PrimeReact:fileUpload` component.
+ *
+ * PrimeReact 11 provides the accessible file picker and drop zone; this adapter owns everything that has an
+ * effect or a policy:
+ * - The authored `url` is untrusted data. It is checked by {@link resolveUploadTarget} - same origin as the
+ *   page unless the host allows more through {@link FileUploadHandlerProvider} - and a refused address is
+ *   reported and blocks every upload, the host's handler included.
+ * - Nothing is requested on mount. A request starts only when the user selects or drops files (automatic and
+ *   basic mode) or presses the upload button.
+ * - `multiple: false` is enforced before anything is sent, for the file input and for drag and drop.
+ * - One upload runs at a time (nothing can be selected or dropped while it runs), and a failure is shown
+ *   rather than thrown.
+ * - A disabled element (`isEnabled: false`) disables the picker, the upload button and the drop zone.
+ *
+ * Without a host handler the control posts the files itself with `fetch`, sending cookies to the page's own
+ * origin only.
+ */ function PrimeFileUpload({ element, interactions }) {
+    const { handler, allowedOrigins } = useContext(FileUploadContext);
+    const origin = useSyncExternalStore(subscribeToNothing, pageOrigin, noPageOrigin);
+    const modeResolution = resolveEnumeration('mode', element.properties.mode, FileUploadMode, FileUploadMode.Advanced);
+    const mode = modeResolution.isValid ? modeResolution.value : FileUploadMode.Advanced;
+    const authoredUrl = stringProperty(element, 'url');
+    const target = useMemo(()=>resolveUploadTarget(authoredUrl, origin, allowedOrigins), [
+        authoredUrl,
+        origin,
+        allowedOrigins
+    ]);
+    const serverUrl = target.isValid ? target.url : undefined;
+    const multiple = booleanProperty(element, 'multiple', false);
+    const enabled = element.isEnabled;
+    const canUpload = target.isValid && (handler !== undefined || serverUrl !== undefined);
+    const session = useUploadSession(handler, serverUrl, stringProperty(element, 'name', 'files'));
+    const uploaded = async (event)=>{
+        if (!enabled || !canUpload) return;
+        if (await session.upload(event.files)) event.options.clear();
+    };
+    const changed = (event)=>{
+        // Clearing the selection after an upload reports an empty change; it is not a new selection, and must not
+        // wipe the result of the upload that caused it.
+        if (event.acceptedFiles.length === 0 && event.rejectedFiles.length === 0) return;
+        const rejection = event.rejectedFiles.flatMap((rejected)=>rejected.errors.map((error)=>error.message)).join(' ');
+        session.setStatus(rejection === '' ? undefined : {
+            kind: 'error',
+            text: rejection
+        });
+        interactions?.onChange?.();
+    };
+    const refuseSeveralFromInput = (event)=>{
+        const input = event.target;
+        if (input.type !== 'file') return;
+        if (session.busy) {
+            event.stopPropagation();
+            input.value = '';
+            return;
+        }
+        if (multiple || (input.files?.length ?? 0) < 2) return;
+        event.stopPropagation();
+        input.value = '';
+        session.setStatus({
+            kind: 'error',
+            text: 'Only one file can be uploaded at a time.'
+        });
+    };
+    const refuseDrop = (event)=>{
+        if (!enabled) {
+            event.preventDefault();
+            return;
+        }
+        if (session.busy) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        if (multiple || (event.dataTransfer?.files.length ?? 0) < 2) return;
+        event.preventDefault();
+        event.stopPropagation();
+        session.setStatus({
+            kind: 'error',
+            text: 'Only one file can be uploaded at a time.'
+        });
+    };
+    return /*#__PURE__*/ jsx("div", {
+        "data-scene-id": element.id,
+        "data-scene-component": "fileUpload",
+        onClick: interactions?.onClick,
+        onDoubleClick: interactions?.onDoubleClick,
+        onChangeCapture: refuseSeveralFromInput,
+        onDropCapture: refuseDrop,
+        onDragOverCapture: (event)=>{
+            if (!enabled) event.preventDefault();
+        },
+        children: /*#__PURE__*/ jsx(FileUpload.Root, {
+            accept: stringProperty(element, 'accept'),
+            auto: (mode === FileUploadMode.Auto || mode === FileUploadMode.Basic) && canUpload,
+            customUpload: true,
+            disabled: !enabled,
+            maxFileSize: numberProperty(element, 'maxFileSize'),
+            multiple: multiple,
+            name: stringProperty(element, 'name', 'files'),
+            uploadHandler: uploaded,
+            onChange: changed,
+            children: /*#__PURE__*/ jsxs(FileUpload.Content, {
+                "aria-label": stringProperty(element, 'ariaLabel', 'File upload drop zone'),
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        children: mode === FileUploadMode.Basic ? 'Choose a file to upload.' : 'Drop files here or choose files to upload.'
+                    }),
+                    /*#__PURE__*/ jsx(FileUpload.Trigger, {
+                        disabled: !enabled || session.busy,
+                        children: mode === FileUploadMode.Basic ? 'Choose file' : 'Choose files'
+                    }),
+                    mode === FileUploadMode.Advanced && /*#__PURE__*/ jsx(FileUpload.Upload, {
+                        disabled: !enabled || !canUpload || session.busy,
+                        children: "Upload selected files"
+                    }),
+                    !modeResolution.isValid && /*#__PURE__*/ jsx("p", {
+                        role: "alert",
+                        "data-scene-state": "unsupported-mode",
+                        children: modeResolution.message
+                    }),
+                    !target.isValid && /*#__PURE__*/ jsx("p", {
+                        role: "alert",
+                        "data-scene-state": "refused-address",
+                        children: target.message
+                    }),
+                    target.isValid && !canUpload && /*#__PURE__*/ jsx("p", {
+                        role: "status",
+                        children: "Configure a server URL or provide an upload handler to upload files."
+                    }),
+                    session.busy && /*#__PURE__*/ jsx("p", {
+                        role: "status",
+                        children: "Uploading…"
+                    }),
+                    session.status !== undefined && /*#__PURE__*/ jsx("p", {
+                        role: session.status.kind === 'error' ? 'alert' : 'status',
+                        children: session.status.text
+                    })
+                ]
+            })
+        })
+    });
+}
+
+export { PrimeFileUpload };
+//# sourceMappingURL=PrimeFileUpload.js.map

package/dist/esm/file/PrimeFileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeFileUpload.js","sources":["../../../file/PrimeFileUpload.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ChangeEvent, DragEvent, useContext, useMemo, useSyncExternalStore } from 'react';\nimport { FileUpload, type FileUploadChangeEvent, type FileUploadHandlerEvent } from 'primereact/fileupload';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, stringProperty } from '../properties';\nimport { resolveEnumeration } from '../resolveEnumeration';\nimport { FileUploadContext } from './FileUploadContext';\nimport { FileUploadMode } from './FileUploadMode';\nimport { resolveUploadTarget } from './resolveUploadTarget';\nimport { useUploadSession } from './useUploadSession';\n\nconst subscribeToNothing = () => () => undefined;\nconst pageOrigin = () => window.location.origin;\nconst noPageOrigin = () => undefined;\n\n/**\n * The `PrimeReact:fileUpload` component.\n *\n * PrimeReact 11 provides the accessible file picker and drop zone; this adapter owns everything that has an\n * effect or a policy:\n * - The authored `url` is untrusted data. It is checked by {@link resolveUploadTarget} - same origin as the\n *   page unless the host allows more through {@link FileUploadHandlerProvider} - and a refused address is\n *   reported and blocks every upload, the host's handler included.\n * - Nothing is requested on mount. A request starts only when the user selects or drops files (automatic and\n *   basic mode) or presses the upload button.\n * - `multiple: false` is enforced before anything is sent, for the file input and for drag and drop.\n * - One upload runs at a time (nothing can be selected or dropped while it runs), and a failure is shown\n *   rather than thrown.\n * - A disabled element (`isEnabled: false`) disables the picker, the upload button and the drop zone.\n *\n * Without a host handler the control posts the files itself with `fetch`, sending cookies to the page's own\n * origin only.\n */\nexport function PrimeFileUpload({ element, interactions }: RegisteredComponentProps) {\n    const { handler, allowedOrigins } = useContext(FileUploadContext);\n    const origin = useSyncExternalStore(subscribeToNothing, pageOrigin, noPageOrigin);\n    const modeResolution = resolveEnumeration('mode', element.properties.mode, FileUploadMode, FileUploadMode.Advanced);\n    const mode = modeResolution.isValid ? modeResolution.value : FileUploadMode.Advanced;\n    const authoredUrl = stringProperty(element, 'url');\n    const target = useMemo(() => resolveUploadTarget(authoredUrl, origin, allowedOrigins), [authoredUrl, origin, allowedOrigins]);\n    const serverUrl = target.isValid ? target.url : undefined;\n    const multiple = booleanProperty(element, 'multiple', false);\n    const enabled = element.isEnabled;\n    const canUpload = target.isValid && (handler !== undefined || serverUrl !== undefined);\n    const session = useUploadSession(handler, serverUrl, stringProperty(element, 'name', 'files'));\n\n    const uploaded = async (event: FileUploadHandlerEvent) => {\n        if (!enabled || !canUpload) return;\n        if (await session.upload(event.files)) event.options.clear();\n    };\n\n    const changed = (event: FileUploadChangeEvent) => {\n        // Clearing the selection after an upload reports an empty change; it is not a new selection, and must not\n        // wipe the result of the upload that caused it.\n        if (event.acceptedFiles.length === 0 && event.rejectedFiles.length === 0) return;\n        const rejection = event.rejectedFiles.flatMap(rejected => rejected.errors.map(error => error.message)).join(' ');\n        session.setStatus(rejection === '' ? undefined : { kind: 'error', text: rejection });\n        interactions?.onChange?.();\n    };\n\n    const refuseSeveralFromInput = (event: ChangeEvent<HTMLElement>) => {\n        const input = event.target as HTMLInputElement;\n        if (input.type !== 'file') return;\n        if (session.busy) {\n            event.stopPropagation();\n            input.value = '';\n            return;\n        }\n\n        if (multiple || (input.files?.length ?? 0) < 2) return;\n        event.stopPropagation();\n        input.value = '';\n        session.setStatus({ kind: 'error', text: 'Only one file can be uploaded at a time.' });\n    };\n\n    const refuseDrop = (event: DragEvent<HTMLElement>) => {\n        if (!enabled) {\n            event.preventDefault();\n            return;\n        }\n        if (session.busy) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n        }\n\n        if (multiple || (event.dataTransfer?.files.length ?? 0) < 2) return;\n        event.preventDefault();\n        event.stopPropagation();\n        session.setStatus({ kind: 'error', text: 'Only one file can be uploaded at a time.' });\n    };\n\n    return (\n        <div\n            data-scene-id={element.id}\n            data-scene-component='fileUpload'\n            onClick={interactions?.onClick}\n            onDoubleClick={interactions?.onDoubleClick}\n            onChangeCapture={refuseSeveralFromInput}\n            onDropCapture={refuseDrop}\n            onDragOverCapture={event => { if (!enabled) event.preventDefault(); }}>\n            <FileUpload.Root\n                accept={stringProperty(element, 'accept')}\n                auto={(mode === FileUploadMode.Auto || mode === FileUploadMode.Basic) && canUpload}\n                customUpload\n                disabled={!enabled}\n                maxFileSize={numberProperty(element, 'maxFileSize')}\n                multiple={multiple}\n                name={stringProperty(element, 'name', 'files')}\n                uploadHandler={uploaded}\n                onChange={changed}>\n                <FileUpload.Content aria-label={stringProperty(element, 'ariaLabel', 'File upload drop zone')}>\n                    <p>{mode === FileUploadMode.Basic ? 'Choose a file to upload.' : 'Drop files here or choose files to upload.'}</p>\n                    <FileUpload.Trigger disabled={!enabled || session.busy}>{mode === FileUploadMode.Basic ? 'Choose file' : 'Choose files'}</FileUpload.Trigger>\n                    {mode === FileUploadMode.Advanced && (\n                        <FileUpload.Upload disabled={!enabled || !canUpload || session.busy}>Upload selected files</FileUpload.Upload>\n                    )}\n                    {!modeResolution.isValid && <p role='alert' data-scene-state='unsupported-mode'>{modeResolution.message}</p>}\n                    {!target.isValid && <p role='alert' data-scene-state='refused-address'>{target.message}</p>}\n                    {target.isValid && !canUpload && <p role='status'>Configure a server URL or provide an upload handler to upload files.</p>}\n                    {session.busy && <p role='status'>Uploading…</p>}\n                    {session.status !== undefined && <p role={session.status.kind === 'error' ? 'alert' : 'status'}>{session.status.text}</p>}\n                </FileUpload.Content>\n            </FileUpload.Root>\n        </div>\n    );\n}\n"],"names":["subscribeToNothing","undefined","pageOrigin","window","location","origin","noPageOrigin","PrimeFileUpload","element","interactions","handler","allowedOrigins","useContext","FileUploadContext","useSyncExternalStore","modeResolution","resolveEnumeration","properties","mode","FileUploadMode","Advanced","isValid","value","authoredUrl","stringProperty","target","useMemo","resolveUploadTarget","serverUrl","url","multiple","booleanProperty","enabled","isEnabled","canUpload","session","useUploadSession","uploaded","event","upload","files","options","clear","changed","acceptedFiles","length","rejectedFiles","rejection","flatMap","rejected","errors","map","error","message","join","setStatus","kind","text","onChange","refuseSeveralFromInput","input","type","busy","stopPropagation","refuseDrop","preventDefault","dataTransfer","_jsx","div","data-scene-id","id","data-scene-component","onClick","onDoubleClick","onChangeCapture","onDropCapture","onDragOverCapture","FileUpload","Root","accept","auto","Auto","Basic","customUpload","disabled","maxFileSize","numberProperty","name","uploadHandler","_jsxs","Content","aria-label","p","Trigger","Upload","role","data-scene-state","status"],"mappings":"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"}

package/dist/esm/file/UploadStatus.d.ts

@@ -0,0 +1,5 @@
+export interface UploadStatus {
+    kind: 'success' | 'error';
+    text: string;
+}
+//# sourceMappingURL=UploadStatus.d.ts.map

package/dist/esm/file/UploadStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadStatus.d.ts","sourceRoot":"","sources":["../../../file/UploadStatus.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAEzB,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CAChB"}

package/dist/esm/file/UploadStatus.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=UploadStatus.js.map

package/dist/esm/file/UploadStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadStatus.js","sourceRoot":"","sources":["../../../file/UploadStatus.ts"],"names":[],"mappings":""}

package/dist/esm/file/UploadTarget.d.ts

@@ -0,0 +1,8 @@
+export type UploadTarget = {
+    isValid: true;
+    url: string | undefined;
+} | {
+    isValid: false;
+    message: string;
+};
+//# sourceMappingURL=UploadTarget.d.ts.map

package/dist/esm/file/UploadTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadTarget.d.ts","sourceRoot":"","sources":["../../../file/UploadTarget.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,GAClB;IACE,OAAO,EAAE,IAAI,CAAC;IAGd,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,GACC;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/esm/file/UploadTarget.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=UploadTarget.js.map

package/dist/esm/file/UploadTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadTarget.js","sourceRoot":"","sources":["../../../file/UploadTarget.ts"],"names":[],"mappings":""}

package/dist/esm/file/index.d.ts

@@ -0,0 +1,7 @@
+export * from './FileUploadHandler';
+export * from './FileUploadHandlerProvider';
+export * from './FileUploadMode';
+export * from './PrimeFileUpload';
+export * from './resolveUploadTarget';
+export * from './UploadTarget';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/file/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../file/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC"}

package/dist/esm/file/index.js

@@ -0,0 +1,7 @@
+export * from './FileUploadHandler';
+export * from './FileUploadHandlerProvider';
+export * from './FileUploadMode';
+export * from './PrimeFileUpload';
+export * from './resolveUploadTarget';
+export * from './UploadTarget';
+//# sourceMappingURL=index.js.map

package/dist/esm/file/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../file/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC"}

package/dist/esm/file/postFiles.d.ts

@@ -0,0 +1,2 @@
+export declare function postFiles(url: string, field: string, files: File[], signal: AbortSignal): Promise<void>;
+//# sourceMappingURL=postFiles.d.ts.map

package/dist/esm/file/postFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"postFiles.d.ts","sourceRoot":"","sources":["../../../file/postFiles.ts"],"names":[],"mappings":"AAgBA,wBAAsB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAM7G"}