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

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

@@ -1,2 +1,360 @@
-declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+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<{
+    /** Name of the dialog (the heading) */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Text of the dialog */
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Additional elements to add to the focus trap */
+    additionalTrapElements: {
+        type: PropType<(string | HTMLElement)[]>;
+        validator: (arr: unknown) => arr is (string | HTMLElement)[];
+        default: () => never[];
+    };
+    /**
+     * The element where to mount the dialog, if `null` is passed the dialog is mounted in place
+     * @default 'body'
+     */
+    container: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * Whether the dialog should be shown
+     * @default true
+     */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Size of the underlying NcModal
+     * @default 'small'
+     * @type {'small'|'normal'|'large'|'full'}
+     */
+    size: {
+        type: PropType<"small" | "normal" | "large" | "full">;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Buttons to display
+     * @default []
+     */
+    buttons: {
+        type: PropType<NcDialogButtonProps[]>;
+        required: false;
+        default: () => never[];
+        validator(value: unknown[]): value is (object | null)[];
+    };
+    /**
+     * Set to false to no show a close button on the dialog
+     * @default true
+     */
+    canClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Close the dialog if the user clicked outside of the dialog
+     * Only relevant if `canClose` is set to true.
+     */
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Declare if hiding the modal should be animated
+     * @default false
+     */
+    outTransition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Optionally pass additionaly classes which will be set on the navigation for custom styling
+     * @default ''
+     * @example
+     * ```html
+     * <DialogBase :navigation-classes="['mydialog-navigation']"><!-- --></DialogBase>
+     * <!-- ... -->
+     * <style lang="scss">
+     * :deep(.mydialog-navigation) {
+     *     flex-direction: row-reverse;
+     * }
+     * </style>
+     * ```
+     */
+    navigationClasses: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        required: false;
+        default: string;
+    };
+    /**
+     * aria-label for the dialog navigation.
+     * Use it when you want to provide a more meaningful label than the dialog name.
+     *
+     * By default, navigation is labeled by the dialog name.
+     */
+    navigationAriaLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * aria-labelledby for the dialog navigation.
+     * Use it when you have an implicit navigation label (e.g. a heading).
+     *
+     * By default, navigation is labeled by the dialog name.
+     */
+    navigationAriaLabelledby: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * Optionally pass additionaly classes which will be set on the content wrapper for custom styling
+     * @default ''
+     */
+    contentClasses: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        required: false;
+        default: string;
+    };
+    /**
+     * Optionally pass additionaly classes which will be set on the dialog itself
+     * (the default `class` attribute will be set on the modal wrapper)
+     * @default ''
+     */
+    dialogClasses: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        required: false;
+        default: string;
+    };
+}, {
+    handleButtonClose: () => void;
+    handleClosing: () => void;
+    handleClosed: () => void;
+    hasNavigation: import('vue').ComputedRef<boolean>;
+    navigationId: string;
+    navigationAriaLabelAttr: import('vue').ComputedRef<string | undefined>;
+    navigationAriaLabelledbyAttr: import('vue').ComputedRef<string | undefined>;
+    isNavigationCollapsed: import('vue').ComputedRef<boolean>;
+    modalProps: import('vue').ComputedRef<{
+        canClose: boolean;
+        container: string;
+        labelId: string;
+        size: "normal" | "small" | "large" | "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<{
+    /** Name of the dialog (the heading) */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Text of the dialog */
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Additional elements to add to the focus trap */
+    additionalTrapElements: {
+        type: PropType<(string | HTMLElement)[]>;
+        validator: (arr: unknown) => arr is (string | HTMLElement)[];
+        default: () => never[];
+    };
+    /**
+     * The element where to mount the dialog, if `null` is passed the dialog is mounted in place
+     * @default 'body'
+     */
+    container: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * Whether the dialog should be shown
+     * @default true
+     */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Size of the underlying NcModal
+     * @default 'small'
+     * @type {'small'|'normal'|'large'|'full'}
+     */
+    size: {
+        type: PropType<"small" | "normal" | "large" | "full">;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Buttons to display
+     * @default []
+     */
+    buttons: {
+        type: PropType<NcDialogButtonProps[]>;
+        required: false;
+        default: () => never[];
+        validator(value: unknown[]): value is (object | null)[];
+    };
+    /**
+     * Set to false to no show a close button on the dialog
+     * @default true
+     */
+    canClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Close the dialog if the user clicked outside of the dialog
+     * Only relevant if `canClose` is set to true.
+     */
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Declare if hiding the modal should be animated
+     * @default false
+     */
+    outTransition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Optionally pass additionaly classes which will be set on the navigation for custom styling
+     * @default ''
+     * @example
+     * ```html
+     * <DialogBase :navigation-classes="['mydialog-navigation']"><!-- --></DialogBase>
+     * <!-- ... -->
+     * <style lang="scss">
+     * :deep(.mydialog-navigation) {
+     *     flex-direction: row-reverse;
+     * }
+     * </style>
+     * ```
+     */
+    navigationClasses: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        required: false;
+        default: string;
+    };
+    /**
+     * aria-label for the dialog navigation.
+     * Use it when you want to provide a more meaningful label than the dialog name.
+     *
+     * By default, navigation is labeled by the dialog name.
+     */
+    navigationAriaLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * aria-labelledby for the dialog navigation.
+     * Use it when you have an implicit navigation label (e.g. a heading).
+     *
+     * By default, navigation is labeled by the dialog name.
+     */
+    navigationAriaLabelledby: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * Optionally pass additionaly classes which will be set on the content wrapper for custom styling
+     * @default ''
+     */
+    contentClasses: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        required: false;
+        default: string;
+    };
+    /**
+     * Optionally pass additionaly classes which will be set on the dialog itself
+     * (the default `class` attribute will be set on the modal wrapper)
+     * @default ''
+     */
+    dialogClasses: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        required: false;
+        default: string;
+    };
+}>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onClosing?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "normal" | "small" | "large" | "full";
+    container: string;
+    open: boolean;
+    outTransition: boolean;
+    canClose: boolean;
+    closeOnClickOutside: boolean;
+    additionalTrapElements: (string | HTMLElement)[];
+    message: string;
+    buttons: Omit<Partial<{
+        disabled: boolean;
+        type: import('../NcButton/types.js').ButtonType;
+        icon: string;
+    }> & Omit<{
+        readonly disabled: boolean;
+        readonly type: import('../NcButton/types.js').ButtonType;
+        readonly label: string;
+        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<{
+        callback: {
+            type: FunctionConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        icon: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+        type: {
+            type: PropType<import('../NcButton/types.js').ButtonType>;
+            default: import('../NcButton/types.js').ButtonType;
+            required: false;
+            validator(value: string): 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>;
+}, {}>;
 export default _default;

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

@@ -1,2 +1,95 @@
-declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+import { PropType } from 'vue';
+import { ButtonType } from '../NcButton/index';
+
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * The function that will be called when the button is pressed
+     * @type {() => void}
+     */
+    callback: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    /**
+     * The label of the button
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Optional inline SVG icon for the button
+     */
+    icon: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /**
+     * The button type, see NcButton
+     * @type {'primary'|'secondary'|'error'|'warning'|'success'}
+     */
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+        required: false;
+        validator(value: string): boolean;
+    };
+    /**
+     * If the button should be shown as disabled
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    handleClick: (e: any) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The function that will be called when the button is pressed
+     * @type {() => void}
+     */
+    callback: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    /**
+     * The label of the button
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Optional inline SVG icon for the button
+     */
+    icon: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /**
+     * The button type, see NcButton
+     * @type {'primary'|'secondary'|'error'|'warning'|'success'}
+     */
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+        required: false;
+        validator(value: string): boolean;
+    };
+    /**
+     * If the button should be shown as disabled
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    type: ButtonType;
+    icon: string;
+}, {}>;
 export default _default;

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

@@ -1 +1,5 @@
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 export { default } from './NcDialogButton.vue';

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

@@ -195,9 +195,9 @@ declare const _default: import('vue').DefineComponent<{
 }>>, {
     search: string;
     icon: string;
+    displayName: string;
     id: string;
     iconSvg: string;
-    displayName: string;
     isNoUser: boolean;
     subname: string;
     iconName: string;

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

@@ -130,11 +130,11 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     primary: boolean;
     header: string;
+    resourceType: string;
     limit: number;
     description: string;
     providerId: string;
     itemId: string | number;
     fileInfo: Record<string, any>;
-    resourceType: string;
 }, {}>;
 export default _default;

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

@@ -84,7 +84,7 @@ declare const _default: import('vue').DefineComponent<{
     title: string;
     id: string;
     status: unknown[] | Record<string, any>;
-    subline: string;
     iconUrl: string;
+    subline: string;
 }, {}>;
 export default _default;

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

@@ -65,8 +65,8 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    size: number;
     error: boolean;
+    size: number;
     name: string;
     saving: boolean;
 }, {}>;

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

@@ -167,13 +167,13 @@ declare const _default: import('vue').DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: number;
     primary: boolean;
+    size: number;
     user: string;
     url: string;
+    displayName: string;
     open: boolean;
     showUserStatus: boolean;
-    displayName: string;
     margin: number;
     avatarImage: string;
 }, {}>;

package/dist/components/index.d.ts

@@ -36,6 +36,7 @@ export { default as NcBreadcrumbs } from './NcBreadcrumbs/index.js';
 export { default as NcButton } from './NcButton/index';
 export { default as NcCheckboxRadioSwitch } from './NcCheckboxRadioSwitch/index.js';
 export { default as NcChip } from './NcChip/index';
+export { default as NcCollectionList } from './NcCollectionList/index.js';
 export { default as NcColorPicker } from './NcColorPicker/index.js';
 export { default as NcContent } from './NcContent/index.js';
 export { default as NcCounterBubble } from './NcCounterBubble/index.js';