@nextcloud/vue 9.0.0-alpha.8 → 9.0.0-rc.0

package/dist/components/NcRichContenteditable/NcAutoCompleteResult.vue.d.ts

@@ -81,10 +81,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     id: string;
-    title: string;
     label: string;
-    iconUrl: string;
+    title: string;
     status: Record<string, any> | unknown[];
+    iconUrl: string;
     subline: string;
 }, {}, {
     NcUserStatusIcon: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;

package/dist/components/NcRichContenteditable/NcMentionBubble.vue.d.ts

@@ -73,9 +73,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    title: string;
     label: string;
-    iconUrl: string | null;
+    title: string;
     primary: boolean;
+    iconUrl: string | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcRichContenteditable/NcRichContenteditable.vue.d.ts

@@ -0,0 +1,347 @@
+import { default as debounce } from 'debounce';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * The ID attribute of the content editable
+     */
+    id: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * Visual label of the contenteditable
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoComplete: {
+        type: FunctionConstructor;
+        default: () => never[];
+    };
+    menuContainer: {
+        type: {
+            new (): Element;
+            prototype: Element;
+        };
+        default: () => HTMLElement;
+    };
+    /**
+     * Make the contenteditable looks like a textarea or not.
+     * Default looks like a single-line input.
+     * This also handle the default enter/shift+enter behaviour.
+     * if multiline, enter = newline; otherwise enter = submit
+     * shift+enter always add a new line. ctrl+enter always submits
+     */
+    multiline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Is the content editable ?
+     */
+    contenteditable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Disable the editing and show specific disabled design
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Max allowed length
+     */
+    maxlength: {
+        type: NumberConstructor;
+        default: null;
+    };
+    /**
+     * Enable or disable emoji autocompletion
+     */
+    emojiAutocomplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable or disable link autocompletion
+     */
+    linkAutocomplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * CSS class to apply to the root element.
+     */
+    class: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+}>, {
+    labelId: string;
+    tributeId: string;
+    segmenter: Intl.Segmenter;
+    /**
+     * Non-reactive property to store Tribute instance
+     *
+     * @type {import('tributejs').default | null}
+     */
+    tribute: import('tributejs').default<any> | null;
+    tributeStyleMutationObserver: null;
+}, {
+    localValue: string;
+    isComposing: boolean;
+    isAutocompleteOpen: boolean;
+    autocompleteActiveId: undefined;
+    isTributeIntegrationDone: boolean;
+}, {
+    /**
+     * Is the current trimmed value empty?
+     *
+     * @return {boolean}
+     */
+    isEmptyValue(): boolean;
+    /**
+     * Is the current value over maxlength?
+     *
+     * @return {boolean}
+     */
+    isOverMaxlength(): boolean;
+    /**
+     * Tooltip to show if characters count is over limit
+     *
+     * @return {string}
+     */
+    tooltipString(): string;
+    /**
+     * Edit is only allowed when contenteditableis true and disabled is false
+     *
+     * @return {boolean}
+     */
+    canEdit(): boolean;
+    /**
+     * Compute debounce function for the autocomplete function
+     */
+    debouncedAutoComplete(): debounce.DebouncedFunction<(search: any, callback: any) => Promise<void>>;
+}, {
+    /**
+     * Focus the richContenteditable
+     *
+     * @public
+     */
+    focus(): void;
+    initializeTribute(): void;
+    getLink(item: any): "<span id=\"tmp-smart-picker-result-node\"></span>";
+    setCursorAfter(element: any): void;
+    moveCursorToEnd(): void;
+    /**
+     * Re-emit the input event to the parent
+     *
+     * @param {Event} event the input event
+     */
+    onInput(event: Event): void;
+    /**
+     * When pasting, sanitize the content, extract text
+     * and render it again
+     *
+     * @param {Event} event the paste event
+     * @fires Event paste the original paste event
+     */
+    onPaste(event: Event): void;
+    /**
+     * Update the value text from the provided html
+     *
+     * @param {string} htmlOrText the html content (or raw text with @mentions)
+     */
+    updateValue(htmlOrText: string): void;
+    /**
+     * Update content and local value
+     *
+     * @param {string} value the message value
+     */
+    updateContent(value: string): void;
+    /**
+     * Enter key pressed. Submits if not multiline
+     *
+     * @param {Event} event the keydown event
+     */
+    onEnter(event: Event): void;
+    /**
+     * Ctrl + Enter key pressed is used to submit
+     *
+     * @param {Event} event the keydown event
+     */
+    onCtrlEnter(event: Event): void;
+    onKeyUp(event: any): void;
+    onKeyEsc(event: any): void;
+    /**
+     * Get HTML element with Tribute.js container
+     * @return {HTMLElement}
+     */
+    getTributeContainer(): HTMLElement;
+    /**
+     * Get the currently selected item element id in Tribute.js container
+     * @return {HTMLElement}
+     */
+    getTributeSelectedItem(): HTMLElement;
+    /**
+     * Handle Tribute activation
+     * @param {boolean} isActive - is active
+     */
+    onTributeActive(isActive: boolean): void;
+    onTributeArrowKeyDown(): void;
+    onTributeSelectedItemWillChange(): void;
+    setupTributeIntegration(): void;
+    /**
+     * Set tribute-container--focus-visible class on the Tribute container when the user navigates the listbox via keyboard.
+     *
+     * Because the real focus is kept on the textbox, we cannot use the :focus-visible pseudo-class
+     * to style selected options in the autocomplete listbox.
+     *
+     * @param {boolean} withFocusVisible - should the focus-visible class be added
+     */
+    setTributeFocusVisible(withFocusVisible: boolean): void;
+    /**
+     * Show tribute menu programmatically.
+     * @param {string} trigger - trigger character, can be '/', '@', or ':'
+     *
+     * @public
+     */
+    showTribute(trigger: string): void;
+    /**
+     * Hide tribute menu programmatically
+     *
+     */
+    hideTribute(): void;
+}, {
+    props: {
+        userData: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    };
+    methods: {
+        renderContent(value: string): string;
+        parseContent(content: string): string;
+        genSelectTemplate(value: string): string;
+        renderComponentHtml(props: object, component: object): string;
+    };
+}, import('vue').ComponentOptionsMixin, ("submit" | "update:modelValue" | "paste" | "smart-picker-submit")[], "submit" | "update:modelValue" | "paste" | "smart-picker-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The ID attribute of the content editable
+     */
+    id: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * Visual label of the contenteditable
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoComplete: {
+        type: FunctionConstructor;
+        default: () => never[];
+    };
+    menuContainer: {
+        type: {
+            new (): Element;
+            prototype: Element;
+        };
+        default: () => HTMLElement;
+    };
+    /**
+     * Make the contenteditable looks like a textarea or not.
+     * Default looks like a single-line input.
+     * This also handle the default enter/shift+enter behaviour.
+     * if multiline, enter = newline; otherwise enter = submit
+     * shift+enter always add a new line. ctrl+enter always submits
+     */
+    multiline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Is the content editable ?
+     */
+    contenteditable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Disable the editing and show specific disabled design
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Max allowed length
+     */
+    maxlength: {
+        type: NumberConstructor;
+        default: null;
+    };
+    /**
+     * Enable or disable emoji autocompletion
+     */
+    emojiAutocomplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable or disable link autocompletion
+     */
+    linkAutocomplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * CSS class to apply to the root element.
+     */
+    class: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onPaste?: ((...args: any[]) => any) | undefined;
+    "onSmart-picker-submit"?: ((...args: any[]) => any) | undefined;
+}>, {
+    id: string;
+    disabled: boolean;
+    label: string;
+    placeholder: string;
+    modelValue: string;
+    class: string | Record<string, any> | unknown[];
+    multiline: boolean;
+    menuContainer: Element;
+    autoComplete: Function;
+    contenteditable: boolean;
+    maxlength: number;
+    emojiAutocomplete: boolean;
+    linkAutocomplete: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/NcRichContenteditable/index.mjs

@@ -1,8 +1,7 @@
-import { N } from "../../chunks/index--u6iHwFv.mjs";
-import { N as N2, a } from "../../chunks/NcRichContenteditable-B16VJW0Y.mjs";
+import { a, N, b } from "../../chunks/NcRichContenteditable-BR08SbpA.mjs";
 export {
-  N2 as NcAutoCompleteResult,
+  a as NcAutoCompleteResult,
   N as NcMentionBubble,
-  a as default
+  b as default
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/NcRichContenteditable/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/NcRichText/NcReferencePicker/NcProviderList.vue.d.ts

@@ -0,0 +1,194 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {
+    selectedProvider: null;
+    query: string;
+    multiselectPlaceholder: string;
+    providerIconAlt: string;
+}, {
+    options(): any[];
+}, {
+    focus(): void;
+    onProviderSelected(p: any): void;
+    onSearch(query: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "select-provider")[], "submit" | "select-provider", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onSelect-provider"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {
+    NcSelect: import('vue').DefineComponent<{}, {
+        avatarSize: number;
+    }, {
+        search: string;
+    }, {
+        inputRequired(): any;
+        localCalculatePosition(): any;
+        localFilterBy(): any;
+        localLabel(): any;
+        propsToForward(): any;
+    }, {
+        t: (original: string, placeholders?: Record<string, string | number>) => string;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, (" " | "update:modelValue")[], " " | "update:modelValue", import('vue').PublicProps, Readonly<{}> & Readonly<{
+        "on "?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {} | {
+        [x: string]: any;
+    }, {}, {
+        ChevronDown: any;
+        NcEllipsisedOption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                default: string;
+            };
+            search: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {
+            needsTruncate(): boolean | "";
+            split(): number;
+            part1(): string;
+            part2(): string;
+            highlight1(): any[];
+            highlight2(): any[];
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                default: string;
+            };
+            search: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            name: string;
+            search: string;
+        }, {}, {
+            NcHighlight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                text: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                search: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                highlight: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+            }>, {}, {}, {
+                ranges(): any[];
+                chunks(): any[];
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                text: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                search: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                highlight: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+            }>> & Readonly<{}>, {
+                search: string;
+                text: string;
+                highlight: unknown[];
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        NcLoadingIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: NumberConstructor;
+                default: number;
+            };
+            appearance: {
+                type: StringConstructor;
+                validator(value: unknown): boolean;
+                default: string;
+            };
+            name: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {
+            colors(): string[];
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: NumberConstructor;
+                default: number;
+            };
+            appearance: {
+                type: StringConstructor;
+                validator(value: unknown): boolean;
+                default: string;
+            };
+            name: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            name: string;
+            size: number;
+            appearance: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        VueSelect: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    NcHighlight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        search: {
+            type: StringConstructor;
+            default: string;
+        };
+        highlight: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+    }>, {}, {}, {
+        ranges(): any[];
+        chunks(): any[];
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        search: {
+            type: StringConstructor;
+            default: string;
+        };
+        highlight: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+    }>> & Readonly<{}>, {
+        search: string;
+        text: string;
+        highlight: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    NcEmptyContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        description: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    LinkVariantIcon: any;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;