@opencloud-eu/web-pkg 0.1.1 → 1.0.0

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

@@ -0,0 +1,1411 @@
+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: import('vue-router').RouteLocationRaw;
+        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: import('vue-router').RouteLocationRaw;
+                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: import('vue-router').RouteLocationRaw;
+            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<{
+            onSort?: (...args: any[]) => any;
+            "onThead-clicked"?: (...args: any[]) => any;
+            onHighlight?: (...args: any[]) => any;
+            onRowMounted?: (...args: any[]) => any;
+            onContextmenuClicked?: (...args: any[]) => any;
+            onItemDropped?: (...args: any[]) => any;
+            onItemDragged?: (...args: any[]) => any;
+            onItemVisible?: (...args: any[]) => any;
+            onDropRowStyling?: (...args: any[]) => any;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            sort: (...args: any[]) => void;
+            "thead-clicked": (...args: any[]) => void;
+            highlight: (...args: any[]) => void;
+            rowMounted: (...args: any[]) => void;
+            contextmenuClicked: (...args: any[]) => void;
+            itemDropped: (...args: any[]) => void;
+            itemDragged: (...args: any[]) => void;
+            itemVisible: (...args: any[]) => void;
+            dropRowStyling: (...args: any[]) => void;
+        }, import('vue').PublicProps, {}, false, {}, {}, 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/OcTable/OcTable.vue').Props> & Readonly<{
+            onSort?: (...args: any[]) => any;
+            "onThead-clicked"?: (...args: any[]) => any;
+            onHighlight?: (...args: any[]) => any;
+            onRowMounted?: (...args: any[]) => any;
+            onContextmenuClicked?: (...args: any[]) => any;
+            onItemDropped?: (...args: any[]) => any;
+            onItemDragged?: (...args: any[]) => any;
+            onItemVisible?: (...args: any[]) => any;
+            onDropRowStyling?: (...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<{
+        onSort?: (...args: any[]) => any;
+        "onThead-clicked"?: (...args: any[]) => any;
+        onHighlight?: (...args: any[]) => any;
+        onRowMounted?: (...args: any[]) => any;
+        onContextmenuClicked?: (...args: any[]) => any;
+        onItemDropped?: (...args: any[]) => any;
+        onItemDragged?: (...args: any[]) => any;
+        onItemVisible?: (...args: any[]) => any;
+        onDropRowStyling?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        sort: (...args: any[]) => void;
+        "thead-clicked": (...args: any[]) => void;
+        highlight: (...args: any[]) => void;
+        rowMounted: (...args: any[]) => void;
+        contextmenuClicked: (...args: any[]) => void;
+        itemDropped: (...args: any[]) => void;
+        itemDragged: (...args: any[]) => void;
+        itemVisible: (...args: any[]) => void;
+        dropRowStyling: (...args: any[]) => void;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+            item: any;
+        }) => any>> & {
+            footer?(_: {}): any;
+        };
+    });
+    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, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;