@quillsql/react 2.13.31 → 2.13.33

package/dist/cjs/SQLEditor.js

@@ -91,7 +91,7 @@ function setEditorTheme(_editor, monaco, schema, databaseType, clientName) {
  * ### SQLEditor API
  * @see https://docs.quillsql.com/components/sql-editor
  */
-function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, DeleteButtonComponent = UiComponents_1.MemoizedDeleteButton, TextInputComponent = UiComponents_2.QuillTextInput, SelectComponent = QuillSelect_1.QuillSelectComponent, TableComponent = UiComponents_1.QuillTableSQLEditorComponent, isNewQueryEnabled = false, LoadingComponent = UiComponents_1.QuillLoadingComponent, ModalComponent = UiComponents_1.MemoizedModal, PopoverComponent = UiComponents_1.MemoizedPopover, CardComponent = QuillCard_1.QuillCard, LabelComponent = UiComponents_1.MemoizedLabel, HeaderComponent = UiComponents_1.MemoizedHeader, SubHeaderComponent = UiComponents_1.MemoizedSubHeader, TextComponent = UiComponents_1.MemoizedText, ErrorMessageComponent = UiComponents_1.QuillErrorMessageComponent, ChartBuilderInputRowContainer = UiComponents_1.QuillChartBuilderInputRowContainer, ChartBuilderInputColumnContainer = UiComponents_1.QuillChartBuilderInputColumnContainer, PivotRowContainer = UiComponents_1.QuillPivotRowContainer, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, ChartBuilderFormContainer = UiComponents_1.QuillChartBuilderFormContainer, defaultQuery, destinationDashboard, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, onDiscardChanges, onSaveChanges, onCloseChartBuilder, isChartBuilderEnabled = false, isAdminEnabled = false, chartBuilderTitle, runQueryOnMount = false, onAddToDashboardComplete, addToDashboardButtonLabel = 'Add to dashboard', report = undefined, organizationName = undefined, isChartBuilderHorizontalView = true, containerStyle = { height: '100vh' }, className, onClickChartElement, flagsList, }) {
+function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, DeleteButtonComponent = UiComponents_1.MemoizedDeleteButton, TextInputComponent = UiComponents_2.QuillTextInput, SelectComponent = QuillSelect_1.QuillSelectComponent, TableComponent = UiComponents_1.QuillTableSQLEditorComponent, isNewQueryEnabled = false, LoadingComponent = UiComponents_1.QuillLoadingComponent, ModalComponent = UiComponents_1.MemoizedModal, PopoverComponent = UiComponents_1.MemoizedPopover, CardComponent = QuillCard_1.QuillCard, LabelComponent = UiComponents_1.MemoizedLabel, HeaderComponent = UiComponents_1.MemoizedHeader, SubHeaderComponent = UiComponents_1.MemoizedSubHeader, TextComponent = UiComponents_1.MemoizedText, ErrorMessageComponent = UiComponents_1.QuillErrorMessageComponent, ChartBuilderInputRowContainer = UiComponents_1.QuillChartBuilderInputRowContainer, ChartBuilderInputColumnContainer = UiComponents_1.QuillChartBuilderInputColumnContainer, PivotRowContainer = UiComponents_1.QuillPivotRowContainer, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, ChartBuilderFormContainer = UiComponents_1.QuillChartBuilderFormContainer, defaultQuery, destinationDashboard, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, onDiscardChanges, onSaveChanges, onCloseChartBuilder, isChartBuilderEnabled = false, isAdminEnabled = false, chartBuilderTitle, runQueryOnMount = false, onAddToDashboardComplete, addToDashboardButtonLabel = 'Add to dashboard', report = undefined, organizationName = undefined, isChartBuilderHorizontalView = true, containerStyle = { height: '100vh' }, className, onClickChartElement, }) {
     const [sqlPrompt, setSqlPrompt] = (0, react_1.useState)('');
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
@@ -103,7 +103,6 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
     const [columns, setColumns] = (0, react_1.useState)([]);
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
-    const [, dashboardDispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const specificDashboardFilters = (0, react_1.useMemo)(() => {
         return Object.values(dashboardFilters[report?.dashboardName ?? destinationDashboard ?? ''] ??
             {}).map((f) => f.filter);
@@ -489,21 +488,16 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
                                                                     }, label: "Run query" })), isNewQueryEnabled && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleClearQuery, label: "Clear query" })), addToDashboardButtonLabel ===
                                                                     'Add to dashboard' && ((0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: async () => {
                                                                         onSaveChanges && onSaveChanges();
-                                                                        dashboardDispatch({
+                                                                        setTempReport({
+                                                                            ...tempReport,
                                                                             id: Report_1.TEMP_REPORT_ID,
-                                                                            type: 'ADD_DASHBOARD_ITEM',
-                                                                            data: {
-                                                                                ...tempReport,
-                                                                                id: Report_1.TEMP_REPORT_ID,
-                                                                                rows,
-                                                                                columns: columns,
-                                                                                columnInternal: columns,
-                                                                                rowCount: rowCount ?? 0,
-                                                                                queryString: query ?? '',
-                                                                                dashboardName: report?.dashboardName ??
-                                                                                    destinationDashboard,
-                                                                                // flags: flagsToAdd,
-                                                                            },
+                                                                            rows,
+                                                                            columns: columns,
+                                                                            columnInternal: columns,
+                                                                            rowCount: rowCount ?? 0,
+                                                                            queryString: query ?? '',
+                                                                            dashboardName: report?.dashboardName ??
+                                                                                destinationDashboard,
                                                                         });
                                                                         setIsChartBuilderOpen(true);
                                                                     }, label: addToDashboardButtonLabel, disabled: !!errorMessage ||
@@ -554,23 +548,19 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
                                             marginBottom: 5,
                                         }, children: [onDiscardChanges && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: onDiscardChanges, label: "Discard changes" })), addToDashboardButtonLabel !== 'Add to dashboard' && ((0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: async () => {
                                                     onSaveChanges && onSaveChanges();
-                                                    dashboardDispatch({
+                                                    setTempReport({
+                                                        ...tempReport,
                                                         id: Report_1.TEMP_REPORT_ID,
-                                                        type: 'ADD_DASHBOARD_ITEM',
-                                                        data: {
-                                                            ...tempReport,
-                                                            id: Report_1.TEMP_REPORT_ID,
-                                                            rows,
-                                                            columns: columns,
-                                                            columnInternal: columns,
-                                                            rowCount: rowCount ?? 0,
-                                                            queryString: query ?? '',
-                                                            dashboardName: report?.dashboardName ?? destinationDashboard,
-                                                            // flags: flagsToAdd,
-                                                        },
+                                                        rows,
+                                                        columns: columns,
+                                                        columnInternal: columns,
+                                                        rowCount: rowCount ?? 0,
+                                                        queryString: query ?? '',
+                                                        dashboardName: report?.dashboardName ?? destinationDashboard,
+                                                        // flags: flagsToAdd,
                                                     });
                                                     setIsChartBuilderOpen(true);
-                                                }, label: addToDashboardButtonLabel, disabled: !!errorMessage || !(lastSuccessfulQuery === query) }))] }))] })] }) }) })), (!isChartBuilderHorizontalView || isChartBuilderOpen) && ((0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { isHorizontalView: isChartBuilderHorizontalView, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, isAdmin: isAdminEnabled, title: chartBuilderTitle, buttonLabel: addToDashboardButtonLabel, reportId: report?.id, organizationName: organizationName, CardComponent: CardComponent, TableComponent: TableComponent, ModalComponent: ModalComponent, ButtonComponent: ButtonComponent, TextInputComponent: TextInputComponent, SelectComponent: SelectComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, PopoverComponent: PopoverComponent, DeleteButtonComponent: DeleteButtonComponent, LoadingComponent: LoadingComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, FormContainer: ChartBuilderFormContainer, hideDateRangeFilter: true, onClickChartElement: onClickChartElement, filtersEnabled: filtersEnabled, onFiltersEnabledChanged: (enabled) => setFiltersEnabled(enabled), isEditingMode: true, flagsList: flagsList }))] }));
+                                                }, label: addToDashboardButtonLabel, disabled: !!errorMessage || !(lastSuccessfulQuery === query) }))] }))] })] }) }) })), (!isChartBuilderHorizontalView || isChartBuilderOpen) && ((0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { isHorizontalView: isChartBuilderHorizontalView, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, isAdmin: isAdminEnabled, title: chartBuilderTitle, buttonLabel: addToDashboardButtonLabel, tempReport: tempReport, reportId: report?.id, organizationName: organizationName, CardComponent: CardComponent, TableComponent: TableComponent, ModalComponent: ModalComponent, ButtonComponent: ButtonComponent, TextInputComponent: TextInputComponent, SelectComponent: SelectComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, PopoverComponent: PopoverComponent, DeleteButtonComponent: DeleteButtonComponent, LoadingComponent: LoadingComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, FormContainer: ChartBuilderFormContainer, hideDateRangeFilter: true, onClickChartElement: onClickChartElement, filtersEnabled: filtersEnabled, onFiltersEnabledChanged: (enabled) => setFiltersEnabled(enabled), isEditingMode: true }))] }));
 }
 const SQLEditorComponent = ({ query, schema, databaseType, clientName, setQuery, setEditorMounted, handleRunQuery, defineEditorTheme, setEditorTheme, runQueryOnMount = false, theme, loading, LoadingComponent = UiComponents_1.QuillLoadingComponent, }) => {
     const [editorKey, setEditorKey] = (0, react_1.useState)(0);

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

@@ -1 +1 @@
-{"version":3,"file":"InternalChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/InternalChart.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAgB,UAAU,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,WAAW,EAAkB,MAAM,qBAAqB,CAAC;AAMlE,wBAAgB,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,WAiH5D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,WAKlE;AAkFD,MAAM,MAAM,YAAY,GAAG;IACzB,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,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,sBAAsB,EACtB,mBAAmB,EACnB,mBAA2B,EAC3B,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAuC,EACvC,eAAsC,EACtC,oBAAgD,EAChD,wBAA+C,EAC/C,eAAsC,EACtC,OAAO,EACP,uBAAuB,EACvB,mBAAmB,EACnB,OAAO,EACP,KAAK,EACL,OAAO,EACP,oBAAoB,EACpB,aAAa,GACd,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CA0cA"}
+{"version":3,"file":"InternalChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/InternalChart.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAgB,UAAU,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,WAAW,EAAkB,MAAM,qBAAqB,CAAC;AAOlE,wBAAgB,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,WAiH5D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,WAKlE;AAkFD,MAAM,MAAM,YAAY,GAAG;IACzB,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,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,sBAAsB,EACtB,mBAAmB,EACnB,mBAA2B,EAC3B,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAuC,EACvC,eAAsC,EACtC,oBAAyD,EACzD,wBAA+C,EAC/C,eAAsC,EACtC,OAAO,EACP,uBAAuB,EACvB,mBAAmB,EACnB,OAAO,EACP,KAAK,EACL,OAAO,EACP,oBAAoB,EACpB,aAAa,GACd,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CA0cA"}

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

@@ -16,12 +16,12 @@ const Filter_1 = require("../../models/Filter");
 const filterProcessing_1 = require("../../utils/filterProcessing");
 const DashboardFilter_1 = require("../../components/Dashboard/DashboardFilter");
 const QuillSelect_1 = require("../../components/QuillSelect");
-const QuillMultiSelect_1 = require("../../components/QuillMultiSelect");
 const QuillDateRangePicker_1 = require("../../DateRangePicker/QuillDateRangePicker");
 const MetricComponent_1 = __importDefault(require("../../components/Dashboard/MetricComponent"));
 const dateRangePickerUtils_1 = require("../../DateRangePicker/dateRangePickerUtils");
 const Chart_1 = require("../../Chart");
 const Report_1 = require("../../models/Report");
+const QuillMultiSelectWithCombo_1 = require("../QuillMultiSelectWithCombo");
 function areDatesNearby(date1, date2) {
     return Math.abs((0, date_fns_1.differenceInHours)(date1, date2)) < 24;
 }
@@ -166,15 +166,15 @@ const TogglePrimitive = ({ value, onClick, style, disabled, }) => {
                     color: '#607D8B',
                 } }))] }));
 };
