@nextcloud/vue 9.0.0-alpha.5 → 9.0.0-alpha.6

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

@@ -1,9 +1,8 @@
 import { PropType } from 'vue';
 import { ComponentProps } from '../../utils/VueTypes.ts';
 import { default as NcDialogButton } from '../NcDialogButton/index.js';
-
 type NcDialogButtonProps = ComponentProps<typeof NcDialogButton>;
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** Name of the dialog (the heading) */
     name: {
         type: StringConstructor;
@@ -74,6 +73,15 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Make the dialog wrapper a HTML form element.
+     * The buttons will be wrapped within the form so they can be used as submit / reset buttons.
+     * Please note that when using the property the `navigation` should not be used.
+     */
+    isForm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Declare if hiding the modal should be animated
      * @default false
@@ -97,7 +105,7 @@ declare const _default: import('vue').DefineComponent<{
      * ```
      */
     navigationClasses: {
-        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -128,7 +136,7 @@ declare const _default: import('vue').DefineComponent<{
      * @default ''
      */
     contentClasses: {
-        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -138,13 +146,26 @@ declare const _default: import('vue').DefineComponent<{
      * @default ''
      */
     dialogClasses: {
-        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
-}, {
-    handleButtonClose: () => void;
-    handleClosing: () => void;
+}>, {
+    dialogElement: import('vue').Ref<any, any>;
+    dialogListeners: import('vue').ComputedRef<{
+        /**
+         * @param {SubmitEvent} event Form submit event
+         */
+        submit(event: any): void;
+    } | {
+        /**
+         * @param {SubmitEvent} event Form submit event
+         */
+        submit?: undefined;
+    }>;
+    dialogTagName: import('vue').ComputedRef<"div" | "form">;
+    handleButtonClose: (event: any, result: any) => void;
+    handleClosing: (result: any) => void;
     handleClosed: () => void;
     hasNavigation: import('vue').ComputedRef<boolean>;
     navigationId: string;
@@ -155,14 +176,14 @@ declare const _default: import('vue').DefineComponent<{
         canClose: boolean;
         container: string;
         labelId: string;
-        size: "normal" | "small" | "large" | "full";
+        size: "large" | "small" | "normal" | "full";
         show: boolean;
         outTransition: boolean;
         closeOnClickOutside: boolean;
         additionalTrapElements: (string | HTMLElement)[];
     }>;
-    wrapper: import('vue').Ref<HTMLDivElement | undefined>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:open" | "closing")[], "update:open" | "closing", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    wrapper: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "update:open" | "closing")[], "submit" | "update:open" | "closing", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** Name of the dialog (the heading) */
     name: {
         type: StringConstructor;
@@ -233,6 +254,15 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Make the dialog wrapper a HTML form element.
+     * The buttons will be wrapped within the form so they can be used as submit / reset buttons.
+     * Please note that when using the property the `navigation` should not be used.
+     */
+    isForm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Declare if hiding the modal should be animated
      * @default false
@@ -256,7 +286,7 @@ declare const _default: import('vue').DefineComponent<{
      * ```
      */
     navigationClasses: {
-        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -287,7 +317,7 @@ declare const _default: import('vue').DefineComponent<{
      * @default ''
      */
     contentClasses: {
-        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -297,37 +327,142 @@ declare const _default: import('vue').DefineComponent<{
      * @default ''
      */
     dialogClasses: {
-        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     onClosing?: ((...args: any[]) => any) | undefined;
-}, {
-    size: "normal" | "small" | "large" | "full";
+}>, {
+    size: "large" | "small" | "normal" | "full";
     container: string;
     open: boolean;
+    message: string;
     outTransition: boolean;
     canClose: boolean;
     closeOnClickOutside: boolean;
     additionalTrapElements: (string | HTMLElement)[];
-    message: string;
     buttons: Omit<Partial<{
-        disabled: boolean;
-        type: import('../NcButton/types.js').ButtonType;
+        type: import('../NcButton/types.ts').ButtonType;
         icon: string;
+        disabled: boolean;
+        nativeType: import('../NcButton/types.ts').ButtonNativeType;
+        callback: Function;
     }> & Omit<{
-        readonly disabled: boolean;
-        readonly type: import('../NcButton/types.js').ButtonType;
+        readonly type: import('../NcButton/types.ts').ButtonType;
         readonly label: string;
+        readonly disabled: boolean;
+        readonly nativeType: import('../NcButton/types.ts').ButtonNativeType;
         readonly callback: Function;
         readonly icon?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        readonly onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "icon" | "disabled" | "nativeType" | "callback">, `on${string}` | "style" | "class" | "key" | "ref" | "ref_for" | "ref_key">[];
+    isForm: boolean;
+    navigationClasses: string | Record<string, any> | unknown[];
+    navigationAriaLabel: string;
+    navigationAriaLabelledby: string;
+    contentClasses: string | Record<string, any> | unknown[];
+    dialogClasses: string | Record<string, any> | unknown[];
+}, {}, {
+    NcDialogButton: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            callback: {
+                type: FunctionConstructor;
+                required: false;
+                default: () => void;
+            };
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            icon: {
+                type: StringConstructor;
+                required: false;
+                default: undefined;
+            };
+            type: {
+                type: PropType<import('../NcButton/types.ts').ButtonType>;
+                default: import('../NcButton/types.ts').ButtonType;
+                required: false;
+                validator(value: string): boolean;
+            };
+            nativeType: {
+                type: PropType<import('../NcButton/types.ts').ButtonNativeType>;
+                required: false;
+                default: string;
+                validator(value: unknown): boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (event: MouseEvent, payload: unknown) => void;
+        }, import('vue').PublicProps, {
+            type: import('../NcButton/types.ts').ButtonType;
+            icon: string;
+            disabled: boolean;
+            nativeType: import('../NcButton/types.ts').ButtonNativeType;
+            callback: Function;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            callback: {
+                type: FunctionConstructor;
+                required: false;
+                default: () => void;
+            };
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            icon: {
+                type: StringConstructor;
+                required: false;
+                default: undefined;
+            };
+            type: {
+                type: PropType<import('../NcButton/types.ts').ButtonType>;
+                default: import('../NcButton/types.ts').ButtonType;
+                required: false;
+                validator(value: string): boolean;
+            };
+            nativeType: {
+                type: PropType<import('../NcButton/types.ts').ButtonNativeType>;
+                required: false;
+                default: string;
+                validator(value: unknown): boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            type: import('../NcButton/types.ts').ButtonType;
+            icon: string;
+            disabled: boolean;
+            nativeType: import('../NcButton/types.ts').ButtonNativeType;
+            callback: Function;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         callback: {
             type: FunctionConstructor;
-            required: true;
+            required: false;
+            default: () => void;
         };
         label: {
             type: StringConstructor;
@@ -339,22 +474,36 @@ declare const _default: import('vue').DefineComponent<{
             default: undefined;
         };
         type: {
-            type: PropType<import('../NcButton/types.js').ButtonType>;
-            default: import('../NcButton/types.js').ButtonType;
+            type: PropType<import('../NcButton/types.ts').ButtonType>;
+            default: import('../NcButton/types.ts').ButtonType;
             required: false;
             validator(value: string): boolean;
         };
+        nativeType: {
+            type: PropType<import('../NcButton/types.ts').ButtonNativeType>;
+            required: false;
+            default: string;
+            validator(value: unknown): boolean;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & {
-        onClick?: ((...args: any[]) => any) | undefined;
-    }, "disabled" | "type" | "icon">, `on${string}` | "style" | "class" | "key" | "ref" | "ref_for" | "ref_key">[];
-    navigationClasses: string | unknown[] | Record<string, any>;
-    navigationAriaLabel: string;
-    navigationAriaLabelledby: string;
-    contentClasses: string | unknown[] | Record<string, any>;
-    dialogClasses: string | unknown[] | Record<string, any>;
-}, {}>;
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (event: MouseEvent, payload: unknown) => void;
+    }, string, {
+        type: import('../NcButton/types.ts').ButtonType;
+        icon: string;
+        disabled: boolean;
+        nativeType: import('../NcButton/types.ts').ButtonNativeType;
+        callback: Function;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            icon?(_: {}): any;
+        };
+    });
+    NcModal: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcDialog/index.mjs

@@ -0,0 +1,4 @@
+import { N } from "../../chunks/NcDialog-bRHxABY1.mjs";
+export {
+  N as default
+};

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

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

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

@@ -1,14 +1,24 @@
 import { PropType } from 'vue';
-import { ButtonType } from '../NcButton/index';
-
-declare const _default: import('vue').DefineComponent<{
+import { ButtonNativeType, ButtonType } from '../NcButton/index';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
-     * The function that will be called when the button is pressed
-     * @type {() => void}
+     * The function that will be called when the button is pressed.
+     * If the function returns `false` the click is ignored and the dialog will not be closed.
+     * @type {() => unknown|false|Promise<unknown|false>}
      */
     callback: {
         type: FunctionConstructor;
-        required: true;
+        required: false;
+        default: () => void;
     };
     /**
      * The label of the button
@@ -35,6 +45,16 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         validator(value: string): boolean;
     };
+    /**
+     * The native type of the button, see `NcButton`
+     * @type {'button'|'submit'|'reset'}
+     */
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        required: false;
+        default: string;
+        validator(value: unknown): boolean;
+    };
     /**
      * If the button should be shown as disabled
      */
@@ -42,16 +62,18 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    handleClick: (e: any) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent, payload: unknown) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
-     * The function that will be called when the button is pressed
-     * @type {() => void}
+     * The function that will be called when the button is pressed.
+     * If the function returns `false` the click is ignored and the dialog will not be closed.
+     * @type {() => unknown|false|Promise<unknown|false>}
      */
     callback: {
         type: FunctionConstructor;
-        required: true;
+        required: false;
+        default: () => void;
     };
     /**
      * The label of the button
@@ -78,6 +100,16 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         validator(value: string): boolean;
     };
+    /**
+     * The native type of the button, see `NcButton`
+     * @type {'button'|'submit'|'reset'}
+     */
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        required: false;
+        default: string;
+        validator(value: unknown): boolean;
+    };
     /**
      * If the button should be shown as disabled
      */
@@ -85,11 +117,19 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
+}>, {
     type: ButtonType;
     icon: string;
-}, {}>;
+    disabled: boolean;
+    nativeType: ButtonNativeType;
+    callback: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NcDialogButton/index.mjs

@@ -0,0 +1,4 @@
+import { _ } from "../../chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-CBKNl2vE.mjs";
+export {
+  _ as default
+};

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

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

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

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * The text to be display in one line. If it is longer than 10 characters, it is be truncated with ellipsis in the end but keeping up to 10 last characters to fit the parent container.
      */
@@ -13,16 +13,16 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, any, any, {
-    needsTruncate(): any;
+}>, {}, {}, {
+    needsTruncate(): boolean | "";
     /**
      * Index at which to split the name if it is longer than 10 characters.
      *
      * @return {number} The position at which to split
      */
     split(): number;
-    part1(): any;
-    part2(): any;
+    part1(): string;
+    part2(): string;
     /**
      * The ranges to highlight. Since we split the string for ellipsising,
      * the Highlight component cannot figure this out itself and needs the ranges provided.
@@ -53,8 +53,43 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
-    search: 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>;
 export default _default;

package/dist/components/NcEllipsisedOption/index.mjs

@@ -0,0 +1,4 @@
+import { N } from "../../chunks/NcEllipsisedOption-BaL7DZ1K.mjs";
+export {
+  N as default
+};

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

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