@pitcher/js-api 1.26.0-beta.4 → 1.26.0-beta.6

package/lib/apps/canvas-builder/composables/useCanvasBlocks.d.ts

@@ -517,6 +517,81 @@ export default function useCanvasBlocks(): {
                     } | undefined;
                 }[];
                 readonly layout: "vertical" | "horizontal";
+            } | {
+                readonly filters?: readonly {
+                    readonly property: string;
+                    readonly operator: import('../../../types/query-builder.types').QueryOperator;
+                    readonly value: string;
+                }[] | undefined;
+                readonly layout: "column" | "row";
+                readonly page_size?: number | undefined;
+                readonly path: string;
+                readonly properties: readonly {
+                    readonly key: string;
+                    readonly display_name?: string | undefined;
+                    readonly sort: {
+                        readonly direction?: "asc" | "desc" | undefined;
+                        readonly default?: boolean | undefined;
+                        readonly enabled: boolean;
+                    };
+                    readonly group?: boolean | undefined;
+                    readonly printable?: boolean | undefined;
+                    readonly format?: {
+                        readonly type?: "currency" | "number" | "percentage" | "date" | undefined;
+                        readonly currency?: string | undefined;
+                        readonly decimals?: number | undefined;
+                        readonly thousandsSeparator?: boolean | undefined;
+                        readonly dateFormat?: string | undefined;
+                    } | undefined;
+                }[];
+                readonly theme?: {
+                    readonly background_color?: string | null | undefined;
+                    readonly group_header_color?: string | null | undefined;
+                    readonly font_family?: string | undefined;
+                } | undefined;
+                readonly break_groups_on_new_page?: boolean | undefined;
+                readonly enable_row_striping?: boolean | undefined;
+                readonly striping_color?: string | null | undefined;
+                readonly striping_start_from_first?: boolean | undefined;
+            } | {
+                readonly hierarchy: readonly {
+                    readonly type: "group" | "data";
+                    readonly path: string;
+                    readonly group_by_key?: string | undefined;
+                }[];
+                readonly columns: readonly {
+                    readonly key: string;
+                    readonly display_name?: string | undefined;
+                    readonly sort: {
+                        readonly direction?: "asc" | "desc" | undefined;
+                        readonly default?: boolean | undefined;
+                        readonly enabled: boolean;
+                    };
+                    readonly group?: boolean | undefined;
+                    readonly printable?: boolean | undefined;
+                    readonly format?: {
+                        readonly type?: "currency" | "number" | "percentage" | "date" | undefined;
+                        readonly currency?: string | undefined;
+                        readonly decimals?: number | undefined;
+                        readonly thousandsSeparator?: boolean | undefined;
+                        readonly dateFormat?: string | undefined;
+                    } | undefined;
+                }[];
+                readonly header_path?: string | undefined;
+                readonly footer_path?: string | undefined;
+                readonly filters?: readonly {
+                    readonly property: string;
+                    readonly operator: import('../../../types/query-builder.types').QueryOperator;
+                    readonly value: string;
+                }[] | undefined;
+                readonly theme?: {
+                    readonly background_color?: string | null | undefined;
+                    readonly group_header_color?: string | null | undefined;
+                    readonly font_family?: string | undefined;
+                } | undefined;
+                readonly enable_row_striping?: boolean | undefined;
+                readonly striping_color?: string | null | undefined;
+                readonly striping_start_from_first?: boolean | undefined;
             } | undefined;
             readonly children?: readonly /*elided*/ any[] | undefined;
             readonly when_used_in_section?: {
@@ -899,6 +974,81 @@ export default function useCanvasBlocks(): {
                     } | undefined;
                 }[];
                 readonly layout: "vertical" | "horizontal";
