@trilogy-data/trilogy-studio-components 0.1.0

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

@@ -0,0 +1,332 @@
+import { PropType } from 'vue';
+import { Results } from '../../editors/results';
+import { DashboardQueryExecutor } from '../../dashboards/dashboardQueryExecutor';
+import { GridItemDataResponse, DimensionClick } from '../../dashboards/base';
+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) => null>;
+        required: true;
+        default: () => {
+            type: string;
+            content: string;
+        };
+    };
+    editMode: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    getDashboardQueryExecutor: {
+        type: PropType<(dashboardId: string) => DashboardQueryExecutor>;
+        required: true;
+    };
+}>, {
+    chartContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    results: import('vue').ComputedRef<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<import('../../editors/results').ChartConfig | null>;
+    onRefresh: import('vue').ComputedRef<((itemId: string) => void) | null>;
+    handleLocalRefresh: () => void;
+    startTime: import('vue').ComputedRef<number | null>;
+    handleDimensionClick: (dimension: DimensionClick) => void;
+    handleBackgroundClick: () => void;
+    controlsVisible: import('vue').Ref<boolean, boolean>;
+    onChartMouseEnter: () => void;
+    onChartMouseLeave: () => void;
+}, {}, {}, {}, 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) => null>;
+        required: true;
+        default: () => {
+            type: string;
+            content: string;
+        };
+    };
+    editMode: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    getDashboardQueryExecutor: {
+        type: PropType<(dashboardId: string) => DashboardQueryExecutor>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    getItemData: (itemId: string, dashboardId: string) => GridItemDataResponse;
+    setItemData: (itemId: string, dashboardId: string, content: any) => null;
+}, {}, {
+    DataTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        headers: {
+            type: {
+                new (entries?: readonly (readonly [String, import('../../editors/results').ResultColumn])[] | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
+                new (iterable?: Iterable<readonly [String, import('../../editors/results').ResultColumn]> | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
+                readonly prototype: Map<any, any>;
+                readonly [Symbol.species]: MapConstructor;
+            };
+            required: true;
+        };
+        results: {
+            type: PropType<readonly import('../../editors/results').Row[]>;
+            required: true;
+        };
+        containerHeight: NumberConstructor;
+        cellClick: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        backgroundClick: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        prettyPrint: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fitParent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        settingsStore: import('pinia').Store<"userSettings", {
+            settings: import('../../stores/userSettingsStore').UserSettings;
+            defaults: import('../../stores/userSettingsStore').UserSettings;
+            isLoading: boolean;
+            hasChanges: boolean;
+            hasLoaded: boolean;
+        }, {
+            getSettings: (state: {
+                settings: {
+                    [x: string]: string | number | boolean | string[] | null | undefined;
+                    theme: "dark" | "light" | "";
+                    trilogyResolver: string;
+                    telemetryEnabled: boolean | null;
+                    tipsRead: string[];
+                    skipAllTips: boolean;
+                };
+                defaults: {
+                    [x: string]: string | number | boolean | string[] | null | undefined;
+                    theme: "dark" | "light" | "";
+                    trilogyResolver: string;
+                    telemetryEnabled: boolean | null;
+                    tipsRead: string[];
+                    skipAllTips: boolean;
+                };
+                isLoading: boolean;
+                hasChanges: boolean;
+                hasLoaded: boolean;
+            } & import('pinia').PiniaCustomStateProperties<{
+                settings: import('../../stores/userSettingsStore').UserSettings;
+                defaults: import('../../stores/userSettingsStore').UserSettings;
+                isLoading: boolean;
+                hasChanges: boolean;
+                hasLoaded: boolean;
+            }>) => {
+                [x: string]: string | number | boolean | string[] | null | undefined;
+                theme: "dark" | "light" | "";
+                trilogyResolver: string;
+                telemetryEnabled: boolean | null;
+                tipsRead: string[];
+                skipAllTips: boolean;
+            };
+            getDefaults: (state: {
+                settings: {
+                    [x: string]: string | number | boolean | string[] | null | undefined;
+                    theme: "dark" | "light" | "";
+                    trilogyResolver: string;
+                    telemetryEnabled: boolean | null;
+                    tipsRead: string[];
+                    skipAllTips: boolean;
+                };
+                defaults: {
+                    [x: string]: string | number | boolean | string[] | null | undefined;
+                    theme: "dark" | "light" | "";
+                    trilogyResolver: string;
+                    telemetryEnabled: boolean | null;
+                    tipsRead: string[];
+                    skipAllTips: boolean;
+                };
+                isLoading: boolean;
+                hasChanges: boolean;
+                hasLoaded: boolean;
+            } & import('pinia').PiniaCustomStateProperties<{
+                settings: import('../../stores/userSettingsStore').UserSettings;
+                defaults: import('../../stores/userSettingsStore').UserSettings;
+                isLoading: boolean;
+                hasChanges: boolean;
+                hasLoaded: boolean;
+            }>) => {
+                [x: string]: string | number | boolean | string[] | null | undefined;
+                theme: "dark" | "light" | "";
+                trilogyResolver: string;
+                telemetryEnabled: boolean | null;
+                tipsRead: string[];
+                skipAllTips: boolean;
+            };
+            hasUnsavedChanges: (state: {
+                settings: {
+                    [x: string]: string | number | boolean | string[] | null | undefined;
+                    theme: "dark" | "light" | "";
+                    trilogyResolver: string;
+                    telemetryEnabled: boolean | null;
+                    tipsRead: string[];
+                    skipAllTips: boolean;
+                };
+                defaults: {
+                    [x: string]: string | number | boolean | string[] | null | undefined;
+                    theme: "dark" | "light" | "";
+                    trilogyResolver: string;
+                    telemetryEnabled: boolean | null;
+                    tipsRead: string[];
+                    skipAllTips: boolean;
+                };
+                isLoading: boolean;
+                hasChanges: boolean;
+                hasLoaded: boolean;
+            } & import('pinia').PiniaCustomStateProperties<{
+                settings: import('../../stores/userSettingsStore').UserSettings;
+                defaults: import('../../stores/userSettingsStore').UserSettings;
+                isLoading: boolean;
+                hasChanges: boolean;
+                hasLoaded: boolean;
+            }>) => boolean;
+        }, {
+            updateSetting<K extends keyof import('../../stores/userSettingsStore').UserSettings>(key: K, value: import('../../stores/userSettingsStore').UserSettings[K]): void;
+            getUnreadTips(tips: import('../../data/tips').ModalItem[]): import('../../data/tips').ModalItem[];
+            clearDismissedTips(): void;
+            markTipRead(tipId: string): void;
+            clearReadTips(): void;
+            toggleTheme(): void;
+            setHasChanges(value: boolean): void;
+            updateSettings(newSettings: Partial<import('../../stores/userSettingsStore').UserSettings>): void;
+            resetToDefaults(): void;
+            saveSettings(): Promise<boolean>;
+            loadSettings(): void;
+        }>;
+        currentTheme: import('vue').ComputedRef<"" | "dark" | "light">;
+    }, {
+        tabulator: import('vue').ShallowRef<import('tabulator-tables').Tabulator> | null;
+        selectedCell: null;
+        controlsVisible: boolean;
+    }, {
+        tableData(): readonly Readonly<Record<string, any>>[];
+        tableColumns(): import('tabulator-tables').ColumnDefinition[];
+    }, {
+        copyToClipboard(): Promise<void>;
+        downloadData(): void;
+        showNotification(message: string, type: "success" | "error"): void;
+        create(): void;
+        updateTable(): void;
+        updateTableTheme(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        headers: {
+            type: {
+                new (entries?: readonly (readonly [String, import('../../editors/results').ResultColumn])[] | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
+                new (iterable?: Iterable<readonly [String, import('../../editors/results').ResultColumn]> | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
+                readonly prototype: Map<any, any>;
+                readonly [Symbol.species]: MapConstructor;
+            };
+            required: true;
+        };
+        results: {
+            type: PropType<readonly import('../../editors/results').Row[]>;
+            required: true;
+        };
+        containerHeight: NumberConstructor;
+        cellClick: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        backgroundClick: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        prettyPrint: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fitParent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        cellClick: Function;
+        backgroundClick: Function;
+        prettyPrint: boolean;
+        fitParent: boolean;
+    }, {}, {}, {}, 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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=DashboardTable.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardTable.vue.d.ts","sourceRoot":"","sources":["../../../components/dashboard/DashboardTable.vue"],"names":[],"mappings":"AA0CA;AAgZA,OAAO,EAQL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAIrF,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAA;;;;;;;;;;;cAoB9D,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;;;;;;;;;;;;cASrE,QAAQ,CAAC,CAAC,WAAW,EAAE,MAAM,KAAK,sBAAsB,CAAC;;;;;;;;;;;;;;;;;sCA2KpC,cAAc;;;;;;;;;;;;;;;cAzLnC,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;;;;;;;;;;;;cASrE,QAAQ,CAAC,CAAC,WAAW,EAAE,MAAM,KAAK,sBAAsB,CAAC;;;;0BAdvC,MAAM,eAAe,MAAM,KAAK,oBAAoB;0BAKpD,MAAM,eAAe,MAAM,WAAW,GAAG,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtB5F,wBA6OC"}

package/dist/components/dashboard/useDashboard.d.ts

@@ -0,0 +1,96 @@
+import { ComputedRef } from 'vue';
+import { LayoutItem, GridItemDataResponse, CellType, DimensionClick, DashboardImport, DashboardState, DashboardModel } from '../../dashboards/base';
+import { CompletionItem } from '../../stores/resolver';
+import { default as QueryExecutionService } from '../../stores/queryExecutionService';
+import { DashboardQueryExecutor } from '../../dashboards/dashboardQueryExecutor';
+export interface UseDashboardOptions {
+    connectionId?: string;
+    maxWidth?: number;
+    viewMode?: boolean;
+    isMobile?: boolean;
+}
+export interface UseDashboardEmits {
+    layoutUpdated: (layout: LayoutItem[]) => void;
+    dimensionsUpdate: (itemId: string) => void;
+    triggerResize: () => void;
+    fullScreen: (enabled: boolean) => void;
+}
+export declare function useDashboard(dashboard: ComputedRef<DashboardModel | null | undefined>, options: UseDashboardOptions, emit: UseDashboardEmits, providedQueryExecutionService?: QueryExecutionService): {
+    dashboard: ComputedRef<DashboardModel | null | undefined>;
+    layout: ComputedRef<LayoutItem[]>;
+    sortedLayout: ComputedRef<LayoutItem[]>;
+    editMode: ComputedRef<boolean>;
+    selectedConnection: ComputedRef<string>;
+    filter: import('vue').Ref<string, string>;
+    filterError: import('vue').Ref<string, string>;
+    globalCompletion: 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;
+    }[]>;
+    showAddItemModal: import('vue').Ref<boolean, boolean>;
+    showQueryEditor: import('vue').Ref<boolean, boolean>;
+    showMarkdownEditor: import('vue').Ref<boolean, boolean>;
+    editingItem: import('vue').Ref<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+        i: string;
+        static: boolean;
+    } | null, LayoutItem | {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+        i: string;
+        static: boolean;
+    } | null>;
+    dashboardMaxWidth: ComputedRef<number | "100vw">;
+    rootContent: ComputedRef<{
+        alias: string;
+        contents: string;
+    }[]>;
+    handleFilterChange: (newFilter: string) => Promise<void>;
+    handleFilterClear: () => Promise<void>;
+    handleImportChange: (newImports: DashboardImport[]) => Promise<void>;
+    validateFilter: (filter: string) => Promise<void>;
+    onConnectionChange: (event: Event) => void;
+    toggleMode: (state: DashboardState) => void;
+    onLayoutUpdated: (newLayout: any) => void;
+    openAddItemModal: () => void;
+    addItem: (type?: CellType) => void;
+    clearItems: () => void;
+    removeItem: (itemId: string) => void;
+    copyItem: (itemId: string) => void;
+    closeAddModal: () => void;
+    openEditor: (item: LayoutItem) => void;
+    saveContent: (content: string) => void;
+    closeEditors: () => void;
+    getDashboardQueryExecutor: (dashboardId: string) => DashboardQueryExecutor;
+    getItemData: (itemId: string, dashboardId: string) => GridItemDataResponse;
+    setItemData: (itemId: string, dashboardId: string, data: any) => void;
+    handleRefresh: (itemId?: string) => void;
+    setCrossFilter: (info: DimensionClick) => void;
+    removeFilter: (itemId: string, filterSource: string) => void;
+    unSelect: (itemId: string) => void;
+    dashboardCreated: (id: string) => void;
+    updateTitle: (newTitle: string) => void;
+};
+//# sourceMappingURL=useDashboard.d.ts.map

package/dist/components/dashboard/useDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../components/dashboard/useDashboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAOjB,MAAM,KAAK,CAAA;AAEZ,OAAO,EACL,KAAK,UAAU,EACf,KAAK,oBAAoB,EACzB,KAAK,QAAQ,EAEb,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC5E,OAAO,qBAAqB,MAAM,oCAAoC,CAAA;AAGtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IAC7C,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,YAAY,CAC1B,SAAS,EAAE,WAAW,CAAC,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC,EACzD,OAAO,EAAE,mBAAmB,EAC5B,IAAI,EAAE,iBAAiB,EACvB,6BAA6B,CAAC,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8IR,MAAM;;qCAuFL,eAAe,EAAE;6BAlDzB,MAAM;gCA0WT,KAAK,KAAG,IAAI;wBAhTpB,cAAc;iCAWL,GAAG;4BAOV,IAAI;qBAIV,QAAQ,KAAsB,IAAI;sBAiBlC,IAAI;yBAKC,MAAM,KAAG,IAAI;uBAKf,MAAM,KAAG,IAAI;yBAKb,IAAI;uBAKJ,UAAU,KAAG,IAAI;2BAqBb,MAAM,KAAG,IAAI;wBAOlB,IAAI;6CAkMmB,MAAM,KAAG,sBAAsB;0BA3LlD,MAAM,eAAe,MAAM,KAAG,oBAAoB;0BAyHlD,MAAM,eAAe,MAAM,QAAQ,GAAG,KAAG,IAAI;6BAoG1C,MAAM,KAAG,IAAI;2BAgBf,cAAc,KAAG,IAAI;2BAkCrB,MAAM,gBAAgB,MAAM,KAAG,IAAI;uBAMvC,MAAM,KAAG,IAAI;2BAMT,MAAM,KAAG,IAAI;4BAvVZ,MAAM,KAAG,IAAI;EAwY7C"}