@pitcher/js-api 1.25.0 → 1.26.0-beta.2

package/lib/apps/canvas-selector/stores/app.d.ts

@@ -14,7 +14,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -61,7 +61,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -108,7 +108,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -155,7 +155,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -208,7 +208,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -255,7 +255,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -302,7 +302,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -349,7 +349,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -397,7 +397,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -443,7 +443,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -490,7 +490,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -537,7 +537,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -584,7 +584,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -631,7 +631,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;

package/lib/apps/collection-player/App.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     isFullscreen: import('vue').Ref<boolean, boolean>;
     handleKeyAction: import('./composables/keyboard-bindings.use').ActionCallback;
     element: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    updateResolvedData: (resolvedData: CollectionPlayer) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
     close: () => any;

package/lib/apps/collection-player/components/ImageWithAnnotations.vue.d.ts

@@ -9,7 +9,11 @@ type __VLS_Props = {
     zoom: number;
     scalingMode: 'fit-content' | 'fit-width' | 'fit-height';
 };
-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, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    repaint: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRepaint?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     editorContainer: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;

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

@@ -79,6 +79,9 @@ type StoreData = {
     nodeId?: string;
     handleKeyAction: ActionCallback;
     annotationLayer: ReturnType<typeof useAnnotationLayer>;
+    updateSlideInSwiper: (index: number) => void;
+    rootElement: Ref<HTMLElement | null>;
+    updateResolvedData: (resolvedData: CollectionPlayer) => void;
 };
 export declare function provideAppStore({ data, isEditMode, rootElement, api, emit, options, isLoading, nodeId, inModal, }: StorePayload): StoreData;
 export declare function useAppStore(): StoreData;

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

@@ -14,15 +14,33 @@ export type CollectionFile = {
     type: 'file';
     file: CollectionFileEntity;
 };
+export type CollectionSlideV2 = {
+    id: string;
+    file_id: FileRetrieve['id'];
+    index?: number;
+};
 export type CollectionSlide = CollectionPage | CollectionFile;
 export type CollectionGroup = {
     id: string;
     name: string;
     slides: CollectionSlide[];
 };
+export type CollectionGroupV2 = {
+    id: string;
+    name: string;
+    slides: CollectionSlideV2[];
+};
 export type CollectionPlayer = {
     groups: CollectionGroup[];
     filters?: Record<string, any>;
     name: string;
     hide_footer?: boolean;
+    data_accessor?: string;
 };
+export interface CollectionPlayerV2 {
+    groups: CollectionGroupV2[];
+    filters?: Record<string, any>;
+    name: string;
+    hide_footer?: boolean;
+    data_accessor?: string;
+}

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

@@ -1,20 +1,20 @@
-import { CollectionPlayer, CollectionSlide } from '../collection-player/types/collection-player.type';
+import { CollectionPlayerV2, CollectionSlide } from '../collection-player/types/collection-player.type';
 import { CollectionSelectorProps } from './types/collection-selector.type';
 export type Emit = {
-    close: [CollectionPlayer];
-    settings: [CollectionPlayer];
+    close: [CollectionPlayerV2];
+    settings: [CollectionPlayerV2];
     cancel: [];
     contentChange: [CollectionSlide];
 };
 declare const _default: import('vue').DefineComponent<CollectionSelectorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    settings: (args_0: CollectionPlayer) => any;
+    settings: (args_0: CollectionPlayerV2) => any;
     cancel: () => any;
