@quillsql/react 2.13.48 → 2.13.49

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

@@ -75,11 +75,13 @@ const parseData = (data, colors, categoryKey, valueKey) => {
     //   .toNumber(),
     acc + parseFloat(dataPoint[valueKey] ?? '0'), 0);
     slicedData.forEach((dataPoint) => {
+        const rawValue = parseFloat(dataPoint[valueKey] ?? '0');
         dataPoint[valueKey] = totalValue
-            ? (Number(dataPoint[valueKey]) * 100) / totalValue
+            ? (rawValue * 100) / totalValue
             : data.length > maxItems
                 ? 100 / (maxItems + 1)
                 : 100 / slicedData.length; // if totalValue is 0, divide datapoints evenly
+        dataPoint[`raw_${valueKey}`] = parseFloat(rawValue.toFixed(2));
     });
     const parsedData = slicedData.map((dataPoint, idx) => {
         const baseColor = idx < colors.length ? colors[idx] : colors[colors.length - 1];
@@ -103,6 +105,7 @@ const parseData = (data, colors, categoryKey, valueKey) => {
         parsedData.push({
             [categoryKey]: 'Other',
             [valueKey]: normalizedOtherSum,
+            [`raw_${valueKey}`]: parseFloat(otherSum.toFixed(2)),
             color: otherColor,
             fill: otherColor,
         });
@@ -125,57 +128,95 @@ const ChartTooltipFrame = ({ children, theme, }) => ((0, jsx_runtime_1.jsx)("div
         boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
     }, children: children }));
 exports.ChartTooltipFrame = ChartTooltipFrame;
-const ChartTooltipRow = ({ value, name, color, theme, }) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+const ChartTooltipRow = ({ value, rawValue, valueKey, name, color, theme, }) => ((0, jsx_runtime_1.jsxs)("div", { style: {
         display: 'flex',
-        gap: 8,
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        minWidth: 120,
-    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+        flexDirection: 'column',
+        gap: 2,
+        minWidth: 150,
+        position: 'relative',
+    }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                position: 'absolute',
+                top: '50%',
+                transform: 'translateY(-50%)',
+            }, children: (0, jsx_runtime_1.jsx)("span", { style: {
+                    background: color,
+                    borderWidth: 2,
+                    borderStyle: 'solid',
+                    borderColor: 'white',
+                    height: '8px',
+                    width: '8px',
+                    display: 'block',
+                    boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+                    borderRadius: '9999px',
+                } }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                 display: 'flex',
                 alignItems: 'center',
+                width: '100%',
+                paddingLeft: '24px',
+            }, children: (0, jsx_runtime_1.jsxs)("span", { style: {
+                    flex: 1,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                }, children: [(0, jsx_runtime_1.jsx)("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            marginRight: '24px',
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                            minWidth: '60px',
+                        }, children: name }), (0, jsx_runtime_1.jsx)("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                            minWidth: '40px',
+                            textAlign: 'right',
+                        }, children: value })] }) }), (rawValue || valueKey) && ((0, jsx_runtime_1.jsx)("div", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                width: '100%',
+                paddingLeft: '24px',
                 justifyContent: 'space-between',
-            }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
-                        background: color,
-                        borderWidth: 2,
-                        borderStyle: 'solid',
-                        borderColor: 'white',
-                        height: '8px',
-                        width: '8px',
-                        boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
-                        borderRadius: '9999px',
-                        marginRight: 5,
-                    } }), (0, jsx_runtime_1.jsx)("p", { style: {
-                        marginTop: 0,
-                        marginBottom: 0,
-                        fontFamily: theme?.fontFamily,
-                        color: theme?.primaryTextColor,
-                        paddingTop: 2,
-                        paddingBottom: 2,
-                        fontSize: theme?.fontSizeSmall || '14px',
-                        fontWeight: theme?.fontWeightMedium || '500',
-                    }, children: value })] }), (0, jsx_runtime_1.jsx)("p", { style: {
-                marginTop: 0,
-                marginBottom: 0,
-                fontFamily: theme?.fontFamily,
-                color: theme?.secondaryTextColor,
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                textAlign: 'right',
-                fontSize: theme?.fontSizeSmall || '14px',
-                fontWeight: theme?.fontWeightNormal || '400',
-            }, children: name })] }));
+            }, children: (0, jsx_runtime_1.jsxs)("span", { style: {
+                    flex: 1,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                }, children: [(0, jsx_runtime_1.jsx)("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            marginRight: '24px',
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                            minWidth: '60px',
+                        }, children: valueKey }), (0, jsx_runtime_1.jsx)("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                            minWidth: '40px',
+                            textAlign: 'right',
+                        }, children: rawValue })] }) }))] }));
 exports.ChartTooltipRow = ChartTooltipRow;
 const DonutChartTooltip = ({ active, payload, valueFormatter, theme, }) => {
     if (active && payload[0]) {
         const payloadRow = payload[0];
+        const rawValue = payloadRow.payload[`raw_${payloadRow.dataKey}`];
         return ((0, jsx_runtime_1.jsx)(exports.ChartTooltipFrame, { theme: theme, children: (0, jsx_runtime_1.jsx)("div", { style: {
                     paddingLeft: '1rem',
                     paddingRight: '1rem',
                     paddingTop: '8px',
                     paddingBottom: '8px',
-                }, children: (0, jsx_runtime_1.jsx)(exports.ChartTooltipRow, { value: valueFormatter(payloadRow.value), name: payloadRow.name, color: payloadRow.payload.color, theme: theme }) }) }));
+                }, children: (0, jsx_runtime_1.jsx)(exports.ChartTooltipRow, { value: valueFormatter(payloadRow.value), rawValue: rawValue ? rawValue.toString() : undefined, valueKey: payloadRow.dataKey, name: payloadRow.name, color: payloadRow.payload.color, theme: theme }) }) }));
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"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"}

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