+            } | {
+                readonly filters?: readonly {
+                    readonly property: string;
+                    readonly operator: import('../../../types/query-builder.types').QueryOperator;
+                    readonly value: string;
+                }[] | undefined;
+                readonly layout: "column" | "row";
+                readonly page_size?: number | undefined;
+                readonly path: string;
+                readonly properties: readonly {
+                    readonly key: string;
+                    readonly display_name?: string | undefined;
+                    readonly sort: {
+                        readonly direction?: "asc" | "desc" | undefined;
+                        readonly default?: boolean | undefined;
+                        readonly enabled: boolean;
+                    };
+                    readonly group?: boolean | undefined;
+                    readonly printable?: boolean | undefined;
+                    readonly format?: {
+                        readonly type?: "currency" | "number" | "percentage" | "date" | undefined;
+                        readonly currency?: string | undefined;
+                        readonly decimals?: number | undefined;
+                        readonly thousandsSeparator?: boolean | undefined;
+                        readonly dateFormat?: string | undefined;
+                    } | undefined;
+                }[];
+                readonly theme?: {
+                    readonly background_color?: string | null | undefined;
+                    readonly group_header_color?: string | null | undefined;
+                    readonly font_family?: string | undefined;
+                } | undefined;
+                readonly break_groups_on_new_page?: boolean | undefined;
+                readonly enable_row_striping?: boolean | undefined;
+                readonly striping_color?: string | null | undefined;
+                readonly striping_start_from_first?: boolean | undefined;
+            } | {
+                readonly hierarchy: readonly {
+                    readonly type: "group" | "data";
+                    readonly path: string;
+                    readonly group_by_key?: string | undefined;
+                }[];
+                readonly columns: readonly {
+                    readonly key: string;
+                    readonly display_name?: string | undefined;
+                    readonly sort: {
+                        readonly direction?: "asc" | "desc" | undefined;
+                        readonly default?: boolean | undefined;
+                        readonly enabled: boolean;
+                    };
+                    readonly group?: boolean | undefined;
+                    readonly printable?: boolean | undefined;
+                    readonly format?: {
+                        readonly type?: "currency" | "number" | "percentage" | "date" | undefined;
+                        readonly currency?: string | undefined;
+                        readonly decimals?: number | undefined;
+                        readonly thousandsSeparator?: boolean | undefined;
+                        readonly dateFormat?: string | undefined;
+                    } | undefined;
+                }[];
+                readonly header_path?: string | undefined;
+                readonly footer_path?: string | undefined;
+                readonly filters?: readonly {
+                    readonly property: string;
+                    readonly operator: import('../../../types/query-builder.types').QueryOperator;
+                    readonly value: string;
+                }[] | undefined;
+                readonly theme?: {
+                    readonly background_color?: string | null | undefined;
+                    readonly group_header_color?: string | null | undefined;
+                    readonly font_family?: string | undefined;
+                } | undefined;
+                readonly enable_row_striping?: boolean | undefined;
+                readonly striping_color?: string | null | undefined;
+                readonly striping_start_from_first?: boolean | undefined;
             } | undefined;
             readonly children?: readonly /*elided*/ any[] | undefined;
             readonly when_used_in_section?: {

package/lib/apps/canvas-builder/composables/useCanvasCompletionWizard.d.ts

@@ -3,7 +3,7 @@ import { SectionListProps, ComponentNode } from '../types/canvas';
 import { WizardStep } from '../components/container/CanvasCompletionWizard/CanvasCompletionWizard.vue';
 export default function useCanvasCompletionWizard(): {
     wizardSteps: ComputedRef<WizardStep[]>;
-    sectionListNodes: ComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[]>;
+    sectionListNodes: ComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[]>;
     isCompletionWizardEnabled: ComputedRef<boolean>;
     isCompletionWizardCompleted: ComputedRef<boolean>;
     isCompletionWizardShowing: ComputedRef<boolean>;

package/lib/apps/canvas-builder/composables/useCanvasHistory.d.ts

@@ -327,6 +327,81 @@ export default function useCanvasHistory(): {
                     card_style?: Record<string, any> | undefined;
                 }[];
                 layout: "vertical" | "horizontal";
+            } | {
+                filters?: {
+                    property: string;
+                    operator: import('../../../types/query-builder.types').QueryOperator;
+                    value: string;
+                }[] | undefined;
+                layout: "column" | "row";
+                page_size?: number | undefined;
+                path: string;
+                properties: {
+                    key: string;
+                    display_name?: string | undefined;
+                    sort: {
+                        direction?: "asc" | "desc" | undefined;
+                        default?: boolean | undefined;
+                        enabled: boolean;
+                    };
+                    group?: boolean | undefined;
+                    printable?: boolean | undefined;
+                    format?: {
+                        type?: "currency" | "number" | "percentage" | "date" | undefined;
+                        currency?: string | undefined;
+                        decimals?: number | undefined;
+                        thousandsSeparator?: boolean | undefined;
+                        dateFormat?: string | undefined;
+                    } | undefined;
+                }[];
+                theme?: {
+                    background_color?: string | null | undefined;
+                    group_header_color?: string | null | undefined;
+                    font_family?: string | undefined;
+                } | undefined;
+                break_groups_on_new_page?: boolean | undefined;
+                enable_row_striping?: boolean | undefined;
+                striping_color?: string | null | undefined;
+                striping_start_from_first?: boolean | undefined;
+            } | {
+                hierarchy: {
+                    type: "group" | "data";
+                    path: string;
+                    group_by_key?: string | undefined;
+                }[];
+                columns: {
+                    key: string;
+                    display_name?: string | undefined;
+                    sort: {
+                        direction?: "asc" | "desc" | undefined;
+                        default?: boolean | undefined;
+                        enabled: boolean;
+                    };
+                    group?: boolean | undefined;
+                    printable?: boolean | undefined;
+                    format?: {
+                        type?: "currency" | "number" | "percentage" | "date" | undefined;
+                        currency?: string | undefined;
+                        decimals?: number | undefined;
+                        thousandsSeparator?: boolean | undefined;
+                        dateFormat?: string | undefined;
+                    } | undefined;
+                }[];
+                header_path?: string | undefined;
+                footer_path?: string | undefined;
+                filters?: {
+                    property: string;
+                    operator: import('../../../types/query-builder.types').QueryOperator;
+                    value: string;
+                }[] | undefined;
+                theme?: {
+                    background_color?: string | null | undefined;
+                    group_header_color?: string | null | undefined;
+                    font_family?: string | undefined;
+                } | undefined;
+                enable_row_striping?: boolean | undefined;
+                striping_color?: string | null | undefined;
+                striping_start_from_first?: boolean | undefined;
             } | undefined;
             children?: /*elided*/ any[] | undefined;
             when_used_in_section?: {
@@ -675,6 +750,81 @@ export default function useCanvasHistory(): {
                     card_style?: Record<string, any> | undefined;
                 }[];
                 layout: "vertical" | "horizontal";
+            } | {
+                filters?: {
+                    property: string;
+                    operator: import('../../../types/query-builder.types').QueryOperator;
+                    value: string;
+                }[] | undefined;
+                layout: "column" | "row";
+                page_size?: number | undefined;
+                path: string;
+                properties: {
+                    key: string;
+                    display_name?: string | undefined;
+                    sort: {
+                        direction?: "asc" | "desc" | undefined;
+                        default?: boolean | undefined;
+                        enabled: boolean;
+                    };
+                    group?: boolean | undefined;
+                    printable?: boolean | undefined;
+                    format?: {
+                        type?: "currency" | "number" | "percentage" | "date" | undefined;
+                        currency?: string | undefined;
+                        decimals?: number | undefined;
+                        thousandsSeparator?: boolean | undefined;
+                        dateFormat?: string | undefined;
+                    } | undefined;
+                }[];
+                theme?: {
+                    background_color?: string | null | undefined;
+                    group_header_color?: string | null | undefined;
+                    font_family?: string | undefined;
+                } | undefined;
+                break_groups_on_new_page?: boolean | undefined;
+                enable_row_striping?: boolean | undefined;
+                striping_color?: string | null | undefined;
+                striping_start_from_first?: boolean | undefined;
+            } | {
+                hierarchy: {
+                    type: "group" | "data";
+                    path: string;
+                    group_by_key?: string | undefined;
+                }[];
+                columns: {
+                    key: string;
+                    display_name?: string | undefined;
+                    sort: {
+                        direction?: "asc" | "desc" | undefined;
+                        default?: boolean | undefined;
+                        enabled: boolean;
+                    };
+                    group?: boolean | undefined;
+                    printable?: boolean | undefined;
+                    format?: {
+                        type?: "currency" | "number" | "percentage" | "date" | undefined;
+                        currency?: string | undefined;
+                        decimals?: number | undefined;
+                        thousandsSeparator?: boolean | undefined;
+                        dateFormat?: string | undefined;
+                    } | undefined;
+                }[];
+                header_path?: string | undefined;
+                footer_path?: string | undefined;
+                filters?: {
+                    property: string;
+                    operator: import('../../../types/query-builder.types').QueryOperator;
+                    value: string;
+                }[] | undefined;
+                theme?: {
+                    background_color?: string | null | undefined;
+                    group_header_color?: string | null | undefined;
+                    font_family?: string | undefined;
+                } | undefined;
+                enable_row_striping?: boolean | undefined;
+                striping_color?: string | null | undefined;
+                striping_start_from_first?: boolean | undefined;
             } | undefined;
             children?: /*elided*/ any[] | undefined;
             when_used_in_section?: {

package/lib/apps/canvas-builder/composables/useCanvasPages.d.ts

@@ -19,7 +19,7 @@ export default function useCanvasPages(): {
     } | null>;
     activeSectionId: ComputedRef<string | null>;
     activeSectionTheme: ComputedRef<Record<string, any> | null>;
-    canvasPages: ComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[][]>;
+    canvasPages: ComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[][]>;
     currentPageIndex: import('vue').Ref<number, number>;
     currentSectionList: ComputedRef<{
         sectionListId: string;

package/lib/apps/canvas-builder/composables/useCanvasSectionOverrides.d.ts

@@ -13,7 +13,7 @@ declare function setSectionOverrides(sectionId: CanvasRetrieve['id'], overrides?
 declare function cleanup(): void;
 export default function useCanvasSectionOverrides(): {
     getComponentOverrides: (data: Ref<ComponentNode["data"]>, id: Ref<ComponentNode["id"]>, sectionId?: Ref<CanvasRetrieve["id"]>) => import('vue').ComputedRef<{
-        data: (import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps) | undefined;
+        data: (import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps) | undefined;
         is_removed: boolean;
     }>;
     discardOverridesConfirmationOptions: typeof discardOverridesConfirmationOptions;

package/lib/apps/canvas-builder/composables/useCanvasTheme.d.ts

@@ -449,6 +449,9 @@ export default function useCanvasTheme(): {
     backgroundPositionY: import('vue').Ref<BackgroundPositionY, BackgroundPositionY>;
     backgroundSize: import('vue').Ref<BackgroundSize, BackgroundSize>;
     backgroundRepeat: import('vue').Ref<BackgroundRepeat, BackgroundRepeat>;
+    pdfDimensionsPreset: import('vue').Ref<string | undefined, string | undefined>;
+    pdfDimensionsWidth: import('vue').Ref<string | undefined, string | undefined>;
+    pdfDimensionsHeight: import('vue').Ref<string | undefined, string | undefined>;
     isLoading: import('vue').Ref<boolean, boolean>;
     initializeTheme: typeof initializeTheme;
     getDefaultTypographyConfiguration: typeof getDefaultTypographyConfiguration;

package/lib/apps/canvas-builder/composables/useCanvasVisibility.d.ts

@@ -3,7 +3,7 @@ import { ComponentNode, ComponentNodeVisible } from '../types/canvas';
 import { CollectionPlayer } from '../../collection-player/types/collection-player.type.ts';
 export default function useCanvasVisibility(): {
     getComponentDefaultVisibility: (type: ComponentNode["type"], mode?: keyof ComponentNodeVisible) => boolean;
-    getVisibleCanvasContent: (data: ComponentNode[], mode?: keyof ComponentNodeVisible) => ComponentNode<CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+    getVisibleCanvasContent: (data: ComponentNode[], mode?: keyof ComponentNodeVisible) => ComponentNode<CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[];
     getVisibleKey: () => keyof ComponentNodeVisible | undefined;
     shouldRenderComponentWrapper: (c: ComponentNode, sectionId?: CanvasRetrieve["id"]) => boolean | undefined;
 };

package/lib/apps/canvas-builder/composables/useControlBarCollapse.d.ts

@@ -0,0 +1,8 @@
+declare function toggleControlBarsCollapse(): void;
+declare function resetControlBarsCollapse(): void;
+export default function (): {
+    toggleControlBarsCollapse: typeof toggleControlBarsCollapse;
+    areControlBarsCollapsed: import('vue').Ref<boolean, boolean>;
+    resetControlBarsCollapse: typeof resetControlBarsCollapse;
+};
+export {};

package/lib/apps/canvas-builder/composables/useReorderComponent.d.ts

@@ -1,8 +1,8 @@
 import { ComponentNode } from '../types/canvas';
 import { ComputedRef, Ref } from 'vue';
 export default function useReorderComponent(): {
-    activeComponent: Ref<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps> | null, ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps> | null>;
-    activeChildren: import('vue').WritableComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[], ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[]>;
+    activeComponent: Ref<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps> | null, ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps> | null>;
+    activeChildren: import('vue').WritableComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[], ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[]>;
     activeTitle: ComputedRef<string>;
     isContentVisible: Ref<boolean, boolean>;
     initialize: () => void;
@@ -16,6 +16,6 @@ export default function useReorderComponent(): {
     renameComponent: (component: ComponentNode, newName: string) => void;
     isolatedScribbleChildId: ComputedRef<string | null>;
     shouldShowOnlyIsolatedChild: (scribbleId: string) => boolean;
-    getFilteredScribbleChildren: (scribbleId: string, children: ComponentNode[]) => ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+    getFilteredScribbleChildren: (scribbleId: string, children: ComponentNode[]) => ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[];
     isComponentIsolated: (componentId: string) => boolean;
 };

package/lib/apps/canvas-builder/composables/useScribbleChild.d.ts

@@ -32,7 +32,7 @@ export interface ScribbleChildConfig {
 export declare function useScribbleChild(config: ScribbleChildConfig): {
     isScribbleChild: import('vue').ComputedRef<boolean>;
     handleAddedToScribble: (emit: (event: "style", style: Record<string, any>, id?: string) => void) => void;
-    componentNode: import('vue').ComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps> | null>;
+    componentNode: import('vue').ComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps> | null>;
     createStyleUpdate: (updates?: Partial<{
         backgroundColor?: string;
         backgroundAttachment?: import('../../../types/background').BackgroundAttachment;

package/lib/apps/canvas-builder/composables/useTemporaryContext.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+import { CanvasRetrieve } from '../../../../types/openapi';
+import { OrganizationSettings } from '../../../types/organizationSettings.types.ts';
+import { InstanceSettings } from '../../../types/instanceSettings.types.ts';
+type Source = string;
+type ContextKey = string;
+declare const _default: (pitcherSettings: Ref<OrganizationSettings & InstanceSettings>, activeCanvas: Ref<CanvasRetrieve | null>) => {
+    setTemporaryContextKeys: (source: Source, context: CanvasRetrieve["context"]) => void;
+    clearTemporaryContext: () => void;
+    temporaryContextKeys: import('vue').ComputedRef<string[]>;
+    getSafeContext: (context?: any, _temporaryContextKeys?: ContextKey[]) => any;
+    watchCanvas: () => import('vue').WatchHandle;
+};
+export default _default;

package/lib/apps/canvas-builder/constants/theme.const.d.ts

@@ -2,3 +2,37 @@ export declare const DEFAULT_GLOBAL_COMPONENT_SPACING = 32;
 export declare const DEFAULT_GLOBAL_COMPONENT_SPACING_INTERVAL = 4;
 export declare const CANVAS_TYPOGRAPHY_CSS_PROPERTIES: readonly ["font-family", "font-size", "font-weight", "line-height", "letter-spacing", "text-transform", "color"];
 export declare const CANVAS_TYPOGRAPHY_PRESETS: readonly ["h_1", "h_2", "h_3", "big_text", "normal_text", "small_text"];
+export declare const PAPER_SIZE_PRESETS: {
+    readonly A4: {
+        readonly width: "210mm";
+        readonly height: "297mm";
+    };
+    readonly A3: {
+        readonly width: "297mm";
+        readonly height: "420mm";
+    };
+    readonly A5: {
+        readonly width: "148mm";
+        readonly height: "210mm";
+    };
+    readonly B3: {
+        readonly width: "353mm";
+        readonly height: "500mm";
+    };
+    readonly B4: {
+        readonly width: "250mm";
+        readonly height: "353mm";
+    };
+    readonly B5: {
+        readonly width: "176mm";
+        readonly height: "250mm";
+    };
+    readonly 'US Legal': {
+        readonly width: "8.5in";
+        readonly height: "14in";
+    };
+    readonly 'US Letter': {
+        readonly width: "8.5in";
+        readonly height: "11in";
+    };
+};

package/lib/apps/canvas-builder/types/canvas.d.ts

@@ -103,6 +103,26 @@ export interface DynamicDataTableProps {
     striping_color?: string | null;
     striping_start_from_first?: boolean;
 }
+export interface CustomDataTableHierarchyLevel {
+    type: 'group' | 'data';
+    path: string;
+    group_by_key?: string;
+}
+export interface CustomDataTableProps {
+    hierarchy: CustomDataTableHierarchyLevel[];
+    columns: DynamicDatatableProperty[];
+    header_path?: string;
+    footer_path?: string;
+    filters?: DynamicDatatableFilter[];
+    theme?: {
+        background_color?: string | null;
+        group_header_color?: string | null;
+        font_family?: string;
+    };
+    enable_row_striping?: boolean;
+    striping_color?: string | null;
+    striping_start_from_first?: boolean;
+}
 export interface TextProps {
     content?: string;
 }
@@ -296,7 +316,7 @@ export interface TimelineProps {
     events: TimelineEvent[];
     layout: 'vertical' | 'horizontal';
 }
-type AvailableComponentProps = GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | PageBreakProps | PageProps | TimelineProps | CollectionPlayerProps;
+type AvailableComponentProps = GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | PageBreakProps | PageProps | TimelineProps | CollectionPlayerProps | DynamicDataTableProps | CustomDataTableProps;
 export interface ComponentNodeVisible {
     edit_mode: boolean;
     presentation_mode: boolean;
@@ -392,6 +412,7 @@ export declare enum ComponentTypes {
     Carousel = "Carousel",
     CollectionPlayer = "CollectionPlayer",
     ContentGrid = "ContentGrid",
+    CustomDataTable = "CustomDataTable",
     DataCharts = "DataCharts",
     DynamicDataTable = "DynamicDataTable",
     Embeddable = "Embeddable",
@@ -416,6 +437,7 @@ export declare const ComponentIcon: {
     readonly Collection: "rectangle-history-circle-plus";
     readonly CollectionPlayer: "regular-rectangle-history-circle-play";
     readonly ContentGrid: "files";
+    readonly CustomDataTable: "table-tree";
     readonly DataCharts: "chart-line";
     readonly DynamicDataTable: "regular-table-circle-bolt";
     readonly Embeddable: "browser";
@@ -436,6 +458,11 @@ export declare const ComponentIcon: {
     readonly Video: "video";
 };
 export declare const componentIconType: Record<string, FontAwesomeType>;
+export interface CanvasPdfDimensions {
+    preset?: 'A4' | 'A3' | 'A5' | 'B3' | 'B4' | 'B5' | 'US Legal' | 'US Letter' | 'Custom';
+    width?: string;
+    height?: string;
+}
 export type CanvasTheme = {
     background_video_url?: string;
     canvas_bg_color?: string;
@@ -453,6 +480,7 @@ export type CanvasTheme = {
     inherit_theme_from_parent?: boolean;
     logo?: CanvasThemeAsset | null;
     assets?: CanvasThemeAsset[];
+    pdf_dimensions?: CanvasPdfDimensions;
 };
 export declare enum CanvasBuilderMode {
     ADMIN = "admin",

package/lib/apps/canvas-builder/util/canvas.util.d.ts

@@ -25,13 +25,13 @@ export declare function addCanvasComponent(currentContent: ComponentNode[], add:
     withChildren?: ComponentNode['children'];
     withExtraNodeData?: Partial<ComponentNode>;
 }): {
-    newContent: ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+    newContent: ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[];
     newComponentId: null;
 } | {
-    newContent: ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+    newContent: ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[];
     newComponentId: string;
 };
-export declare function getAllPages(canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, isEditMode?: boolean): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[][];
+export declare function getAllPages(canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, isEditMode?: boolean): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[][];
 export declare function getPageQuantity(canvasContent: ComponentNode[][]): number;
 export declare const getPageRange: (canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, start?: number, end?: number) => ComponentNode[][];
 export declare function scrollCanvasToTop(): void;
@@ -49,7 +49,7 @@ export declare function findAllEmbeddableTypesInCanvasContent(componentNodesById
 export declare function findAllEmbeddableTypesInSectionsContent(sectionComponentNodesBySectionId: UnwrapRef<SectionComponentNodesBySectionId>): Set<string>;
 export declare function findEmbeddableInCanvasContent(componentNodesById: UnwrapRef<ComponentNodesById>, appName: string): FoundComponent;
 export declare function scrollToComponentById(id: ComponentNode['id'] | null | undefined, sectionId?: string, sectionIndex?: number, instant?: boolean, delay?: number): void;
-export declare function updateFirstContentGridWithShareboxItems(canvasContent: ComponentNode[], selectedItems: (SelectedFile | SelectedPage)[], filesById: Record<FileRetrieve['id'], FileRetrieve>): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+export declare function updateFirstContentGridWithShareboxItems(canvasContent: ComponentNode[], selectedItems: (SelectedFile | SelectedPage)[], filesById: Record<FileRetrieve['id'], FileRetrieve>): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[];
 export declare function handleThemeAssetComparison(key: string | symbol | number, objValue: any, othValue: any, object: any, other: any, fileProps: string[], isEqual: (obj1: any, obj2: any) => boolean, componentsWithThemeMeta?: Set<string>): boolean | undefined;
 export declare function applyCanvasThemeAssetsToNode(node: ComponentNode): ComponentNode;
 export declare function processCanvasForSectionThemeOverride(canvas: CanvasRetrieve, maintainSectionTheme: boolean): CanvasRetrieve;

package/lib/apps/canvas-builder/util/print.util.d.ts

@@ -2,23 +2,16 @@ export declare function replaceThemePresetsWithInlineStyles(htmlContent: string,
 /**
  * Converts a measurement value to pixels.
  * If the value is a number, it's assumed to be in pixels.
- * If it's a string, it must include a unit (mm, cm, in, px, pt, pc).
+ * If it's a string, it must include a Gotenberg-supported unit (mm, cm, in, px, pt, pc).
  * Supports both comma and period as decimal separators (e.g., "10.5mm" or "10,5mm").
  *
- * Conversion rates:
- * - 1 inch = 96 pixels (CSS standard)
- * - 1 cm = 37.795275591 pixels
- * - 1 mm = 3.7795275591 pixels
- * - 1 pt = 1.333333 pixels
- * - 1 pc = 16 pixels
- *
  * @param value - Number in pixels or string with unit (e.g., "1000mm", "100,5cm", "4.5in", "96px", "72pt", "6pc")
  * @returns Value in pixels
  */
 export declare function convertToPixels(value: number | string | undefined): number | undefined;
 /**
  * Formats a dimension value for Gotenberg PDF conversion.
- * If the value is a string with units (mm, cm, in, px, pt, pc), normalizes it to use period as decimal separator.
+ * If the value is a string with Gotenberg-supported units (mm, cm, in, px, pt, pc), normalizes it to use period as decimal separator.
  * If it's a number, appends "px" since the convention is that numbers represent pixels.
  * Supports both comma and period as decimal separators (e.g., "10.5mm" or "10,5mm").
  *