@quillsql/react 2.13.39 → 2.13.41

package/dist/cjs/SQLEditor.js

@@ -26,6 +26,8 @@ const report_1 = require("./utils/report");
 const dashboard_1 = require("./utils/dashboard");
 const lib_1 = require("./lib");
 const dataFetcher_1 = require("./utils/dataFetcher");
+const convert_1 = require("./components/ReportBuilder/convert");
+const astProcessing_1 = require("./utils/astProcessing");
 function defineEditorTheme(monaco, theme) {
     monaco.editor.defineTheme('onedark', {
         base: theme.darkMode ? 'vs-dark' : 'vs',
@@ -91,7 +93,7 @@ function setEditorTheme(_editor, monaco, schema, databaseType, clientName) {
  * ### SQLEditor API
  * @see https://docs.quillsql.com/components/sql-editor
  */
-function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, DeleteButtonComponent = UiComponents_1.MemoizedDeleteButton, TextInputComponent = UiComponents_2.QuillTextInput, SelectComponent = QuillSelect_1.QuillSelectComponent, TableComponent = UiComponents_1.QuillTableSQLEditorComponent, isNewQueryEnabled = false, LoadingComponent = UiComponents_1.QuillLoadingComponent, ModalComponent = UiComponents_1.MemoizedModal, PopoverComponent = UiComponents_1.MemoizedPopover, CardComponent = QuillCard_1.QuillCard, LabelComponent = UiComponents_1.MemoizedLabel, HeaderComponent = UiComponents_1.MemoizedHeader, SubHeaderComponent = UiComponents_1.MemoizedSubHeader, TextComponent = UiComponents_1.MemoizedText, ErrorMessageComponent = UiComponents_1.QuillErrorMessageComponent, ChartBuilderInputRowContainer = UiComponents_1.QuillChartBuilderInputRowContainer, ChartBuilderInputColumnContainer = UiComponents_1.QuillChartBuilderInputColumnContainer, PivotRowContainer = UiComponents_1.QuillPivotRowContainer, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, ChartBuilderFormContainer = UiComponents_1.QuillChartBuilderFormContainer, defaultQuery, destinationDashboard, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, onDiscardChanges, onSaveChanges, onCloseChartBuilder, isChartBuilderEnabled = false, isAdminEnabled = false, chartBuilderTitle, runQueryOnMount = false, onAddToDashboardComplete, addToDashboardButtonLabel = 'Add to dashboard', report = undefined, organizationName = undefined, isChartBuilderHorizontalView = true, containerStyle = { height: '100vh' }, className, onClickChartElement, }) {
+function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, DeleteButtonComponent = UiComponents_1.MemoizedDeleteButton, TextInputComponent = UiComponents_2.QuillTextInput, SelectComponent = QuillSelect_1.QuillSelectComponent, TableComponent = UiComponents_1.QuillTableSQLEditorComponent, isNewQueryEnabled = false, LoadingComponent = UiComponents_1.QuillLoadingComponent, ModalComponent = UiComponents_1.MemoizedModal, PopoverComponent = UiComponents_1.MemoizedPopover, CardComponent = QuillCard_1.QuillCard, LabelComponent = UiComponents_1.MemoizedLabel, HeaderComponent = UiComponents_1.MemoizedHeader, SubHeaderComponent = UiComponents_1.MemoizedSubHeader, TextComponent = UiComponents_1.MemoizedText, ErrorMessageComponent = UiComponents_1.QuillErrorMessageComponent, ChartBuilderInputRowContainer = UiComponents_1.QuillChartBuilderInputRowContainer, ChartBuilderInputColumnContainer = UiComponents_1.QuillChartBuilderInputColumnContainer, PivotRowContainer = UiComponents_1.QuillPivotRowContainer, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, ChartBuilderFormContainer = UiComponents_1.QuillChartBuilderFormContainer, CheckboxComponent = UiComponents_1.QuillChartBuilderCheckboxComponent, defaultQuery, destinationDashboard, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, onDiscardChanges, onSaveChanges, onCloseChartBuilder, isChartBuilderEnabled = false, isAdminEnabled = false, chartBuilderTitle, runQueryOnMount = false, onAddToDashboardComplete, addToDashboardButtonLabel = 'Add to dashboard', report = undefined, organizationName = undefined, isChartBuilderHorizontalView = true, containerStyle = { height: '100vh' }, className, onClickChartElement, }) {
     const [sqlPrompt, setSqlPrompt] = (0, react_1.useState)('');
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
@@ -218,7 +220,7 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
         };
     }, [currentPage, rowsPerPage, currentSort]);
     const displayedTableData = (0, react_1.useMemo)(() => {
-        return (schemaData?.schema?.filter((table) => {
+        return (schemaData?.schemaWithCustomFields?.filter((table) => {
             return (table.name
                 ?.toLowerCase()
                 ?.includes(tableSearchQuery.toLowerCase().trim()) ||
@@ -226,7 +228,7 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
                     ?.toLowerCase()
                     ?.includes(tableSearchQuery.toLowerCase().trim())));
         }) ?? []);
-    }, [tableSearchQuery, schemaData.schema]);
+    }, [tableSearchQuery, schemaData.schemaWithCustomFields]);
     (0, react_1.useEffect)(() => {
         // Since the TextInput component takes a required numeric width parameter,
         // we dynamically calculate the width of this component here.
@@ -381,7 +383,12 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
                 rows: tempRows,
                 columns: tableInfo.columns,
             };
-            const cleaned = await (0, dashboard_1.cleanDashboardItem)(newReport, newReport.filtersApplied, client);
+            const cleaned = await (0, dashboard_1.cleanDashboardItem)({
+                item: newReport,
+                dashboardFilters: newReport.filtersApplied,
+                client,
+                customFields: schemaData.customFields,
+            });
             setTempReport(cleaned);
             setLastSuccessfulQuery(query);
         }
