@pitcher/js-api 1.24.0-beta.2 → 1.24.0-rc.0

package/lib/apps/collection-selector/components/CollectionGroup.vue.d.ts

@@ -1,7 +1,7 @@
 import { CollectionGroup } from '../../collection-player/types/collection-player.type';
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     group: CollectionGroup;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    group: CollectionGroup;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    filters?: Record<string, any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/lib/apps/collection-selector/components/CollectionItem.vue.d.ts

@@ -1,21 +1,17 @@
 import { CollectionSlide } from '../../collection-player/types/collection-player.type';
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     item: CollectionSlide;
     isFirst?: boolean;
     isLast?: boolean;
     disabledMoveToGroup?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     moveUp: () => any;
     moveDown: () => any;
     moveToGroup: () => any;
-}, string, import('vue').PublicProps, Readonly<{
-    item: CollectionSlide;
-    isFirst?: boolean;
-    isLast?: boolean;
-    disabledMoveToGroup?: boolean;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onMoveUp?: (() => any) | undefined;
     onMoveDown?: (() => any) | undefined;
     onMoveToGroup?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/lib/apps/collection-selector/components/CollectionToolbar.vue.d.ts

@@ -1,2 +1,5 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    readonlyName?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/lib/apps/collection-selector/components/modals/MoveSlideModal.vue.d.ts

@@ -1,14 +1,12 @@
 import { CollectionGroup, CollectionSlide } from '../../../collection-player/types/collection-player.type';
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     zIndex?: number;
     groups: CollectionGroup[];
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => any;
     moveToGroup: (fromGroup: string, toGroup: string, slide: CollectionSlide) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    zIndex?: number;
-    groups: CollectionGroup[];
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onMoveToGroup?: ((fromGroup: string, toGroup: string, slide: CollectionSlide) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/lib/apps/collection-selector/composables/content-warning.use.d.ts

@@ -0,0 +1,6 @@
+import { CollectionPlayer, CollectionSlide } from '../../collection-player/types/collection-player.type';
+export declare function useContentWarning(): {
+    isWarningVisible: import('vue').Ref<boolean, boolean>;
+    validateCollectionPlayerContent: (collectionPlayer: CollectionPlayer) => void;
+    validateCollectionSlides: (slides: CollectionSlide[]) => void;
+};

package/lib/apps/collection-selector/composables/move-slide-modal.use.d.ts

@@ -18,6 +18,7 @@ export declare function provideMoveSlideModal(): {
                 readonly id: string;
                 name?: string | undefined;
                 readonly type: import('../../../main.lib').FileTypeEnum;
+                tags?: Array<string> | undefined;
                 readonly thumbnail_url: string | null;
                 permissions?: {
                     can_download?: boolean | undefined;
@@ -41,6 +42,7 @@ export declare function provideMoveSlideModal(): {
                 readonly id: string;
                 name?: string | undefined;
                 readonly type: import('../../../main.lib').FileTypeEnum;
+                tags?: Array<string> | undefined;
                 readonly thumbnail_url: string | null;
                 permissions?: {
                     can_download?: boolean | undefined;
@@ -63,6 +65,7 @@ export declare function provideMoveSlideModal(): {
                 readonly id: string;
                 name?: string | undefined;
                 readonly type: import('../../../main.lib').FileTypeEnum;
+                tags?: Array<string> | undefined;
                 readonly thumbnail_url: string | null;
                 permissions?: {
                     can_download?: boolean | undefined;
@@ -86,6 +89,7 @@ export declare function provideMoveSlideModal(): {
                 readonly id: string;
                 name?: string | undefined;
                 readonly type: import('../../../main.lib').FileTypeEnum;
+                tags?: Array<string> | undefined;
                 readonly thumbnail_url: string | null;
                 permissions?: {
                     can_download?: boolean | undefined;

package/lib/apps/collection-selector/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const DragConfig: {
+    readonly forceAutoScrollFallback: true;
+    readonly scrollSensitivity: 100;
+    readonly scrollSpeed: 30;
+};

package/lib/apps/collection-selector/export.d.ts

@@ -0,0 +1,2 @@
+export * from './utils/content-selector-adapter.util';
+export * from './utils/data.util';

package/lib/apps/collection-selector/stores/app.store.d.ts

@@ -1,8 +1,11 @@
-import { Ref } from 'vue';
+import { Ref, EmitFn, ComputedRef, ComponentPublicInstance } from 'vue';
 import { default as useConfirmation } from '../../../composables/useConfirmation';
 import { CollectionGroup, CollectionPlayer, CollectionSlide } from '../../collection-player/types/collection-player.type';
 import { FetchFileList, SelectFileContent } from '../types/common.type';
-import { File, FileRetrieve, FileContentTypeEnum } from '../../../../types/openapi';
+import { File, FileRetrieve } from '../../../../types/openapi';
+import { Translations } from '../types/collection-selector.type';
+import { Emit } from '../App.vue';
+import { useContentWarning } from '../composables/content-warning.use';
 type StorePayload = {
     initialCollection?: CollectionPlayer;
     t: (key: string, values?: Record<string, string | number>) => string;
@@ -10,9 +13,13 @@ type StorePayload = {
     selectFileContent: SelectFileContent;
     attachTo?: HTMLElement | string;
     openSettings?: () => void;
+    closeOnSettings?: boolean;
     fetchFile: (id: string) => Promise<FileRetrieve>;
     fetchFileList: FetchFileList;
     zIndex?: number;
+    emit: EmitFn<Emit>;
+    translations?: Translations;
+    contentRef: Ref<ComponentPublicInstance | null>;
 };
 type StoreData = {
     collection: Ref<CollectionPlayer>;
@@ -26,131 +33,20 @@ type StoreData = {
     updateCollectionName: (name: string) => void;
     updateGroupName: (groupId: string, name: string) => void;
     deleteSlide: (groupId: string, slide: CollectionSlide) => void;
-    addSlides: (groupId: string) => Promise<CollectionSlide[] | undefined>;
+    addSlides: (groupId: string, filters?: Record<string, any>) => Promise<CollectionSlide[] | undefined>;
     moveSlideToGroup: (fromGroup: string, toGroup: string, slide: CollectionSlide) => void;
     selectFileContent: SelectFileContent;
-    openSettings?: () => void;
+    openSettings: () => void;
+    closeOnSettings?: boolean;
     fetchFile: (id: string) => Promise<FileRetrieve>;
     fetchFileList: FetchFileList;
     childModalZIndex?: number;
+    cancel: () => void;
+    saveAndClose: () => void;
+    translations?: Translations;
+    isSettingsButtonVisible: ComputedRef<boolean>;
+    contentWarning: ReturnType<typeof useContentWarning>;
 };
-export declare function provideAppStore({ initialCollection, t, confirmation, selectFileContent, attachTo, openSettings, fetchFile, fetchFileList, zIndex, }: StorePayload): {
-    collection: Ref<{
-        groups: {
-            id: string;
-            name: string;
-            slides: ({
-                id: string;
-                type: "slide";
-                file: {
-                    metadata?: Record<string, any> | undefined;
-                    readonly id: string;
-                    name?: string | undefined;
-                    readonly type: import('../../../../types/openapi').FileTypeEnum;
-                    readonly thumbnail_url: string | null;
-                    permissions?: {
-                        can_download?: boolean | undefined;
-                        can_share?: boolean | undefined;
-                    } | undefined;
-                    readonly content_url: string | null;
-                    readonly content_type: FileContentTypeEnum;
-                    readonly pspdfkit_auth_payload: Record<string, any> | null;
-                    readonly pspdfkit_document_id: string | null;
-                    readonly pspdfkit_server_url: string | null;
-                };
-                slide: {
-                    index: number;
-                    url: FileRetrieve["thumbnail_url"];
-                };
-            } | {
-                id: string;
-                type: "file";
-                file: {
-                    metadata?: Record<string, any> | undefined;
-                    readonly id: string;
-                    name?: string | undefined;
-                    readonly type: import('../../../../types/openapi').FileTypeEnum;
-                    readonly thumbnail_url: string | null;
-                    permissions?: {
-                        can_download?: boolean | undefined;
-                        can_share?: boolean | undefined;
-                    } | undefined;
-                    readonly content_url: string | null;
-                    readonly content_type: FileContentTypeEnum;
-                    readonly pspdfkit_auth_payload: Record<string, any> | null;
-                    readonly pspdfkit_document_id: string | null;
-                    readonly pspdfkit_server_url: string | null;
-                };
-            })[];
-        }[];
-        name: string;
-    }, CollectionPlayer | {
-        groups: {
-            id: string;
-            name: string;
-            slides: ({
-                id: string;
-                type: "slide";
-                file: {
-                    metadata?: Record<string, any> | undefined;
-                    readonly id: string;
-                    name?: string | undefined;
-                    readonly type: import('../../../../types/openapi').FileTypeEnum;
-                    readonly thumbnail_url: string | null;
-                    permissions?: {
-                        can_download?: boolean | undefined;
-                        can_share?: boolean | undefined;
-                    } | undefined;
-                    readonly content_url: string | null;
-                    readonly content_type: FileContentTypeEnum;
-                    readonly pspdfkit_auth_payload: Record<string, any> | null;
-                    readonly pspdfkit_document_id: string | null;
-                    readonly pspdfkit_server_url: string | null;
-                };
-                slide: {
-                    index: number;
-                    url: FileRetrieve["thumbnail_url"];
-                };
-            } | {
-                id: string;
-                type: "file";
-                file: {
-                    metadata?: Record<string, any> | undefined;
-                    readonly id: string;
-                    name?: string | undefined;
-                    readonly type: import('../../../../types/openapi').FileTypeEnum;
-                    readonly thumbnail_url: string | null;
-                    permissions?: {
-                        can_download?: boolean | undefined;
-                        can_share?: boolean | undefined;
-                    } | undefined;
-                    readonly content_url: string | null;
-                    readonly content_type: FileContentTypeEnum;
-                    readonly pspdfkit_auth_payload: Record<string, any> | null;
-                    readonly pspdfkit_document_id: string | null;
-                    readonly pspdfkit_server_url: string | null;
-                };
-            })[];
-        }[];
-        name: string;
-    }>;
-    expandedGroups: Ref<string[], string[]>;
-    selectFileContent: SelectFileContent;
-    openSettings: (() => void) | undefined;
-    fetchFile: (id: string) => Promise<FileRetrieve>;
-    fetchFileList: FetchFileList;
-    usedFiles: Ref<Record<string, File>, Record<string, File>>;
-    childModalZIndex: number | undefined;
-    addGroup: (group?: Partial<CollectionGroup>) => CollectionGroup | undefined;
-    deleteGroup: (groupId: string, groupName: string) => void;
-    updateGroup: (group: Partial<Omit<CollectionGroup, "id">> & Pick<CollectionGroup, "id">) => void;
-    updateGroups: (groups: CollectionGroup[]) => void;
-    updateSlides: (groupId: string, slides: CollectionSlide[]) => void;
-    updateCollectionName: (name: string) => void;
-    updateGroupName: (groupId: string, name: string) => void;
-    deleteSlide: (groupId: string, slide: CollectionSlide) => void;
-    addSlides: (groupId: string) => Promise<(import('../../collection-player/types/collection-player.type').CollectionPage | import('../../collection-player/types/collection-player.type').CollectionFile)[] | undefined>;
-    moveSlideToGroup: (fromGroup: string, toGroup: string, slide: CollectionSlide) => void;
-};
+export declare function provideAppStore({ initialCollection, t, confirmation, selectFileContent, attachTo, openSettings: openSettingsFn, closeOnSettings, fetchFile, fetchFileList, zIndex, emit, translations, contentRef, }: StorePayload): StoreData;
 export declare function useAppStore(): StoreData;
 export {};

package/lib/apps/collection-selector/types/collection-selector.type.d.ts

@@ -1,6 +1,11 @@
 import { CollectionPlayer } from '../../collection-player/types/collection-player.type';
 import { FetchFileList, SelectFileContent } from './common.type';
 import { FileRetrieve } from '../../../../types/openapi';
+export type Translations = {
+    createGroup?: string;
+    title?: string;
+    warningMessage?: string;
+};
 export type CollectionSelectorProps = {
     zIndex?: number;
     attachTo?: string | HTMLElement;
@@ -9,4 +14,9 @@ export type CollectionSelectorProps = {
     openSettings?: () => void;
     fetchFile: (id: string) => Promise<FileRetrieve>;
     fetchFileList: FetchFileList;
+    readonlyName?: boolean;
+    closeOnSettings?: boolean;
+    translations?: Translations;
+    initialMetadataFilters?: Record<string, any>;
+    hideClose?: boolean;
 };

package/lib/apps/collection-selector/types/common.type.d.ts

@@ -2,11 +2,12 @@ import { SelectedFile, SelectedPage, SelectorType } from '../../content-selector
 import { File, FileContentTypeEnum } from '../../../../types/openapi';
 import { Selection } from '../../../types/selections';
 export type SelectFileContent = (payload: {
-    attachTo?: HTMLElement | string;
+    attach_to?: HTMLElement | string;
     selections?: Selection[];
-    allowedSelectorTypes?: SelectorType[];
-    allowedContentTypes?: FileContentTypeEnum[];
-    allowedAssetContentTypes?: FileContentTypeEnum[];
+    allowed_selector_types?: SelectorType[];
+    allowed_content_types?: FileContentTypeEnum[];
+    allowed_asset_content_types?: FileContentTypeEnum[];
+    initial_metadata_filters?: Record<string, any>;
 }) => Promise<{
     user_action: string;
     content?: (SelectedFile | SelectedPage)[];

package/lib/apps/collection-selector/utils/data.util.d.ts

@@ -3,7 +3,7 @@ import { CollectionFile, CollectionPage, CollectionPlayer } from '../../collecti
 export declare const getDefaultNewGroupName: (t: I18nTranslate) => string;
 export declare const getDefaultGroupName: (t: I18nTranslate) => string;
 export declare const getDefaultCollectionName: (t: I18nTranslate) => string;
-export declare const generateNewGroup: (t: I18nTranslate) => {
+export declare const generateNewEmptyGroup: (t: I18nTranslate) => {
     id: string;
     name: string;
     slides: never[];

package/lib/apps/content-selector/App.vue.d.ts

@@ -12,5 +12,7 @@ declare const _default: import('vue').DefineComponent<AppProps, {}, {}, {}, {},
     }) => any) | undefined;
 }>, {
     minSelections: import('../../main.lib').Range<0, 999>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hostElement: HTMLDivElement;
+}, any>;
 export default _default;

package/lib/apps/content-selector/appTypes.d.ts

@@ -1,4 +1,4 @@
-import { FileContentTypeEnum } from '../../../types/openapi';
+import { File, FileContentTypeEnum } from '../../../types/openapi';
 import { Range } from '../../util/tsHelpers';
 import { SelectorType } from './stores/app';
 import { Selection } from '../../types/selections';
@@ -9,7 +9,10 @@ export type AppProps = {
     allowedSelectorTypes?: SelectorType[];
     allowedContentTypes?: FileContentTypeEnum[];
     allowedAssetContentTypes?: FileContentTypeEnum[];
+    allowedIds?: File['id'][];
+    allowedOriginalExtensions?: string[];
     contentType: 'file' | 'slide' | 'content';
+    initialMetadataFilters?: Record<string, any>;
     zIndex?: number;
     onFavoritesFetch?: FavoritesFetcher;
     onRecentFilesFetch?: RecentFilesFetcher;
@@ -22,4 +25,5 @@ export type AppProps = {
     primaryActionText?: string;
     maxSelections?: number;
     minSelections?: Range<0, 999>;
+    disableNoSharable?: boolean;
 };

package/lib/apps/content-selector/components/AiImages.vue.d.ts

@@ -1,10 +1,12 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     add: (args_0: {
         url: string;
+        content_type: "image" | "video";
     }) => any;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onAdd?: ((args_0: {
         url: string;
+        content_type: "image" | "video";
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/apps/content-selector/components/Assets/AssetUploader.vue.d.ts

@@ -2,5 +2,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
     uploadsComplete: () => any;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onUploadsComplete?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    fileInput: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;

package/lib/apps/content-selector/components/Assets.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/lib/apps/content-selector/components/Content/ActionsToolbar/ActionsToolbar.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/lib/apps/content-selector/components/Content/AllContent/Grid/FoldersFilesGrid.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/lib/apps/content-selector/components/Content/AllContent/List/FoldersFilesList.vue.d.ts

@@ -1,2 +1,165 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    wrapperRef: HTMLDivElement;
+    toolbarWrapperRef: HTMLDivElement;
+    searchFiltersRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        disabled?: boolean;
+        engagingIds?: string[];
+        searchInOptions?: import('../../../../../../components/CSearchFilters/CSearchFilters.types').SearchInOption[];
+        filters?: Record<string, any>;
+        initialSearchValue?: string;
+        placeholder?: string;
+        popularIds?: string[];
+        recommendedIds?: string[];
+        showLatestFilter?: boolean;
+        hideMetadataFilters?: boolean;
+        hideFilters?: boolean;
+        customFilterComponents?: {
+            type: import('../../../../../../../types/openapi').MetadataTemplateFieldTypeEnum;
+            name: string;
+            label: string;
+            options?: [];
+        }[];
+        enableDependentFilters?: boolean;
+        dependentFiltersEntity?: "file" | "canvas";
+    }> & Readonly<{
+        "onUpdate:search"?: ((search: string, filters?: Record<string, any> | undefined) => any) | undefined;
+        "onUpdate:filters"?: ((filters: Record<string, any>) => any) | undefined;
+        "onUpdate:searchIn"?: ((searchIn: string) => any) | undefined;
+    }>, {
+        clearSearch: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:search": (search: string, filters?: Record<string, any> | undefined) => any;
+        "update:filters": (filters: Record<string, any>) => any;
+        "update:searchIn": (searchIn: string) => any;
+    }, import('vue').PublicProps, {
+        filters: Record<string, any>;
+        placeholder: string;
+        initialSearchValue: string;
+        engagingIds: string[];
+        popularIds: string[];
+        recommendedIds: string[];
+        showLatestFilter: boolean;
+        hideMetadataFilters: boolean;
+        hideFilters: boolean;
+        dependentFiltersEntity: "file" | "canvas";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        searchOnClickRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly disabled?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly initialSearchValue?: string | undefined;
+                readonly onSearch?: ((s: string) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "search", s: string) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                disabled?: boolean;
+                placeholder?: string;
+                fullWidth?: boolean;
+                initialSearchValue?: string;
+            }> & Readonly<{
+                onSearch?: ((s: string) => any) | undefined;
+            }>, {
+                clear: () => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                search: (s: string) => any;
+            }, string, {
+                initialSearchValue: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            initialSearchValue: string;
+        }> & Omit<Readonly<{
+            disabled?: boolean;
+            placeholder?: string;
+            fullWidth?: boolean;
+            initialSearchValue?: string;
+        }> & Readonly<{
+            onSearch?: ((s: string) => any) | undefined;
+        }>, "clear" | "initialSearchValue"> & import('vue').ShallowUnwrapRef<{
+            clear: () => Promise<void>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                options?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        disabled?: boolean;
+        engagingIds?: string[];
+        searchInOptions?: import('../../../../../../components/CSearchFilters/CSearchFilters.types').SearchInOption[];
+        filters?: Record<string, any>;
+        initialSearchValue?: string;
+        placeholder?: string;
+        popularIds?: string[];
+        recommendedIds?: string[];
+        showLatestFilter?: boolean;
+        hideMetadataFilters?: boolean;
+        hideFilters?: boolean;
+        customFilterComponents?: {
+            type: import('../../../../../../../types/openapi').MetadataTemplateFieldTypeEnum;
+            name: string;
+            label: string;
+            options?: [];
+        }[];
+        enableDependentFilters?: boolean;
+        dependentFiltersEntity?: "file" | "canvas";
+    }> & Readonly<{
+        "onUpdate:search"?: ((search: string, filters?: Record<string, any> | undefined) => any) | undefined;
+        "onUpdate:filters"?: ((filters: Record<string, any>) => any) | undefined;
+        "onUpdate:searchIn"?: ((searchIn: string) => any) | undefined;
+    }>, {
+        clearSearch: () => void;
+    }, {}, {}, {}, {
+        filters: Record<string, any>;
+        placeholder: string;
+        initialSearchValue: string;
+        engagingIds: string[];
+        popularIds: string[];
+        recommendedIds: string[];
+        showLatestFilter: boolean;
+        hideMetadataFilters: boolean;
+        hideFilters: boolean;
+        dependentFiltersEntity: "file" | "canvas";
+    }> | null;
+}, HTMLDivElement>;
 export default _default;

package/lib/apps/content-selector/components/Content/AllContent/List/FoldersFilesListItem.vue.d.ts

@@ -1,7 +1,7 @@
 import { ComputedRef } from 'vue';
 import { FolderFile } from '../../../../../../../types/openapi';
 import { SelectedFile, SelectedFolder } from '../../../../stores/app';
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     filters: ComputedRef<Record<string, any>>;
     highlightText?: string;
     isContextMenuOpen?: boolean;
@@ -14,27 +14,17 @@ declare const _default: import('vue').DefineComponent<{
     };
     data: any[];
     selectedItems: (SelectedFile | SelectedFolder)[];
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    isDisabled?: boolean;
+    metadata: Record<string, any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "open-folder": (item: FolderFile) => any;
     "preview-file": (item: {
         [key: string]: any;
         id: string;
     }, event: MouseEvent) => any;
     "expand-file": (item: FolderFile) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    filters: ComputedRef<Record<string, any>>;
-    highlightText?: string;
-    isContextMenuOpen?: boolean;
-    doNotShowFolderDetails?: boolean;
-    isSelected?: boolean;
-    index?: number;
-    item: {
-        id: string;
-        [key: string]: any;
-    };
-    data: any[];
-    selectedItems: (SelectedFile | SelectedFolder)[];
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onOpen-folder"?: ((item: FolderFile) => any) | undefined;
     "onPreview-file"?: ((item: {
         [key: string]: any;
@@ -42,10 +32,11 @@ declare const _default: import('vue').DefineComponent<{
     }, event: MouseEvent) => any) | undefined;
     "onExpand-file"?: ((item: FolderFile) => any) | undefined;
 }>, {
+    metadata: Record<string, any>;
     isSelected: boolean;
     index: number;
-    isContextMenuOpen: boolean;
     highlightText: string;
+    isContextMenuOpen: boolean;
     doNotShowFolderDetails: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/lib/apps/content-selector/components/Content/SelectionPanel/SelectionPanel.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;