@trilogy-data/trilogy-studio-components 0.1.0

package/dist/components/dashboard/DashboardChart.vue.d.ts

@@ -0,0 +1,427 @@
+import { PropType } from 'vue';
+import { ChartConfig } from '../../editors/results';
+import { DashboardQueryExecutor } from '../../dashboards/dashboardQueryExecutor';
+import { GridItemDataResponse, DimensionClick } from '../../dashboards/base';
+import { CompletionItem } from '../../stores/resolver';
+export interface Drilldown {
+    remove: string;
+    filter: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dashboardId: {
+        type: StringConstructor;
+        required: true;
+    };
+    itemId: {
+        type: StringConstructor;
+        required: true;
+    };
+    getItemData: {
+        type: PropType<(itemId: string, dashboardId: string) => GridItemDataResponse>;
+        required: true;
+        default: () => {
+            type: string;
+            content: string;
+        };
+    };
+    setItemData: {
+        type: PropType<(itemId: string, dashboardId: string, content: any) => void>;
+        required: true;
+        default: () => {
+            type: string;
+            content: string;
+        };
+    };
+    editMode: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    symbols: {
+        type: PropType<CompletionItem[]>;
+        required: true;
+    };
+    getDashboardQueryExecutor: {
+        type: PropType<(dashboardId: string) => DashboardQueryExecutor>;
+        required: true;
+    };
+}>, {
+    chartContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    results: import('vue').ComputedRef<import('../../editors/results').Results | null>;
+    ready: import('vue').Ref<boolean, boolean>;
+    loading: import('vue').ComputedRef<boolean>;
+    showLoading: import('vue').Ref<boolean, boolean>;
+    error: import('vue').ComputedRef<string | null>;
+    query: import('vue').ComputedRef<string>;
+    chartHeight: import('vue').ComputedRef<number>;
+    chartWidth: import('vue').ComputedRef<number>;
+    chartConfig: import('vue').ComputedRef<ChartConfig | null>;
+    chartTitle: import('vue').ComputedRef<string>;
+    onChartConfigChange: (chartConfig: ChartConfig) => void;
+    onRefresh: import('vue').ComputedRef<((itemId: string) => void) | null>;
+    handleLocalRefresh: () => void;
+    chartSelection: import('vue').ComputedRef<Record<string, string>[]>;
+    startTime: import('vue').ComputedRef<number | null>;
+    handleDimensionClick: (dimension: DimensionClick) => void;
+    handleBackgroundClick: () => void;
+    activeDrilldown: import('vue').Ref<{
+        remove: string;
+        filter: string;
+    } | null, Drilldown | {
+        remove: string;
+        filter: string;
+    } | null>;
+    activateDrilldown: (e: any) => void;
+    submitDrilldown: (selected: string[]) => Promise<void>;
+    controlsVisible: import('vue').Ref<boolean, boolean>;
+    onChartMouseEnter: () => void;
+    onChartMouseLeave: () => void;
+    revertDrilldown: () => Promise<void>;
+    hasDrilldown: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dashboardId: {
+        type: StringConstructor;
+        required: true;
+    };
+    itemId: {
+        type: StringConstructor;
+        required: true;
+    };
+    getItemData: {
+        type: PropType<(itemId: string, dashboardId: string) => GridItemDataResponse>;
+        required: true;
+        default: () => {
+            type: string;
+            content: string;
+        };
+    };
+    setItemData: {
+        type: PropType<(itemId: string, dashboardId: string, content: any) => void>;
+        required: true;
+        default: () => {
+            type: string;
+            content: string;
+        };
+    };
+    editMode: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    symbols: {
+        type: PropType<CompletionItem[]>;
+        required: true;
+    };
+    getDashboardQueryExecutor: {
+        type: PropType<(dashboardId: string) => DashboardQueryExecutor>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    getItemData: (itemId: string, dashboardId: string) => GridItemDataResponse;
+    setItemData: (itemId: string, dashboardId: string, content: any) => void;
+}, {}, {
+    VegaLiteChart: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        data: {
+            type: PropType<Readonly<import('../../editors/results').Row[]>>;
+            required: true;
+        };
+        columns: {
+            type: PropType<Map<string, import('../../editors/results').ResultColumn>>;
+            required: true;
+        };
+        initialConfig: {
+            type: PropType<ChartConfig | undefined | null>;
+            default: undefined;
+        };
+        showControls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        containerHeight: NumberConstructor;
+        containerWidth: NumberConstructor;
+        onChartConfigChange: {
+            type: PropType<(config: ChartConfig) => void>;
+            default: () => void;
+        };
+        chartSelection: {
+            type: PropType<Object[]>;
+            default: () => void;
+        };
+        chartTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        drilldownActive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        vegaContainer1: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        vegaContainer2: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        chartContentArea: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        renderManager: import('../chartRenderManager').ChartRenderManager;
+        controlsManager: import('../chartControlsManager').ChartControlsManager;
+        renderChart: (force?: boolean) => Promise<void> | undefined;
+        filteredColumnsInternal: (type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[];
+        updateConfig: (field: keyof ChartConfig, value: string | boolean | number) => void;
+        openInVegaEditor: () => void;
+        downloadChart: () => Promise<void>;
+        refreshChart: () => void;
+        charts: import('vue').ComputedRef<{
+            value: string;
+            label: string;
+            icon: string;
+        }[]>;
+        isShortContainer: import('vue').ComputedRef<boolean | 0 | undefined>;
+        revertDrilldown: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            type: PropType<Readonly<import('../../editors/results').Row[]>>;
+            required: true;
+        };
+        columns: {
+            type: PropType<Map<string, import('../../editors/results').ResultColumn>>;
+            required: true;
+        };
+        initialConfig: {
+            type: PropType<ChartConfig | undefined | null>;
+            default: undefined;
+        };
+        showControls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        containerHeight: NumberConstructor;
+        containerWidth: NumberConstructor;
+        onChartConfigChange: {
+            type: PropType<(config: ChartConfig) => void>;
+            default: () => void;
+        };
+        chartSelection: {
+            type: PropType<Object[]>;
+            default: () => void;
+        };
+        chartTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        drilldownActive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        initialConfig: ChartConfig | null | undefined;
+        showControls: boolean;
+        onChartConfigChange: (config: ChartConfig) => void;
+        chartSelection: Object[];
+        chartTitle: string;
+        drilldownActive: boolean;
+    }, {}, {
+        Tooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            content: {
+                type: StringConstructor;
+                required: true;
+            };
+            position: {
+                type: StringConstructor;
+                default: string;
+            };
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            visible: boolean;
+            hoverTimeout: ReturnType<typeof setTimeout> | null;
+        }, {
+            positionClass(): string;
+        }, {
+            showTooltip(): void;
+            hideTooltip(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            content: {
+                type: StringConstructor;
+                required: true;
+            };
+            position: {
+                type: StringConstructor;
+                default: string;
+            };
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            position: string;
+            inline: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        ChartControlPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            config: {
+                type: PropType<ChartConfig>;
+                required: true;
+            };
+            charts: {
+                type: PropType<Array<{
+                    value: string;
+                    label: string;
+                    icon: string;
+                }>>;
+                required: true;
+            };
+            filteredColumns: {
+                type: PropType<(type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[]>;
+                required: true;
+            };
+        }>, {
+            controlSections: import('vue').ComputedRef<import('../ChartControlPanel.vue').ChartControlSection[]>;
+            updateConfig: (field: string, value: any) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update-config" | "open-vega-editor")[], "update-config" | "open-vega-editor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            config: {
+                type: PropType<ChartConfig>;
+                required: true;
+            };
+            charts: {
+                type: PropType<Array<{
+                    value: string;
+                    label: string;
+                    icon: string;
+                }>>;
+                required: true;
+            };
+            filteredColumns: {
+                type: PropType<(type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[]>;
+                required: true;
+            };
+        }>> & Readonly<{
+            "onUpdate-config"?: ((...args: any[]) => any) | undefined;
+            "onOpen-vega-editor"?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ErrorMessage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        type: {
+            type: () => "error" | "information";
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }>, {}, {}, {
+        messageClass(): string;
+        iconEmoji(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: () => "error" | "information";
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }>> & Readonly<{}>, {
+        type: "error" | "information";
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    LoadingView: import('vue').DefineComponent<{
+        cancel?: ((() => void) | null) | undefined;
+        text: string;
+        startTime: number | null;
+    }, {
+        containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        containerHeight: import('vue').Ref<number, number>;
+        handleCancel: () => void;
+        trilogyIcon: string;
+        elapsedTime: import('vue').Ref<string, string>;
+        isCompact: import('vue').ComputedRef<boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        cancel?: ((() => void) | null) | undefined;
+        text: string;
+        startTime: number | null;
+    }> & Readonly<{}>, {
+        text: string;
+        startTime: number | null;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DrilldownPane: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        drilldownRemove: {
+            type: StringConstructor;
+            required: true;
+        };
+        drilldownFilter: {
+            type: StringConstructor;
+            required: true;
+        };
+        symbols: {
+            type: PropType<CompletionItem[]>;
+            required: true;
+        };
+    }>, {
+        searchQuery: import('vue').Ref<string, string>;
+        filteredDimensions: import('vue').Ref<{
+            label: string;
+            description: string;
+            type: string;
+            datatype: string;
+            insertText: string;
+            trilogyType?: ("concept" | "function" | "type") | undefined;
+            trilogySubType?: ("property" | "key" | "metric") | undefined;
+            calculation?: string | undefined;
+            keys?: string[] | undefined;
+        }[], CompletionItem[] | {
+            label: string;
+            description: string;
+            type: string;
+            datatype: string;
+            insertText: string;
+            trilogyType?: ("concept" | "function" | "type") | undefined;
+            trilogySubType?: ("property" | "key" | "metric") | undefined;
+            calculation?: string | undefined;
+            keys?: string[] | undefined;
+        }[]>;
+        drilldownSearchInput: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+        dimensionsList: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        tooltip: {
+            visible: boolean;
+            x: number;
+            y: number;
+            dimension: {
+                label: string;
+                description: string;
+                type: string;
+                datatype: string;
+                insertText: string;
+                trilogyType?: ("concept" | "function" | "type") | undefined;
+                trilogySubType?: ("property" | "key" | "metric") | undefined;
+                calculation?: string | undefined;
+                keys?: string[] | undefined;
+            };
+        };
+        selected: import('vue').Ref<string[], string[]>;
+        highlightedIndex: import('vue').Ref<number, number>;
+        filterDimensions: () => void;
+        selectDimension: (dimension: CompletionItem) => void;
+        removeDimension: (dimensionLabel: string) => void;
+        handleSubmit: () => void;
+        handleClose: () => void;
+        handleSearchKeydown: (event: KeyboardEvent) => void;
+        setHighlightedIndex: (index: number) => void;
+        getIconType: (dimension: CompletionItem) => string;
+        getIconMdiClass: (dimension: CompletionItem) => string;
+        getDimensionChar: (dimension: CompletionItem) => string;
+        getIconClass: (dimension: CompletionItem) => string;
+        getIconTooltip: (dimension: CompletionItem) => string;
+        showTooltip: (event: MouseEvent, dimension: CompletionItem) => Promise<void>;
+        hideTooltip: () => void;
+        updateTooltipPosition: (event: MouseEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "submit" | "select-dimension" | "remove-dimension")[], "close" | "submit" | "select-dimension" | "remove-dimension", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        drilldownRemove: {
+            type: StringConstructor;
+            required: true;
+        };
+        drilldownFilter: {
+            type: StringConstructor;
+            required: true;
+        };
+        symbols: {
+            type: PropType<CompletionItem[]>;
+            required: true;
+        };
+    }>> & Readonly<{
+        onSubmit?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        "onSelect-dimension"?: ((...args: any[]) => any) | undefined;
+        "onRemove-dimension"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=DashboardChart.vue.d.ts.map

package/dist/components/dashboard/DashboardChart.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardChart.vue.d.ts","sourceRoot":"","sources":["../../../components/dashboard/DashboardChart.vue"],"names":[],"mappings":"AA+DA;AAijBA,OAAO,EAQL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAKrF,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAGtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3D,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;;;;;;;;;;;cAoBuB,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,oBAAoB,CAAC;;;;;;;;cAKvE,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;;;;;;;;;;;;cASxE,QAAQ,CAAC,cAAc,EAAE,CAAC;;;;cAIvB,QAAQ,CAAC,CAAC,WAAW,EAAE,MAAM,KAAK,sBAAsB,CAAC;;;;;;;;;;;;;;;uCA2InC,WAAW;;;;;sCAiDZ,cAAc;;;gBApOjD,MAAM;gBACN,MAAM;;gBADN,MAAM;gBACN,MAAM;;2BAiPkB,GAAG;gCAqBQ,MAAM,EAAE;;;;;;;;;;;;;;;;cAjP7B,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,oBAAoB,CAAC;;;;;;;;cAKvE,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;;;;;;;;;;;;cASxE,QAAQ,CAAC,cAAc,EAAE,CAAC;;;;cAIvB,QAAQ,CAAC,CAAC,WAAW,EAAE,MAAM,KAAK,sBAAsB,CAAC;;;;0BAlBvC,MAAM,eAAe,MAAM,KAAK,oBAAoB;0BAKpD,MAAM,eAAe,MAAM,WAAW,GAAG,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvB5F,wBAwUC"}