-    close: (args_0: CollectionPlayer) => any;
+    close: (args_0: CollectionPlayerV2) => any;
     contentChange: (args_0: CollectionSlide) => any;
 }, string, import('vue').PublicProps, Readonly<CollectionSelectorProps> & Readonly<{
-    onSettings?: ((args_0: CollectionPlayer) => any) | undefined;
+    onSettings?: ((args_0: CollectionPlayerV2) => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onClose?: ((args_0: CollectionPlayer) => any) | undefined;
+    onClose?: ((args_0: CollectionPlayerV2) => any) | undefined;
     onContentChange?: ((args_0: CollectionSlide) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     contentRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<import('vue-draggable-plus').VueDraggableProps>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {

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

@@ -2,7 +2,7 @@ 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 } from '../../../../types/openapi';
+import { FileRetrieve } from '../../../../types/openapi';
 import { Translations } from '../types/collection-selector.type';
 import { Emit } from '../App.vue';
 import { useContentWarning } from '../composables/content-warning.use';
@@ -24,7 +24,7 @@ type StorePayload = {
 type StoreData = {
     collection: Ref<CollectionPlayer>;
     expandedGroups: Ref<string[]>;
-    usedFiles: Ref<Record<File['id'], File>>;
+    usedFiles: Ref<Record<FileRetrieve['id'], FileRetrieve>>;
     addGroup: (group?: Partial<CollectionGroup>) => CollectionGroup | undefined;
     deleteGroup: (groupId: string, groupName: string) => void;
     updateGroup: (group: Partial<Omit<CollectionGroup, 'id'>> & Pick<CollectionGroup, 'id'>) => void;
@@ -46,6 +46,8 @@ type StoreData = {
     translations?: Translations;
     isSettingsButtonVisible: ComputedRef<boolean>;
     contentWarning: ReturnType<typeof useContentWarning>;
+    isLoadingFiles: ComputedRef<boolean>;
+    areRequiredFilesLoaded: ComputedRef<boolean>;
 };
 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;

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

@@ -1,7 +1,8 @@
 import { SelectedFile, SelectedPage } from '../../content-selector/stores/app';
 import { Selection } from '../../../types/selections';
 import { FileRetrieve } from '../../../../types/openapi';
-import { CollectionFile, CollectionPage, CollectionGroup } from '../../collection-player/types/collection-player.type';
+import { ContentGridProps } from '../../canvas-builder/types/canvas';
+import { CollectionFile, CollectionPage, CollectionGroup, CollectionPlayerV2, CollectionSlideV2 } from '../../collection-player/types/collection-player.type';
 import { I18nTranslate } from '../../../types/common';
 export declare function parsePptxFileToCollectionPlayer(t: I18nTranslate, _file: FileRetrieve): {
     name: string;
@@ -38,4 +39,21 @@ export declare function parseContentSelectorToCollectionPlayerSlides({ selectedI
     selectedItems: (SelectedFile | SelectedPage)[];
     filesById: Record<FileRetrieve['id'], FileRetrieve>;
 }): (CollectionPage | CollectionFile)[];
-export declare function parseCollectionPlayerSlidesToContentSelector(slides?: CollectionGroup['slides']): Selection[];
+export declare function parseCollectionPlayerSlidesToContentSelector(slides?: CollectionGroup['slides'] | CollectionSlideV2[]): Selection[];
+/**
+ * Transform an array of file data into CollectionPlayerV2 format
+ * Returns minimal data structure with only file_id references
+ * Each file gets its own group to maintain proper structure for PPTX sections
+ * @param t - Translation function
+ * @param filesData - Array of file data with id, name, and optional selectedPages
+ * @param name - Name for the collection (defaults to 'Collection')
+ * @returns Transformed CollectionPlayerV2 data with file_id references
+ */
+export declare function transformFilesToCollectionPlayer(t: I18nTranslate, filesData: any[], name?: string): CollectionPlayerV2;
+/**
+ * Transform an array of file data into ContentGrid format
+ * Handles the new data structure with file references and selectedPages arrays
+ * @param filesData - Array of file data with id, name, and optional selectedPages
+ * @returns Transformed ContentGridProps data
+ */
+export declare function transformFilesToContentGrid(filesData: any[]): ContentGridProps;

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

@@ -1,5 +1,5 @@
 import { I18nTranslate } from '../../../types/common';
-import { CollectionFile, CollectionPage, CollectionPlayer } from '../../collection-player/types/collection-player.type';
+import { CollectionFile, CollectionPage, CollectionPlayer, CollectionPlayerV2 } from '../../collection-player/types/collection-player.type';
 export declare const getDefaultNewGroupName: (t: I18nTranslate) => string;
 export declare const getDefaultGroupName: (t: I18nTranslate) => string;
 export declare const getDefaultCollectionName: (t: I18nTranslate) => string;
@@ -18,6 +18,6 @@ export declare const generateNewCollection: (t: I18nTranslate) => {
 };
 export declare const generateNewCollectionSlide: (payload: Pick<CollectionPage, "file" | "slide">) => CollectionPage;
 export declare const generateNewCollectionFile: (file: CollectionFile["file"]) => CollectionFile;
-export declare const getUniqueFilesCount: (data: CollectionPlayer) => number;
-export declare const getGroupsCount: (data: CollectionPlayer) => number;
-export declare const getSlidesCount: (data: CollectionPlayer) => number;
+export declare const getUniqueFilesCount: (data: CollectionPlayer | CollectionPlayerV2) => number;
+export declare const getGroupsCount: (data: CollectionPlayer | CollectionPlayerV2) => number;
+export declare const getSlidesCount: (data: CollectionPlayer | CollectionPlayerV2) => number;

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

@@ -2,11 +2,13 @@ import { ContentSelectorSelectedItem } from './stores/app';
 import { AppProps } from './appTypes';
 declare const _default: import('vue').DefineComponent<AppProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     cancel: () => any;
+    "asset-deleted": (id: string) => any;
     "primary-action": (p: {
         selectedItems: ContentSelectorSelectedItem[];
     }) => any;
 }, string, import('vue').PublicProps, Readonly<AppProps> & Readonly<{
     onCancel?: (() => any) | undefined;
+    "onAsset-deleted"?: ((id: string) => any) | undefined;
     "onPrimary-action"?: ((p: {
         selectedItems: ContentSelectorSelectedItem[];
     }) => any) | undefined;

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

@@ -27,4 +27,6 @@ export type AppProps = {
     maxSelections?: number;
     minSelections?: Range<0, 999>;
     disableNoSharable?: boolean;
+    disableNoPptxData?: boolean;
+    onlyAllowContentPdfPages?: boolean;
 };

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

@@ -1,2 +1,76 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+import { ComputedRef, Ref } from 'vue';
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    scrollableContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly span: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: 1;
+        };
+        readonly offset: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: 0;
+        };
+        readonly suffix: BooleanConstructor;
+        readonly privateOffset: NumberConstructor;
+        readonly privateSpan: NumberConstructor;
+        readonly privateColStart: NumberConstructor;
+        readonly privateShow: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+    }>> & Readonly<{}>, {
+        overflow: import('vue').Ref<boolean, boolean>;
+        itemStyle: import('vue').Ref<string | import('vue').CSSProperties | undefined, string | import('vue').CSSProperties | undefined>;
+        layoutShiftDisabled: import('vue').Ref<boolean, boolean>;
+        mergedXGap: import('vue').ComputedRef<string>;
+        deriveStyle: () => {
+            display: string;
+            gridColumn: string;
+            marginLeft: string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        readonly span: string | number;
+        readonly offset: string | number;
+        readonly suffix: boolean;
+        readonly privateShow: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly span: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: 1;
+        };
+        readonly offset: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: 0;
+        };
+        readonly suffix: BooleanConstructor;
+        readonly privateOffset: NumberConstructor;
+        readonly privateSpan: NumberConstructor;
+        readonly privateColStart: NumberConstructor;
+        readonly privateShow: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+    }>> & Readonly<{}>, {
+        overflow: import('vue').Ref<boolean, boolean>;
+        itemStyle: import('vue').Ref<string | import('vue').CSSProperties | undefined, string | import('vue').CSSProperties | undefined>;
+        layoutShiftDisabled: import('vue').Ref<boolean, boolean>;
+        mergedXGap: import('vue').ComputedRef<string>;
+        deriveStyle: () => {
+            display: string;
+            gridColumn: string;
+            marginLeft: string;
+        };
+    }, {}, {}, {}, {
+        readonly span: string | number;
+        readonly offset: string | number;
+        readonly suffix: boolean;
+        readonly privateShow: boolean;
+    }> | null;
+}, HTMLDivElement>;
 export default _default;

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

@@ -29,6 +29,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             }[] | undefined;
             readonly enableDependentFilters?: boolean | undefined;
             readonly dependentFiltersEntity?: "file" | "canvas" | undefined;