@@ -423,6 +430,17 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
         }
         await navigator.clipboard.writeText(newQuery);
     };
+    const getReferencedTables = async (client, sqlQuery, dbTables, skipStar) => {
+        const resp = await getDataFromCloud(client, `astify`, {
+            query: sqlQuery,
+            publicKey: client.publicKey,
+            useNewNodeSql: true,
+        });
+        if (resp.success === false) {
+            return (0, astProcessing_1.getTablesHelper)((0, astProcessing_1.getSelectFromAST)({}), dbTables, skipStar);
+        }
+        return (0, astProcessing_1.getTablesHelper)((0, astProcessing_1.getSelectFromAST)(resp.ast), dbTables, skipStar);
+    };
     (0, react_1.useEffect)(() => {
         if (onChangeQuery) {
             onChangeQuery(query || '');
@@ -487,7 +505,7 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
                                                         minHeight: 'max(210px, 20vh)',
                                                         maxHeight: '30%',
                                                         height: '20vh',
-                                                    }, children: (0, jsx_runtime_1.jsx)(SQLEditorComponent, { query: query || '', schema: schemaData.schema, databaseType: client?.databaseType ?? 'postgresql', clientName: client?.publicKey || '', setQuery: setQuery, handleRunQuery: () => {
+                                                    }, children: (0, jsx_runtime_1.jsx)(SQLEditorComponent, { query: query || '', schema: schemaData.schemaWithCustomFields, databaseType: client?.databaseType ?? 'postgresql', clientName: client?.publicKey || '', setQuery: setQuery, handleRunQuery: () => {
                                                             handleRunQuery(currentProcessing, true);
                                                         }, handleFixWithAI: handleFixWithAI, isNewQueryEnabled: isNewQueryEnabled, runQueryOnMount: runQueryOnMount, handleClearQuery: handleClearQuery, theme: theme, defineEditorTheme: defineEditorTheme, setEditorTheme: setEditorTheme, setEditorMounted: () => { }, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, loading: sqlResponseLoading && schemaData.isSchemaLoading, LoadingComponent: LoadingComponent }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                         display: 'flex',
@@ -503,17 +521,43 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
                                                             height: 70,
                                                         }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 12 }, children: [addToDashboardButtonLabel ===
                                                                     'Add to dashboard' ? ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => {
-                                                                        handleRunQuery(currentProcessing, true, false, true);
+                                                                        handleRunQuery({
+                                                                            page: pagination,
+                                                                            sort: undefined,
+                                                                        }, true, false, true);
                                                                     }, label: "Run query" })) : ((0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => {
-                                                                        handleRunQuery(currentProcessing, true, false, true);
+                                                                        handleRunQuery({
+                                                                            page: pagination,
+                                                                            sort: undefined,
+                                                                        }, true, false, true);
                                                                     }, label: "Run query" })), isNewQueryEnabled && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleClearQuery, label: "Clear query" })), addToDashboardButtonLabel ===
                                                                     'Add to dashboard' && ((0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: async () => {
                                                                         onSaveChanges && onSaveChanges();
+                                                                        const isSelectStar = (0, convert_1.isSimpleSelectStarQuery)(query ?? '');
+                                                                        let tables = [];
+                                                                        let customFieldColumns = [];
+                                                                        if (client &&
+                                                                            isSelectStar &&
+                                                                            schemaData.customFields) {
+                                                                            const { referencedTablesAndColumns } = await getReferencedTables(client, query ?? '', schemaData.schemaWithCustomFields, isSelectStar);
+                                                                            tables = referencedTablesAndColumns.map((ref) => ref.name);
+                                                                            customFieldColumns = tables
+                                                                                .map((table) => {
+                                                                                return (schemaData.customFields?.[table] ?? []).map((field) => field.field);
+                                                                            })
+                                                                                .flat();
+                                                                        }
                                                                         setTempReport({
                                                                             ...tempReport,
                                                                             id: Report_1.TEMP_REPORT_ID,
                                                                             rows,
-                                                                            columns: columns,
+                                                                            columns: isSelectStar // if SELECT *, filter out custom fields from tabular view
+                                                                                ? // so Automatic Custom Fields can be applied
+                                                                                    columns.filter((col) => {
+                                                                                        return !customFieldColumns.includes(col.field);
+                                                                                    })
+                                                                                : columns,
+                                                                            includeCustomFields: isSelectStar,
                                                                             columnInternal: columns,
                                                                             rowCount: rowCount ?? 0,
                                                                             queryString: query ?? '',
@@ -581,7 +625,7 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
                                                         // flags: flagsToAdd,
                                                     });
                                                     setIsChartBuilderOpen(true);
-                                                }, label: addToDashboardButtonLabel, disabled: !!errorMessage || !(lastSuccessfulQuery === query) }))] }))] })] }) }) })), (!isChartBuilderHorizontalView || isChartBuilderOpen) && ((0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { isHorizontalView: isChartBuilderHorizontalView, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, isAdmin: isAdminEnabled, title: chartBuilderTitle, buttonLabel: addToDashboardButtonLabel, tempReport: tempReport, reportId: report?.id, organizationName: organizationName, CardComponent: CardComponent, TableComponent: TableComponent, ModalComponent: ModalComponent, ButtonComponent: ButtonComponent, TextInputComponent: TextInputComponent, SelectComponent: SelectComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, PopoverComponent: PopoverComponent, DeleteButtonComponent: DeleteButtonComponent, LoadingComponent: LoadingComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, FormContainer: ChartBuilderFormContainer, hideDateRangeFilter: true, hideDeleteButton: true, onClickChartElement: onClickChartElement, filtersEnabled: filtersEnabled, onFiltersEnabledChanged: (enabled) => setFiltersEnabled(enabled), isEditingMode: true }))] }));
+                                                }, label: addToDashboardButtonLabel, disabled: !!errorMessage || !(lastSuccessfulQuery === query) }))] }))] })] }) }) })), (!isChartBuilderHorizontalView || isChartBuilderOpen) && ((0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { isHorizontalView: isChartBuilderHorizontalView, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, isAdmin: isAdminEnabled, title: chartBuilderTitle, buttonLabel: addToDashboardButtonLabel, tempReport: tempReport, reportId: report?.id, organizationName: organizationName, CardComponent: CardComponent, TableComponent: TableComponent, ModalComponent: ModalComponent, ButtonComponent: ButtonComponent, TextInputComponent: TextInputComponent, SelectComponent: SelectComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, PopoverComponent: PopoverComponent, DeleteButtonComponent: DeleteButtonComponent, LoadingComponent: LoadingComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, FormContainer: ChartBuilderFormContainer, CheckboxComponent: CheckboxComponent, hideDateRangeFilter: true, hideDeleteButton: true, onClickChartElement: onClickChartElement, filtersEnabled: filtersEnabled, onFiltersEnabledChanged: (enabled) => setFiltersEnabled(enabled), isEditingMode: true }))] }));
 }
 const SQLEditorComponent = ({ query, schema, databaseType, clientName, setQuery, setEditorMounted, handleRunQuery, defineEditorTheme, setEditorTheme, runQueryOnMount = false, theme, loading, LoadingComponent = UiComponents_1.QuillLoadingComponent, }) => {
     const [editorKey, setEditorKey] = (0, react_1.useState)(0);

package/dist/cjs/Table.d.ts

@@ -1,5 +1,7 @@
 import React, { ChangeEvent, ReactNode } from 'react';
 import { MultiSelectComponentProps, SelectComponentProps } from './components/UiComponents';
+import { Filter } from './models/Filter';
+import { QuillReport } from './models/Report';
 export interface TableColumn {
     label: string;
     field: string;
@@ -44,6 +46,7 @@ export interface TableProps {
     rows?: {
         [key: string]: any;
     }[];
+    autoHide?: boolean;
     /**
      * The columns of the table to show, if any.
      *
@@ -116,6 +119,21 @@ export interface TableProps {
         }) => void;
         onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
     }) => JSX.Element;
+    TableComponent?: ({ report, onClick, hoverActions, isLoading, error, rowCount, rowCountIsLoading, onPageChange, onSortChange, }: {
+        report: QuillReport;
+        onClick?: (report: QuillReport) => void;
+        hoverActions?: (report: QuillReport) => JSX.Element;
+        isLoading?: boolean;
+        error?: string;
+        rowCount?: number;
+        rowCountIsLoading?: boolean;
+        onPageChange?: (page: number) => void;
+        onSortChange?: (sort: {
+            field: string;
+            direction: string;
+        }) => void;
+        hideName?: boolean;
+    }) => JSX.Element;
     /** A filter container component component prop for the table filters */
     FilterContainerComponent?: ({ children, }: {
         children: ReactNode;
@@ -130,6 +148,8 @@ export interface TableProps {
      * Styles the top-level container of the Table.
      */
     containerStyle?: React.CSSProperties;
+    /** An array of dashboard filters that are indicated by the frontend dev. */
+    filters?: Filter[];
 }
 /**
  * ### Quill Table
@@ -162,6 +182,6 @@ export interface TableProps {
  * ### Table API
  * @see https://docs.quillsql.com/components/table
  */
-declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Table: ({ TableComponent, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Table;
 //# sourceMappingURL=Table.d.ts.map

package/dist/cjs/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,SAAS,EAIV,MAAM,OAAO,CAAC;AAef,OAAO,EACL,yBAAyB,EAEzB,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AAyBnC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAwDD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,CAAC;IAEhC;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IAEJ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAErC,oDAAoD;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAE/D,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;IAEzE,+DAA+D;IAC/D,wBAAwB,CAAC,EAAE,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,aAAa,EACb,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,cAAc,GACf,EAAE;QACD,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE;YAAE,SAAS,EAAE,IAAI,CAAC;YAAC,OAAO,EAAE,IAAI,CAAA;SAAE,CAAC;QAC9C,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAClD,iBAAiB,EAAE,CAAC,EAClB,SAAS,EACT,OAAO,GACR,EAAE;YACD,SAAS,EAAE,IAAI,CAAC;YAChB,OAAO,EAAE,IAAI,CAAC;SACf,KAAK,IAAI,CAAC;QACX,cAAc,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACjE,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,CAAC,EAC1B,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,SAAS,CAAC;KACrB,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,KAAK,UAAW,UAAU,mDA2C/B,CAAC;AAmUF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Table.js

@@ -7,16 +7,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Context_1 = require("./Context");
 const QuillTable_1 = __importDefault(require("./components/QuillTable"));
-const useExport_1 = require("./hooks/useExport");
-const filterProcessing_1 = require("./utils/filterProcessing");
-const UiComponents_1 = require("./components/UiComponents");
-const DashboardFilter_1 = require("./components/Dashboard/DashboardFilter");
-const QuillSelect_1 = require("./components/QuillSelect");
-const QuillMultiSelect_1 = require("./components/QuillMultiSelect");
-const QuillDateRangePicker_1 = require("./DateRangePicker/QuillDateRangePicker");
-const report_1 = require("./utils/report");
-const tableProcessing_1 = require("./utils/tableProcessing");
+const Filter_1 = require("./models/Filter");
 const paginationProcessing_1 = require("./utils/paginationProcessing");
+const DataLoader_1 = __importDefault(require("./components/Dashboard/DataLoader"));
+const TableComponent_1 = __importDefault(require("./components/Dashboard/TableComponent"));
 /**
  * ### Quill Table
  *
@@ -48,197 +42,41 @@ const paginationProcessing_1 = require("./utils/paginationProcessing");
  * ### Table API
  * @see https://docs.quillsql.com/components/table
  */
-const Table = (props) => {
+const Table = ({ TableComponent = TableComponent_1.default, ...props }) => {
     const data = props;
     const [dashboard] = (0, react_1.useContext)(Context_1.DashboardContext);
+    const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const { reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const { reports,
+    // reportsDispatch, 
+    // fetchIndividualReport 
+     } = (0, react_1.useContext)(Context_1.ReportsContext);
+    const report = (0, react_1.useMemo)(() => reports[props.reportId ?? ''], [reports, props.reportId]);
+    const { 
+    // reportFiltersDispatch, 
+    reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const specificReportFilters = (0, react_1.useMemo)(() => {
+        return Object.values(reportFilters[props.reportId ?? ''] ??
+            (dashboard[props.reportId ?? '']
+                ? dashboardFilters[dashboard[props.reportId ?? '']?.dashboardName ?? '']
+                : null) ??
+            {}).map((f) => f.filter);
+    }, [reportFilters[props.reportId ?? '']]);
+    // const reportDateFilter = useMemo(() => {
+    //   return specificReportFilters.find((f) => f.filterType === 'date_range');
+    // }, [specificReportFilters]);
+    const userFilters = (0, react_1.useMemo)(() => {
+        return props.filters?.filter((f) => f.filterType !== Filter_1.FilterType.Date);
+    }, [props.filters]);
     const [page, setPage] = (0, react_1.useState)(0);
     if ('rows' in data && 'columns' in data) {
         return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { hideCSVDownloadButton: data.hideCSVDownloadButton, columns: data.columns, rows: data.rows, className: data.className, containerStyle: data.containerStyle, LoadingComponent: data.LoadingComponent, isLoading: data.isLoading, downloadCSV: data.downloadCSV, currentPage: page, onPageChange: setPage }));
     }
-    if (!client) {
+    if (!client || !report) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(ChartUpdater, { hideCSVDownloadButton: data.hideCSVDownloadButton, dashboardContext: dashboard, filterContext: reportFilters, reportId: data.reportId, className: data.className, containerStyle: data.containerStyle, client: client, LoadingComponent: data.LoadingComponent, SelectComponent: data.SelectComponent, MultiSelectComponent: data.MultiSelectComponent, DateRangePickerComponent: data.DateRangePickerComponent, FilterContainerComponent: data.FilterContainerComponent, hideFilters: data.hideFilters }));
-};
-const ChartUpdater = ({ reportId, containerStyle, className, dashboardContext, filterContext, client, hideCSVDownloadButton = true, hideFilters = true, pagination = paginationProcessing_1.DEFAULT_PAGINATION, LoadingComponent, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelect_1.QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, FilterContainerComponent = UiComponents_1.QuillFilterContainerComponent, }) => {
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [initialLoad, setInitialLoad] = (0, react_1.useState)(true);
-    const { downloadCSV } = (0, useExport_1.useExport)(reportId);
-    const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
-    const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
-    const [rows, setRows] = (0, react_1.useState)([]);
-    const [columns, setColumns] = (0, react_1.useState)([]);
-    const [tableFilters, setTableFilters] = (0, react_1.useState)([]);
-    const [filterUpdateIndex, setFilterUpdateIndex] = (0, react_1.useState)(0);
-    const [previousPage, setPreviousPage] = (0, react_1.useState)(1);
-    const [rowCount, setRowCount] = (0, react_1.useState)(0);
-    const [pivot, setPivot] = (0, react_1.useState)(null);
-    const [pivotQuery, setPivotQuery] = (0, react_1.useState)(undefined);
-    const [comparisonPivotQuery, setComparisonPivotQuery] = (0, react_1.useState)(undefined);
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
-    // const { reportFiltersDispatch, reportFilters } =
-    //   useContext(ReportFiltersContext);
-    const [currentProcessing, setCurrentProcessing] = (0, react_1.useState)({
-        page: pagination,
-    });
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    const onPageChange = (page) => {
-        setCurrentPage(page);
-        if (currentProcessing.page &&
-            page > previousPage &&
-            (0, paginationProcessing_1.shouldFetchMore)(paginationProcessing_1.DEFAULT_PAGINATION, page, previousPage)) {
-            const newPagination = { ...currentProcessing.page, page };
-            const updatedProcessing = { ...currentProcessing, page: newPagination };
-            setCurrentProcessing(updatedProcessing);
-            updateTableRows(updatedProcessing);
-        }
-        if (page > previousPage) {
-            setPreviousPage(page);
-        }
-    };
-    const onSortChange = (sort) => {
-        if ((0, paginationProcessing_1.shouldSortInMemory)(paginationProcessing_1.DEFAULT_PAGINATION, rowCount)) {
-            return;
-        }
-        const updatedProcessing = { page: paginationProcessing_1.DEFAULT_PAGINATION, sort };
-        updateTableRows(updatedProcessing, true);
-        setCurrentProcessing(updatedProcessing);
-        setPreviousPage(0);
-    };
-    const updateTableRows = async (processing, resetRows = false) => {
-        if (!loading) {
-            setLoading(true);
-            try {
-                const updatedProcessing = { ...currentProcessing, ...processing };
-                const paginatedRows = await (0, tableProcessing_1.fetchResultsByReport)({
-                    reportId,
-                    client,
-                    tenants,
-                    processing: updatedProcessing,
-                    filters: tableFilters,
-                    customFields: schemaData.customFields,
-                    pivot,
-                    pivotQuery,
-                    comparisonPivotQuery,
-                });
-                if (paginatedRows.error) {
-                    throw new Error('Error fetching chart');
-                }
-                const formattedNewRows = (0, report_1.formatRowsFromReport)(paginatedRows);
-                let tempRows = [...rows, ...formattedNewRows];
-                if (resetRows) {
-                    tempRows = formattedNewRows;
-                }
-                setRows(tempRows);
-                setTimeout(() => {
-                    setLoading(false);
-                }, 200);
-            }
-            catch (e) {
-                console.log(e);
-                setLoading(false);
-            }
-        }
-    };
-    const fetchReportHelper = async (useReportTask = true, reportFilters, processing) => {
-        setLoading(true);
-        const { report, error } = await (0, report_1.fetchReport)(reportId, client, tenants, flags, useReportTask, reportFilters ? reportFilters.filters : [], processing, undefined, schemaData.customFields);
-        if (error) {
-            setLoading(false);
-            setInitialLoad(false);
-            setRows([]);
-            return;
-        }
-        setPivotQuery(report.pivotQuery);
-        setComparisonPivotQuery(report.comparisonPivotQuery);
-        const convertedReport = (0, report_1.convertInternalReportToReport)(report, reportFilters && reportFilters.filters ? reportFilters.filters : []);
-        let filterArray = reportFilters.filters;
-        // THIS SHOULD ONLY BE UNDEFINED ON INITIAL LOAD
-        if (!filterArray) {
-            filterArray = report.filtersApplied
-                ? report.filtersApplied.map((filter) => {
-                    return (0, filterProcessing_1.processFilterFromBackend)(filter);
-                })
-                : [];
-            // reportFiltersDispatch({
-            //   type: 'UPDATE_REPORT_FILTER',
-            //   id: reportId,
-            //   data: {
-            //     filters: filterArray,
-            //     updateIndex: reportFilters.updateIndex,
-            //   },
-            // });
-        }
-        setPivot(convertedReport.pivot);
-        setRows(convertedReport.rows); // convertInternalReportToReport already formats rows if chartType === table
-        setTableFilters(filterArray);
-        setRowCount(convertedReport.rowCount ?? 0);
-        setColumns(convertedReport.columns);
-        setLoading(false);
-        setInitialLoad(false);
-    };
-    (0, react_1.useEffect)(() => {
-        if (!client) {
-            return;
-        }
-        const report = dashboardContext[reportId];
-        if (initialLoad && report) {
-            setInitialLoad(false);
-            return;
-        }
-        // const parsedReportFilters = reportFilters[reportId]
-        //   ? reportFilters[reportId]
-        //   : { updateIndex: 0 };
-        const parsedReportFilters = { updateIndex: 0 };
-        setCurrentProcessing({ page: paginationProcessing_1.DEFAULT_PAGINATION });
-        fetchReportHelper(true, parsedReportFilters, currentProcessing);
-    }, [
-        client,
-        reportId,
-        // reportFilters[reportId]?.updateIndex
-    ]);
-    (0, react_1.useEffect)(() => {
-        const report = dashboardContext[reportId];
-        if (!report) {
-            return;
-        }
-        if (!report.rows || !report.columns) {
-            setRows([]);
-            setColumns([]);
-            return;
-        }
-        const reportFilters = Object.values(filterContext[reportId] ?? {}).map((f) => f.filter);
-        const convertedReport = (0, report_1.convertInternalReportToReport)(report, reportFilters);
-        setRows(convertedReport.rows); // convertInternalReportToReport already formats rows if chartType === table
-        setRowCount(convertedReport.rowCount);
-        setColumns(convertedReport.columns);
-        setTableFilters(reportFilters);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [!hideFilters && ((0, jsx_runtime_1.jsx)(FilterContainerComponent, { children: tableFilters.map((filter, index) => ((0, jsx_runtime_1.jsx)(DashboardFilter_1.DashboardFilter, { filter: filter, onChangeFilter: (filter, value = null, comparison = null) => {
-                        const updatedFilters = tableFilters.map((f) => {
-                            if (f.field === filter.field ||
-                                (f.filterType === 'date_range' &&
-                                    filter.filterType === 'date_range')) {
-                                return (0, filterProcessing_1.updateFilter)(f, value, comparison, f.dashboardName);
-                            }
-                            return f;
-                        });
-                        setTableFilters(updatedFilters);
-                        fetchReportHelper(true, {
-                            filters: updatedFilters,
-                            updateIndex: filterUpdateIndex + 1,
-                        }, currentProcessing);
-                        setFilterUpdateIndex(filterUpdateIndex + 1);
-                        // reportFiltersDispatch({
-                        //   type: 'UPDATE_REPORT_FILTER',
-                        //   id: reportId,
-                        //   data: {
-                        //     filters: updatedFilters,
-                        //     updateIndex: filterUpdateIndex + 1,
-                        //   },
-                        // });
-                    }, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent }, index))) })), (0, jsx_runtime_1.jsx)(QuillTable_1.default, { hideCSVDownloadButton: hideCSVDownloadButton, columns: columns ?? [], rows: rows ?? [], containerStyle: containerStyle, className: className, LoadingComponent: LoadingComponent, sort: currentProcessing.sort, isLoading: loading || initialLoad, downloadCSV: downloadCSV, onPageChange: onPageChange, onSortChange: onSortChange, rowCount: rowCount, currentPage: currentPage })] }));
+    return ((0, jsx_runtime_1.jsx)(DataLoader_1.default, { item: report, filters: specificReportFilters, userFilters: userFilters?.map(Filter_1.convertCustomFilter), additionalProcessing: {
+            page: paginationProcessing_1.DEFAULT_PAGINATION,
+        }, reportMode: true, children: ({ isLoading, error, onPageChange, onSortChange, data, rowCount, rowCountIsLoading, }) => (0, jsx_runtime_1.jsx)(TableComponent, { report: data, isLoading: isLoading, error: error, rowCount: rowCount ?? data?.rowCount ?? data?.rows?.length ?? 0, rowCountIsLoading: rowCountIsLoading, onPageChange: (page) => onPageChange(page), onSortChange: (sort) => onSortChange(sort), hideName: true }) }));
 };
 exports.default = Table;

package/dist/cjs/components/Chart/BarChart.d.ts

@@ -1,6 +1,6 @@
 import { type ColorMapType } from '../../Chart';
 import { AxisFormat } from '../../Dashboard';
-export default function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, onClickChartElement, dateFilter, }: {
+export default function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, onClickChartElement, dateFilter, referenceLines, }: {
     colors: string[];
     colorMap?: ColorMapType;
     yAxisFields: any[];
@@ -19,5 +19,9 @@ export default function BarChart({ colors, colorMap, yAxisFields, data, containe
     hideCartesianGrid: boolean;
     onClickChartElement?: (e: any) => void;
     dateFilter?: any;
+    referenceLines?: {
+        label: string;
+        query: number[];
+    }[];
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BarChart.d.ts.map

package/dist/cjs/components/Chart/BarChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,SAAS,EACT,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,mBAAmB,EACnB,UAAU,GACX,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,2CA6MA"}
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,SAAS,EACT,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,mBAAmB,EACnB,UAAU,EACV,cAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAC,EAAE,CAAC;CACrD,2CAkNA"}

package/dist/cjs/components/Chart/BarChart.js

@@ -11,7 +11,8 @@ const axisFormatter_1 = require("../../utils/axisFormatter");
 const color_1 = require("../../utils/color");
 const ChartTooltip_1 = __importDefault(require("../../components/Chart/ChartTooltip"));
 const getDomain_1 = __importDefault(require("../../utils/getDomain"));
-function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, onClickChartElement, dateFilter, }) {
+const CustomReferenceLine_1 = __importDefault(require("./CustomReferenceLine"));
+function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, onClickChartElement, dateFilter, referenceLines, }) {
     const getCustomColor = (field) => {
         const key = field.startsWith('comparison_') ? 'comparison' : 'primary';
         field = field.replace('comparison_', '');
@@ -49,7 +50,7 @@ function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, classNa
                     ? onClickChartElement(event?.activePayload
                         ? event.activePayload[0].payload
                         : undefined)
-                    : undefined, children: [!hideCartesianGrid && ((0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { width: 44, hide: hideYAxis, axisLine: false, tickLine: false, type: "number", domain: (0, getDomain_1.default)(data, yAxisFields), tick: { transform: 'translate(-3, 0)' }, tickCount: 5, style: {
+                    : undefined, children: [!hideCartesianGrid && ((0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { width: 44, hide: hideYAxis, axisLine: false, tickLine: false, type: "number", domain: (0, getDomain_1.default)(data, yAxisFields, referenceLines), tick: { transform: 'translate(-3, 0)' }, tickCount: 5, style: {
                             fontSize: '12px',
                             fontFamily: theme.chartLabelFontFamily,
                         }, tickFormatter: (tick) => {
@@ -102,5 +103,5 @@ function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, classNa
                                 (0, color_1.selectColor)(elem, colors.length >= yAxisFields.length / (comparison ? 2 : 1)
                                     ? colors
                                     : (0, color_1.generateArrayFromColor)(colors.slice(0, 2), yAxisFields.length), yAxisFields.findIndex((field) => field.field === elem.field?.replace('comparison_', ''))), isAnimationActive: isAnimationActive }, elem.field));
-                    })] }) }) }));
+                    }), referenceLines && (referenceLines.map(({ label, query }) => ((0, jsx_runtime_1.jsx)(recharts_1.Customized, { component: (props) => (0, jsx_runtime_1.jsx)(CustomReferenceLine_1.default, { ...props, referenceLine: query, label: label }) }, label))))] }) }) }));
 }

