@quillsql/react 2.13.47 → 2.13.49

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

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { ClientContext, DashboardFiltersContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../../Context';
+import { ClientContext, DashboardFiltersContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../../Context';
 import { convertInternalReportToReport, EMPTY_INTERNAL_REPORT, fetchReport, fetchReportRowCount, } from '../../utils/report';
 import { shouldFetchMore, DEFAULT_PAGINATION, shouldSortInMemory, } from '../../utils/paginationProcessing';
 import { fetchResultsByReport, } from '../../utils/tableProcessing';
@@ -33,9 +33,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;
             }
@@ -97,52 +101,74 @@ function userFilterValuesEquivalent(filters1, filters2) {
     }
     return true;
 }
-function tenantsEquivalent(tenants1, tenants2) {
-    if (!tenants1 && !tenants2) {
-        return true;
-    }
-    if (tenants1?.length !== tenants2?.length) {
-        return false;
-    }
-    if (!tenants1 || !tenants2) {
-        return false;
-    }
-    // The two tenant arrays aren't necessarily in the same order
-    // we can build two dictionaries of [foreignKey, tenantIds] and compare them
-    // if they are arrays of strings or numbers, we can just compare them directly
-    if ((typeof tenants1[0] === 'string' && typeof tenants2[0] === 'string') ||
-        (typeof tenants1[0] === 'number' && typeof tenants2[0] === 'number')) {
-        return equal(tenants1, tenants2);
-    }
-    if ((typeof tenants1[0] === 'string' && typeof tenants2[0] !== 'string') ||
-        (typeof tenants1[0] === 'number' && typeof tenants2[0] !== 'number')) {
-        return false;
-    }
-    const mappedTenants1 = tenants1.reduce((acc, tenant) => {
-        acc[tenant.tenantField] = tenant.tenantIds;
-        return acc;
-    }, {});
-    const mappedTenants2 = tenants2.reduce((acc, tenant) => {
-        acc[tenant.tenantField] = tenant.tenantIds;
-        return acc;
-    }, {});
-    for (const key in mappedTenants1) {
-        if (!equal(mappedTenants1[key], mappedTenants2[key])) {
-            return false;
-        }
-    }
-    return true;
-}
+// function tenantsEquivalent(
+//   tenants1:
+//     | { tenantField: string; tenantIds: (string | number)[] }[]
+//     | (string | number)[],
+//   tenants2:
+//     | { tenantField: string; tenantIds: (string | number)[] }[]
+//     | (string | number)[],
+// ): boolean {
+//   if (!tenants1 && !tenants2) {
+//     return true;
+//   }
+//   if (tenants1?.length !== tenants2?.length) {
+//     return false;
+//   }
+//   if (!tenants1 || !tenants2) {
+//     return false;
+//   }
+//   // The two tenant arrays aren't necessarily in the same order
+//   // we can build two dictionaries of [foreignKey, tenantIds] and compare them
+//   // if they are arrays of strings or numbers, we can just compare them directly
+//   if (
+//     (typeof tenants1[0] === 'string' && typeof tenants2[0] === 'string') ||
+//     (typeof tenants1[0] === 'number' && typeof tenants2[0] === 'number')
+//   ) {
+//     return equal(tenants1, tenants2);
+//   }
+//   if (
+//     (typeof tenants1[0] === 'string' && typeof tenants2[0] !== 'string') ||
+//     (typeof tenants1[0] === 'number' && typeof tenants2[0] !== 'number')
+//   ) {
+//     return false;
+//   }
+//   const mappedTenants1 = (
+//     tenants1 as { tenantField: string; tenantIds: (string | number)[] }[]
+//   ).reduce(
+//     (acc, tenant) => {
+//       acc[tenant.tenantField] = tenant.tenantIds;
+//       return acc;
+//     },
+//     {} as { [key: string]: (string | number)[] },
+//   );
+//   const mappedTenants2 = (
+//     tenants2 as { tenantField: string; tenantIds: (string | number)[] }[]
+//   ).reduce(
+//     (acc, tenant) => {
+//       acc[tenant.tenantField] = tenant.tenantIds;
+//       return acc;
+//     },
+//     {} as { [key: string]: (string | number)[] },
+//   );
+//   for (const key in mappedTenants1) {
+//     if (!equal(mappedTenants1[key], mappedTenants2[key])) {
+//       return false;
+//     }
+//   }
+//   return true;
+// }
 function customFieldsEquivalent(customFields1, customFields2) {
     return equal(customFields1, customFields2);
 }
