@opencloud-eu/web-pkg 2.1.0-alpha.1 → 2.2.0

package/dist/src/components/FilesList/ResourceTable.vue.d.ts

@@ -1,1371 +0,0 @@
-import { PropType, ComputedRef, ComponentPublicInstance } from 'vue';
-import { Resource, SpaceResource } from '@opencloud-eu/web-client';
-import { SortDir, FolderViewModeConstants } from '../../composables';
-import { ImageDimension } from '../../constants';
-import { ContextMenuBtnClickEventData, CreateTargetRouteOptions } from '../../helpers';
-import { ClipboardActions } from '../../helpers/clipboardActions';
-import { FieldType } from '@opencloud-eu/design-system/helpers';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Resources to be displayed in the table.
-     * Required fields:
-     * - name: The name of the resource containing the file extension in case of a file
-     * - path: The full path of the resource
-     * - type: The type of the resource. Can be `file` or `folder`
-     * Optional fields:
-     * - thumbnail
-     * - size: The size of the resource
-     * - modificationDate: The date of the last modification of the resource
-     * - shareDate: The date when the share was created
-     * - deletionDate: The date when the resource has been deleted
-     * - syncEnabled: The sync status of the share
-     */
-    resources: {
-        type: PropType<Resource[]>;
-        required: true;
-    };
-    /**
-     * Closure function to mutate the resource id into a valid DOM selector.
-     */
-    resourceDomSelector: {
-        type: PropType<(resource: Resource) => string>;
-        required: false;
-        default: (resource: Resource) => string;
-    };
-    /**
-     * Asserts whether resources path should be shown in the resource name
-     */
-    arePathsDisplayed: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Asserts whether icons should be replaced with thumbnails for resources which provide them
-     */
-    areThumbnailsDisplayed: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * V-model for the selection
-     */
-    selectedIds: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    /**
-     * Asserts whether actions are available
-     */
-    hasActions: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Accepts a `path` and a `resource` param and returns a corresponding route object.
-     */
-    targetRouteCallback: {
-        type: PropType<(arg: CreateTargetRouteOptions) => unknown>;
-        required: false;
-        default: any;
-    };
-    /**
-     * Asserts whether clicking on the resource name triggers any action
-     */
-    areResourcesClickable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Top position of header used when the header is sticky in pixels
-     */
-    headerPosition: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    /**
-     * Asserts whether resources in the table can be selected
-     */
-    isSelectable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets specific css classes for when the side bar is (not) open
-     */
-    isSideBarOpen: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets the padding size for x axis
-     * @values xsmall, small, medium, large, xlarge
-     */
-    paddingX: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (size: string) => boolean;
-    };
-    /**
-     * Enable Drag & Drop events
-     */
-    dragDrop: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * The active view mode.
-     */
-    viewMode: {
-        type: PropType<typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table>;
-        default: () => "resource-table";
-        validator: (value: typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table) => boolean;
-    };
-    /**
-     * Enable hover effect
-     */
-    hover: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Show that the table is sorted by this column (no actual sorting takes place)
-     */
-    sortBy: {
-        type: StringConstructor;
-        required: false;
-        default: any;
-    };
-    /**
-     * Define what fields should be displayed in the table
-     * If null, all fields are displayed
-     */
-    fieldsDisplayed: {
-        type: ArrayConstructor;
-        required: false;
-        default: any;
-    };
-    /**
-     * Show that the table is sorted ascendingly/descendingly (no actual sorting takes place)
-     */
-    sortDir: {
-        type: PropType<SortDir>;
-        required: false;
-        default: any;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Space resource the provided resources originate from. Not required on meta pages like favorites, search, ...
-     */
-    space: {
-        type: PropType<SpaceResource>;
-        required: false;
-        default: any;
-    };
-    resourceType: {
-        type: PropType<"file" | "space">;
-        default: string;
-    };
-    /**
-     * Determines if the table content should be loaded lazily.
-     */
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * This is only relevant for CERN and can be ignored in any other cases.
-     */
-    groupingSettings: {
-        type: ObjectConstructor;
-        required: false;
-        default: any;
-    };
-}>, {
-    postMessage: <Payload>(name: string, data?: Payload) => void;
-    isFilePicker: ComputedRef<boolean>;
-    isLocationPicker: ComputedRef<boolean>;
-    isEmbedModeEnabled: ComputedRef<boolean>;
-    emitSelect: (selectedIds: string[]) => void;
-    toggleSelection: (resourceId: string) => void;
-    areFileExtensionsShown: import('vue').Ref<boolean, boolean>;
-    latestSelectedId: import('vue').Ref<string, string>;
-    isResourceClickable: (resource: Resource) => boolean;
-    getResourceLink: (resource: Resource) => unknown;
-    isSticky: import('vue').Ref<boolean, boolean>;
-    isResourceInDeleteQueue: (id: string) => boolean;
-    getPathPrefix: (resource: Resource) => string;
-    getFolderLink: (resource: Resource) => unknown;
-    getParentFolderLink: (resource: Resource) => unknown;
-    getParentFolderName: (resource: Resource) => string;
-    getParentFolderLinkIconAdditionalAttributes: (resource: Resource) => {
-        name: string;
-        'fill-type': string;
-    } | {
-        name?: undefined;
-        'fill-type'?: undefined;
-    };
-    createFileAction: (resource: Resource) => void;
-    createFolderLink: (createTargetRouteOptions: CreateTargetRouteOptions) => unknown;
-    router: import('vue-router').Router;
-    configOptions: import('vue').Ref<{
-        upload?: {
-            companionUrl?: string;
-        };
-        ocm?: {
-            openRemotely?: boolean;
-        };
-        cernFeatures?: boolean;
-        concurrentRequests?: {
-            shares?: {
-                create?: number;
-                list?: number;
-            };
-            resourceBatchActions?: number;
-            sse?: number;
-        };
-        contextHelpers?: boolean;
-        contextHelpersReadMore?: boolean;
-        defaultExtension?: string;
-        disabledExtensions?: string[];
-        disableFeedbackLink?: boolean;
-        accountEditLink?: {
-            href?: string;
-        };
-        editor?: {
-            autosaveEnabled?: boolean;
-            autosaveInterval?: number;
-            openAsPreview?: boolean | string[];
-        };
-        embed?: {
-            enabled?: boolean;
-            target?: string;
-            messagesOrigin?: string;
-            delegateAuthentication?: boolean;
-            delegateAuthenticationOrigin?: string;
-            fileTypes?: string[];
-            chooseFileName?: boolean;
-            chooseFileNameSuggestion?: string;
-        };
-        feedbackLink?: {
-            description?: string;
-            href?: string;
-            ariaLabel?: string;
-        };
-        isRunningOnEos?: boolean;
-        loginUrl?: string;
-        logoutUrl?: string;
-        routing?: {
-            fullShareOwnerPaths?: boolean;
-            idBased?: boolean;
-        };
-        runningOnEos?: boolean;
-        tokenStorageLocal?: boolean;
-        userListRequiresFilter?: boolean;
-        hideLogo?: boolean;
-    }, {
-        upload?: {
-            companionUrl?: string;
-        };
-        ocm?: {
-            openRemotely?: boolean;
-        };
-        cernFeatures?: boolean;
-        concurrentRequests?: {
-            shares?: {
-                create?: number;
-                list?: number;
-            };
-            resourceBatchActions?: number;
-            sse?: number;
-        };
-        contextHelpers?: boolean;
-        contextHelpersReadMore?: boolean;
-        defaultExtension?: string;
-        disabledExtensions?: string[];
-        disableFeedbackLink?: boolean;
-        accountEditLink?: {
-            href?: string;
-        };
-        editor?: {
-            autosaveEnabled?: boolean;
-            autosaveInterval?: number;
-            openAsPreview?: boolean | string[];
-        };
-        embed?: {
-            enabled?: boolean;
-            target?: string;
-            messagesOrigin?: string;
-            delegateAuthentication?: boolean;
-            delegateAuthenticationOrigin?: string;
-            fileTypes?: string[];
-            chooseFileName?: boolean;
-            chooseFileNameSuggestion?: string;
-        };
-        feedbackLink?: {
-            description?: string;
-            href?: string;
-            ariaLabel?: string;
-        };
-        isRunningOnEos?: boolean;
-        loginUrl?: string;
-        logoutUrl?: string;
-        routing?: {
-            fullShareOwnerPaths?: boolean;
-            idBased?: boolean;
-        };
-        runningOnEos?: boolean;
-        tokenStorageLocal?: boolean;
-        userListRequiresFilter?: boolean;
-        hideLogo?: boolean;
-    } | {
-        upload?: {
-            companionUrl?: string;
-        };
-        ocm?: {
-            openRemotely?: boolean;
-        };
-        cernFeatures?: boolean;
-        concurrentRequests?: {
-            shares?: {
-                create?: number;
-                list?: number;
-            };
-            resourceBatchActions?: number;
-            sse?: number;
-        };
-        contextHelpers?: boolean;
-        contextHelpersReadMore?: boolean;
-        defaultExtension?: string;
-        disabledExtensions?: string[];
-        disableFeedbackLink?: boolean;
-        accountEditLink?: {
-            href?: string;
-        };
-        editor?: {
-            autosaveEnabled?: boolean;
-            autosaveInterval?: number;
-            openAsPreview?: boolean | string[];
-        };
-        embed?: {
-            enabled?: boolean;
-            target?: string;
-            messagesOrigin?: string;
-            delegateAuthentication?: boolean;
-            delegateAuthenticationOrigin?: string;
-            fileTypes?: string[];
-            chooseFileName?: boolean;
-            chooseFileNameSuggestion?: string;
-        };
-        feedbackLink?: {
-            description?: string;
-            href?: string;
-            ariaLabel?: string;
-        };
-        isRunningOnEos?: boolean;
-        loginUrl?: string;
-        logoutUrl?: string;
-        routing?: {
-            fullShareOwnerPaths?: boolean;
-            idBased?: boolean;
-        };
-        runningOnEos?: boolean;
-        tokenStorageLocal?: boolean;
-        userListRequiresFilter?: boolean;
-        hideLogo?: boolean;
-    }>;
-    dragItem: import('vue').Ref<Resource, Resource>;
-    ghostElement: import('vue').Ref<any, any>;
-    contextMenuButton: import('vue').Ref<ComponentPublicInstance<{
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-            onClick?: (event: MouseEvent) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            click: (event: MouseEvent) => any;
-        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-            onClick?: (event: MouseEvent) => any;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-        onClick?: (event: MouseEvent) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (event: MouseEvent) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Slots;
-    })>, ComponentPublicInstance<{
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-            onClick?: (event: MouseEvent) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            click: (event: MouseEvent) => any;
-        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-            onClick?: (event: MouseEvent) => any;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-        onClick?: (event: MouseEvent) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (event: MouseEvent) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Slots;
-    })>>;
-    getTagToolTip: (text: string) => string;
-    renameActions: ComputedRef<import('../..').FileAction[]>;
-    renameActionsSpace: ComputedRef<import('../..').SpaceAction[]>;
-    renameHandler: ComputedRef<(options?: import('../..').FileActionOptions<Resource>) => Promise<void> | void>;
-    renameHandlerSpace: ComputedRef<(options?: import('../..').SpaceActionOptions) => Promise<void> | void>;
-    FolderViewModeConstants: {
-        readonly name: {
-            readonly table: "resource-table";
-            readonly condensedTable: "resource-table-condensed";
-            readonly tiles: "resource-tiles";
-        };
-        readonly defaultModeName: "resource-table";
-        readonly queryName: "view-mode";
-        readonly tilesSizeDefault: 2;
-        readonly tilesSizeMax: 6;
-        readonly tilesSizeQueryName: "tiles-size";
-    };
-    hasTags: ComputedRef<boolean>;
-    disabledResources: ComputedRef<string[]>;
-    isResourceDisabled: (resource: Resource) => boolean;
-    userContextReady: import('vue').Ref<boolean, boolean>;
-    getMatchingSpace: (resource: Resource) => SpaceResource;
-    clipboardResources: import('vue').Ref<{
-        id: string;
-        fileId?: string;
-        parentFolderId?: string;
-        storageId?: string;
-        readonly nodeId?: string;
-        name?: string;
-        tags?: string[];
-        audio?: {
-            album?: string;
-            albumArtist?: string;
-            artist?: string;
-            bitrate?: number;
-            composers?: string;
-            copyright?: string;
-            disc?: number;
-            discCount?: number;
-            duration?: number;
-            genre?: string;
-            hasDrm?: boolean;
-            isVariableBitrate?: boolean;
-            title?: string;
-            track?: number;
-            trackCount?: number;
-            year?: number;
-        };
-        location?: {
-            altitude?: number;
-            latitude?: number;
-            longitude?: number;
-        };
-        image?: {
-            height?: number;
-            width?: number;
-        };
-        photo?: {
-            cameraMake?: string;
-            cameraModel?: string;
-            exposureDenominator?: number;
-            exposureNumerator?: number;
-            fNumber?: number;
-            focalLength?: number;
-            iso?: number;
-            orientation?: number;
-            takenDateTime?: string;
-        };
-        path: string;
-        webDavPath?: string;
-        downloadURL?: string;
-        type?: string;
-        thumbnail?: string;
-        processing?: boolean;
-        locked?: boolean;
-        lockOwner?: string;
-        lockTime?: string;
-        mimeType?: string;
-        isFolder?: boolean;
-        mdate?: string;
-        indicators?: {
-            id: string;
-            accessibleDescription: string;
-            label: string;
-            icon: string;
-            fillType: "fill" | "line" | "none";
-            type: string;
-            category: import('@opencloud-eu/web-client').ResourceIndicatorCategory;
-            handler?: (resource: Resource) => void;
-        }[];
-        size?: number | string;
-        permissions?: string;
-        starred?: boolean;
-        etag?: string;
-        shareTypes?: number[];
-        privateLink?: string;
-        owner?: {
-            displayName: string;
-            id?: string;
-            '@libre.graph.userType'?: string;
-        };
-        extension?: string;
-        extraProps?: Record<string, unknown>;
-        remoteItemId?: string;
-        remoteItemPath?: string;
-        canCreate?: () => boolean;
-        canUpload?: ({ user }: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-        }) => boolean;
-        canDownload?: () => boolean;
-        canShare?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canRename?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canBeDeleted?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canDeny?: () => boolean;
-        canEditTags?: () => boolean;
-        getDomSelector?: () => string;
-        isReceivedShare?: () => boolean;
-        isShareRoot?: () => boolean;
-        isMounted?: () => boolean;
-    }[], Resource[] | {
-        id: string;
-        fileId?: string;
-        parentFolderId?: string;
-        storageId?: string;
-        readonly nodeId?: string;
-        name?: string;
-        tags?: string[];
-        audio?: {
-            album?: string;
-            albumArtist?: string;
-            artist?: string;
-            bitrate?: number;
-            composers?: string;
-            copyright?: string;
-            disc?: number;
-            discCount?: number;
-            duration?: number;
-            genre?: string;
-            hasDrm?: boolean;
-            isVariableBitrate?: boolean;
-            title?: string;
-            track?: number;
-            trackCount?: number;
-            year?: number;
-        };
-        location?: {
-            altitude?: number;
-            latitude?: number;
-            longitude?: number;
-        };
-        image?: {
-            height?: number;
-            width?: number;
-        };
-        photo?: {
-            cameraMake?: string;
-            cameraModel?: string;
-            exposureDenominator?: number;
-            exposureNumerator?: number;
-            fNumber?: number;
-            focalLength?: number;
-            iso?: number;
-            orientation?: number;
-            takenDateTime?: string;
-        };
-        path: string;
-        webDavPath?: string;
-        downloadURL?: string;
-        type?: string;
-        thumbnail?: string;
-        processing?: boolean;
-        locked?: boolean;
-        lockOwner?: string;
-        lockTime?: string;
-        mimeType?: string;
-        isFolder?: boolean;
-        mdate?: string;
-        indicators?: {
-            id: string;
-            accessibleDescription: string;
-            label: string;
-            icon: string;
-            fillType: "fill" | "line" | "none";
-            type: string;
-            category: import('@opencloud-eu/web-client').ResourceIndicatorCategory;
-            handler?: (resource: Resource) => void;
-        }[];
-        size?: number | string;
-        permissions?: string;
-        starred?: boolean;
-        etag?: string;
-        shareTypes?: number[];
-        privateLink?: string;
-        owner?: {
-            displayName: string;
-            id?: string;
-            '@libre.graph.userType'?: string;
-        };
-        extension?: string;
-        extraProps?: Record<string, unknown>;
-        remoteItemId?: string;
-        remoteItemPath?: string;
-        canCreate?: () => boolean;
-        canUpload?: ({ user }: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-        }) => boolean;
-        canDownload?: () => boolean;
-        canShare?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canRename?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canBeDeleted?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canDeny?: () => boolean;
-        canEditTags?: () => boolean;
-        getDomSelector?: () => string;
-        isReceivedShare?: () => boolean;
-        isShareRoot?: () => boolean;
-        isMounted?: () => boolean;
-    }[]>;
-    clipboardAction: import('vue').Ref<ClipboardActions, ClipboardActions>;
-}, {
-    constants: {
-        ImageDimension: typeof ImageDimension;
-        EVENT_TROW_MOUNTED: string;
-    };
-}, {
-    fields(): FieldType[];
-    areAllResourcesSelected(): boolean;
-    selectAllCheckboxLabel(): string;
-    selectedResources(): Resource[];
-    contextMenuLabel(): string;
-    dragSelection(): Resource[];
-}, {
-    isResourceSelected(item: Resource): boolean;
-    isResourceCut(resource: Resource): boolean;
-    getTagLink(tag: string): import('vue-router').RouteLocationNamedRaw;
-    getTagComponentAttrs(tag: string): {
-        to?: undefined;
-    } | {
-        to: import('vue-router').RouteLocationNamedRaw;
-    };
-    isLatestSelectedItem(item: Resource): boolean;
-    hasRenameAction(item: Resource): number;
-    openRenameDialog(item: Resource): void | Promise<void>;
-    openTagsSidebar(): void;
-    openSharingSidebar(file: Resource): void;
-    fileDragged(file: Resource, event: DragEvent): Promise<void>;
-    fileDropped(selector: HTMLElement, event: DragEvent): void;
-    setDragItem(item: Resource, event: DragEvent): Promise<void>;
-    dropRowStyling(selector: HTMLElement, leaving: boolean, event: DragEvent): void;
-    sort(opts: {
-        sortBy: string;
-        sortDir: SortDir;
-    }): void;
-    addSelectedResource(file: Resource): void;
-    showContextMenuOnBtnClick(data: ContextMenuBtnClickEventData, item: Resource): false;
-    showContextMenu(row: ComponentPublicInstance<unknown>, event: MouseEvent, item: Resource): false;
-    rowMounted(resource: Resource, component: ComponentPublicInstance<unknown>): void;
-    fileClicked(data: [Resource, MouseEvent, boolean]): void;
-    formatDate(date: string): string;
-    formatDateRelative(date: string): string;
-    toggleSelectionAll(): void;
-    emitFileClick(resource: Resource): void;
-    getResourceCheckboxLabel(resource: Resource): string;
-    getSharedWithAvatarDescription(resource: Resource): string;
-    getSharedByAvatarDescription(resource: Resource): string;
-    getSharedByAvatarItems(resource: Resource): {
-        displayName: string;
-        name: string;
-        shareType: number;
-        username: string;
-    }[];
-    getSharedWithAvatarItems(resource: Resource): {
-        displayName: string;
-        name: string;
-        shareType: number;
-        username: string;
-    }[];
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("sort" | "rowMounted" | "fileDropped" | "fileClick" | "update:modelValue" | "update:selectedIds")[], "sort" | "rowMounted" | "fileDropped" | "fileClick" | "update:modelValue" | "update:selectedIds", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Resources to be displayed in the table.
-     * Required fields:
-     * - name: The name of the resource containing the file extension in case of a file
-     * - path: The full path of the resource
-     * - type: The type of the resource. Can be `file` or `folder`
-     * Optional fields:
-     * - thumbnail
-     * - size: The size of the resource
-     * - modificationDate: The date of the last modification of the resource
-     * - shareDate: The date when the share was created
-     * - deletionDate: The date when the resource has been deleted
-     * - syncEnabled: The sync status of the share
-     */
-    resources: {
-        type: PropType<Resource[]>;
-        required: true;
-    };
-    /**
-     * Closure function to mutate the resource id into a valid DOM selector.
-     */
-    resourceDomSelector: {
-        type: PropType<(resource: Resource) => string>;
-        required: false;
-        default: (resource: Resource) => string;
-    };
-    /**
-     * Asserts whether resources path should be shown in the resource name
-     */
-    arePathsDisplayed: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Asserts whether icons should be replaced with thumbnails for resources which provide them
-     */
-    areThumbnailsDisplayed: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * V-model for the selection
-     */
-    selectedIds: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    /**
-     * Asserts whether actions are available
-     */
-    hasActions: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Accepts a `path` and a `resource` param and returns a corresponding route object.
-     */
-    targetRouteCallback: {
-        type: PropType<(arg: CreateTargetRouteOptions) => unknown>;
-        required: false;
-        default: any;
-    };
-    /**
-     * Asserts whether clicking on the resource name triggers any action
-     */
-    areResourcesClickable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Top position of header used when the header is sticky in pixels
-     */
-    headerPosition: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    /**
-     * Asserts whether resources in the table can be selected
-     */
-    isSelectable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets specific css classes for when the side bar is (not) open
-     */
-    isSideBarOpen: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets the padding size for x axis
-     * @values xsmall, small, medium, large, xlarge
-     */
-    paddingX: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (size: string) => boolean;
-    };
-    /**
-     * Enable Drag & Drop events
-     */
-    dragDrop: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * The active view mode.
-     */
-    viewMode: {
-        type: PropType<typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table>;
-        default: () => "resource-table";
-        validator: (value: typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table) => boolean;
-    };
-    /**
-     * Enable hover effect
-     */
-    hover: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Show that the table is sorted by this column (no actual sorting takes place)
-     */
-    sortBy: {
-        type: StringConstructor;
-        required: false;
-        default: any;
-    };
-    /**
-     * Define what fields should be displayed in the table
-     * If null, all fields are displayed
-     */
-    fieldsDisplayed: {
-        type: ArrayConstructor;
-        required: false;
-        default: any;
-    };
-    /**
-     * Show that the table is sorted ascendingly/descendingly (no actual sorting takes place)
-     */
-    sortDir: {
-        type: PropType<SortDir>;
-        required: false;
-        default: any;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Space resource the provided resources originate from. Not required on meta pages like favorites, search, ...
-     */
-    space: {
-        type: PropType<SpaceResource>;
-        required: false;
-        default: any;
-    };
-    resourceType: {
-        type: PropType<"file" | "space">;
-        default: string;
-    };
-    /**
-     * Determines if the table content should be loaded lazily.
-     */
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * This is only relevant for CERN and can be ignored in any other cases.
-     */
-    groupingSettings: {
-        type: ObjectConstructor;
-        required: false;
-        default: any;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onSort?: (...args: any[]) => any;
-    onRowMounted?: (...args: any[]) => any;
-    onFileDropped?: (...args: any[]) => any;
-    onFileClick?: (...args: any[]) => any;
-    "onUpdate:selectedIds"?: (...args: any[]) => any;
-}>, {
-    space: SpaceResource;
-    selectedIds: string[];
-    sortBy: string;
-    viewMode: "resource-table" | "resource-table-condensed";
-    isSideBarOpen: boolean;
-    targetRouteCallback: (arg: CreateTargetRouteOptions) => unknown;
-    resourceDomSelector: (resource: Resource) => string;
-    sortDir: SortDir;
-    lazy: boolean;
-    hover: boolean;
-    dragDrop: boolean;
-    headerPosition: number;
-    paddingX: string;
-    arePathsDisplayed: boolean;
-    areThumbnailsDisplayed: boolean;
-    hasActions: boolean;
-    areResourcesClickable: boolean;
-    isSelectable: boolean;
-    fieldsDisplayed: unknown[];
-    resourceType: "file" | "space";
-    groupingSettings: Record<string, any>;
-}, {}, {
-    ContextMenuQuickAction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        item: {
-            type: ObjectConstructor;
-            required: true;
-        };
-        resourceDomSelector: {
-            type: FunctionConstructor;
-            required: false;
-            default: (resource: Resource) => string;
-        };
-    }>, {
-        contextMenuLabel: ComputedRef<string>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "quickActionClicked"[], "quickActionClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        item: {
-            type: ObjectConstructor;
-            required: true;
-        };
-        resourceDomSelector: {
-            type: FunctionConstructor;
-            required: false;
-            default: (resource: Resource) => string;
-        };
-    }>> & Readonly<{
-        onQuickActionClicked?: (...args: any[]) => any;
-    }>, {
-        resourceDomSelector: Function;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ResourceGhostElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        previewItems: {
-            type: PropType<Resource[]>;
-            required: true;
-        };
-    }>, {}, {}, {
-        layerCount(): number;
-        showSecondLayer(): boolean;
-        showThirdLayer(): boolean;
-        itemCount(): number;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        previewItems: {
-            type: PropType<Resource[]>;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {
-        ResourceIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource>;
-                required: true;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>, {
-            icon: ComputedRef<import('../..').IconType>;
-            iconTypeClass: ComputedRef<"oc-resource-icon-space" | "oc-resource-icon-folder" | "oc-resource-icon-file">;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource>;
-                required: true;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{}>, {
-            size: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ResourceListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        resource: {
-            type: PropType<Resource>;
-            required: true;
-        };
-        pathPrefix: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        link: {
-            type: PropType<import('vue-router').RouteLocationRaw>;
-            required: false;
-            default: any;
-        };
-        isPathDisplayed: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        parentFolderLink: {
-            type: ObjectConstructor;
-            required: false;
-            default: any;
-        };
-        parentFolderName: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        parentFolderLinkIconAdditionalAttributes: {
-            type: ObjectConstructor;
-            required: false;
-            default: () => {};
-        };
-        isExtensionDisplayed: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isThumbnailDisplayed: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isIconDisplayed: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isResourceClickable: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-    }>, {}, {}, {
-        parentFolderComponentType(): "router-link" | "span";
-        parentFolderStyle(): {
-            cursor: string;
-        };
-        parentFolderLinkIconAttrs(): {
-            'fill-type': string;
-            name: string;
-            size: string;
-        };
-        hasThumbnail(): any;
-        thumbnail(): string;
-        tooltipLabelIcon(): string;
-    }, {
-        emitClick(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        resource: {
-            type: PropType<Resource>;
-            required: true;
-        };
-        pathPrefix: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        link: {
-            type: PropType<import('vue-router').RouteLocationRaw>;
-            required: false;
-            default: any;
-        };
-        isPathDisplayed: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        parentFolderLink: {
-            type: ObjectConstructor;
-            required: false;
-            default: any;
-        };
-        parentFolderName: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        parentFolderLinkIconAdditionalAttributes: {
-            type: ObjectConstructor;
-            required: false;
-            default: () => {};
-        };
-        isExtensionDisplayed: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isThumbnailDisplayed: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isIconDisplayed: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isResourceClickable: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onClick?: (...args: any[]) => any;
-    }>, {
-        link: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-        isResourceClickable: boolean;
-        pathPrefix: string;
-        isPathDisplayed: boolean;
-        isExtensionDisplayed: boolean;
-        parentFolderLink: Record<string, any>;
-        parentFolderName: string;
-        parentFolderLinkIconAdditionalAttributes: Record<string, any>;
-        isThumbnailDisplayed: boolean;
-        isIconDisplayed: boolean;
-    }, {}, {
-        ResourceIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource>;
-                required: true;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>, {
-            icon: ComputedRef<import('../..').IconType>;
-            iconTypeClass: ComputedRef<"oc-resource-icon-space" | "oc-resource-icon-folder" | "oc-resource-icon-file">;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource>;
-                required: true;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{}>, {
-            size: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        ResourceLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            link: {
-                type: PropType<import('vue-router').RouteLocationRaw>;
-                required: false;
-                default: any;
-            };
-            resource: {
-                type: ObjectConstructor;
-                required: true;
-            };
-            isResourceClickable: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>, {
-            linkTarget: ComputedRef<"_blank" | "_self">;
-        }, {}, {
-            isNavigatable(): boolean;
-            componentType(): "router-link" | "oc-button";
-            componentProps(): {
-                appearance: string;
-                gapSize: string;
-                justifyContent: string;
-                to?: undefined;
-            } | {
-                to: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-                appearance?: undefined;
-                gapSize?: undefined;
-                justifyContent?: undefined;
-            };
-        }, {
-            emitClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            link: {
-                type: PropType<import('vue-router').RouteLocationRaw>;
-                required: false;
-                default: any;
-            };
-            resource: {
-                type: ObjectConstructor;
-                required: true;
-            };
-            isResourceClickable: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClick?: (...args: any[]) => any;
-        }>, {
-            link: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-            isResourceClickable: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        ResourceName: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            name: {
-                type: StringConstructor;
-                required: true;
-            };
-            pathPrefix: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            extension: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            type: {
-                type: StringConstructor;
-                required: true;
-            };
-            fullPath: {
-                type: StringConstructor;
-                required: true;
-            };
-            isPathDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            isExtensionDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            truncateName: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>, {}, {}, {
-            tooltip(): string;
-            fullName(): string;
-            displayName(): string;
-            displayExtension(): string;
-            displayPath(): string;
-            pathTooltip(): string;
-            htmlTitle(): string;
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            name: {
-                type: StringConstructor;
-                required: true;
-            };
-            pathPrefix: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            extension: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            type: {
-                type: StringConstructor;
-                required: true;
-            };
-            fullPath: {
-                type: StringConstructor;
-                required: true;
-            };
-            isPathDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            isExtensionDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            truncateName: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            extension: string;
-            pathPrefix: string;
-            isPathDisplayed: boolean;
-            isExtensionDisplayed: boolean;
-            truncateName: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ResourceSize: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            required: true;
-        };
-    }>, {
-        formattedSize: ComputedRef<string>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    OcTable: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Props> & Readonly<{
-            [x: `on${Capitalize<any>}`]: (...args: any) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            [x: string]: any;
-        } & {
-            [x: string]: any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLTableElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Props> & Readonly<{
-            [x: `on${Capitalize<any>}`]: (...args: any) => any;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Props> & Readonly<{
-        [x: `on${Capitalize<any>}`]: (...args: any) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        [x: string]: any;
-    } & {
-        [x: string]: any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Slots;
-    });
-    OcSpinner: import('vue').DefineComponent<import('node_modules/@opencloud-eu/design-system/src/components/OcSpinner/OcSpinner.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcSpinner/OcSpinner.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;