@@ -9,29 +9,13 @@ const QuillMultiSelectWithCombo_1 = require("../QuillMultiSelectWithCombo");
 const QuillSelectWithCombo_1 = require("../QuillSelectWithCombo");
 function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelectWithCombo_1.QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, theme, isLoading, disabled, containerStyle, }) {
     const preset = (0, react_1.useMemo)(() => {
-        if (('preset' in filter || 'primaryRange' in filter) &&
-            'startDate' in filter &&
-            'endDate' in filter) {
-            if (!filter.preset && !filter.primaryRange)
-                return '';
-            if (!filter.startDate || !filter.endDate)
-                return filter.preset?.value ?? filter.primaryRange.value;
-            const presetRange = filter.presetRanges?.find((range) => range.value === (filter.preset?.value ?? filter.primaryRange.value)) ?? dateRangePickerUtils_1.PRIMARY_RANGE[filter.preset?.value ?? filter.primaryRange.value];
-            if (!presetRange)
-                return filter.preset?.value ?? filter.primaryRange.value;
-            // if (
-            //   presetRange.startDate !== filter.startDate ||
-            //   presetRange.endDate !== filter.endDate
-            // ) {
-            //   return '';
-            // }
+        if ('preset' in filter && 'primaryRange' in filter) {
             return filter.preset?.value ?? filter.primaryRange.value;
         }
-        return '';
+        else {
+            return '';
+        }
     }, [filter]);
-    // if (!filter.options && !isLoading && !(filter.filterType === 'date_range')) {
-    //   return null;
-    // }
     if (filter.filterType === 'string') {
         if (filter.stringFilterType === 'multiselect') {
             return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsx)(MultiSelectComponent, { label: filter.label, value: filter.values ?? [], onChange: (e) => {

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardTemplate.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,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,mBAAmB,CAAC;IAC5B,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,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,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,mBAAmB,CAAC;IAC5B,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,kDA2GA"}

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

@@ -12,6 +12,7 @@ const Context_1 = require("../../Context");
 const Dashboard_1 = __importDefault(require("../../Dashboard"));
 function QuillDashboardTemplate({ name, originDashboard, client, appliedFilters, ModalComponent, TemplateChartComponent, TemplateMetricComponent, TemplateTableComponent, ButtonComponent, }) {
     const { isLoading, data } = (0, useDashboard_1.useDashboard)(name ?? '');
+    const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
     const { dashboardConfig, dashboardConfigDispatch } = (0, react_1.useContext)(Context_1.DashboardConfigContext);
     const [addItemModalIsOpen, setAddItemModalIsOpen] = (0, react_1.useState)(false);
     const [selectedTemplates, setSelectedTemplates] = (0, react_1.useState)([]);
@@ -29,7 +30,7 @@ function QuillDashboardTemplate({ name, originDashboard, client, appliedFilters,
             setAddItemModalIsOpen(false);
             const newTemplates = selectedTemplates;
             setSelectedTemplates([]);
-            const newData = await (0, util_1.addTemplatesToDashboard)(originDashboard, newTemplates, client, dashboardConfig);
+            const newData = await (0, util_1.addTemplatesToDashboard)(originDashboard, newTemplates, client, dashboardConfig, getToken);
             if (newData) {
                 // Dispatch the action to update the dashboard state
                 dashboardConfigDispatch({

package/dist/cjs/components/Dashboard/DataLoader.d.ts

@@ -14,13 +14,13 @@ export type DataLoaderChildProps = {
     rowCount?: number;
     rowCountIsLoading?: boolean;
 };
-export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propogateChanges, }: {
+export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propagateChanges, }: {
     item: QuillReportInternal;
     filters: DashboardFilter[];
     userFilters?: InternalFilter[];
     additionalProcessing: AdditionalProcessing;
     dashboardName?: string;
-    propogateChanges?: boolean;
+    propagateChanges?: boolean;
     children: ({ isLoading, error, onPageChange, onSortChange, data, }: DataLoaderChildProps) => JSX.Element;
 }): JSX.Element;
 type ColorMapType = {
@@ -41,7 +41,7 @@ export type ChartDataLoaderChildProps = {
     rowCount?: number;
     rowCountIsLoading?: boolean;
 };
-export declare const ChartDataLoader: ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propogateChanges, }: {
+export declare const ChartDataLoader: ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propagateChanges, }: {
     item: QuillReportInternal;
     dateBucket?: string;
     mapColorsToFields?: (_report: QuillReport, _theme: QuillTheme) => ColorMapType;
@@ -49,7 +49,7 @@ export declare const ChartDataLoader: ({ item, children, dateBucket, additionalP
     filters: DashboardFilter[];
     userFilters?: InternalFilter[];
     dashboardName?: string;
-    propogateChanges?: boolean;
+    propagateChanges?: boolean;
     children: ({ isLoading, error, data, dateBucket, rowCount, rowCountIsLoading, }: ChartDataLoaderChildProps) => JSX.Element;
 }) => JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAajD,OAAO,EACL,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA4BtE,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;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AA+KF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,oBAAoB,EAAE,2BAA2B,EACjD,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,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,CA2Vd;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;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,eAAe,iHASzB;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,KACf,YAAY,CAAC;IAClB,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC9C,KAAG,GAAG,CAAC,OAiLP,CAAC"}
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAajD,OAAO,EACL,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA4BtE,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;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AA6KF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,oBAAoB,EAAE,2BAA2B,EACjD,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,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,CAwWd;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;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,eAAe,iHASzB;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,KACf,YAAY,CAAC;IAClB,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC9C,KAAG,GAAG,CAAC,OAyLP,CAAC"}

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

@@ -40,9 +40,13 @@ function filterValuesEquivalent(filters1, filters2) {
         // Find the odd filters out and return false ONLY if they have a selected value or are a date filter
         const filters1Labels = filters1.map((f) => f.label);
         const filters2Labels = filters2.map((f) => f.label);
-        const oddFilters = filters1Labels.length > filters2Labels.length ? filters1Labels.filter((label) => !filters2Labels.includes(label)) : filters2Labels.filter((label) => !filters1Labels.includes(label));
+        const oddFilters = filters1Labels.length > filters2Labels.length
+            ? filters1Labels.filter((label) => !filters2Labels.includes(label))
+            : filters2Labels.filter((label) => !filters1Labels.includes(label));
         for (const filter of oddFilters) {
-            const filter1 = filters1Labels.length > filters2Labels.length ? filters1.find((f) => f.label === filter) : filters2.find((f) => f.label === filter);
+            const filter1 = filters1Labels.length > filters2Labels.length
+                ? filters1.find((f) => f.label === filter)
+                : filters2.find((f) => f.label === filter);
             if (filter1?.selectedValue || filter1?.startDate || filter1?.endDate) {
                 return false;
             }
@@ -164,13 +168,14 @@ function userFilterValuesEquivalent(filters1, filters2) {
 function customFieldsEquivalent(customFields1, customFields2) {
     return (0, fast_deep_equal_1.default)(customFields1, customFields2);
 }
-function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propogateChanges, }) {
+function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propagateChanges, }) {
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const { dashboardReports: dashboard, addReport, updateReport } = (0, useDashboard_1.useDashboardReports)(dashboardName);
+    const { dashboardReports: dashboard, addReport, updateReport, } = (0, useDashboard_1.useDashboardReports)(dashboardName);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
     const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
     const { reports, reportsDispatch, fetchIndividualReport } = (0, react_1.useContext)(Context_1.ReportsContext);
     const { reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
     const contextFilters = (0, react_1.useMemo)(() => {
         return dashboardName
             ? Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter)
@@ -217,7 +222,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         rowCountAbortController.current?.abort();
         rowCountAbortController.current = new AbortController();
         try {
-            const rowCount = await (0, report_1.fetchReportRowCount)(item.id, client, tenants, flags, true, filters.concat(userFilters ?? []), processing, schemaData.customFields, rowCountAbortController.current.signal);
+            const rowCount = await (0, report_1.fetchReportRowCount)(item.id, client, getToken, tenants, flags, true, filters.concat(userFilters ?? []), processing, schemaData.customFields, rowCountAbortController.current.signal);
             rowCountAbortController.current = null;
             if (rowCount) {
                 if (dashboardName) {
@@ -288,8 +293,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                 const updatedProcessing = { ...additionalProcessing, ...processing };
                 const pivotQuery = (dashboardName ? dashboard : reports)[item.id]
                     ?.pivotQuery;
-                const comparisonPivotQuery = (dashboardName ? dashboard : reports)[item.id]
-                    ?.comparisonPivotQuery;
+                const comparisonPivotQuery = (dashboardName ? dashboard : reports)[item.id]?.comparisonPivotQuery;
                 const paginatedRows = await (0, tableProcessing_1.fetchResultsByReport)({
                     reportId: item.id,
                     client,
@@ -303,6 +307,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                     pivotQuery,
                     comparisonPivotQuery,
                     getPivotRowCount: false,
+                    getToken,
                 });
                 updateTableRowsAbortController.current = null;
                 if (paginatedRows.error) {
@@ -374,6 +379,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                     rowsOnly: true,
                     rowCountOnly: false,
                     abortSignal: rowsAbortController.current.signal,
+                    getToken,
                 });
                 addReport({
                     ...fetchedReport,
@@ -397,7 +403,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                         additionalProcessing: processing,
                         reportAbortController: rowsAbortController.current,
                         customFields: schemaData.customFields,
-                        propogateChanges,
+                        propagateChanges,
                     });
                     rowsAbortController.current = null;
                     setError(undefined);
@@ -432,7 +438,8 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                 userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? []) &&
                 // tenantsEquivalent(previousTenants.current ?? [], tenants ?? []) &&
                 customFieldsEquivalent(previousCustomFields.current, schemaData.customFields) &&
-                ((dashboardName ? dashboard : reports)[item.id]?.rows !== undefined || rowsAbortController.current))) {
+                ((dashboardName ? dashboard : reports)[item.id]?.rows !== undefined ||
+                    rowsAbortController.current))) {
             if (!rowsAbortController.current && !schemaData.isSchemaLoading)
                 setLoading(false);
             return;
@@ -459,7 +466,10 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         else if (tempReport?.error) {
             setError(tempReport.error);
         }
-    }, [(dashboardName ? dashboard : reports)[item.id]?.triggerReload, (dashboardName ? dashboard : reports)[item.id]?.error]);
+    }, [
+        (dashboardName ? dashboard : reports)[item.id]?.triggerReload,
+        (dashboardName ? dashboard : reports)[item.id]?.error,
+    ]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children({
             isLoading: loading,
             error,
@@ -472,10 +482,11 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
 }
 // The same data-loader pattern as above, but with special logic for charts
 // At some point these may be able to get merged into one function.
-const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propogateChanges, }) => {
+const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propagateChanges, }) => {
     const { dashboardReports: dashboard, addReport } = (0, useDashboard_1.useDashboardReports)(dashboardName);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
     const { reports, fetchIndividualReport } = (0, react_1.useContext)(Context_1.ReportsContext);
+    const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
     const { reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
     const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
     const contextFilters = (0, react_1.useMemo)(() => {
@@ -534,6 +545,7 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
                     dateBucket,
                     customFields: schemaData.customFields,
                     abortSignal: fetchReportAbortController.current.signal,
+                    getToken,
                 });
                 addReport({
                     ...report,
@@ -559,7 +571,7 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
                         dateBucket,
                         reportAbortController: fetchReportAbortController.current,
                         customFields: schemaData.customFields,
-                        propogateChanges,
+                        propagateChanges,
                     });
                     setError(undefined);
                 }
@@ -593,7 +605,9 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
                 // tenantsEquivalent(tenants ?? [], previousTenants.current ?? []) &&
                 previousDateBucket.current === dateBucket &&
                 customFieldsEquivalent(previousCustomFields.current, schemaData.customFields) &&
-                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length !== undefined || fetchReportAbortController.current))) {
+                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length !==
+                    undefined ||
+                    fetchReportAbortController.current))) {
             if (!fetchReportAbortController.current && !schemaData.isSchemaLoading)
                 setLoading(false);
             return;
@@ -621,7 +635,10 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
         else if (tempReport?.error) {
             setError(tempReport.error);
         }
-    }, [(dashboardName ? dashboard : reports)[item.id]?.triggerReload, (dashboardName ? dashboard : reports)[item.id]?.error]);
+    }, [
+        (dashboardName ? dashboard : reports)[item.id]?.triggerReload,
+        (dashboardName ? dashboard : reports)[item.id]?.error,
+    ]);
     return children({
         isLoading: !chartReport || loading,
         data: chartReport,

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

@@ -1 +1 @@
-{"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,EACT,QAAQ,GACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA6HhC"}
+{"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,EACT,QAAQ,GACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4HhC"}

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

@@ -80,7 +80,7 @@ function QuillMetricComponent({ report, onClick, error, isLoading, children, })
                         }, children: "No results" })) : ((0, jsx_runtime_1.jsx)(MetricDisplay, { dateFilter: dateFilter, primaryMetricLabel: primaryMetricLabel, comparisonLabel: comparisonLabel, theme: theme, children: children }))] }) }) }, report?.name));
 }
 const MetricDisplay = ({ children, dateFilter, primaryMetricLabel, comparisonLabel, theme, }) => {
-    return (0, jsx_runtime_1.jsx)("div", { style: {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
             padding: 0,
             height: '100%',
             width: '100%',
@@ -133,5 +133,5 @@ const MetricDisplay = ({ children, dateFilter, primaryMetricLabel, comparisonLab
                                 marginLeft: 2,
                             }, children: comparisonLabel
                                 ? 'in ' + comparisonLabel.toLowerCase()
-                                : 'previous period' })] }))] }) });
+                                : 'previous period' })] }))] }) }));
 };

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