-function InternalChart({ report, colors, className, containerStyle, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', cartesianGridLineColor, comparisonLineStyle, hideDateRangeFilter = false, filtersEnabled, setFiltersEnabled, mapColorsToFields, LoadingComponent = ChartSkeleton_1.QuillLoadingSkeleton, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelect_1.QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, MetricComponent = MetricComponent_1.default, filters, onDashboardFilterChange, onClickChartElement, loading, error, isAdmin, filterToggleDisabled, layoutChanged, }) {
+function InternalChart({ report, colors, className, containerStyle, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', cartesianGridLineColor, comparisonLineStyle, hideDateRangeFilter = false, filtersEnabled, setFiltersEnabled, mapColorsToFields, LoadingComponent = ChartSkeleton_1.QuillLoadingSkeleton, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, MetricComponent = MetricComponent_1.default, filters, onDashboardFilterChange, onClickChartElement, loading, error, isAdmin, filterToggleDisabled, layoutChanged, }) {
     const { reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
     const { dashboardConfig } = (0, react_1.useContext)(Context_1.DashboardConfigContext);
     const currentReportFilters = (0, react_1.useMemo)(() => {
         const dashFilters = dashboardConfig[report?.dashboardName ?? '']?.config.filters;
         if (!dashFilters)
-            return Object.values(reportFilters[report?.id ?? ''] ?? {});
+            return Object.values(reportFilters[report?.id ?? Report_1.TEMP_REPORT_ID] ?? {});
         // Sort the filters with "date_range" type first, followed by the rest in the same order as the dashFilters, by label.
-        return Object.values(reportFilters[report?.id ?? ''] ?? {}).sort((a, b) => {
+        return Object.values(reportFilters[report?.id ?? Report_1.TEMP_REPORT_ID] ?? {}).sort((a, b) => {
             if (a.filter.filterType === 'date_range' &&
                 b.filter.filterType !== 'date_range') {
                 return -1;
@@ -190,7 +190,7 @@ function InternalChart({ report, colors, className, containerStyle, isAnimationA
         });
     }, [reportFilters, report?.id]);
     const reportDateFilter = (0, react_1.useMemo)(() => {
-        return Object.values(reportFilters[report?.id ?? ''] ?? {}).find((f) => f.filter.filterType === 'date_range')?.filter;
+        return Object.values(reportFilters[report?.id ?? Report_1.TEMP_REPORT_ID] ?? {}).find((f) => f.filter.filterType === 'date_range')?.filter;
     }, [reportFilters, report?.id]);
     const presetOptions = (0, react_1.useMemo)(() => {
         return reportDateFilter
@@ -463,5 +463,5 @@ function InternalChart({ report, colors, className, containerStyle, isAnimationA
                             width: '100%',
                             height: '100%',
                             minHeight: 300,
-                        }, reportId: Report_1.TEMP_REPORT_ID, colors: colors, className: className, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid, hideHorizontalCartesianGrid: hideHorizontalCartesianGrid, hideVerticalCartesianGrid: hideVerticalCartesianGrid, hideSubsequentXAxisTicks: hideSubsequentXAxisTicks, cartesianGridLineStyle: cartesianGridLineStyle, cartesianGridLineColor: cartesianGridLineColor, hideDateRangeFilter: hideDateRangeFilter, comparisonLineStyle: comparisonLineStyle, isAnimationActive: isAnimationActive, loading: loading, scrollable: true, colorMap: colorMap, LoadingComponent: LoadingComponent, onClickChartElement: onClickChartElement }))] }))] }));
+                        }, reportId: report.id, colors: colors, className: className, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid, hideHorizontalCartesianGrid: hideHorizontalCartesianGrid, hideVerticalCartesianGrid: hideVerticalCartesianGrid, hideSubsequentXAxisTicks: hideSubsequentXAxisTicks, cartesianGridLineStyle: cartesianGridLineStyle, cartesianGridLineColor: cartesianGridLineColor, hideDateRangeFilter: hideDateRangeFilter, comparisonLineStyle: comparisonLineStyle, isAnimationActive: isAnimationActive, loading: loading, scrollable: true, colorMap: colorMap, LoadingComponent: LoadingComponent, onClickChartElement: onClickChartElement }))] }))] }));
 }

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