package/dist/cjs/components/Chart/CustomReferenceLine.d.ts

@@ -0,0 +1,2 @@
+export default function CustomReferenceLine({ xAxisMap, yAxisMap, referenceLine, label, color }: any): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CustomReferenceLine.d.ts.map

package/dist/cjs/components/Chart/CustomReferenceLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomReferenceLine.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/CustomReferenceLine.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,kDAwEnG"}

package/dist/cjs/components/Chart/CustomReferenceLine.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CustomReferenceLine;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../utils/constants");
+function CustomReferenceLine({ xAxisMap, yAxisMap, referenceLine, label, color }) {
+    const xAxisKey = Object.keys(xAxisMap)[0];
+    const yAxisKey = Object.keys(yAxisMap)[0];
+    if (!xAxisKey || !yAxisKey)
+        return null;
+    const xMin = xAxisMap[xAxisKey].scale.range()[0];
+    const xMax = xAxisMap[xAxisKey].scale.range()[1];
+    const yScale = yAxisMap[yAxisKey].scale;
+    const y1 = yScale(referenceLine[0]);
+    const y2 = yScale(referenceLine[1]);
+    const textY = yScale(referenceLine[referenceLine.length - 1] + 30);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [referenceLine.length === 2 &&
+                (0, jsx_runtime_1.jsx)("line", { x1: xMin, y1: y1, x2: xMax, y2: y2, stroke: color || "gray", strokeDasharray: "5 5", strokeWidth: 1, pointerEvents: "none" }), referenceLine.length > 2 &&
+                referenceLine.slice(1).map((point, index) => {
+                    const x1 = xMin + (xMax - xMin) * (index / (referenceLine.length - 1));
+                    const x2 = xMin + (xMax - xMin) * ((index + 1) / (referenceLine.length - 1));
+                    return ((0, jsx_runtime_1.jsx)("line", { x1: x1, y1: yScale(referenceLine[index]), x2: x2, y2: yScale(point), stroke: color || "gray", strokeDasharray: "5 5", strokeWidth: 1, pointerEvents: "none" }, index));
+                }), (0, jsx_runtime_1.jsxs)("text", { x: xMax - 5, y: textY, fontSize: "12", fill: color || "gray", 
+                // stroke="white"
+                strokeWidth: 0.4, strokeLinejoin: "round", paintOrder: "stroke fill", fontWeight: "light", textAnchor: "end", z: 10000, children: [label === constants_1.REFERENCE_LINE ? '' : label, " ", referenceLine.length > 2 ? '' : `(${referenceLine[0] === referenceLine[1] ? referenceLine[0] : referenceLine.join(", ")})`] })] }));
+}

package/dist/cjs/components/Chart/GaugeChart.d.ts

@@ -0,0 +1,11 @@
+import 'd3-transition';
+import { AxisFormat } from "../../Dashboard";
+export default function GaugeChart({ data, xAxisField, xAxisFormat, containerStyle, colors, isAnimationActive, }: {
+    data: any[];
+    xAxisField: string;
+    xAxisFormat: AxisFormat;
+    containerStyle?: React.CSSProperties;
+    colors: string[];
+    isAnimationActive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GaugeChart.d.ts.map

package/dist/cjs/components/Chart/GaugeChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/GaugeChart.tsx"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,UAAU,EACV,WAAW,EACX,cAAc,EACd,MAAM,EACN,iBAAwB,GACzB,EAAE;IACD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,2CAeA"}