@quillsql/react 2.12.40 → 2.12.42

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';
@@ -37,17 +36,7 @@ export default function LineChart({ colors, colorMap = {}, yAxisFields, data, co
             setFormattedData(createLineForEmptyChart(yAxisFields, dateFilter, xAxisField, xAxisFormat));
             return;
         }
-        let newData = [...data];
-        if (typeof data[0][xAxisField] === 'object') {
-            newData = data.map((d) => {
-                const formatted = { ...d };
-                // NEED TO FORMAT FOR BIG QUERY
-                if (d[xAxisField] && typeof d[xAxisField] === 'object') {
-                    formatted[xAxisField] = d[xAxisField].value;
-                }
-                return formatted;
-            });
-        }
+        const newData = [...data];
         if (newData.length === 1) {
             const point = { ...newData[0] };
             newData.push(point);
@@ -121,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":"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"}

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,13 +2,13 @@ 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,
-        id: item._id,
+        ...EMPTY_INTERNAL_REPORT,
+        id: item._id ?? '',
         name: item.name,
         dashboardName: item.dashboardName,
         rows: [],
@@ -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"}

package/dist/esm/components/QuillMultiSelect.js

@@ -60,13 +60,13 @@ export function QuillMultiSelectComponent({ options, width, onChange, label, val
             minWidth: width,
         }, children: [label && (_jsx("div", { style: {
                     fontSize: 14,
-                    color: theme.secondaryTextColor,
-                    fontFamily: theme.fontFamily,
+                    color: theme?.secondaryTextColor,
+                    fontFamily: theme?.fontFamily,
                     paddingBottom: 5,
                     fontWeight: 600,
                 }, children: label })), _jsxs("button", { style: {
-                    fontFamily: theme.fontFamily,
-                    color: theme.primaryTextColor,
+                    fontFamily: theme?.fontFamily,
+                    color: theme?.primaryTextColor,
                     width: '100%',
                     display: 'flex',
                     alignItems: 'center',
@@ -79,15 +79,15 @@ export function QuillMultiSelectComponent({ options, width, onChange, label, val
                     boxSizing: 'border-box',
                     borderWidth: 1,
                     borderStyle: 'solid',
-                    borderColor: theme.borderColor,
+                    borderColor: theme?.borderColor,
                     borderRadius: 6,
                     paddingTop: 9,
                     paddingBottom: 9,
                     height: 40,
                     minHeight: 40,
                     maxHeight: 40,
-                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme.backgroundColor}; } 
-          .quill-select-button:hover { background: ${theme.hoverBackgroundColor}; }
+                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; } 
+          .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
         ` }), _jsx("span", { style: {
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
@@ -103,13 +103,13 @@ export function QuillMultiSelectComponent({ options, width, onChange, label, val
                     boxSizing: 'border-box',
                     borderWidth: 1,
                     borderStyle: 'solid',
-                    borderColor: theme.borderColor,
+                    borderColor: theme?.borderColor,
                     borderRadius: 6,
                     background: 'white',
                     marginTop: 12,
                     zIndex: 100,
                     padding: 6,
-                    fontFamily: theme.fontFamily,
+                    fontFamily: theme?.fontFamily,
                     maxHeight: '50vh',
                     overflow: 'scroll',
                 }, children: options.map((option) => (_jsxs("button", { style: {
@@ -121,9 +121,9 @@ export function QuillMultiSelectComponent({ options, width, onChange, label, val
                         borderWidth: 0,
                         fontSize: 14,
                         borderStyle: 'solid',
-                        borderColor: theme.borderColor,
+                        borderColor: theme?.borderColor,
                         borderRadius: 4,
-                        fontFamily: theme.fontFamily,
+                        fontFamily: theme?.fontFamily,
                         textOverflow: 'ellipsis',
                         whiteSpace: 'nowrap',
                         height: 34,

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

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