@@ -0,0 +1,39 @@
+import { CSSProperties } from 'react';
+/**
+ * A robust select component that implements the new minimal Select interface.
+ */
+export declare function QuillMultiSelectSectionList({ options, width, onChange, label, sectionHeaderMap, value, isLoading, disabled, emptyLabel, allSelectedLabel, style, owner, }: {
+    label?: string;
+    width: number;
+    value: {
+        [tenantField: string]: string[];
+    };
+    options: {
+        [tenantField: string]: {
+            value: string;
+            label: string;
+        }[];
+    };
+    sectionHeaderMap?: {
+        [tenantField: string]: string;
+    };
+    onChange: (event: {
+        target: {
+            value: {
+                [tenantField: string]: string[];
+            };
+        };
+    }) => void;
+    isLoading?: boolean;
+    disabled?: boolean;
+    emptyLabel?: string;
+    allSelectedLabel?: string;
+    style?: CSSProperties;
+    owner?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const ListboxTextInput: ({ value, onChange, placeholder, }: {
+    value: string;
+    onChange: (e: string) => void;
+    placeholder: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuillMultiSelectSectionList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuillMultiSelectSectionList.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectSectionList.tsx"],"names":[],"mappings":"AAEA,OAAc,EACZ,aAAa,EAMd,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,2CAgbA;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

@@ -0,0 +1,343 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListboxTextInput = void 0;
+exports.QuillMultiSelectSectionList = QuillMultiSelectSectionList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../hooks");
+const UiComponents_1 = require("./UiComponents");
+const react_1 = __importStar(require("react"));
+const Context_1 = require("../Context");
+/**
+ * A robust select component that implements the new minimal Select interface.
+ */
+function QuillMultiSelectSectionList({ options, width, onChange, label, sectionHeaderMap, value, isLoading, disabled, emptyLabel, allSelectedLabel, style, owner, }) {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    // const [selectedOptions, setSelectedOptions] = useState<{[tenantField: string] : string[]}>({});
+    const [showModal, setShowModal] = (0, react_1.useState)(false);
+    const modalRef = (0, react_1.useRef)(null);
+    const buttonRef = (0, react_1.useRef)(null);
+    const debounceTimeoutId = (0, react_1.useRef)(null);
+    const [searchQuery, setSearchQuery] = react_1.default.useState('');
+    // const [exceedsLimit, setExceedsLimit] = useState(false);
+    (0, hooks_1.useOnClickOutside)(modalRef, (event) => {
+        if (!buttonRef.current?.contains(event.target))
+            setShowModal(false);
+    }, showModal);
+    const debounce = (updatedChangeEvent) => {
+        if (debounceTimeoutId.current) {
+            clearTimeout(debounceTimeoutId.current);
+        }
+        debounceTimeoutId.current = setTimeout(() => {
+            onChange(updatedChangeEvent);
+        }, 200);
+    };
+    const optionsLength = react_1.default.useMemo(() => {
+        return Object.values(options).reduce((a, b) => a + b.length, 0);
+    }, [options]);
+    const filteredItems = react_1.default.useMemo(() => {
+        if (searchQuery === '') {
+            return options;
+        }
+        const uuidRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-5][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}$/;
+        // Get the first element of the first non-empty array
+        const sample = Object.values(options).find((arr) => arr.length > 0)?.[0];
+        if (!sample) {
+            return {};
+        }
+        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 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);
+        Object.keys(filteredOptions).forEach((key) => {
+            if (filteredOptions[key]) {
+                filteredOptions[key] = filteredOptions[key].slice(0, sliceSize);
+            }
+        });
+        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);
+    }, [filteredItems]);
+    const selectedOptionsLabel = (0, react_1.useMemo)(() => {
+        const valuesLength = Object.values(value).reduce((a, b) => a + b.length, 0);
+        if (!valuesLength) {
+            return 'Select';
+        }
+        const selectedOptionsLabels = Object.keys(value).map((key) => {
+            const matchingOptions = options[key]?.filter((elem) => value[key]?.includes(elem.value)) ?? [];
+            if (matchingOptions.length === 0) {
+                return null;
+            }
+            if (matchingOptions.length !== value[key]?.length) {
+                return value[key]?.join(', ') ?? null;
+            }
+            return matchingOptions
+                .map((elem) => elem.label)
+                .join(', ');
+        });
+        if (selectedOptionsLabels.length === optionsLength && allSelectedLabel) {
+            return allSelectedLabel;
+        }
+        return selectedOptionsLabels.filter((label) => label !== null).join(', ');
+    }, [options, value]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: 'relative',
+            borderRadius: '6px',
+            width: width,
+            minWidth: width,
+            ...style
+        }, children: [label && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    fontSize: 14,
+                    color: theme?.secondaryTextColor,
+                    fontFamily: theme?.fontFamily,
+                    paddingBottom: 5,
+                    fontWeight: 600,
+                }, children: label })), (0, jsx_runtime_1.jsxs)("button", { style: {
+                    fontFamily: theme?.fontFamily,
+                    color: theme?.primaryTextColor,
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    fontWeight: 'inherit',
+                    lineHeight: 'inherit',
+                    padding: '8px 12px',
+                    fontSize: 14,
+                    margin: 0,
+                    boxSizing: 'border-box',
+                    borderWidth: 1,
+                    borderStyle: 'solid',
+                    borderColor: theme?.borderColor,
+                    borderRadius: 6,
+                    paddingTop: 9,
+                    paddingBottom: 9,
+                    height: 40,
+                    minHeight: 40,
+                    maxHeight: 40,
+                }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, ref: buttonRef, children: [(0, jsx_runtime_1.jsx)("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; } 
+          .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
+          .quill-select-button:disabled {
+            cursor: not-allowed;
+            background: ${theme?.hoverBackgroundColor};
+          }
+        ` }), (0, jsx_runtime_1.jsx)("span", { style: {
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
+                            width: '100%',
+                            textAlign: 'left',
+                            zIndex: 1,
+                        }, children: selectedOptionsLabel }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    position: 'absolute',
+                    width: '100%',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    boxSizing: 'border-box',
+                    borderWidth: 1,
+                    borderStyle: 'solid',
+                    borderColor: theme?.borderColor,
+                    borderRadius: 6,
+                    background: 'white',
+                    marginTop: 12,
+                    zIndex: 100,
+                    padding: 6,
+                    fontFamily: theme?.fontFamily,
+                    maxHeight: '50vh',
+                    overflow: 'scroll',
+                    fontSize: 14,
+                }, ref: modalRef, children: [options && optionsLength > 20 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
+                                    setSearchQuery(value);
+                                } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                    height: 9,
+                                    width: 230,
+                                    borderTop: '1px solid #e7e7e7',
+                                } })] })), !isLoading &&
+                        (!filteredItems || filteredLength === 0) && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            padding: 8,
+                            margin: 0,
+                            boxSizing: 'border-box',
+                            borderWidth: 0,
+                            fontSize: 14,
+                            borderStyle: 'solid',
+                            borderColor: theme?.borderColor,
+                            borderRadius: 4,
+                            fontFamily: theme?.fontFamily,
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            height: 34,
+                            minHeight: 34,
+                            gap: 6,
+                            overflow: 'hidden',
+                        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+                .quill-option {
+                  background: white;
+                }
+                .quill-option:hover {
+                  background: #F4F4F5;
+                }
+              ` }), (0, jsx_runtime_1.jsx)("span", { style: {
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    cursor: 'default',
+                                }, children: emptyLabel ?? 'No options available' })] })), !isLoading ? Object.keys(filteredItems).map((key) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    padding: 8,
+                                    margin: 0,
+                                    boxSizing: 'border-box',
+                                    borderWidth: 0,
+                                    fontSize: 14,
+                                    borderStyle: 'solid',
+                                    borderColor: theme?.borderColor,
+                                    borderRadius: 4,
+                                    fontFamily: theme?.fontFamily,
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    height: 34,
+                                    minHeight: 34,
+                                    gap: 6,
+                                    overflow: 'hidden',
+                                }, className: "quill-option", onClick: () => {
+                                    const updatedValue = filteredItems[key]?.length === value[key]?.length
+                                        ? [] : filteredItems[key]?.map((option) => option.value) ?? [];
+                                    const updatedChangeEvent = {
+                                        target: {
+                                            value: {
+                                                ...value,
+                                                [key]: updatedValue,
+                                            },
+                                        },
+                                    };
+                                    // setSelectedOptions(updatedValue);
+                                    debounce(updatedChangeEvent);
+                                }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+                  .quill-option {
+                    background: white;
+                  }
+                  .quill-option:hover {
+                    background: #F4F4F5;
+                  }
+                ` }), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: filteredItems[key]?.length === value[key]?.length, style: { width: '14px', height: '14px', margin: 'auto 0' }, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { style: {
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap',
+                                            overflow: 'hidden',
+                                            fontWeight: 600,
+                                        }, children: sectionHeaderMap?.[key] ?? key })] }, "section-header-" + key), (0, jsx_runtime_1.jsx)("div", { style: {
+                                    height: 1,
+                                    borderTop: '1px solid #e7e7e7',
+                                    marginTop: 2,
+                                    marginBottom: 2,
+                                } }), filteredItems[key]?.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    padding: 8,
+                                    paddingLeft: 16,
+                                    margin: 0,
+                                    boxSizing: 'border-box',
+                                    borderWidth: 0,
+                                    fontSize: 14,
+                                    borderStyle: 'solid',
+                                    borderColor: theme?.borderColor,
+                                    borderRadius: 4,
+                                    fontFamily: theme?.fontFamily,
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    height: 34,
+                                    minHeight: 34,
+                                    gap: 6,
+                                    overflow: 'hidden',
+                                }, className: "quill-option", onClick: () => {
+                                    const updatedValue = value[key]?.includes(option.value)
+                                        ? value[key]?.filter((val) => val !== option.value)
+                                        : [...(value[key] ?? []), option.value];
+                                    const updatedChangeEvent = {
+                                        target: {
+                                            value: {
+                                                ...value,
+                                                [key]: updatedValue,
+                                            },
+                                        },
+                                    };
+                                    // setSelectedOptions(updatedValue);
+                                    debounce(updatedChangeEvent);
+                                }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+                    .quill-option {
+                      background: white;
+                    }
+                    .quill-option:hover {
+                      background: #F4F4F5;
+                    }
+                  ` }), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value[key]?.includes(option.value), 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 })] }, "value-" + key + "-" + option.value)))] }))) : ((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: {
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            marginTop: 2,
+        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+      .quill-text-input {
+          background-color: white;
+          height: 40px;
+         width: 145px;
+         z-index: 2;
+         color: #384151;
+         border-radius: 4px;
+         text-align: left;
+         padding-top: 0px;
+         padding-bottom: 0px;
+         box-sizing: content-box;
+         margin-left: 6px;
+         border: 0 solid #e5e7eb;
+      }
+      .quill-text-input:focus {
+        outline: none;
+    }` }), (0, jsx_runtime_1.jsx)("div", { style: { width: 6 } }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "rgba(56, 65, 81, 0.7)", height: "16", width: "16", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z", clipRule: "evenodd" }) }), (0, jsx_runtime_1.jsx)("input", { className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder })] }));
+};
+exports.ListboxTextInput = ListboxTextInput;

package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts

@@ -1,9 +1,11 @@
 import { MultiSelectComponentProps } from './UiComponents';
+import { CSSProperties } from 'react';
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, }: MultiSelectComponentProps & {
+export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, style, }: MultiSelectComponentProps & {
     allSelectedLabel?: string;
+    style?: CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;
 export declare const ListboxTextInput: ({ value, onChange, placeholder, }: {
     value: string;

package/dist/cjs/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;AAW3E;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,GACjB,EAAE,yBAAyB,GAAG;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,2CA2f3D;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":"AACA,OAAO,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAc,EAEZ,aAAa,EAMd,MAAM,OAAO,CAAC;AAGf;;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,2CA4flF;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/QuillMultiSelectWithCombo.js

@@ -33,7 +33,7 @@ const Context_1 = require("../Context");
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, }) {
+function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, style, }) {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     const [selectedOptions, setSelectedOptions] = (0, react_1.useState)([]);
     const [showModal, setShowModal] = (0, react_1.useState)(false);
@@ -121,8 +121,8 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
     // But they don't have their proper labels, since we haven't stored/passed in the label
     const filteredItems = react_1.default.useMemo(() => {
         const uuidRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-5][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}$/;
-        const isUuid = potentialOptions[0]?.value?.match(uuidRegex);
-        const isNumber = !isNaN(parseInt(potentialOptions[0]?.value ?? ''));
+        const isUuid = potentialOptions?.[0]?.value?.toString()?.match(uuidRegex);
+        const isNumber = !isNaN(parseInt(potentialOptions?.[0]?.value ?? ''));
         // Sort null to top
         if (searchQuery === '') {
             return potentialOptions
@@ -170,6 +170,7 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
             borderRadius: '6px',
             width: width,
             minWidth: width,
+            ...style
         }, children: [label && ((0, jsx_runtime_1.jsx)("div", { style: {
                     fontSize: 14,
                     color: theme?.secondaryTextColor,

package/dist/cjs/hooks/useExport.d.ts

@@ -4,9 +4,9 @@ export declare const useExport: (reportId?: string, { CustomDocumentComponent, m
     maximumRowsPerPage?: number;
     sectionField?: string;
 }) => {
-    downloadPDF: () => Promise<void>;
+    downloadCSV: () => void;
+    downloadPDF: () => void;
     isPDFLoading: boolean;
-    downloadCSV: () => Promise<void>;
     isCSVLoading: boolean;
 };
 interface QuillPDFProps {

package/dist/cjs/hooks/useExport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAmE/C,eAAO,MAAM,SAAS,cACT,MAAM,mEAMd;IACD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAAC;IAChE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KACA;IACD,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;CAqPvB,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAmE/C,eAAO,MAAM,SAAS,cACT,MAAM,mEAMd;IACD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAAC;IAChE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;;;;CAqPF,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;CAC5B"}