@pitcher/js-api 1.26.0-beta.1 → 1.26.0-beta.10

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;
@@ -29,7 +29,7 @@ export default function useApp(): {
                 short_url?: string | null | undefined;
             };
             account?: {
-                id: string;
+                id?: string | undefined;
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: 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;
@@ -76,7 +76,7 @@ export default function useApp(): {
                 short_url?: string | null | undefined;
             };
             account?: {
-                id: string;
+                id?: string | undefined;
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: 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;
@@ -123,7 +123,7 @@ export default function useApp(): {
                 short_url?: string | null | undefined;
             };
             account?: {
-                id: string;
+                id?: string | undefined;
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: 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;
@@ -170,7 +170,7 @@ export default function useApp(): {
                 short_url?: string | null | undefined;
             };
             account?: {
-                id: string;
+                id?: string | undefined;
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: 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;
@@ -223,7 +223,7 @@ export default function useApp(): {
                 short_url?: string | null | undefined;
             };
             account?: {
-                id: string;
+                id?: string | undefined;
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: 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;
@@ -270,7 +270,7 @@ export default function useApp(): {
                 short_url?: string | null | undefined;
             };
             account?: {
-                id: string;
+                id?: string | undefined;
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: 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;
@@ -317,7 +317,7 @@ export default function useApp(): {
                 short_url?: string | null | undefined;
             };
             account?: {
-                id: string;
+                id?: string | undefined;
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: 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;
@@ -364,7 +364,7 @@ export default function useApp(): {
                 short_url?: string | null | undefined;
             };
             account?: {
-                id: string;
+                id?: string | undefined;
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: 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;
@@ -412,7 +412,7 @@ export default function useApp(): {
             short_url?: string | null | undefined;
         };
         account?: {
-            id: string;
+            id?: string | undefined;
             name?: string | undefined;
         } | null | undefined;
         folder_id?: 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;
@@ -458,7 +458,7 @@ export default function useApp(): {
             short_url?: string | null | undefined;
         };
         account?: {
-            id: string;
+            id?: string | undefined;
             name?: string | undefined;
         } | null | undefined;
         folder_id?: 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;
@@ -505,7 +505,7 @@ export default function useApp(): {
             short_url?: string | null | undefined;
         };
         account?: {
-            id: string;
+            id?: string | undefined;
             name?: string | undefined;
         } | null | undefined;
         folder_id?: 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;
@@ -552,7 +552,7 @@ export default function useApp(): {
             short_url?: string | null | undefined;
         };
         account?: {
-            id: string;
+            id?: string | undefined;
             name?: string | undefined;
         } | null | undefined;
         folder_id?: 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;
@@ -599,7 +599,7 @@ export default function useApp(): {
             short_url?: string | null | undefined;
         };
         account?: {
-            id: string;
+            id?: string | undefined;
             name?: string | undefined;
         } | null | undefined;
         folder_id?: 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;
@@ -646,7 +646,7 @@ export default function useApp(): {
             short_url?: string | null | undefined;
         };
         account?: {
-            id: string;
+            id?: string | undefined;
             name?: string | undefined;
         } | null | undefined;
         folder_id?: 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,12 +14,22 @@ 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>;
@@ -27,3 +37,10 @@ export type CollectionPlayer = {
     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, CollectionPlayer } 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,13 +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 CollectionPlayer format
- * Reuses existing parsing utilities and handles selectedPages filtering
+ * 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 optional selectedPages
+ * @param filesData - Array of file data with id, name, and optional selectedPages
  * @param name - Name for the collection (defaults to 'Collection')
- * @returns Transformed CollectionPlayer data
+ * @returns Transformed CollectionPlayerV2 data with file_id references
  */
-export declare function transformFilesToCollectionPlayer(t: I18nTranslate, filesData: any[], name?: string): CollectionPlayer;
+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/components/Assets.vue.d.ts

@@ -28,8 +28,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             marginLeft: string;
         };
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        readonly span: string | number;
         readonly offset: string | number;
+        readonly span: string | number;
         readonly suffix: boolean;
         readonly privateShow: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             marginLeft: string;
         };
     }, {}, {}, {}, {
-        readonly span: string | number;
         readonly offset: string | number;
+        readonly span: string | number;
         readonly suffix: boolean;
         readonly privateShow: boolean;
     }> | null;

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 offset: string | number;
+        readonly span: 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 offset: string | number;
+        readonly span: string | number;
+        readonly suffix: boolean;
+        readonly privateShow: boolean;
+    }> | null;
+}, HTMLDivElement>;
 export default _default;

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

@@ -13,21 +13,29 @@ type __VLS_Props = {
         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;
@@ -48,10 +56,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         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>;

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

@@ -4,6 +4,7 @@ import { RecentFile } from '../../../types/recentFiles.types';
 import { ApiStore } from './api';
 export type AppName = 'admin' | 'impact';
 export type SelectorType = 'content' | 'assets' | 'external_links' | 'ai_images' | 'pexels_images' | 'theme' | `multimedia-selector-${string}`;
+export type SortOption = 'nameAsc' | 'nameDesc' | 'modifiedAsc' | 'modifiedDesc';
 export type SelectedPage = {
     id: string;
     name?: string;
@@ -77,8 +78,11 @@ export type AppStateProperties = {
     search: Ref<string>;
     searchMetadataFilters: Ref<Record<string, any>>;
     isLocalSearch: Ref<boolean>;
+    selectedSortOption: Ref<SortOption>;
     selectedItems: Ref<ContentSelectorSelectedItem[]>;
+    addedItems: Ref<ContentSelectorSelectedItem[]>;
     selectedSection: Ref<BrowserSectionType>;
+    isDragNDropEnabled: ComputedRef<boolean>;
     selectedFiles: ComputedRef<SelectedFile[]>;
     selectedPages: ComputedRef<SelectedPage[]>;
     selectedAssets: ComputedRef<SelectedAsset[]>;
@@ -93,6 +97,8 @@ export type AppStateProperties = {
     activeFolderFolders: ComputedRef<FolderFolder[]>;
     activeFolderFiles: ComputedRef<FolderFile[]>;
     isAdmin: ComputedRef<boolean>;
+    allowMultimediaSelectorApp: Ref<boolean>;
+    sectionPanelRef: Ref<HTMLElement | null>;
     activeFolder: Ref<FolderRetrieve | null>;
     activeFile: Ref<FileRetrieve | null>;
     disableNoSharable: Ref<boolean>;
@@ -100,14 +106,22 @@ export type AppStateProperties = {
     recent: Ref<RecentFile[]>;
     favorites: Ref<Record<MiniPage['id'] | File['id'] | Folder['id'], Favorite>>;
     filteredItems: Ref<FolderItemWithFolderId[]>;
+    allowedSelectorTypes: Ref<SelectorType[]>;
 };
 export type AppStore = AppStateProperties & {
     getThumbnailUrl: (file: Partial<File>) => string | null | undefined;
     setAppName: (appName: AppName) => void;
     resetSelectedItems: () => void;
-    setSelectedItems: (items: ContentSelectorSelectedItem[], maxSelections?: number) => Promise<void>;
+    resetAddedItems: () => void;
+    setItems: (variable: 'added' | 'selected', items: ContentSelectorSelectedItem[], maxSelections?: number) => Promise<void>;
     setActiveSelectorType: (s?: SelectorType) => void;
+    setAllowedSelectorTypes: (s: SelectorType[]) => void;
     selectItem: (i: ContentSelectorSelectedItem) => void;
+    handleItemClick: (item: ContentSelectorSelectedItem) => void;
+    addItems: (position?: 'top' | 'bottom' | number) => void;
+    deleteItems: () => void;
+    deleteItem: (item: ContentSelectorSelectedItem) => void;
+    setSectionPanelRef: (element: HTMLElement | null) => void;
     selectAllFiles: (selection: SelectedFile[]) => void;
     setDisableNoSharable: (disable: boolean) => void;
     setDisableNoPptxData: (disable: boolean) => void;
@@ -123,6 +137,7 @@ export type AppStore = AppStateProperties & {
     setSearchQuery: (searchQuery: string) => void;
     setAllowedOriginalExtensions: (extensions: string[]) => void;
     setSearchMetadataFilters: (filters: Record<string, any>) => void;
+    setSortOption: (sortOption: SortOption) => void;
     setFavorites: (favorites: Record<MiniPage['id'] | File['id'] | Folder['id'], Favorite>) => void;
     setRecentFiles: (recentFiles: RecentFile[]) => void;
     setFilteredItems: (filteredItems: FolderItemWithFolderId[]) => void;