@@ -3,5 +3,5 @@ export declare function validateTemplatesAgainstFilters(filters: any[], template
     valid: boolean;
     error: string;
 };
-export declare function addTemplatesToDashboard(name: any, newTemplates: any[], client: QuillProviderClient, dashboardData: any): Promise<any>;
+export declare function addTemplatesToDashboard(name: any, newTemplates: any[], client: QuillProviderClient, dashboardData: any, getToken: () => Promise<string>): Promise<any>;
 //# sourceMappingURL=util.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK1D,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,mBAAmB,EAC3B,aAAa,EAAE,GAAG,GACjB,OAAO,CAAC,GAAG,CAAC,CAmDd"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK1D,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;AAGD,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,GAAG,EACT,YAAY,EAAE,GAAG,EAAE,EACnB,MAAM,EAAE,mBAAmB,EAC3B,aAAa,EAAE,GAAG,EAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,GAC9B,OAAO,CAAC,GAAG,CAAC,CA8Cd"}

package/dist/cjs/components/Dashboard/util.js

@@ -39,23 +39,24 @@ function validateTemplatesAgainstFilters(filters, templates) {
         return { valid: false, error };
     }
 }
-async function addTemplatesToDashboard(name, newTemplates, client, dashboardData) {
+// TODO: Outdated, revisit and retest
+async function addTemplatesToDashboard(name, newTemplates, client, dashboardData, getToken) {
     try {
         const { publicKey, tenants } = client;
         if (tenants) {
             // need to implement a way to specify report tenant id
             throw new Error('Adding from template not yet supported for tenants');
         }
-        const hostedBody = {
+        const { data: resp } = await (0, dataFetcher_1.quillFetch)({
+            client,
+            task: 'add-from-template',
             metadata: {
                 dashboardName: name,
-                task: 'add-from-template',
                 clientId: publicKey,
                 templateReportIds: newTemplates.map((template) => template._id),
             },
-        };
-        const resp = await (0, dataFetcher_1.getData)(client, ``, // no cloud fallback
-        'omit', hostedBody, null);
+            getToken,
+        });
         if (resp.success && resp.newItems && resp.newItems.length > 0) {
             const newData = {
                 newQueries: {

package/dist/cjs/components/QuillMultiSelectSectionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillMultiSelectSectionList.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectSectionList.tsx"],"names":[],"mappings":"AAEA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAGf;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QAAC,CAAC,WAAW,EAAE,MAAM,GAAI,MAAM,EAAE,CAAA;KAAC,CAAC;IAC1C,OAAO,EAAE;QAAC,CAAC,WAAW,EAAE,MAAM,GAAI;YAChC,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACf,EAAE,CAAA;KAAC,CAAC;IACL,gBAAgB,CAAC,EAAE;QAAC,CAAC,WAAW,EAAE,MAAM,GAAI,MAAM,CAAA;KAAC,CAAC;IACpD,QAAQ,EAAE,CACR,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE;gBAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,KAC9D,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CA2aA;AAED,eAAO,MAAM,gBAAgB,sCAI1B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB,4CAwDA,CAAC"}
+{"version":3,"file":"QuillMultiSelectSectionList.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectSectionList.tsx"],"names":[],"mappings":"AAEA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAGf;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC;IAC3C,OAAO,EAAE;QACP,CAAC,WAAW,EAAE,MAAM,GAAG;YACrB,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACf,EAAE,CAAC;KACL,CAAC;IACF,gBAAgB,CAAC,EAAE;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,MAAM,EAAE;YAAE,KAAK,EAAE;gBAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;aAAE,CAAA;SAAE,CAAC;KACxD,KAAK,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CA8bA;AAED,eAAO,MAAM,gBAAgB,sCAI1B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB,4CAwDA,CAAC"}

package/dist/cjs/components/QuillMultiSelectSectionList.js

@@ -75,19 +75,23 @@ function QuillMultiSelectSectionList({ options, width, onChange, label, sectionH
         const isUuid = sample.value?.match(uuidRegex);
         const isNumber = !isNaN(parseInt(sample.value));
         const filteredOptions = Object.keys(options).reduce((acc, key) => {
-            acc[key] = options[key]?.filter((option) => {
-                if (!option) {
-                    return false;
-                }
-                return searchQuery === '' || option.label
-                    .toLowerCase()
-                    .replace(/\s+/g, '')
-                    .includes(searchQuery.toLowerCase().replace(/\s+/g, ''))
-                    || (isNumber || isUuid ? option.value
-                        .toLowerCase()
-                        .replace(/\s+/g, '')
-                        .includes(searchQuery.toLowerCase().replace(/\s+/g, '')) : false);
-            }) ?? [];
+            acc[key] =
+                options[key]?.filter((option) => {
+                    if (!option) {
+                        return false;
+                    }
+                    return (searchQuery === '' ||
+                        option.label
+                            .toLowerCase()
+                            .replace(/\s+/g, '')
+                            .includes(searchQuery.toLowerCase().replace(/\s+/g, '')) ||
+                        (isNumber || isUuid
+                            ? option.value
+                                .toLowerCase()
+                                .replace(/\s+/g, '')
+                                .includes(searchQuery.toLowerCase().replace(/\s+/g, ''))
+                            : false));
+                }) ?? [];
             return acc;
         }, {});
         const sliceSize = Math.ceil(20 / Object.keys(filteredOptions).length);
@@ -96,7 +100,9 @@ function QuillMultiSelectSectionList({ options, width, onChange, label, sectionH
                 filteredOptions[key] = filteredOptions[key].slice(0, sliceSize);
             }
         });
-        return Object.fromEntries(Object.entries(filteredOptions).filter(([, value]) => !!value?.length).sort(([key]) => key === owner ? -1 : 1));
+        return Object.fromEntries(Object.entries(filteredOptions)
+            .filter(([, value]) => !!value?.length)
+            .sort(([key]) => (key === owner ? -1 : 1)));
     }, [options, searchQuery]);
     const filteredLength = react_1.default.useMemo(() => {
         return Object.values(filteredItems).reduce((a, b) => a + b.length, 0);
@@ -128,7 +134,7 @@ function QuillMultiSelectSectionList({ options, width, onChange, label, sectionH
             borderRadius: '6px',
             width: width,
             minWidth: width,
-            ...style
+            ...style,
         }, children: [label && ((0, jsx_runtime_1.jsx)("div", { style: {
                     fontSize: 14,
                     color: theme?.secondaryTextColor,
@@ -194,8 +200,7 @@ function QuillMultiSelectSectionList({ options, width, onChange, label, sectionH
                                     height: 9,
                                     width: 230,
                                     borderTop: '1px solid #e7e7e7',
-                                } })] })), !isLoading &&
-                        (!filteredItems || filteredLength === 0) && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                } })] })), !isLoading && (!filteredItems || filteredLength === 0) && ((0, jsx_runtime_1.jsxs)("div", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             padding: 8,
@@ -225,7 +230,7 @@ function QuillMultiSelectSectionList({ options, width, onChange, label, sectionH
                                     whiteSpace: 'nowrap',
                                     overflow: 'hidden',
                                     cursor: 'default',
-                                }, children: emptyLabel ?? 'No options available' })] })), !isLoading ? Object.keys(filteredItems).map((key) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("button", { style: {
+                                }, children: emptyLabel ?? 'No options available' })] })), !isLoading ? (Object.keys(filteredItems).map((key) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("button", { style: {
                                     display: 'flex',
                                     alignItems: 'center',
                                     padding: 8,
@@ -245,7 +250,8 @@ function QuillMultiSelectSectionList({ options, width, onChange, label, sectionH
                                     overflow: 'hidden',
                                 }, className: "quill-option", onClick: () => {
                                     const updatedValue = options[key]?.length === value[key]?.length
-                                        ? [] : options[key]?.map((option) => option.value) ?? [];
+                                        ? []
+                                        : (options[key]?.map((option) => option.value) ?? []);
                                     const updatedChangeEvent = {
                                         target: {
                                             value: {
@@ -268,7 +274,7 @@ function QuillMultiSelectSectionList({ options, width, onChange, label, sectionH
                                             whiteSpace: 'nowrap',
                                             overflow: 'hidden',
                                             fontWeight: 600,
-                                        }, children: sectionHeaderMap?.[key] ?? key })] }, "sh-" + key), (0, jsx_runtime_1.jsx)("div", { style: {
+                                        }, children: sectionHeaderMap?.[key] ?? key })] }, 'sh-' + key), (0, jsx_runtime_1.jsx)("div", { style: {
                                     height: 1,
                                     borderTop: '1px solid #e7e7e7',
                                     marginTop: 2,
@@ -313,11 +319,15 @@ function QuillMultiSelectSectionList({ options, width, onChange, label, sectionH
                     .quill-option:hover {
                       background: #F4F4F5;
                     }
-                  ` }), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value[key]?.includes(option.value) ?? false, style: { width: '14px', height: '14px', margin: 'auto 0' }, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { style: {
+                  ` }), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value[key]?.includes(option.value) ?? false, style: {
+                                            width: '14px',
+                                            height: '14px',
+                                            margin: 'auto 0',
+                                        }, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { style: {
                                             textOverflow: 'ellipsis',
                                             whiteSpace: 'nowrap',
                                             overflow: 'hidden',
-                                        }, children: option.label })] }, "v-" + key + "-" + option.value)))] }, 'sp-' + key))) : ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) }))] }))] }));
+                                        }, children: option.label })] }, 'v-' + key + '-' + option.value)))] }, 'sp-' + key)))) : ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) }))] }))] }));
 }
 const ListboxTextInput = ({ value, onChange, placeholder, }) => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: {