-export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propogateChanges, }) {
+export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propagateChanges, }) {
     const [client] = useContext(ClientContext);
-    const { dashboardReports: dashboard, addReport, updateReport } = useDashboardReports(dashboardName);
+    const { dashboardReports: dashboard, addReport, updateReport, } = useDashboardReports(dashboardName);
     const { dashboardFilters } = useContext(DashboardFiltersContext);
     const { tenants, flags } = useContext(TenantContext);
     const { reports, reportsDispatch, fetchIndividualReport } = useContext(ReportsContext);
     const { reportFilters } = useContext(ReportFiltersContext);
+    const { getToken } = useContext(FetchContext);
     const contextFilters = useMemo(() => {
         return dashboardName
             ? Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter)
@@ -189,7 +215,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
         rowCountAbortController.current?.abort();
         rowCountAbortController.current = new AbortController();
         try {
-            const rowCount = await fetchReportRowCount(item.id, client, tenants, flags, true, filters.concat(userFilters ?? []), processing, schemaData.customFields, rowCountAbortController.current.signal);
+            const rowCount = await fetchReportRowCount(item.id, client, getToken, tenants, flags, true, filters.concat(userFilters ?? []), processing, schemaData.customFields, rowCountAbortController.current.signal);
             rowCountAbortController.current = null;
             if (rowCount) {
                 if (dashboardName) {
@@ -260,8 +286,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
                 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 fetchResultsByReport({
                     reportId: item.id,
                     client,
@@ -275,6 +300,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
                     pivotQuery,
                     comparisonPivotQuery,
                     getPivotRowCount: false,
+                    getToken,
                 });
                 updateTableRowsAbortController.current = null;
                 if (paginatedRows.error) {
@@ -297,17 +323,15 @@ export default function DataLoader({ item, children, filters, userFilters, addit
                     });
                 }
                 else {
-                    if (isPivotPagination) {
-                        reportsDispatch({
-                            type: 'UPDATE_REPORT',
-                            id: item.id,
-                            data: {
-                                [isPivotPagination ? 'pivotRows' : 'rows']: updatedRows,
-                                loadingRows: false,
-                                filtersApplied: userFilters,
-                            },
-                        });
-                    }
+                    reportsDispatch({
+                        type: 'UPDATE_REPORT',
+                        id: item.id,
+                        data: {
+                            [isPivotPagination ? 'pivotRows' : 'rows']: updatedRows,
+                            loadingRows: false,
+                            filtersApplied: userFilters,
+                        },
+                    });
                 }
                 setAdditionalProcessing(updatedProcessing);
             }
@@ -348,6 +372,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
                     rowsOnly: true,
                     rowCountOnly: false,
                     abortSignal: rowsAbortController.current.signal,
+                    getToken,
                 });
                 addReport({
                     ...fetchedReport,
@@ -371,7 +396,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
                         additionalProcessing: processing,
                         reportAbortController: rowsAbortController.current,
                         customFields: schemaData.customFields,
-                        propogateChanges,
+                        propagateChanges,
                     });
                     rowsAbortController.current = null;
                     setError(undefined);
@@ -404,9 +429,10 @@ export default function DataLoader({ item, children, filters, userFilters, addit
         if (schemaData.isSchemaLoading ||
             (filterValuesEquivalent(previousFilters.current ?? contextFilters, filters) &&
                 userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? []) &&
-                tenantsEquivalent(previousTenants.current ?? [], tenants ?? []) &&
+                // tenantsEquivalent(previousTenants.current ?? [], tenants ?? []) &&
                 customFieldsEquivalent(previousCustomFields.current, schemaData.customFields) &&
-                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length || rowsAbortController.current))) {
+                ((dashboardName ? dashboard : reports)[item.id]?.rows !== undefined ||
+                    rowsAbortController.current))) {
             if (!rowsAbortController.current && !schemaData.isSchemaLoading)
                 setLoading(false);
             return;
@@ -421,7 +447,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
         filters,
         userFilters,
         item.id,
-        tenants,
+        // tenants,
         schemaData.customFields,
         schemaData.isSchemaLoading,
     ]);
