@quillsql/react 2.12.41 → 2.12.42

package/dist/esm/components/Chart/ChartTooltip.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { format, subDays } from 'date-fns';
 import ChartTooltipFrame from './ChartTooltipFrame';
 import ChartTooltipRow from './ChartTooltipRow';
@@ -26,7 +26,7 @@ const ChartTooltipPrimary = (props) => (_jsxs(ChartTooltipFrame, { theme: props.
                     fontFamily: props.theme?.fontFamily,
                     color: props.theme?.primaryTextColor,
                     fontSize: props.theme?.fontSizeSmall || '14px',
-                    fontWeight: props.theme?.boldFontWeight || '500',
+                    fontWeight: props.theme?.fontWeightBold || '500',
                     paddingTop: 2,
                     paddingBottom: 2,
                 }, children: !isNaN(new Date(props.label)) && props.dateFormatter
@@ -38,45 +38,7 @@ const ChartTooltipPrimary = (props) => (_jsxs(ChartTooltipFrame, { theme: props.
                 paddingLeft: '16px',
                 paddingTop: '8px',
                 paddingBottom: '8px',
-            }, children: props.payload.map(({ color, value, name }, idx) => (_jsx(ChartTooltipRow, { value: props.valueFormatter(value), name: name, color: color, theme: props.theme }, `id-${idx}`))) })] }));
-// The chart tooltip to display for secondary labels (ie. label2).
-const ChartTooltipSecondary = (props) => (_jsx(ChartTooltipFrame, { theme: props.theme, children: props.payload.map(({ color, value, name }, idx) => (_jsxs(_Fragment, { children: [idx === 0 && (_jsx("div", { style: {
-                    borderStyle: 'solid',
-                    borderBottomColor: props.theme?.borderColor || '#E5E7EB',
-                    background: props.theme?.backgroundColor || 'white',
-                    borderTop: 'none',
-                    borderLeft: 'none',
-                    borderRight: 'none',
-                    borderBottomWidth: 1,
-                    display: 'flex',
-                    flexDirection: 'column',
-                    paddingLeft: '16px',
-                    paddingRight: '16px',
-                    paddingTop: '8px',
-                    paddingBottom: '8px',
-                }, children: _jsx("p", { style: {
-                        textAlign: 'left',
-                        marginTop: 0,
-                        marginBottom: 0,
-                        fontFamily: props.theme?.fontFamily,
-                        color: props.theme?.primaryTextColor,
-                        fontSize: props.theme?.fontSizeSmall || '14px',
-                        fontWeight: props.theme?.boldFontWeight || '500',
-                        paddingTop: 2,
-                        paddingBottom: 2,
-                    }, children: name }) })), _jsx("div", { style: {
-                    paddingRight: '16px',
-                    paddingLeft: '16px',
-                    paddingBottom: '8px',
-                    ...(idx === 0 && { paddingTop: '8px' }),
-                }, children: _jsx(ChartTooltipRow, { name: props.valueFormatter(value), value: !isNaN(new Date(idx === 0 ? props.label : props.label2)) &&
-                        props.dateFormatter
-                        ? props.dateFormatter(idx === 0 ? props.label : props.label2)
-                        : !isNaN(new Date(idx === 0 ? props.label : props.label2))
-                            ? format(new Date(idx === 0 ? props.label : props.label2), 'MMM yyyy')
-                            : idx === 0
-                                ? props.label
-                                : props.label2, color: color, theme: props.theme }, `id-${idx}`) })] }))) }));
+            }, children: props.payload.map(({ color, value, name }, idx) => (_jsx(ChartTooltipRow, { value: props.valueFormatter(value), name: name, color: color || 'black', theme: props.theme }, `id-${idx}`))) })] }));
 const LABEL_TO_DAYS = {
     'This week': 7,
     'This month': 30,
@@ -121,7 +83,10 @@ function reformatComparisonPayload(props, primaryLabel, comparisonLabel) {
     // name of each colored tag is the date if the xAxis is a date format.
     if (props.payload.length <= 2 && isDateXAxis) {
         for (const item of props.payload) {
-            const isComparison = item.name.toLowerCase().includes('comparison ');
+            const itemName = item.name;
+            if (!itemName)
+                return;
+            const isComparison = itemName.toLowerCase().includes('comparison ');
             const nameKey = isComparison
                 ? `comparison_${props.xAxisField}`
                 : props.xAxisField;
@@ -143,11 +108,14 @@ function reformatComparisonPayload(props, primaryLabel, comparisonLabel) {
     // by the name and use that key as the key in our map.
     for (const item of props.payload) {
         let key = item.name;
-        if (key.includes('comparison ')) {
-            key = key.replace('comparison ', '');
+        if (!key || typeof key !== 'string') {
+            return;
+        }
+        if (key.includes('comparison_')) {
+            key = key.replace('comparison_', '');
         }
         else if (key.includes('Comparison ')) {
-            key = item.name.replace('Comparison ', '');
+            key = key.replace('Comparison ', '');
         }
         const isComparison = item.name.includes('comparison ') || item.dataKey.includes('comparison_');
         const name = isComparison ? comparisonLabel : primaryLabel;
@@ -187,7 +155,7 @@ function ChartTooltipComparison(props) {
             .toLowerCase();
     const presetLabel = props.dateFilter?.preset?.label || '';
     const comparisonLabel = props.dateFilter?.comparisonRange?.value || '';
-    const newRows = reformatComparisonPayload(props, presetLabel, convertComparisonRange(presetLabel, comparisonLabel));
+    const newRows = reformatComparisonPayload(props, presetLabel, convertComparisonRange(presetLabel, comparisonLabel)) ?? {};
     return (_jsxs(ChartTooltipFrame, { theme: props.theme, children: [_jsx("div", { style: {
                     borderStyle: 'solid',
                     borderBottomColor: props.theme?.borderColor || '#E5E7EB',
@@ -209,7 +177,7 @@ function ChartTooltipComparison(props) {
                         fontFamily: props.theme?.fontFamily,
                         color: props.theme?.primaryTextColor,
                         fontSize: props.theme?.fontSizeSmall || '14px',
-                        fontWeight: props.theme?.boldFontWeight || '500',
+                        fontWeight: props.theme?.fontWeightBold || '500',
                         textTransform: 'capitalize',
                         paddingTop: 2,
                         paddingBottom: 2,
@@ -228,7 +196,5 @@ export default function ChartTooltip(props) {
         return null;
     if (props.comparison)
         return _jsx(ChartTooltipComparison, { ...props });
-    if (props.label2)
-        return _jsx(ChartTooltipSecondary, { ...props });
     return _jsx(ChartTooltipPrimary, { ...props });
 }

package/dist/esm/components/Chart/LineChart.d.ts

@@ -2,7 +2,7 @@
 import { type ColorMapType } from '../../Chart';
 import { AxisFormat } from '../../Dashboard';
 export default function LineChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, comparisonLineStyle, cartesianGridLineColor, onClickChartElement, dateFilter, }: {
-    colors?: string[];
+    colors: string[];
     colorMap?: ColorMapType;
     yAxisFields: any[];
     data: any[];

package/dist/esm/components/Chart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgC7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,mBAA6B,EAC7B,sBAAsB,EACtB,mBAA8B,EAC9B,UAAU,GACX,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,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,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,2CA4PA"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgC7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,mBAA6B,EAC7B,sBAAsB,EACtB,mBAA8B,EAC9B,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,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,2CAqQA"}

package/dist/esm/components/Chart/LineChart.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
 import { Area, CartesianGrid, ComposedChart as ReChartsAreaChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
 import { DATE_FORMAT_TYPES, quillFormat, valueFormatter, } from '../../utils/valueFormatter';
 import { axisFormatter } from '../../utils/axisFormatter';
@@ -111,24 +110,39 @@ export default function LineChart({ colors, colorMap = {}, yAxisFields, data, co
                                 ],
                             })
                             : value }), _jsx(Tooltip, { wrapperStyle: { outline: 'none', zIndex: 2 }, isAnimationActive: false, cursor: { stroke: '#d1d5db', strokeWidth: 1 }, content: ({ active, payload, label }) => {
-                            let label2;
-                            if (comparison &&
-                                payload?.length > 1 &&
-                                payload[0].payload[xAxisField + '2']) {
-                                label2 = payload[0].payload[xAxisField + '2'];
+                            if (!payload || payload.length === 0) {
+                                return null;
                             }
-                            return (_jsx(ChartTooltip, { active: active, payload: payload, label: label, label2: label2, dateFormatter: (value) => valueFormatter({
+                            const payloadItems = payload.map((p) => {
+                                return {
+                                    ...p,
+                                    color: p.color || 'black',
+                                    chartType: 'line',
+                                    dataKey: p.dataKey?.toLocaleString() || '',
+                                    name: p.name?.toString() || '',
+                                    payload: p.payload || {},
+                                    type: p.type || 'none',
+                                    unit: 'string',
+                                    value: p.value || '',
+                                };
+                            });
+                            return (_jsx(ChartTooltip, { active: active, payload: payloadItems, label: label, dateFormatter: (value) => valueFormatter({
                                     value,
                                     field: xAxisField,
                                     fields: [{ field: xAxisField, format: xAxisFormat }],
-                                }), valueFormatter: (value) => valueFormatter({
-                                    value,
-                                    field: payload[0].dataKey,
-                                    fields: [
-                                        ...yAxisFields,
-                                        { field: xAxisField, format: xAxisFormat },
-                                    ],
-                                }), xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, theme: theme, comparison: comparison, dateFilter: dateFilter }));
+                                }), valueFormatter: (value) => {
+                                    if (!payloadItems[0]?.dataKey) {
+                                        return value;
+                                    }
+                                    return valueFormatter({
+                                        value,
+                                        field: payloadItems[0].dataKey,
+                                        fields: [
+                                            ...yAxisFields,
+                                            { field: xAxisField, format: xAxisFormat },
+                                        ],
+                                    });
+                                }, xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, theme: theme, comparison: comparison, dateFilter: dateFilter }));
                         }, position: { y: 0 } }), yAxisFields &&
                         yAxisFields.map((elem, index) => {
                             // hash the color stops so they're stable, valid html ids

package/dist/esm/components/Chart/PieChart.d.ts

@@ -1,4 +1,5 @@
 import React, { CSSProperties } from 'react';
+import { QuillTheme } from '../../QuillProvider';
 export type ValueFormatter = {
     (value: number): string;
 };
@@ -20,10 +21,11 @@ export type AlignItems = (typeof alignItemsValues)[number];
 export type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';
 export declare const defaultValueFormatter: ValueFormatter;
 export declare const sumNumericArray: (arr: number[]) => number;
-export declare const parseData: (data: any, colors: any, categoryKey: any, valueKey: any) => any;
+export declare const parseData: (data: any[], colors: string[], categoryKey: string, valueKey: string) => any[];
 export declare const parseLabelInput: (labelInput: string | undefined, valueFormatter: ValueFormatter, data: any[], category: string) => string;
 export declare const ChartTooltipFrame: ({ children, theme, }: {
     children: React.ReactNode;
+    theme: QuillTheme;
 }) => import("react/jsx-runtime").JSX.Element;
 export interface ChartTooltipRowProps {
     value: string;

package/dist/esm/components/Chart/PieChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/PieChart.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/PieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,iBAAiB,6DAMb,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE9D,QAAA,MAAM,eAAe,wFAMX,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,QAAA,MAAM,UAAU,yCAA0C,CAAC;AAE3D,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/C,QAAA,MAAM,WAAW,gNAuBP,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD,QAAA,MAAM,oBAAoB,oEAOhB,CAAC;AACX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,QAAA,MAAM,gBAAgB,4DAMZ,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,aAAa,GAAG,aAAa,CAAC;AAE1E,eAAO,MAAM,qBAAqB,EAAE,cACN,CAAC;AAE/B,eAAO,MAAM,eAAe,QAAS,MAAM,EAAE,WACO,CAAC;AAErD,eAAO,MAAM,SAAS,SACd,GAAG,EAAE,UACH,MAAM,EAAE,eACH,MAAM,YACT,MAAM,UA4CjB,CAAC;AAKF,eAAO,MAAM,eAAe,eACd,MAAM,GAAG,SAAS,kBACd,cAAc,QACxB,GAAG,EAAE,YACD,MAAM,WAIyC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;cAIlB,MAAM,SAAS;WAClB,UAAU;6CAgBlB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,eAAe,mCAKzB,oBAAoB,4CA+DtB,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,iBAAiB,gDAK3B,sBAAsB,mDAwBxB,CAAC;AAEF,KAAK,iBAAiB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEzC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,eAAe,wFAsGpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/components/Chart/PieChart.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
 import React from 'react';
 import { Pie, PieChart, ResponsiveContainer, Tooltip } from 'recharts';
 import { generateArrayFromColor } from '../../utils/color';
@@ -59,7 +58,6 @@ const alignItemsValues = [
 ];
 export const defaultValueFormatter = (value) => (value * 1).toFixed(1) + '%';
 export const sumNumericArray = (arr) => arr.reduce((prefixSum, num) => prefixSum + num, 0);
-// @ts-ignore
 export const parseData = (data, colors, categoryKey, valueKey) => {
     const maxItems = 20;
     const slicedData = data.slice(0, maxItems);

package/dist/esm/components/Dashboard/ChartComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/ChartComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuGhC"}
+{"version":3,"file":"ChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/ChartComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuGhC"}

package/dist/esm/components/Dashboard/ChartComponent.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '../../hooks';
+import { useContext } from 'react';
 import ChartSkeleton from '../Chart/ChartSkeleton';
+import { ThemeContext } from '../../Context';
 export default function QuillChartComponent({ report, onClick, children, isLoading, }) {
-    const theme = useTheme();
+    const [theme] = useContext(ThemeContext);
     return (_jsx("div", { onClick: () => onClick && onClick(report), style: {
             cursor: 'pointer',
             boxSizing: 'content-box',
@@ -30,8 +31,8 @@ export default function QuillChartComponent({ report, onClick, children, isLoadi
                                 boxSizing: 'content-box',
                                 paddingBottom: 20,
                             }, children: [_jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        color: theme.primaryTextColor,
+                                        fontFamily: theme?.fontFamily,
+                                        color: theme?.primaryTextColor,
                                         boxSizing: 'content-box',
                                         fontSize: 18,
                                         fontWeight: '500',
@@ -42,8 +43,8 @@ export default function QuillChartComponent({ report, onClick, children, isLoadi
                                         maxWidth: '100%',
                                         overflow: 'hidden',
                                     }, children: report?.name }), onClick && report?.name ? (_jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        color: theme.primaryTextColor,
+                                        fontFamily: theme?.fontFamily,
+                                        color: theme?.primaryTextColor,
                                         boxSizing: 'content-box',
                                         fontWeight: '500',
                                         fontSize: 14,

package/dist/esm/components/Dashboard/DashboardFilter.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { type DateRangePickerComponentProps } from '../../DateRangePicker/QuillDateRangePicker';
+import { QuillTheme } from '../../QuillProvider';
+import { DashboardFilter as Filters } from '../../models/Filter';
 type SelectComponentType = ({ label, value, options, onChange, width, }: {
     value: string;
     label?: string | undefined;
@@ -26,12 +28,12 @@ type MultiSelectComponentType = ({ label, value, options, onChange, width, }: {
 }) => JSX.Element;
 type DateRangePickerComponentType = ({ dateRange, onChangeDateRange, presetOptions, onChangePreset, preset, selectWidth, }: DateRangePickerComponentProps) => JSX.Element;
 interface DashboardFilterProps {
-    filter: any;
+    filter: Filters;
     onChangeFilter: (...args: any[]) => void;
     SelectComponent: SelectComponentType | React.MemoExoticComponent<SelectComponentType>;
     MultiSelectComponent: MultiSelectComponentType | React.MemoExoticComponent<MultiSelectComponentType>;
     DateRangePickerComponent: DateRangePickerComponentType | React.MemoExoticComponent<DateRangePickerComponentType>;
-    theme: any;
+    theme: QuillTheme;
 }
 export declare function DashboardFilter({ filter, onChangeFilter, SelectComponent, MultiSelectComponent, DateRangePickerComponent, theme, }: DashboardFilterProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAIhG,KAAK,mBAAmB,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,wBAAwB,GAAG,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CACR,KAAK,EACD,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,GACpC;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,KAChC,IAAI,CAAC;CACX,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,4BAA4B,GAAG,CAAC,EACnC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,WAAW,GACZ,EAAE,6BAA6B,KAAK,GAAG,CAAC,OAAO,CAAC;AAEjD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,EACX,mBAAmB,GACnB,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACnD,oBAAoB,EAChB,wBAAwB,GACxB,KAAK,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACxD,wBAAwB,EACpB,4BAA4B,GAC5B,KAAK,CAAC,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC5D,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,eAAsC,EACtC,oBAAgD,EAChD,wBAAwB,EACxB,KAAK,GACN,EAAE,oBAAoB,kDAwItB"}
+{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAGhG,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEjE,KAAK,mBAAmB,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,wBAAwB,GAAG,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CACR,KAAK,EACD,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,GACpC;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,KAChC,IAAI,CAAC;CACX,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,4BAA4B,GAAG,CAAC,EACnC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,WAAW,GACZ,EAAE,6BAA6B,KAAK,GAAG,CAAC,OAAO,CAAC;AAEjD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,EACX,mBAAmB,GACnB,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACnD,oBAAoB,EAChB,wBAAwB,GACxB,KAAK,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACxD,wBAAwB,EACpB,4BAA4B,GAC5B,KAAK,CAAC,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC5D,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,eAAsC,EACtC,oBAAgD,EAChD,wBAAwB,EACxB,KAAK,GACN,EAAE,oBAAoB,kDA0ItB"}

package/dist/esm/components/Dashboard/DashboardFilter.js

@@ -8,10 +8,10 @@ export function DashboardFilter({ filter, onChangeFilter, SelectComponent = Quil
     useEffect(() => {
         if (filter.filterType === 'string') {
             if (filter.stringFilterType === 'multiselect') {
-                setFilterValue(filter.values);
+                setFilterValue(filter.values || []);
             }
             else {
-                setFilterValue(filter.selectedValue);
+                setFilterValue(filter.selectedValue || '');
             }
         }
     }, [filter]);
@@ -20,7 +20,7 @@ export function DashboardFilter({ filter, onChangeFilter, SelectComponent = Quil
             return null;
         }
         if (filter.stringFilterType === 'multiselect') {
-            return (_jsx(MultiSelectComponent, { label: filter.label, value: filterValue, onChange: (e) => {
+            return (_jsx(MultiSelectComponent, { label: filter.label, value: filterValue ? filterValue : [], onChange: (e) => {
                     if (e.target.value === '') {
                         setFilterValue(null);
                         onChangeFilter(filter, []);
@@ -39,7 +39,7 @@ export function DashboardFilter({ filter, onChangeFilter, SelectComponent = Quil
                     })),
                 ], width: 200 }));
         }
-        return (_jsx(SelectComponent, { label: filter.label, value: filterValue, onChange: (e) => {
+        return (_jsx(SelectComponent, { label: filter.label, value: filterValue ? filterValue : '', onChange: (e) => {
                 onChangeFilter(filter, e.target.value);
             }, options: [
                 ...filter.options.map((elem) => ({

package/dist/esm/components/Dashboard/DashboardTemplate.d.ts

@@ -1,7 +1,8 @@
+import { Client } from '../../models/Client';
 export default function QuillDashboardTemplate({ name, originDashboard, client, appliedFilters, ModalComponent, TemplateChartComponent, TemplateMetricComponent, TemplateTableComponent, ButtonComponent, }: {
     name: string;
     originDashboard: string;
-    client: any;
+    client: Client;
     appliedFilters: any;
     ModalComponent: any;
     TemplateChartComponent: any;

package/dist/esm/components/Dashboard/DashboardTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardTemplate.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,IAAI,EACJ,eAAe,EACf,MAAM,EACN,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,uBAAuB,EAAE,GAAG,CAAC;IAC7B,sBAAsB,EAAE,GAAG,CAAC;IAC5B,eAAe,EAAE,GAAG,CAAC;CACtB,kDAyGA"}
+{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardTemplate.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,IAAI,EACJ,eAAe,EACf,MAAM,EACN,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,uBAAuB,EAAE,GAAG,CAAC;IAC7B,sBAAsB,EAAE,GAAG,CAAC;IAC5B,eAAe,EAAE,GAAG,CAAC;CACtB,kDAyGA"}

package/dist/esm/components/Dashboard/DashboardTemplate.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useState } from 'react';
 import { addTemplatesToDashboard, validateTemplatesAgainstFilters, } from './util';
 import { useDashboard } from '../../hooks/useDashboard';
-import { DashboardDataContext } from '../../Context';
+import { DashboardConfigContext } from '../../Context';
 import Dashboard from '../../Dashboard';
 export default function QuillDashboardTemplate({ name, originDashboard, client, appliedFilters, ModalComponent, TemplateChartComponent, TemplateMetricComponent, TemplateTableComponent, ButtonComponent, }) {
     const { isLoading, data } = useDashboard(name ?? '');
-    const { dashboardData, dashboardDataDispatch } = useContext(DashboardDataContext);
+    const [dashboardConfig, dashboardConfigDispatch] = useContext(DashboardConfigContext);
     const [addItemModalIsOpen, setAddItemModalIsOpen] = useState(false);
     const [selectedTemplates, setSelectedTemplates] = useState([]);
     const [selectingTemplate, setSelectingTemplate] = useState(false);
@@ -23,11 +23,10 @@ export default function QuillDashboardTemplate({ name, originDashboard, client,
             setAddItemModalIsOpen(false);
             const newTemplates = selectedTemplates;
             setSelectedTemplates([]);
-            const newData = await addTemplatesToDashboard(originDashboard, newTemplates, client, dashboardData);
-            console.log('updating context with', newData);
+            const newData = await addTemplatesToDashboard(originDashboard, newTemplates, client, dashboardConfig);
             if (newData) {
                 // Dispatch the action to update the dashboard state
-                dashboardDataDispatch({
+                dashboardConfigDispatch({
                     type: 'UPDATE_DASHBOARD',
                     id: originDashboard,
                     data: newData,

package/dist/esm/components/Dashboard/DataLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAuB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAmCjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA4Id;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,eAAe;UAOpB,GAAG;;mCAGE,WAAW,UACZ,UAAU,KACf,YAAY;2BACM,GAAG;cAChB,GAAG;wDAMV,yBAAyB,KAAK,WAAW;MAC1C,WAsEH,CAAC"}
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAuB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAmCjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA8Id;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,eAAe;UAOpB,GAAG;;mCAGE,WAAW,UACZ,UAAU,KACf,YAAY;2BACM,GAAG;cAChB,GAAG;wDAMV,yBAAyB,KAAK,WAAW;MAC1C,WAyEH,CAAC"}

package/dist/esm/components/Dashboard/DataLoader.js

@@ -2,12 +2,12 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
 import { didFiltersChange } from '../../Chart';
 import { ClientContext, CustomFieldContext, DashboardContext, } from '../../Context';
-import { convertInternalReportToReport, EMPTY_REPORT, fetchReport, } from '../../utils/report';
+import { convertInternalReportToReport, EMPTY_INTERNAL_REPORT, fetchReport, } from '../../utils/report';
 import { shouldFetchMore, DEFAULT_PAGINATION, shouldSortInMemory, } from '../../utils/paginationProcessing';
 import { fetchTableByReport } from '../../utils/tableProcessing';
 const constructReportFromItem = (item) => {
     return {
-        ...EMPTY_REPORT,
+        ...EMPTY_INTERNAL_REPORT,
         id: item._id ?? '',
         name: item.name,
         dashboardName: item.dashboardName,
@@ -62,6 +62,9 @@ export default function DataLoader({ item, children, filters, }) {
         setPreviousPage(0);
     };
     const updateTableRows = async (processing, resetRows = false) => {
+        if (!client) {
+            return;
+        }
         if (!loading) {
             setLoading(true);
             try {
@@ -74,11 +77,7 @@ export default function DataLoader({ item, children, filters, }) {
                 if (resetRows) {
                     tempRows = paginatedRows.rows;
                 }
-                const convertedReport = convertInternalReportToReport({
-                    ...report,
-                    rows: tempRows,
-                });
-                setReport(convertedReport);
+                setReport({ ...report, rows: tempRows });
                 setAdditionProcessing(updatedProcessing);
                 setTimeout(() => {
                     setLoading(false);
@@ -91,6 +90,9 @@ export default function DataLoader({ item, children, filters, }) {
         }
     };
     const fetchReportHelper = async (useReportTask = true, processing) => {
+        if (!client) {
+            return;
+        }
         if (dashboard[item._id] &&
             !didFiltersChange(dashboard[item._id], filters) &&
             !loading &&
@@ -146,6 +148,9 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
     const [client] = useContext(ClientContext);
     const [customFields] = useContext(CustomFieldContext);
     const fetchReportHelper = async (useReportTask = true) => {
+        if (!client) {
+            return;
+        }
         const tempReport = dashboard[item._id];
         if (tempReport &&
             !didFiltersChange(tempReport, filters) &&

package/dist/esm/components/Dashboard/MetricComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAgOhC"}
+{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAgOhC"}

package/dist/esm/components/Dashboard/MetricComponent.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { COMPARISON_OPTIONS } from '../../DateRangePicker/dateRangePickerUtils';
 import ChartError from '../Chart/ChartError';
 import ChartSkeleton from '../Chart/ChartSkeleton';
-import { useTheme } from '../../hooks';
+import { ThemeContext } from '../../Context';
 export default function QuillMetricComponent({ report, onClick, error, isLoading, }) {
-    const theme = useTheme();
+    const [theme] = useContext(ThemeContext);
     const dateFilter = report?.filtersApplied?.find((filter) => filter.filterType == 'date_range');
     const primaryMetricLabel = report?.filtersApplied?.date_range?.preset?.label;
     const comparisonKey = report?.filtersApplied?.date_range?.comparisonRange?.value;
@@ -36,8 +37,8 @@ export default function QuillMetricComponent({ report, onClick, error, isLoading
                                 boxSizing: 'content-box',
                                 paddingBottom: 5,
                             }, children: [onClick && (_jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        color: theme.primaryTextColor,
+                                        fontFamily: theme?.fontFamily,
+                                        color: theme?.primaryTextColor,
                                         boxSizing: 'content-box',
                                         fontSize: 18,
                                         fontWeight: '500',
@@ -48,8 +49,8 @@ export default function QuillMetricComponent({ report, onClick, error, isLoading
                                         maxWidth: '100%',
                                         overflow: 'hidden',
                                     }, children: report?.name })), onClick && report?.name ? (_jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        color: theme.primaryTextColor,
+                                        fontFamily: theme?.fontFamily,
+                                        color: theme?.primaryTextColor,
                                         boxSizing: 'content-box',
                                         fontWeight: '500',
                                         fontSize: 14,
@@ -69,7 +70,7 @@ export default function QuillMetricComponent({ report, onClick, error, isLoading
                                 justifyContent: 'center',
                                 alignItems: 'center',
                                 fontSize: 13,
-                                color: theme.secondaryTextColor,
+                                color: theme?.secondaryTextColor,
                                 maxWidth: '100%',
                                 width: '100%',
                             }, children: "No results" })) : (_jsx("div", { style: {

package/dist/esm/components/Dashboard/TableComponent.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import QuillTable from '../QuillTable';
 import ChartSkeleton from '../Chart/ChartSkeleton';
 import ChartError from '../Chart/ChartError';
-import { useTheme } from '../../hooks';
 import { useExport } from '../../hooks/useExport';
+import { ThemeContext } from '../../Context';
 export default function QuillTableComponent({ report, onClick, isLoading, error, rowCount, onPageChange, onSortChange, }) {
-    const theme = useTheme();
+    const [theme] = useContext(ThemeContext);
     const [initialLoad, setInitialLoad] = useState(true);
     const { downloadCSV } = useExport(report?.id);
     useEffect(() => {
@@ -22,8 +22,8 @@ export default function QuillTableComponent({ report, onClick, isLoading, error,
                     boxSizing: 'content-box',
                     paddingBottom: 20,
                 }, children: [_jsx("div", { style: {
-                            fontFamily: theme.fontFamily,
-                            color: theme.primaryTextColor,
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
                             boxSizing: 'content-box',
                             fontSize: 18,
                             fontWeight: '500',
@@ -34,8 +34,8 @@ export default function QuillTableComponent({ report, onClick, isLoading, error,
                             maxWidth: '100%',
                             overflow: 'hidden',
                         }, children: report?.name }), onClick && report?.name ? (_jsx("div", { style: {
-                            fontFamily: theme.fontFamily,
-                            color: theme.primaryTextColor,
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
                             boxSizing: 'content-box',
                             fontWeight: '500',
                             fontSize: 14,

package/dist/esm/components/Dashboard/util.d.ts

@@ -1,6 +1,7 @@
+import { Client } from '../../models/Client';
 export declare function validateTemplatesAgainstFilters(filters: any[], templates: any[]): {
     valid: boolean;
     error: string;
 };
-export declare function addTemplatesToDashboard(name: any, newTemplates: any[], client: any, dashboardData: any): Promise<any>;
+export declare function addTemplatesToDashboard(name: any, newTemplates: any[], client: Client, dashboardData: any): Promise<any>;
 //# sourceMappingURL=util.d.ts.map

package/dist/esm/components/Dashboard/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/util.ts"],"names":[],"mappings":"AAEA,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,GAAG,EAAE,EACd,SAAS,EAAE,GAAG,EAAE,GACf;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiCnC;AAED,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,GAAG,EACT,YAAY,EAAE,GAAG,EAAE,EACnB,MAAM,EAAE,GAAG,EACX,aAAa,EAAE,GAAG,GACjB,OAAO,CAAC,GAAG,CAAC,CAiDd"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,GAAG,EAAE,EACd,SAAS,EAAE,GAAG,EAAE,GACf;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiCnC;AAED,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,GAAG,EACT,YAAY,EAAE,GAAG,EAAE,EACnB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,GAAG,GACjB,OAAO,CAAC,GAAG,CAAC,CAiDd"}

package/dist/esm/components/QuillCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillCard.d.ts","sourceRoot":"","sources":["../../../src/components/QuillCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA4ExE"}
+{"version":3,"file":"QuillCard.d.ts","sourceRoot":"","sources":["../../../src/components/QuillCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAI9C,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA4ExE"}

package/dist/esm/components/QuillCard.js

@@ -1,17 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { XIcon } from '../assets';
-import { useTheme } from '../hooks';
+import { ThemeContext } from '../Context';
 export function QuillCard({ children, onClick, onDelete }) {
-    const theme = useTheme();
+    const [theme] = useContext(ThemeContext);
     return (_jsxs("div", { className: onClick ? 'quill-card-hover' : '', style: {
-            backgroundColor: theme.backgroundColor || 'white',
+            backgroundColor: theme?.backgroundColor || 'white',
             cursor: onClick ? 'pointer' : 'default',
             padding: 16,
             borderRadius: 8,
             boxShadow: '0 1px 4px 0 rgba(56, 65, 81, 0.07)',
-            borderWidth: theme.borderWidth,
+            borderWidth: theme?.borderWidth,
             borderStyle: 'solid',
-            borderColor: theme.borderColor,
+            borderColor: theme?.borderColor,
             overflowX: 'hidden',
             position: 'relative',
         }, onClick: onClick, children: [_jsx("style", { children: `

package/dist/esm/components/QuillMultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAiC3D;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,yBAAyB,2CAsQ3B;AAED,eAAO,MAAM,gBAAgB;WAKpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;6CAyDpB,CAAC"}
+{"version":3,"file":"QuillMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAgC3D;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,yBAAyB,2CAsQ3B;AAED,eAAO,MAAM,gBAAgB;WAKpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;6CAyDpB,CAAC"}