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

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

@@ -1,507 +1,73 @@
-import { PropType } from 'vue';
 import { Resource } from '@opencloud-eu/web-client';
 import { RouteLocationRaw } from 'vue-router';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Resource to be displayed within the tile
-     */
-    resource: {
-        type: PropType<Resource>;
-        default: () => {};
-    };
-    resourceRoute: {
-        type: PropType<RouteLocationRaw>;
-        required: false;
-        default: any;
-    };
-    isResourceSelected: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    isResourceClickable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    isResourceDisabled: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    isExtensionDisplayed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resourceIconSize: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    statusIconAttrs: import('vue').ComputedRef<{
-        name: string;
-        fillType: string;
-    } | {
-        name?: undefined;
-        fillType?: undefined;
-    }>;
-    showStatusIcon: import('vue').ComputedRef<boolean>;
-    tooltipLabelIcon: import('vue').ComputedRef<string>;
-    resourceDescription: import('vue').ComputedRef<string>;
-    shouldDisplayThumbnails: (resource: Resource) => string;
-    isProjectSpaceResource: (resource: Resource) => resource is import('@opencloud-eu/web-client').ProjectSpaceResource;
-    isHidden: import('vue').ComputedRef<boolean>;
-    observerTarget: import('vue').Ref<HTMLElement, HTMLElement>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "contextmenu" | "itemVisible")[], "click" | "contextmenu" | "itemVisible", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Resource to be displayed within the tile
-     */
-    resource: {
-        type: PropType<Resource>;
-        default: () => {};
-    };
-    resourceRoute: {
-        type: PropType<RouteLocationRaw>;
-        required: false;
-        default: any;
-    };
-    isResourceSelected: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    isResourceClickable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    isResourceDisabled: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    isExtensionDisplayed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resourceIconSize: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onClick?: (...args: any[]) => any;
-    onContextmenu?: (...args: any[]) => any;
-    onItemVisible?: (...args: any[]) => any;
-}>, {
-    resource: Resource;
-    isResourceClickable: boolean;
-    isExtensionDisplayed: boolean;
-    lazy: boolean;
-    isResourceDisabled: boolean;
-    isResourceSelected: boolean;
-    resourceRoute: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-    resourceIconSize: string;
-}, {}, {
-    ResourceListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        resource: {
-            type: PropType<Resource>;
-            required: true;
-        };
-        pathPrefix: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        link: {
-            type: PropType<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<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: import('vue').ComputedRef<import('../..').IconType>;
-            iconTypeClass: import('vue').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<RouteLocationRaw>;
-                required: false;
-                default: any;
-            };
-            resource: {
-                type: ObjectConstructor;
-                required: true;
-            };
-            isResourceClickable: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>, {
-            linkTarget: import('vue').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<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>;
-    ResourceIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        resource: {
-            type: PropType<Resource>;
-            required: true;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-    }>, {
-        icon: import('vue').ComputedRef<import('../..').IconType>;
-        iconTypeClass: import('vue').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<RouteLocationRaw>;
-            required: false;
-            default: any;
-        };
-        resource: {
-            type: ObjectConstructor;
-            required: true;
-        };
-        isResourceClickable: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-    }>, {
-        linkTarget: import('vue').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<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>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { SizeType } from '@opencloud-eu/design-system/helpers';
+type __VLS_Props = {
+    resource?: Resource;
+    resourceRoute?: RouteLocationRaw;
+    isResourceSelected?: boolean;
+    isResourceClickable?: boolean;
+    isResourceDisabled?: boolean;
+    isExtensionDisplayed?: boolean;
+    resourceIconSize?: SizeType;
+    lazy?: boolean;
+    isLoading?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        actions?: (props: {
+            item: Resource;
+        }) => unknown;
+        contextMenu?: (props: {
+            item: Resource;
+        }) => unknown;
+        imageField?: (props: {
+            item: Resource;
+        }) => unknown;
+        indicators?: (props: {
+            item: Resource;
+        }) => unknown;
+        selection?: (props: {
+            item: Resource;
+        }) => unknown;
+    }> & {
+        actions?: (props: {
+            item: Resource;
+        }) => unknown;
+        contextMenu?: (props: {
+            item: Resource;
+        }) => unknown;
+        imageField?: (props: {
+            item: Resource;
+        }) => unknown;
+        indicators?: (props: {
+            item: Resource;
+        }) => unknown;
+        selection?: (props: {
+            item: Resource;
+        }) => unknown;
+    };
+    refs: {
+        observerTarget: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+    contextmenu: (event: Event) => any;
+    itemVisible: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: () => any;
+    onContextmenu?: (event: Event) => any;
+    onItemVisible?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    observerTarget: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};