+            readonly contentType?: string[] | undefined;
             readonly "onUpdate:search"?: ((search: string, filters?: Record<string, any> | undefined) => any) | undefined;
             readonly "onUpdate:filters"?: ((filters: Record<string, any>) => any) | undefined;
             readonly "onUpdate:searchIn"?: ((searchIn: string) => any) | undefined;
@@ -146,6 +147,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             }[];
             enableDependentFilters?: boolean;
             dependentFiltersEntity?: "file" | "canvas";
+            contentType?: string[];
         }> & Readonly<{
             "onUpdate:search"?: ((search: string, filters?: Record<string, any> | undefined) => any) | undefined;
             "onUpdate:filters"?: ((filters: Record<string, any>) => any) | undefined;
@@ -225,6 +227,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         }[];
         enableDependentFilters?: boolean;
         dependentFiltersEntity?: "file" | "canvas";
+        contentType?: string[];
     }> & Readonly<{
         "onUpdate:search"?: ((search: string, filters?: Record<string, any> | undefined) => any) | undefined;
         "onUpdate:filters"?: ((filters: Record<string, any>) => any) | undefined;

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

@@ -16,6 +16,7 @@ type __VLS_Props = {
     selectedItems: (SelectedFile | SelectedFolder)[];
     isDisabled?: boolean;
     metadata: Record<string, any>;
+    hideFilesCount?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "open-folder": (item: FolderFile) => any;

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

@@ -1,2 +1,75 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    sectionPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly span: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: 1;
+        };
+        readonly offset: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: 0;
+        };
+        readonly suffix: BooleanConstructor;
+        readonly privateOffset: NumberConstructor;
+        readonly privateSpan: NumberConstructor;
+        readonly privateColStart: NumberConstructor;
+        readonly privateShow: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+    }>> & Readonly<{}>, {
+        overflow: import('vue').Ref<boolean, boolean>;
+        itemStyle: import('vue').Ref<string | import('vue').CSSProperties | undefined, string | import('vue').CSSProperties | undefined>;
+        layoutShiftDisabled: import('vue').Ref<boolean, boolean>;
+        mergedXGap: import('vue').ComputedRef<string>;
+        deriveStyle: () => {
+            display: string;
+            gridColumn: string;
+            marginLeft: string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        readonly span: string | number;
+        readonly offset: string | number;
+        readonly suffix: boolean;
+        readonly privateShow: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly span: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: 1;
+        };
+        readonly offset: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: 0;
+        };
+        readonly suffix: BooleanConstructor;
+        readonly privateOffset: NumberConstructor;
+        readonly privateSpan: NumberConstructor;
+        readonly privateColStart: NumberConstructor;
+        readonly privateShow: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+    }>> & Readonly<{}>, {
+        overflow: import('vue').Ref<boolean, boolean>;
+        itemStyle: import('vue').Ref<string | import('vue').CSSProperties | undefined, string | import('vue').CSSProperties | undefined>;
+        layoutShiftDisabled: import('vue').Ref<boolean, boolean>;
+        mergedXGap: import('vue').ComputedRef<string>;
+        deriveStyle: () => {
+            display: string;
+            gridColumn: string;
+            marginLeft: string;
+        };
+    }, {}, {}, {}, {
+        readonly span: string | number;
+        readonly offset: string | number;
+        readonly suffix: boolean;
+        readonly privateShow: boolean;
+    }> | null;
+}, HTMLDivElement>;
 export default _default;

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

