@humandialog/forms.svelte 1.3.11 → 1.3.12

package/components/document/internal/suggestion.js

@@ -1,194 +1,194 @@
-import { Editor } from '@tiptap/core';
-import { EditorState, Plugin, PluginKey } from '@tiptap/pm/state';
-import { Decoration, DecorationSet, EditorView } from '@tiptap/pm/view';
-import { findSuggestionMatch as defaultFindSuggestionMatch } from './findSuggestionMatch';
-export const SuggestionPluginKey = new PluginKey('suggestion');
-/**
- * This utility allows you to create suggestions.
- * @see https://tiptap.dev/api/utilities/suggestion
- */
-export function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = '@', allowSpaces = false, allowToIncludeChar = false, allowedPrefixes = [' '], startOfLine = false, decorationTag = 'span', decorationClass = 'suggestion', command = () => null, items = () => [], render = () => ({}), allow = () => true, findSuggestionMatch = defaultFindSuggestionMatch, }) {
-    let props;
-    const renderer = render?.();
-    const plugin = new Plugin({
-        key: pluginKey,
-        view() {
-            return {
-                update: async (view, prevState) => {
-                    const prev = this.key?.getState(prevState);
-                    const next = this.key?.getState(view.state);
-                    // See how the state changed
-                    const moved = prev.active && next.active && prev.range.from !== next.range.from;
-                    const started = !prev.active && next.active;
-                    const stopped = prev.active && !next.active;
-                    const changed = !started && !stopped && prev.query !== next.query;
-                    const handleStart = started || (moved && changed);
-                    const handleChange = changed || moved;
-                    const handleExit = stopped || (moved && changed);
-                    // Cancel when suggestion isn't active
-                    if (!handleStart && !handleChange && !handleExit) {
-                        return;
-                    }
-                    const state = handleExit && !handleStart ? prev : next;
-                    const decorationNode = view.dom.querySelector(`[data-decoration-id="${state.decorationId}"]`);
-                    props = {
-                        editor,
-                        range: state.range,
-                        query: state.query,
-                        text: state.text,
-                        items: [],
-                        command: commandProps => {
-                            return command({
-                                editor,
-                                range: state.range,
-                                props: commandProps,
-                            });
-                        },
-                        decorationNode,
-                        // virtual node for popper.js or tippy.js
-                        // this can be used for building popups without a DOM node
-                        clientRect: decorationNode
-                            ? () => {
-                                // because of `items` can be asynchrounous we’ll search for the current decoration node
-                                const { decorationId } = this.key?.getState(editor.state); // eslint-disable-line
-                                const currentDecorationNode = view.dom.querySelector(`[data-decoration-id="${decorationId}"]`);
-                                return currentDecorationNode?.getBoundingClientRect() || null;
-                            }
-                            : null,
-                    };
-                    if (handleStart) {
-                        renderer?.onBeforeStart?.(props);
-                    }
-                    if (handleChange) {
-                        renderer?.onBeforeUpdate?.(props);
-                    }
-                    if (handleChange || handleStart) {
-                        props.items = await items({
-                            editor,
-                            query: state.query,
-                        });
-                    }
-                    if (handleExit) {
-                        //console.log('plugin onExit handleExit')
-                        renderer?.onExit?.(props);
-                    }
-                    if (handleChange) {
-                        renderer?.onUpdate?.(props);
-                    }
-                    if (handleStart) {
-                        renderer?.onStart?.(props);
-                    }
-                },
-                destroy: () => {
-                    if (!props) {
-                        return;
-                    }
-                    //console.log('plugin onExit destroy')
-                    renderer?.onExit?.(props);
-                },
-            };
-        },
-        state: {
-            // Initialize the plugin's internal state.
-            init() {
-                const state = {
-                    active: false,
-                    range: {
-                        from: 0,
-                        to: 0,
-                    },
-                    query: null,
-                    text: null,
-                    composing: false,
-                };
-                return state;
-            },
-            // Apply changes to the plugin state from a view transaction.
-            apply(transaction, prev, _oldState, state) {
-                const { isEditable } = editor;
-                const { composing } = editor.view;
-                const { selection } = transaction;
-                const { empty, from } = selection;
-                const next = { ...prev };
-                let blockPluginActivation = false;
-                if (!prev.active) {
-                    blockPluginActivation = true;
-                    if (transaction && transaction.steps.length > 0) {
-                        const modStep = transaction.steps.find(s => s.jsonID === 'replace');
-                        if (modStep)
-                            blockPluginActivation = false;
-                    }
-                }
-                next.composing = composing;
-                // We can only be suggesting if the view is editable, and:
-                //   * there is no selection, or
-                //   * a composition is active (see: https://github.com/ueberdosis/tiptap/issues/1449)
-                if (isEditable && (empty || editor.view.composing) && !blockPluginActivation) {
-                    // Reset active state if we just left the previous suggestion range
-                    if ((from < prev.range.from || from > prev.range.to) && !composing && !prev.composing) {
-                        next.active = false;
-                    }
-                    // Try to match against where our cursor currently is
-                    const match = findSuggestionMatch({
-                        char,
-                        allowSpaces,
-                        allowToIncludeChar,
-                        allowedPrefixes,
-                        startOfLine,
-                        $position: selection.$from,
-                    });
-                    const decorationId = `id_${Math.floor(Math.random() * 0xffffffff)}`;
-                    // If we found a match, update the current state to show it
-                    if (match && allow({
-                        editor, state, range: match.range, isActive: prev.active,
-                    })) {
-                        next.active = true;
-                        next.decorationId = prev.decorationId ? prev.decorationId : decorationId;
-                        next.range = match.range;
-                        next.query = match.query;
-                        next.text = match.text;
-                    }
-                    else {
-                        next.active = false;
-                    }
-                }
-                else {
-                    next.active = false;
-                }
-                // Make sure to empty the range if suggestion is inactive
-                if (!next.active) {
-                    next.decorationId = null;
-                    next.range = { from: 0, to: 0 };
-                    next.query = null;
-                    next.text = null;
-                }
-                return next;
-            },
-        },
-        props: {
-            // Call the keydown hook if suggestion is active.
-            handleKeyDown(view, event) {
-                const { active, range } = plugin.getState(view.state);
-                if (!active) {
-                    return false;
-                }
-                return renderer?.onKeyDown?.({ view, event, range }) || false;
-            },
-            // Setup decorator on the currently active suggestion.
-            decorations(state) {
-                const { active, range, decorationId } = plugin.getState(state);
-                if (!active) {
-                    return null;
-                }
-                return DecorationSet.create(state.doc, [
-                    Decoration.inline(range.from, range.to, {
-                        nodeName: decorationTag,
-                        class: decorationClass,
-                        'data-decoration-id': decorationId,
-                    }),
-                ]);
-            },
-        },
-    });
-    return plugin;
-}
+import { Editor } from '@tiptap/core';
+import { EditorState, Plugin, PluginKey } from '@tiptap/pm/state';
+import { Decoration, DecorationSet, EditorView } from '@tiptap/pm/view';
+import { findSuggestionMatch as defaultFindSuggestionMatch } from './findSuggestionMatch';
+export const SuggestionPluginKey = new PluginKey('suggestion');
+/**
+ * This utility allows you to create suggestions.
+ * @see https://tiptap.dev/api/utilities/suggestion
+ */
+export function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = '@', allowSpaces = false, allowToIncludeChar = false, allowedPrefixes = [' '], startOfLine = false, decorationTag = 'span', decorationClass = 'suggestion', command = () => null, items = () => [], render = () => ({}), allow = () => true, findSuggestionMatch = defaultFindSuggestionMatch, }) {
+    let props;
+    const renderer = render?.();
+    const plugin = new Plugin({
+        key: pluginKey,
+        view() {
+            return {
+                update: async (view, prevState) => {
+                    const prev = this.key?.getState(prevState);
+                    const next = this.key?.getState(view.state);
+                    // See how the state changed
+                    const moved = prev.active && next.active && prev.range.from !== next.range.from;
+                    const started = !prev.active && next.active;
+                    const stopped = prev.active && !next.active;
+                    const changed = !started && !stopped && prev.query !== next.query;
+                    const handleStart = started || (moved && changed);
+                    const handleChange = changed || moved;
+                    const handleExit = stopped || (moved && changed);
+                    // Cancel when suggestion isn't active
+                    if (!handleStart && !handleChange && !handleExit) {
+                        return;
+                    }
+                    const state = handleExit && !handleStart ? prev : next;
+                    const decorationNode = view.dom.querySelector(`[data-decoration-id="${state.decorationId}"]`);
+                    props = {
+                        editor,
+                        range: state.range,
+                        query: state.query,
+                        text: state.text,
+                        items: [],
+                        command: commandProps => {
+                            return command({
+                                editor,
+                                range: state.range,
+                                props: commandProps,
+                            });
+                        },
+                        decorationNode,
+                        // virtual node for popper.js or tippy.js
+                        // this can be used for building popups without a DOM node
+                        clientRect: decorationNode
+                            ? () => {
+                                // because of `items` can be asynchrounous we’ll search for the current decoration node
+                                const { decorationId } = this.key?.getState(editor.state); // eslint-disable-line
+                                const currentDecorationNode = view.dom.querySelector(`[data-decoration-id="${decorationId}"]`);
+                                return currentDecorationNode?.getBoundingClientRect() || null;
+                            }
+                            : null,
+                    };
+                    if (handleStart) {
+                        renderer?.onBeforeStart?.(props);
+                    }
+                    if (handleChange) {
+                        renderer?.onBeforeUpdate?.(props);
+                    }
+                    if (handleChange || handleStart) {
+                        props.items = await items({
+                            editor,
+                            query: state.query,
+                        });
+                    }
+                    if (handleExit) {
+                        //console.log('plugin onExit handleExit')
+                        renderer?.onExit?.(props);
+                    }
+                    if (handleChange) {
+                        renderer?.onUpdate?.(props);
+                    }
+                    if (handleStart) {
+                        renderer?.onStart?.(props);
+                    }
+                },
+                destroy: () => {
+                    if (!props) {
+                        return;
+                    }
+                    //console.log('plugin onExit destroy')
+                    renderer?.onExit?.(props);
+                },
+            };
+        },
+        state: {
+            // Initialize the plugin's internal state.
+            init() {
+                const state = {
+                    active: false,
+                    range: {
+                        from: 0,
+                        to: 0,
+                    },
+                    query: null,
+                    text: null,
+                    composing: false,
+                };
+                return state;
+            },
+            // Apply changes to the plugin state from a view transaction.
+            apply(transaction, prev, _oldState, state) {
+                const { isEditable } = editor;
+                const { composing } = editor.view;
+                const { selection } = transaction;
+                const { empty, from } = selection;
+                const next = { ...prev };
+                let blockPluginActivation = false;
+                if (!prev.active) {
+                    blockPluginActivation = true;
+                    if (transaction && transaction.steps.length > 0) {
+                        const modStep = transaction.steps.find(s => s.jsonID === 'replace');
+                        if (modStep)
+                            blockPluginActivation = false;
+                    }
+                }
+                next.composing = composing;
+                // We can only be suggesting if the view is editable, and:
+                //   * there is no selection, or
+                //   * a composition is active (see: https://github.com/ueberdosis/tiptap/issues/1449)
+                if (isEditable && (empty || editor.view.composing) && !blockPluginActivation) {
+                    // Reset active state if we just left the previous suggestion range
+                    if ((from < prev.range.from || from > prev.range.to) && !composing && !prev.composing) {
+                        next.active = false;
+                    }
+                    // Try to match against where our cursor currently is
+                    const match = findSuggestionMatch({
+                        char,
+                        allowSpaces,
+                        allowToIncludeChar,
+                        allowedPrefixes,
+                        startOfLine,
+                        $position: selection.$from,
+                    });
+                    const decorationId = `id_${Math.floor(Math.random() * 0xffffffff)}`;
+                    // If we found a match, update the current state to show it
+                    if (match && allow({
+                        editor, state, range: match.range, isActive: prev.active,
+                    })) {
+                        next.active = true;
+                        next.decorationId = prev.decorationId ? prev.decorationId : decorationId;
+                        next.range = match.range;
+                        next.query = match.query;
+                        next.text = match.text;
+                    }
+                    else {
+                        next.active = false;
+                    }
+                }
+                else {
+                    next.active = false;
+                }
+                // Make sure to empty the range if suggestion is inactive
+                if (!next.active) {
+                    next.decorationId = null;
+                    next.range = { from: 0, to: 0 };
+                    next.query = null;
+                    next.text = null;
+                }
+                return next;
+            },
+        },
+        props: {
+            // Call the keydown hook if suggestion is active.
+            handleKeyDown(view, event) {
+                const { active, range } = plugin.getState(view.state);
+                if (!active) {
+                    return false;
+                }
+                return renderer?.onKeyDown?.({ view, event, range }) || false;
+            },
+            // Setup decorator on the currently active suggestion.
+            decorations(state) {
+                const { active, range, decorationId } = plugin.getState(state);
+                if (!active) {
+                    return null;
+                }
+                return DecorationSet.create(state.doc, [
+                    Decoration.inline(range.from, range.to, {
+                        nodeName: decorationTag,
+                        class: decorationClass,
+                        'data-decoration-id': decorationId,
+                    }),
+                ]);
+            },
+        },
+    });
+    return plugin;
+}

