@devtable/dashboard 14.46.0 → 14.48.0

package/dist/components/filter/filter-date-range/filter-date-range-for-editor-field.d.ts

@@ -0,0 +1,13 @@
+import { DateRangeValue } from '../../../model';
+type Props = {
+    label: string;
+    value: DateRangeValue;
+    onChange: (v: DateRangeValue) => void;
+    disabled?: boolean;
+    inputFormat: string;
+    required: boolean;
+    max_days: number;
+};
+export declare const formatDateRangeValue: (value: DateRangeValue) => DateRangeValue;
+export declare const FilterDateRangeForEditorField: ({ label, value, onChange, disabled, inputFormat, required, max_days, }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/editor.d.ts

@@ -0,0 +1,8 @@
+import { FilterMetaInstance } from '../../../model';
+type Props = {
+    filter: FilterMetaInstance;
+};
+export declare const FilterEditorMericoDateRange: (({ filter }: Props) => import('./react/jsx-runtime').JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/components/filter/filter-merico-date-range/filter-merico-date-range-for-editor-field.d.ts

@@ -0,0 +1,11 @@
+import { MericoDateRangeValue } from '../../../model';
+type Props = {
+    label: string;
+    value: MericoDateRangeValue;
+    onChange: (v: MericoDateRangeValue) => void;
+    inputFormat: string;
+    required: boolean;
+};
+export declare const formatDateRangeValue: (value: MericoDateRangeValue) => MericoDateRangeValue;
+export declare const FilterMericoDateRangeForEditorField: ({ label, value, onChange, inputFormat, required, }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/render.d.ts

@@ -0,0 +1,13 @@
+import { FilterMericoDateRangeConfigInstance, MericoDateRangeValue } from '../../../model';
+type Props = {
+    label: string;
+    config: FilterMericoDateRangeConfigInstance;
+    value: MericoDateRangeValue;
+    onChange: (v: MericoDateRangeValue) => void;
+    disabled?: boolean;
+};
+export declare const formatMericoDateRangeValue: (value: MericoDateRangeValue) => MericoDateRangeValue;
+export declare const FilterMericoDateRange: (({ label, config, value, onChange, disabled }: Props) => import('./react/jsx-runtime').JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/components/filter/filter-merico-date-range/widget/calendar/calendar.d.ts

@@ -0,0 +1,8 @@
+import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
+type Props = {
+    value: MericoDateRangeValue;
+    onChange: (v: DateRangeValue_Value) => void;
+    close: () => void;
+};
+export declare const Calendar: ({ value, onChange, close }: Props) => string | import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/calendar/day-picker.d.ts

@@ -0,0 +1,7 @@
+import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
+type Props = {
+    value: MericoDateRangeValue;
+    handleRangeChange: (value: DateRangeValue_Value) => void;
+};
+export declare const DayPicker: ({ value, handleRangeChange }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './calendar';

package/dist/components/filter/filter-merico-date-range/widget/calendar/month-picker.d.ts

@@ -0,0 +1,7 @@
+import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
+type Props = {
+    value: MericoDateRangeValue;
+    handleRangeChange: (value: DateRangeValue_Value) => void;
+};
+export declare const MonthPicker: ({ value, handleRangeChange }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/calendar/quarter-picker.d.ts

@@ -0,0 +1,7 @@
+import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
+type Props = {
+    value: MericoDateRangeValue;
+    handleRangeChange: (value: DateRangeValue_Value) => void;
+};
+export declare const QuarterPicker: ({ value, handleRangeChange }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/calendar/use-get-day-props.d.ts

@@ -0,0 +1,11 @@
+import { MericoDateRangeValue } from '../../../../../model';
+type HandleCalendarChange = (value: MericoDateRangeValue['value']) => void;
+export declare const useGetDayProps: (value: MericoDateRangeValue, handleChange: HandleCalendarChange, readonly: boolean) => {
+    getDayProps: (date: Date) => {
+        inRange: boolean;
+        firstInRange: boolean;
+        lastInRange: boolean;
+        selected: boolean;
+    };
+};
+export {};

package/dist/components/filter/filter-merico-date-range/widget/calendar/utils.d.ts

@@ -0,0 +1,3 @@
+import dayjs from 'dayjs';
+export declare function getStartOf(date: Date | null, step: string): dayjs.Dayjs | null;
+export declare function getEndOf(date: Date | null, step: string): dayjs.Dayjs | null;

package/dist/components/filter/filter-merico-date-range/widget/calendar/week-picker.d.ts

@@ -0,0 +1,8 @@
+import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
+type Props = {
+    value: MericoDateRangeValue;
+    onChange: (v: DateRangeValue_Value) => void;
+    handleRangeChange: (v: DateRangeValue_Value) => void;
+};
+export declare const WeekPicker: ({ value, onChange, handleRangeChange }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/count-days.d.ts

@@ -0,0 +1,5 @@
+import { DateValue } from '@mantine/dates';
+export declare const CountDays: ({ begin, end }: {
+    begin: DateValue;
+    end: DateValue;
+}) => import('./react/jsx-runtime').JSX.Element;

package/dist/components/filter/filter-merico-date-range/widget/index.d.ts

@@ -0,0 +1,11 @@
+import { MericoDateRangeValue } from '../../../../model';
+type Props = {
+    value: MericoDateRangeValue;
+    onChange: (v: MericoDateRangeValue) => void;
+    label: string;
+    required: boolean;
+    inputFormat: string;
+    disabled?: boolean;
+};
+export declare const MericoDateRangeWidget: ({ label, required, value, onChange, inputFormat, disabled }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/select-step.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from './react';
+import { MericoDateRangeValue } from '../../../../model';
+type Props = {
+    label: ReactNode | null;
+    value: MericoDateRangeValue['step'];
+    onChange: (v: MericoDateRangeValue['step']) => void;
+    className?: string;
+};
+export declare const SelectStep: ({ label, value, onChange, className }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/shortcuts/index.d.ts

@@ -0,0 +1,7 @@
+import { MericoDateRangeValue } from '../../../../../model';
+type Props = {
+    step: string;
+    onChange: (v: MericoDateRangeValue) => void;
+};
+export declare const Shortcuts: ({ onChange, step }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/shortcuts/shortcuts.d.ts

@@ -0,0 +1,14 @@
+import _ from 'lodash';
+import { MericoDateRangeValue } from '../../../../../model';
+export type GetRange = (step: string) => MericoDateRangeValue;
+type Shrotcut = {
+    key: string;
+    value: string;
+    group: 'last' | 'recent' | 'this' | 'this_so_far';
+    disabled: boolean;
+    getRange: GetRange;
+};
+export declare const getMericoDateRangeShortcuts: (step: string) => Shrotcut[];
+export declare function getMericoDateRangeShortcutValue(shortcutValue: string | null, step: string): MericoDateRangeValue | null;
+export declare function getMericoShortcutsInGroups(step: string): _.Dictionary<Shrotcut[]>;
+export {};

package/dist/components/filter/filter-merico-date-range/widget/utils.d.ts

@@ -0,0 +1,4 @@
+import { Dayjs } from 'dayjs';
+import { DateRangeValue_Value } from '../../../../model';
+export declare function formatDatesWithStep(begin: Date | null, end: Date | null, step: string): DateRangeValue_Value;
+export declare function formatWithStep(begin: Dayjs | null, end: Dayjs | null, step: string): DateRangeValue_Value;

package/dist/components/filter/filter-multi-select/render/widget.styles.d.ts

@@ -4,7 +4,12 @@ export interface MultiSelectWidgetStylesParams {
     name: string;
 }
 declare const _default: (params: MultiSelectWidgetStylesParams) => {
-    classes: Record<"required" | "label" | "root" | "dropdown", string>;
+    classes: {
+        root: string;
+        label: string;
+        required: string;
+        dropdown: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

package/dist/components/filter/filter-settings/filter-setting.d.ts

@@ -7,6 +7,7 @@ export declare const filterTypeNames: {
     "text-input": string;
     checkbox: string;
     "date-range": string;
+    "merico-date-range": string;
 };
 type Props = {
     filter: FilterModelInstance;

package/dist/components/filter/filter-tree/filter-tree-select/render/widget.styles.d.ts

@@ -5,7 +5,12 @@ export interface TreeSelectWidgetStylesParams {
     name: string;
 }
 declare const _default: (params: TreeSelectWidgetStylesParams) => {
-    classes: Record<"required" | "label" | "root" | "dropdown", string>;
+    classes: {
+        root: string;
+        label: string;
+        required: string;
+        dropdown: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

package/dist/components/filter/filter-tree/filter-tree-single-select/render/widget.styles.d.ts

@@ -5,7 +5,12 @@ export interface TreeSelectWidgetStylesParams {
     name: string;
 }
 declare const _default: (params: TreeSelectWidgetStylesParams) => {
-    classes: Record<"required" | "label" | "root" | "dropdown", string>;
+    classes: {
+        root: string;
+        label: string;
+        required: string;
+        dropdown: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

package/dist/components/plugins/editor-components/color-mapping-editor/style.d.ts

@@ -1,5 +1,8 @@
 export declare const useStyles: (params: void) => {
-    classes: Record<"palette" | "paletteItem", string>;
+    classes: {
+        palette: string;
+        paletteItem: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

package/dist/components/plugins/viz-components/table/viz-table.styles.d.ts

@@ -1,6 +1,10 @@
 import { EmotionSx } from '@mantine/emotion';
 export declare const useTableStyles: (params: void) => {
-    classes: Record<"thead" | "root" | "info_bar", string>;
+    classes: {
+        root: string;
+        thead: string;
+        info_bar: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

package/dist/contexts/customize-screenshot-context.d.ts

@@ -0,0 +1,5 @@
+import React from './react';
+export interface ICustomizeScreenshotContext {
+    onScreenshot: (canvas: HTMLCanvasElement) => void;
+}
+export declare const CustomizeScreenshotContext: React.Context<ICustomizeScreenshotContext>;

package/dist/dashboard-editor/model/filters/filter-model.d.ts

@@ -37,6 +37,13 @@ export declare const FilterModel: import("mobx-state-tree").IModelType<{
         default_shortcut: string;
         max_days: number;
         allowSingleDateInRange: boolean;
+    } | {
+        default_value: (string | null)[];
+        required: boolean;
+        _name: "merico-date-range";
+        inputFormat: "YYYY/MM/DD";
+        default_shortcut: string;
+        default_step: string;
     } | import("mobx-state-tree").ModelSnapshotType<{
         _name: import("mobx-state-tree").ISimpleType<"multi-select">;
         min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;

package/dist/dashboard-editor/model/filters/index.d.ts

@@ -20,6 +20,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -150,6 +157,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -346,6 +360,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -517,6 +538,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -688,6 +716,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -859,6 +894,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -1031,6 +1073,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -1235,6 +1284,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -1364,6 +1420,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_shortcut: string;
             max_days: number;
             allowSingleDateInRange: boolean;
+        } | {
+            default_value: (string | null)[];
+            required: boolean;
+            _name: "merico-date-range";
+            inputFormat: "YYYY/MM/DD";
+            default_shortcut: string;
+            default_step: string;
         } | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<"multi-select">;
             min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;

package/dist/dashboard-editor/model/views/index.d.ts

@@ -361,7 +361,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -726,7 +726,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -2951,7 +2951,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -3313,7 +3313,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -4295,7 +4295,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -4657,7 +4657,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -5639,7 +5639,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -6001,7 +6001,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -6983,7 +6983,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -7345,7 +7345,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -8338,7 +8338,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -8753,7 +8753,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;

package/dist/dashboard-editor/model/views/view.d.ts

@@ -359,7 +359,7 @@ export declare const ViewModel: import("mobx-state-tree").IModelType<{
     readonly contentModel: import("../../..").IContentRenderModel;
     readonly panels: import('../../../model').IPanelRenderModel[];
     readonly renderViewIDs: string[];
-    downloadScreenshot(dom: HTMLElement): Promise<void>;
+    downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
 } & {
     setTab(tab: string | null): void;
     setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;

package/dist/dashboard-render/dashboard-render.d.ts

@@ -1,7 +1,7 @@
 import { ContextRecordType, TabInfo } from '../model';
 import { IDashboardConfig } from '..';
 import { DashboardContentDBType, IDashboard } from '../types/dashboard';
-interface IReadOnlyDashboard {
+export interface IReadOnlyDashboard {
     context: ContextRecordType;
     dashboard: IDashboard;
     content: DashboardContentDBType;
@@ -14,8 +14,8 @@ interface IReadOnlyDashboard {
     activeTab?: TabInfo | null;
     onActiveTabChange?: (tab: TabInfo | null) => void;
     lang: string;
+    onScreenshot?: (canvas: HTMLCanvasElement) => void;
 }
-export declare const ReadOnlyDashboard: (({ context, dashboard, content, className, config, fullScreenPanelID, setFullScreenPanelID, filterValues, onFilterValuesChange, activeTab, onActiveTabChange, lang, }: IReadOnlyDashboard) => import('./react/jsx-runtime').JSX.Element) & {
+export declare const ReadOnlyDashboard: (({ context, dashboard, content, className, config, fullScreenPanelID, setFullScreenPanelID, filterValues, onFilterValuesChange, activeTab, onActiveTabChange, lang, onScreenshot, }: IReadOnlyDashboard) => import('./react/jsx-runtime').JSX.Element) & {
     displayName: string;
 };
-export {};