@@ -10,23 +10,32 @@ type __VLS_Props = {
             id: File['id'];
             name?: File['name'];
         };
+        metadata?: Record<string, any>;
         page_index?: number;
         permissions?: File['permissions'];
-        id?: string;
+        id: string;
         content_extension?: string | null;
         created_by_user_id?: User['id'];
     };
     isSelected?: boolean;
     isDeleteDisabled?: boolean;
     deleteDisabledTooltip?: string;
+    movable?: boolean;
+    selectedIds?: (number | string)[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    move: (...args: any[]) => void;
+    dragOver: (...args: any[]) => void;
+    dragging: (...args: any[]) => void;
     itemSelected: (...args: any[]) => void;
     itemDeselected: (...args: any[]) => void;
     itemClicked: (...args: any[]) => void;
     itemExpanded: (...args: any[]) => void;
     itemDeleted: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onMove?: ((...args: any[]) => any) | undefined;
+    onDragOver?: ((...args: any[]) => any) | undefined;
+    onDragging?: ((...args: any[]) => any) | undefined;
     onItemSelected?: ((...args: any[]) => any) | undefined;
     onItemDeselected?: ((...args: any[]) => any) | undefined;
     onItemClicked?: ((...args: any[]) => any) | undefined;
@@ -44,12 +53,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             id: File["id"];
             name?: File["name"];
         };
+        metadata?: Record<string, any>;
         page_index?: number;
         permissions?: File["permissions"];
-        id?: string;
+        id: string;
         content_extension?: string | null;
         created_by_user_id?: User["id"];
     };
+    selectedIds: (number | string)[];
+    movable: boolean;
     isDeleteDisabled: boolean;
     deleteDisabledTooltip: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;