@@ -433,7 +459,10 @@ export default function DataLoader({ item, children, filters, userFilters, addit
         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 (_jsx(_Fragment, { children: children({
             isLoading: loading,
             error,
@@ -446,10 +475,11 @@ export default function DataLoader({ item, children, filters, userFilters, addit
 }
 // 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.
-export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propogateChanges, }) => {
+export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propagateChanges, }) => {
     const { dashboardReports: dashboard, addReport } = useDashboardReports(dashboardName);
     const { dashboardFilters } = useContext(DashboardFiltersContext);
     const { reports, fetchIndividualReport } = useContext(ReportsContext);
+    const { getToken } = useContext(FetchContext);
     const { reportFilters } = useContext(ReportFiltersContext);
     const { tenants, flags } = useContext(TenantContext);
     const contextFilters = useMemo(() => {
@@ -508,6 +538,7 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
                     dateBucket,
                     customFields: schemaData.customFields,
                     abortSignal: fetchReportAbortController.current.signal,
+                    getToken,
                 });
                 addReport({
                     ...report,
@@ -533,7 +564,7 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
                         dateBucket,
                         reportAbortController: fetchReportAbortController.current,
                         customFields: schemaData.customFields,
-                        propogateChanges,
+                        propagateChanges,
                     });
                     setError(undefined);
                 }
@@ -564,10 +595,12 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
             // previousFilters.current ?? contextFilters,
             previousFilters.current ?? [], filters) &&
                 userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? []) &&
-                tenantsEquivalent(tenants ?? [], previousTenants.current ?? []) &&
+                // tenantsEquivalent(tenants ?? [], previousTenants.current ?? []) &&
                 previousDateBucket.current === dateBucket &&
                 customFieldsEquivalent(previousCustomFields.current, schemaData.customFields) &&
-                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length || fetchReportAbortController.current))) {
+                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length !==
+                    undefined ||
+                    fetchReportAbortController.current))) {
             if (!fetchReportAbortController.current && !schemaData.isSchemaLoading)
                 setLoading(false);
             return;
@@ -583,7 +616,7 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
         userFilters,
         item.id,
         dateBucket,
-        tenants,
+        // tenants,
         schemaData.customFields,
         schemaData.isSchemaLoading,
     ]);
@@ -595,7 +628,10 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
         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/esm/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/esm/components/Dashboard/MetricComponent.js

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

package/dist/esm/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/esm/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/esm/components/Dashboard/util.js

@@ -1,4 +1,4 @@
-import { getData } from '../../utils/dataFetcher';
+import { quillFetch } from '../../utils/dataFetcher';
 // WARNING: all of this template code is stale and PROBABLY BROKEN
 export function validateTemplatesAgainstFilters(filters, templates) {
     let error = '';
@@ -35,23 +35,24 @@ export function validateTemplatesAgainstFilters(filters, templates) {
         return { valid: false, error };
     }
 }