package/components/document/rich.edit.svelte.d.ts

@@ -1,34 +1,34 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: string | undefined;
-        placeholder?: string | undefined;
-        self?: null | undefined;
-        a?: string | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        compact?: boolean | undefined;
-        c?: string | undefined;
-        pushChangesImmediately?: boolean | undefined;
-        run?: ((onStop?: undefined) => void) | undefined;
-        getFormattingOperations?: ((withCaptions?: boolean) => any[]) | undefined;
-        save?: (() => void) | undefined;
-    };
-    events: {
-        focus: FocusEvent;
-        blur: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RichProps = typeof __propDef.props;
-export type RichEvents = typeof __propDef.events;
-export type RichSlots = typeof __propDef.slots;
-export default class Rich extends SvelteComponentTyped<RichProps, RichEvents, RichSlots> {
-    get run(): (onStop?: undefined) => void;
-    get getFormattingOperations(): (withCaptions?: boolean) => any[];
-    get save(): () => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        value?: string | undefined;
+        placeholder?: string | undefined;
+        self?: null | undefined;
+        a?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        compact?: boolean | undefined;
+        c?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+        run?: ((onStop?: undefined) => void) | undefined;
+        getFormattingOperations?: ((withCaptions?: boolean) => any[]) | undefined;
+        save?: (() => void) | undefined;
+    };
+    events: {
+        focus: FocusEvent;
+        blur: FocusEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type RichProps = typeof __propDef.props;
+export type RichEvents = typeof __propDef.events;
+export type RichSlots = typeof __propDef.slots;
+export default class Rich extends SvelteComponentTyped<RichProps, RichEvents, RichSlots> {
+    get run(): (onStop?: undefined) => void;
+    get getFormattingOperations(): (withCaptions?: boolean) => any[];
+    get save(): () => void;
+}
+export {};

package/components/edit.field.svelte.d.ts

@@ -1,31 +1,31 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: string | undefined;
-        placeholder?: string | undefined;
-        onEnter?: null | undefined;
-        onBlur?: null | undefined;
-        self?: null | undefined;
-        a?: string | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        inserter?: boolean | undefined;
-        c?: string | undefined;
-        pushChangesImmediately?: boolean | undefined;
-        run?: ((event: any) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type EditProps = typeof __propDef.props;
-export type EditEvents = typeof __propDef.events;
-export type EditSlots = typeof __propDef.slots;
-export default class Edit extends SvelteComponentTyped<EditProps, EditEvents, EditSlots> {
-    get run(): (event: any) => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        value?: string | undefined;
+        placeholder?: string | undefined;
+        onEnter?: null | undefined;
+        onBlur?: null | undefined;
+        self?: null | undefined;
+        a?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        inserter?: boolean | undefined;
+        c?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+        run?: ((event: any) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type EditProps = typeof __propDef.props;
+export type EditEvents = typeof __propDef.events;
+export type EditSlots = typeof __propDef.slots;
+export default class Edit extends SvelteComponentTyped<EditProps, EditEvents, EditSlots> {
+    get run(): (event: any) => void;
+}
+export {};

package/components/file.loader.svelte.d.ts

@@ -1,25 +1,25 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        getName?: (() => string) | undefined;
-        getSize?: (() => number) | undefined;
-        getType?: (() => string) | undefined;
-        getData?: (() => ArrayBuffer) | undefined;
-        isSelected?: (() => boolean) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FileProps = typeof __propDef.props;
-export type FileEvents = typeof __propDef.events;
-export type FileSlots = typeof __propDef.slots;
-export default class File extends SvelteComponentTyped<FileProps, FileEvents, FileSlots> {
-    get getName(): () => string;
-    get getSize(): () => number;
-    get getType(): () => string;
-    get getData(): () => ArrayBuffer;
-    get isSelected(): () => boolean;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        getName?: (() => string) | undefined;
+        getSize?: (() => number) | undefined;
+        getType?: (() => string) | undefined;
+        getData?: (() => ArrayBuffer) | undefined;
+        isSelected?: (() => boolean) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FileProps = typeof __propDef.props;
+export type FileEvents = typeof __propDef.events;
+export type FileSlots = typeof __propDef.slots;
+export default class File extends SvelteComponentTyped<FileProps, FileEvents, FileSlots> {
+    get getName(): () => string;
+    get getSize(): () => number;
+    get getType(): () => string;
+    get getData(): () => ArrayBuffer;
+    get isSelected(): () => boolean;
+}
+export {};