-export async function addTemplatesToDashboard(name, newTemplates, client, dashboardData) {
+// TODO: Outdated, revisit and retest
+export 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 quillFetch({
+            client,
+            task: 'add-from-template',
             metadata: {
                 dashboardName: name,
-                task: 'add-from-template',
                 clientId: publicKey,
                 templateReportIds: newTemplates.map((template) => template._id),
             },
-        };
-        const resp = await getData(client, ``, // no cloud fallback
-        'omit', hostedBody, null);
+            getToken,
+        });
         if (resp.success && resp.newItems && resp.newItems.length > 0) {
             const newData = {
                 newQueries: {

package/dist/esm/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/esm/components/QuillMultiSelectSectionList.js

@@ -38,19 +38,23 @@ export function QuillMultiSelectSectionList({ options, width, onChange, label, s
         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);
@@ -59,7 +63,9 @@ export function QuillMultiSelectSectionList({ options, width, onChange, label, s
                 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.useMemo(() => {
         return Object.values(filteredItems).reduce((a, b) => a + b.length, 0);
@@ -91,7 +97,7 @@ export function QuillMultiSelectSectionList({ options, width, onChange, label, s
             borderRadius: '6px',
             width: width,
             minWidth: width,
-            ...style
+            ...style,
         }, children: [label && (_jsx("div", { style: {
                     fontSize: 14,
                     color: theme?.secondaryTextColor,
@@ -157,8 +163,7 @@ export function QuillMultiSelectSectionList({ options, width, onChange, label, s
                                     height: 9,
                                     width: 230,
                                     borderTop: '1px solid #e7e7e7',
-                                } })] })), !isLoading &&
-                        (!filteredItems || filteredLength === 0) && (_jsxs("div", { style: {
+                                } })] })), !isLoading && (!filteredItems || filteredLength === 0) && (_jsxs("div", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             padding: 8,
@@ -188,7 +193,7 @@ export function QuillMultiSelectSectionList({ options, width, onChange, label, s
                                     whiteSpace: 'nowrap',
                                     overflow: 'hidden',
                                     cursor: 'default',
-                                }, children: emptyLabel ?? 'No options available' })] })), !isLoading ? Object.keys(filteredItems).map((key) => (_jsxs("div", { children: [_jsxs("button", { style: {
+                                }, children: emptyLabel ?? 'No options available' })] })), !isLoading ? (Object.keys(filteredItems).map((key) => (_jsxs("div", { children: [_jsxs("button", { style: {
                                     display: 'flex',
                                     alignItems: 'center',
                                     padding: 8,
@@ -208,7 +213,8 @@ export function QuillMultiSelectSectionList({ options, width, onChange, label, s
                                     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: {
@@ -231,7 +237,7 @@ export function QuillMultiSelectSectionList({ options, width, onChange, label, s
                                             whiteSpace: 'nowrap',
                                             overflow: 'hidden',
                                             fontWeight: 600,
-                                        }, children: sectionHeaderMap?.[key] ?? key })] }, "sh-" + key), _jsx("div", { style: {
+                                        }, children: sectionHeaderMap?.[key] ?? key })] }, 'sh-' + key), _jsx("div", { style: {
                                     height: 1,
                                     borderTop: '1px solid #e7e7e7',
                                     marginTop: 2,
@@ -276,11 +282,15 @@ export function QuillMultiSelectSectionList({ options, width, onChange, label, s
                     .quill-option:hover {
                       background: #F4F4F5;
                     }
-                  ` }), _jsx("input", { type: "checkbox", checked: value[key]?.includes(option.value) ?? false, style: { width: '14px', height: '14px', margin: 'auto 0' }, readOnly: true }), _jsx("span", { style: {
+                  ` }), _jsx("input", { type: "checkbox", checked: value[key]?.includes(option.value) ?? false, style: {
+                                            width: '14px',
+                                            height: '14px',
+                                            margin: 'auto 0',
+                                        }, readOnly: true }), _jsx("span", { style: {
                                             textOverflow: 'ellipsis',
                                             whiteSpace: 'nowrap',
                                             overflow: 'hidden',
-                                        }, children: option.label })] }, "v-" + key + "-" + option.value)))] }, 'sp-' + key))) : (_jsx("div", { children: _jsx(LoadingSpinner, {}) }))] }))] }));
+                                        }, children: option.label })] }, 'v-' + key + '-' + option.value)))] }, 'sp-' + key)))) : (_jsx("div", { children: _jsx(LoadingSpinner, {}) }))] }))] }));
 }
 export const ListboxTextInput = ({ value, onChange, placeholder, }) => {
     return (_jsxs("div", { style: {

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,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAc,EAEZ,aAAa,EAMd,MAAM,OAAO,CAAC;AAKf;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,KAAK,GACN,EAAE,yBAAyB,GAAG;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,2CAyjBlF;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":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAc,EAEZ,aAAa,EAMd,MAAM,OAAO,CAAC;AAKf;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,KAAK,GACN,EAAE,yBAAyB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,2CAwmBA;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"}