@quillsql/react 2.12.39 → 2.12.40

package/dist/esm/Dashboard.js

@@ -9,11 +9,12 @@ import DashboardSectionContainer from './components/Dashboard/DashboardSectionCo
 import QuillMetricComponent from './components/Dashboard/MetricComponent';
 import QuillTableComponent from './components/Dashboard/TableComponent';
 import QuillChartComponent from './components/Dashboard/ChartComponent';
+import QuillTemplateChartComponent from './components/Dashboard/TemplateChartComponent';
 import DashboardSection from './components/Dashboard/DashboardSection';
 import { styleToProps } from './utils/styles';
 import { QuillDateRangePicker } from './DateRangePicker/QuillDateRangePicker';
 import DataLoader, { ChartDataLoader, } from './components/Dashboard/DataLoader';
-import { QuillEmptyDashboardComponent, QuillFilterContainerComponent, QuillLoadingDashboardComponent, QuillUserFilterModalComponent, MemoizedButton, MemoizedSecondaryButton, QuillTextInput, MemoizedPopover, QuillErrorMessageComponent, } from './components/UiComponents';
+import { QuillEmptyDashboardComponent, QuillFilterContainerComponent, QuillLoadingDashboardComponent, QuillModalComponent, MemoizedButton, MemoizedSecondaryButton, QuillTextInput, MemoizedPopover, QuillErrorMessageComponent, } from './components/UiComponents';
 import { DashboardFilter } from './components/Dashboard/DashboardFilter';
 import { BoolOperator, FieldTypes, NullOperator, NumberOperator, StringOperator, } from './models/Filter';
 import { QuillMultiSelectComponentWithCombo } from './components/QuillMultiSelectWithCombo';
@@ -26,6 +27,9 @@ import { filterSentence, getType } from './utils/filterProcessing';
 import { QuillChartErrorWithAction } from './components/Chart/ChartError';
 import { FilterPopoverWrapper, QuillFilterPopover, } from './components/ReportBuilder/ui';
 import FilterModal from './components/ReportBuilder/FilterModal';
+import QuillTemplateMetricComponent from './components/Dashboard/TemplateMetricComponent';
+import QuillTemplateTableComponent from './components/Dashboard/TemplateTableComponent';
+import QuillDashboardTemplate from './components/Dashboard/DashboardTemplate';
 const defaultChartContainerStyles = {
     display: 'flex',
     width: '100%',
@@ -63,7 +67,7 @@ const defaultChartContainerStyles = {
  * ### API Reference
  * @see https://docs.quillsql.com/components/dashboard
  */
-export default function Dashboard({ name, hidden = false, SelectComponent = QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectComponentWithCombo, UserFilterModalComponent = QuillUserFilterModalComponent, ButtonComponent = MemoizedButton, SecondaryButtonComponent = MemoizedSecondaryButton, FilterTagComponent = QuillFilterPopover, PopoverComponent = MemoizedPopover, TextInputComponent = QuillTextInput, EmptyDashboardComponent = QuillEmptyDashboardComponent, DateRangePickerComponent = QuillDateRangePicker, MetricComponent = QuillMetricComponent, ChartComponent = QuillChartComponent, TableComponent = QuillTableComponent, DashboardSectionComponent = DashboardSection, DashboardSectionContainerComponent = DashboardSectionContainer, FilterContainerComponent = QuillFilterContainerComponent, DashboardLoadingComponent = QuillLoadingDashboardComponent, ErrorComponent = QuillChartErrorWithAction, onClickReport, onChangeLoading, hideFilters, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, comparisonLineStyle = 'solid', containerStyle, className, chartContainerStyle = defaultChartContainerStyles, filters, onClickChartElement, dateBucket, additionalProcessing, hideAdminErrors = true, }) {
+export default function Dashboard({ name, hidden = false, SelectComponent = QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectComponentWithCombo, ModalComponent = QuillModalComponent, ButtonComponent = MemoizedButton, SecondaryButtonComponent = MemoizedSecondaryButton, FilterTagComponent = QuillFilterPopover, PopoverComponent = MemoizedPopover, TextInputComponent = QuillTextInput, EmptyDashboardComponent = QuillEmptyDashboardComponent, DateRangePickerComponent = QuillDateRangePicker, MetricComponent = QuillMetricComponent, ChartComponent = QuillChartComponent, TableComponent = QuillTableComponent, TemplateMetricComponent = QuillTemplateMetricComponent, TemplateChartComponent = QuillTemplateChartComponent, TemplateTableComponent = QuillTemplateTableComponent, DashboardSectionComponent = DashboardSection, DashboardSectionContainerComponent = DashboardSectionContainer, FilterContainerComponent = QuillFilterContainerComponent, DashboardLoadingComponent = QuillLoadingDashboardComponent, ErrorComponent = QuillChartErrorWithAction, onClickReport, onChangeLoading, hideFilters, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, comparisonLineStyle = 'solid', containerStyle, className, chartContainerStyle = defaultChartContainerStyles, filters, onClickChartElement, dateBucket, additionalProcessing, hideAdminErrors = true, templateDashboardName, }) {
     const [dashboard] = useContext(DashboardContext);
     const { isLoading: isDataLoading, data, reload, } = useDashboard(name);
     const [dashboardSections, setDashboardSections] = useState(null);
@@ -85,8 +89,12 @@ export default function Dashboard({ name, hidden = false, SelectComponent = Quil
     const [filterListIsOpen, setFilterListIsOpen] = useState(false);
     const [filterListAddFilterPopoverIsOpen, setFilterListAddFilterPopoverIsOpen,] = useState(false);
     const [uniqueCounter, setUniqueCounter] = useState(0);
-    const [userFilters, setUserFilters] = useState([]);
-    const [adminFilters, setAdminFilters] = useState([]);
+    const userFilters = appliedFilters
+        .map((filter, index) => {
+        return { filter, index };
+    })
+        .filter((filter) => filter.filter.isUserFilter);
+    const adminFilters = appliedFilters.filter((filter) => !filter.isUserFilter);
     const customOperatorOptions = {
         [FieldTypes.Numeric]: [
             NumberOperator.EqualTo,
@@ -159,12 +167,6 @@ export default function Dashboard({ name, hidden = false, SelectComponent = Quil
         };
         fetchData();
     }, [referencedTables]);
-    useEffect(() => {
-        setUserFilters([...appliedFilters.filter((filter) => filter.isUserFilter)]);
-        setAdminFilters([
-            ...appliedFilters.filter((filter) => !filter.isUserFilter),
-        ]);
-    }, [appliedFilters]);
     const getUniqueStringValues = async (columns, tableName) => {
         const convertedStringColumns = columns
             .filter((column) => {
@@ -548,10 +550,10 @@ export default function Dashboard({ name, hidden = false, SelectComponent = Quil
     const tables = (section) => dashboardSections[section]
         .filter(({ chartType }) => chartType === 'table')
         .sort(sortByOrdering);
-    if (hidden || isLoading) {
+    if (hidden || isLoading || !dashboardSections) {
         return (_jsx(DashboardLoadingComponent, { containerStyle: containerStyle, chartContainerStyle: chartContainerStyle }));
     }
-    if (!dashboardSections || Object.keys(dashboardSections).length == 0) {
+    if (Object.keys(dashboardSections).length == 0) {
         if (initialLoad || isLoading)
             return null;
         return _jsx(EmptyDashboardComponent, {});
@@ -561,69 +563,65 @@ export default function Dashboard({ name, hidden = false, SelectComponent = Quil
                 filterSchemaIsLoaded &&
                 !hideAdminErrors &&
                 !hideFilters &&
+                data &&
+                data.customFiltersEnabled &&
                 filterSchema &&
-                filterSchema.columns.length === 0 && (_jsx("div", { style: { marginBottom: 10 }, children: _jsx(QuillErrorMessageComponent, { errorMessage: "Warning: No custom filter options because there are no common views among the charts in the dashboard" }) })), !hideFilters && (_jsxs(FilterContainerComponent, { children: [adminFilters.map((filter, index) => (_jsx(DashboardFilter, { filter: filter, onChangeFilter: updateFilter, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent }, index))), _jsxs("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                        }, children: [data && data.customFiltersEnabled && (_jsx(SecondaryButtonComponent, { onClick: () => {
-                                    if (fieldValuesIsLoaded) {
-                                        setAddFilterPopoverIsOpen(true);
-                                        setFilterListIsOpen(false);
-                                    }
-                                }, label: `Add Filter` })), _jsx(PopoverComponent, { isOpen: addFilterPopoverIsOpen, setIsOpen: setAddFilterPopoverIsOpen, popoverTitle: "Add Filter", popoverChildren: _jsx(FilterModal, { schema: filterSchema, fieldValuesMap: fieldValuesMap, onSubmitFilter: (filter) => {
-                                        setAddFilterPopoverIsOpen(false);
-                                        updateUserFilter(filter, appliedFilters.length);
-                                    }, onDeleteFilter: () => { }, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, TextInputComponent: TextInputComponent }), containerStyle: { position: 'relative', top: 10 } })] }), userFilters.length > 0 && (_jsx(UserFilterModalComponent, { triggerLabel: `Filters${userFilters.length > 0 ? ` (${userFilters.length})` : ''}`, isOpen: filterListIsOpen, setIsOpen: setFilterListIsOpen, title: "Filters", children: _jsxs("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'column',
-                                alignItems: 'start',
-                            }, children: [userFilters.map((filter, index) => (_jsx(FilterPopoverWrapper, { schema: filterSchema, filter: {
-                                        name: filter.name,
-                                        type: filter.type,
-                                        field: filter.field,
-                                        operator: filter.operator,
-                                        value: filter.value,
-                                    }, filterLabel: filter ? filterSentence(filter) : '', index: index, fieldValuesMap: fieldValuesMap, customOperatorOptions: customOperatorOptions, FilterTagComponent: FilterTagComponent, FilterModal: FilterModal, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, handleFilterSave: (newFilter) => {
-                                        const updatedFilter = getUserFilter(newFilter, filter._id, filter);
-                                        const updateIndex = appliedFilters.findIndex((val) => {
-                                            return val._id === filter._id;
-                                        });
-                                        dashboardFiltersDispatch({
-                                            type: 'UPDATE_DASHBOARD_FILTER',
-                                            id: updatedFilter._id,
-                                            data: updateFilter,
-                                        });
-                                        setAppliedFilters([
-                                            ...appliedFilters.slice(0, updateIndex),
-                                            updatedFilter,
-                                            ...appliedFilters.slice(updateIndex + 1),
-                                        ]);
-                                    }, handleFilterDelete: () => {
-                                        const deleteIndex = appliedFilters.findIndex((val) => {
-                                            return val._id === filter._id;
-                                        });
-                                        dashboardFiltersDispatch({
-                                            type: 'DELETE_DASHBOARD_FILTER',
-                                            id: appliedFilters[deleteIndex]._id,
-                                        });
-                                        setAppliedFilters([
-                                            ...appliedFilters.slice(0, deleteIndex),
-                                            ...appliedFilters.slice(deleteIndex + 1),
-                                        ]);
-                                    }, containerStyle: { width: 300, marginBottom: 10 } }, `userFilter_${index}`))), _jsxs("div", { style: {
+                filterSchema.columns.length === 0 && (_jsx("div", { style: { marginBottom: 10 }, children: _jsx(QuillErrorMessageComponent, { errorMessage: "Warning: No custom filter options because there are no common views among the charts in the dashboard" }) })), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [!hideFilters && (_jsxs(FilterContainerComponent, { children: [adminFilters.map((filter, index) => (_jsx(DashboardFilter, { filter: filter, onChangeFilter: updateFilter, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent }, index))), _jsxs("div", { style: {
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                }, children: [data && data.customFiltersEnabled && (_jsx(SecondaryButtonComponent, { onClick: () => {
+                                            if (fieldValuesIsLoaded) {
+                                                setAddFilterPopoverIsOpen(true);
+                                                setFilterListIsOpen(false);
+                                            }
+                                        }, label: `Add Filter` })), _jsx(PopoverComponent, { isOpen: addFilterPopoverIsOpen, setIsOpen: setAddFilterPopoverIsOpen, popoverTitle: "Add Filter", popoverChildren: _jsx(FilterModal, { schema: filterSchema, fieldValuesMap: fieldValuesMap, onSubmitFilter: (filter) => {
+                                                setAddFilterPopoverIsOpen(false);
+                                                updateUserFilter(filter, appliedFilters.length);
+                                            }, onDeleteFilter: () => { }, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, TextInputComponent: TextInputComponent }), containerStyle: { position: 'relative', top: 10 } })] }), userFilters.length > 0 && (_jsx(ModalComponent, { triggerLabel: `Filters${userFilters.length > 0 ? ` (${userFilters.length})` : ''}`, isOpen: filterListIsOpen, setIsOpen: setFilterListIsOpen, title: "Filters", children: _jsxs("div", { style: {
                                         display: 'flex',
                                         flexDirection: 'column',
-                                    }, children: [_jsx(SecondaryButtonComponent, { onClick: () => {
-                                                if (fieldValuesIsLoaded) {
-                                                    setFilterListAddFilterPopoverIsOpen(true);
-                                                }
-                                            }, label: `Add Filter` }), _jsx(PopoverComponent, { isOpen: filterListAddFilterPopoverIsOpen, setIsOpen: setFilterListAddFilterPopoverIsOpen, popoverTitle: "Add Filter", popoverChildren: _jsx(FilterModal, { schema: filterSchema, fieldValuesMap: fieldValuesMap, onSubmitFilter: (filter) => {
-                                                    setFilterListAddFilterPopoverIsOpen(false);
-                                                    setFilterListIsOpen(false);
-                                                    const id = uniqueCounter;
-                                                    setUniqueCounter(uniqueCounter + 1);
-                                                    updateUserFilter(filter, id);
-                                                }, onDeleteFilter: () => { }, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, TextInputComponent: TextInputComponent }), containerStyle: { position: 'relative', top: 10 } })] })] }) }))] })), Object.keys(dashboardSections)
+                                        alignItems: 'start',
+                                    }, children: [userFilters.map(({ filter, index }) => (_jsx(FilterPopoverWrapper, { schema: filterSchema, filter: {
+                                                name: filter.name,
+                                                type: filter.type,
+                                                field: filter.field,
+                                                operator: filter.operator,
+                                                value: filter.value,
+                                            }, filterLabel: filter ? filterSentence(filter) : '', index: index, fieldValuesMap: fieldValuesMap, customOperatorOptions: customOperatorOptions, FilterTagComponent: FilterTagComponent, FilterModal: FilterModal, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, handleFilterSave: (newFilter) => {
+                                                const updatedFilter = getUserFilter(newFilter, filter._id, filter);
+                                                dashboardFiltersDispatch({
+                                                    type: 'UPDATE_DASHBOARD_FILTER',
+                                                    id: updatedFilter._id,
+                                                    data: updateFilter,
+                                                });
+                                                setAppliedFilters([
+                                                    ...appliedFilters.slice(0, index),
+                                                    updatedFilter,
+                                                    ...appliedFilters.slice(index + 1),
+                                                ]);
+                                            }, handleFilterDelete: () => {
+                                                dashboardFiltersDispatch({
+                                                    type: 'DELETE_DASHBOARD_FILTER',
+                                                    id: appliedFilters[index]._id,
+                                                });
+                                                setAppliedFilters([
+                                                    ...appliedFilters.slice(0, index),
+                                                    ...appliedFilters.slice(index + 1),
+                                                ]);
+                                            }, containerStyle: { width: 300, marginBottom: 10 } }, `userFilter_${index}_${filter ? filterSentence(filter) : ''}`))), _jsxs("div", { style: {
+                                                display: 'flex',
+                                                flexDirection: 'column',
+                                            }, children: [_jsx(SecondaryButtonComponent, { onClick: () => {
+                                                        if (fieldValuesIsLoaded) {
+                                                            setFilterListAddFilterPopoverIsOpen(true);
+                                                        }
+                                                    }, label: `Add Filter` }), _jsx(PopoverComponent, { isOpen: filterListAddFilterPopoverIsOpen, setIsOpen: setFilterListAddFilterPopoverIsOpen, popoverTitle: "Add Filter", popoverChildren: _jsx(FilterModal, { schema: filterSchema, fieldValuesMap: fieldValuesMap, onSubmitFilter: (filter) => {
+                                                            setFilterListAddFilterPopoverIsOpen(false);
+                                                            setFilterListIsOpen(false);
+                                                            const id = uniqueCounter;
+                                                            setUniqueCounter(uniqueCounter + 1);
+                                                            updateUserFilter(filter, id);
+                                                        }, onDeleteFilter: () => { }, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, TextInputComponent: TextInputComponent }), containerStyle: { position: 'relative', top: 10 } })] })] }) }))] })), templateDashboardName && (_jsx(QuillDashboardTemplate, { name: templateDashboardName, originDashboard: name, client: client, appliedFilters: appliedFilters, ModalComponent: ModalComponent, TemplateChartComponent: TemplateChartComponent, TemplateMetricComponent: TemplateMetricComponent, TemplateTableComponent: TemplateTableComponent, ButtonComponent: SecondaryButtonComponent }))] }), Object.keys(dashboardSections)
                 .sort(function (a, b) {
                 return a.length - b.length;
             })

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

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

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

@@ -6,6 +6,7 @@ export default function QuillChartComponent({ report, onClick, children, isLoadi
     return (_jsx("div", { onClick: () => onClick && onClick(report), style: {
             cursor: 'pointer',
             boxSizing: 'content-box',
+            height: '100%',
             minHeight: 400,
             borderRadius: 8,
         }, children: _jsx("div", { style: {

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

@@ -0,0 +1,12 @@
+export default function QuillDashboardTemplate({ name, originDashboard, client, appliedFilters, ModalComponent, TemplateChartComponent, TemplateMetricComponent, TemplateTableComponent, ButtonComponent, }: {
+    name: string;
+    originDashboard: string;
+    client: any;
+    appliedFilters: any;
+    ModalComponent: any;
+    TemplateChartComponent: any;
+    TemplateMetricComponent: any;
+    TemplateTableComponent: any;
+    ButtonComponent: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DashboardTemplate.d.ts.map

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

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

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from 'react';
+import { addTemplatesToDashboard, validateTemplatesAgainstFilters, } from './util';
+import { useDashboard } from '../../hooks/useDashboard';
+import { DashboardDataContext } from '../../Context';
+import Dashboard from '../../Dashboard';
+export default function QuillDashboardTemplate({ name, originDashboard, client, appliedFilters, ModalComponent, TemplateChartComponent, TemplateMetricComponent, TemplateTableComponent, ButtonComponent, }) {
+    const { isLoading, data } = useDashboard(name ?? '');
+    const { dashboardData, dashboardDataDispatch } = useContext(DashboardDataContext);
+    const [addItemModalIsOpen, setAddItemModalIsOpen] = useState(false);
+    const [selectedTemplates, setSelectedTemplates] = useState([]);
+    const [selectingTemplate, setSelectingTemplate] = useState(false);
+    const [submittingTemplate, setSubmittingTemplate] = useState(false);
+    const templateSections = data?.sections;
+    const onSubmitTemplates = async () => {
+        setSubmittingTemplate(true);
+        // validate that filters don't conflict
+        const { valid, error } = validateTemplatesAgainstFilters(appliedFilters, selectedTemplates);
+        if (!valid) {
+            alert(error);
+        }
+        else {
+            setAddItemModalIsOpen(false);
+            const newTemplates = selectedTemplates;
+            setSelectedTemplates([]);
+            const newData = await addTemplatesToDashboard(originDashboard, newTemplates, client, dashboardData);
+            console.log('updating context with', newData);
+            if (newData) {
+                // Dispatch the action to update the dashboard state
+                dashboardDataDispatch({
+                    type: 'UPDATE_DASHBOARD',
+                    id: originDashboard,
+                    data: newData,
+                });
+            }
+        }
+        setSubmittingTemplate(false);
+    };
+    return data ? (_jsxs(ModalComponent, { isOpen: addItemModalIsOpen, setIsOpen: setAddItemModalIsOpen, triggerLabel: "Add Items To Dashboard", title: "Add Items To Dashboard", children: [_jsx("div", { style: {
+                    overflow: 'scroll',
+                }, children: _jsx(Dashboard, { name: name, ChartComponent: TemplateChartComponent, TableComponent: TemplateTableComponent, MetricComponent: TemplateMetricComponent, onClickReport: (report) => {
+                        if (!selectingTemplate) {
+                            setSelectingTemplate(true);
+                            if (selectedTemplates.some((template) => template._id === report._id)) {
+                                setSelectedTemplates(selectedTemplates.filter((template) => template._id !== report._id));
+                            }
+                            else {
+                                setSelectedTemplates([...selectedTemplates, report]);
+                            }
+                            setSelectingTemplate(false);
+                        }
+                    }, hideFilters: true }) }), _jsx("div", { style: {
+                    display: 'flex',
+                    justifyContent: 'flex-end',
+                    flexDirection: 'row',
+                    marginTop: '20px',
+                    width: '100%',
+                }, children: _jsx(ButtonComponent, { disabled: isLoading || !templateSections, label: 'Add to dashboard', onClick: () => {
+                        if (!submittingTemplate) {
+                            onSubmitTemplates();
+                        }
+                    } }) })] })) : null;
+}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { QuillReportProps } from '../../Dashboard';
+export default function QuillTemplateChartComponent({ report, onClick, children, isLoading, }: QuillReportProps): JSX.Element;
+//# sourceMappingURL=TemplateChartComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TemplateChartComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyBhC"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import QuillChartComponent from './ChartComponent';
+export default function QuillTemplateChartComponent({ report, onClick, children, isLoading, }) {
+    const [isSelected, setIsSelected] = useState(false);
+    return (_jsx("div", { onClick: () => {
+            if (onClick) {
+                setIsSelected(!isSelected);
+                onClick(report);
+            }
+        }, style: {
+            backgroundColor: isSelected ? 'lightgrey' : 'white',
+            borderRadius: '15px',
+            padding: '10px',
+            cursor: 'pointer',
+        }, children: _jsx(QuillChartComponent, { report: report, children: children, isLoading: isLoading }) }));
+}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { QuillReportProps } from '../../Dashboard';
+export default function QuillTemplateMetricComponent({ report, onClick, children, isLoading, }: QuillReportProps): JSX.Element;
+//# sourceMappingURL=TemplateMetricComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateMetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TemplateMetricComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyBhC"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import QuillMetricComponent from './MetricComponent';
+export default function QuillTemplateMetricComponent({ report, onClick, children, isLoading, }) {
+    const [isSelected, setIsSelected] = useState(false);
+    return (_jsx("div", { onClick: () => {
+            if (onClick) {
+                setIsSelected(!isSelected);
+                onClick(report);
+            }
+        }, style: {
+            backgroundColor: isSelected ? 'lightgrey' : 'white',
+            borderRadius: '15px',
+            padding: '10px',
+            cursor: 'pointer',
+        }, children: _jsx(QuillMetricComponent, { report: report, children: children, isLoading: isLoading }) }));
+}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { QuillReport } from '../../models/Report';
+export default function QuillTemplateTableComponent({ report, onClick, isLoading, error, rowCount, onPageChange, onSortChange, }: {
+    report: QuillReport;
+    onClick?: (report: QuillReport) => void;
+    isLoading?: boolean;
+    error?: string;
+    rowCount?: number;
+    onPageChange?: (page: number) => void;
+    onSortChange?: (sort: {
+        field: string;
+        direction: string;
+    }) => void;
+}): JSX.Element;
+//# sourceMappingURL=TemplateTableComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateTableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TemplateTableComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE,GAAG,GAAG,CAAC,OAAO,CA4Bd"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import QuillTableComponent from './TableComponent';
+export default function QuillTemplateTableComponent({ report, onClick, isLoading, error, rowCount, onPageChange, onSortChange, }) {
+    const [isSelected, setIsSelected] = useState(false);
+    return (_jsx("div", { onClick: () => {
+            if (onClick) {
+                setIsSelected(!isSelected);
+                onClick(report);
+            }
+        }, style: {
+            backgroundColor: isSelected ? 'lightgrey' : 'white',
+            borderRadius: '15px',
+            padding: '10px',
+            cursor: 'pointer',
+        }, children: _jsx(QuillTableComponent, { report: report, isLoading: isLoading, error: error, rowCount: rowCount, onPageChange: onPageChange, onSortChange: onSortChange }) }));
+}

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

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

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

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

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

@@ -0,0 +1,80 @@
+import { getData } from '../../utils/dataFetcher';
+export function validateTemplatesAgainstFilters(filters, templates) {
+    let error = '';
+    filters.every((filter) => {
+        if (filter.filterType === 'date_range') {
+            templates.every((template) => {
+                if (!template.dateField?.field) {
+                    error = `Please remove the date filter or unselect ${template.name}`;
+                    return false;
+                }
+                return true;
+            });
+        }
+        else {
+            templates.every((template) => {
+                if (!template.referencedTables?.includes(filter.table)) {
+                    error = `Please remove filters on ${filter.table} or unselect ${template.name}`;
+                    return false;
+                }
+                return true;
+            });
+        }
+        if (error !== '') {
+            return false;
+        }
+        else {
+            return true;
+        }
+    });
+    if (error === '') {
+        return { valid: true, error };
+    }
+    else {
+        return { valid: false, error };
+    }
+}
+export async function addTemplatesToDashboard(name, newTemplates, client, dashboardData) {
+    try {
+        const { publicKey, customerId } = client;
+        const hostedBody = {
+            metadata: {
+                dashboardName: name,
+                task: 'add-from-template',
+                clientId: publicKey,
+                orgId: customerId || '*',
+                templateReportIds: newTemplates.map((template) => template._id),
+            },
+        };
+        const resp = await getData(client, ``, // no cloud fallback
+        'omit', hostedBody, null);
+        if (resp.success && resp.newItems && resp.newItems.length > 0) {
+            const newData = {
+                newQueries: {
+                    ...(dashboardData[name]?.newQueries ?? []),
+                    ...resp.newItems.reduce((acc, item) => {
+                        acc[item._id] = item;
+                        return acc;
+                    }, {}),
+                },
+                sections: {
+                    ...dashboardData[name].sections,
+                    '': [
+                        ...(dashboardData[name]?.sections?.[''] ?? []),
+                        ...resp.newItems.map((item) => ({
+                            ...item,
+                            id: item._id,
+                        })),
+                    ],
+                },
+            };
+            return newData;
+        }
+        else {
+            return null;
+        }
+    }
+    catch (error) {
+        console.error('Error while updating dashboard:', error);
+    }
+}

package/dist/esm/components/UiComponents.d.ts

@@ -1,5 +1,4 @@
 import React, { ChangeEvent, CSSProperties, ReactNode } from 'react';
-import { Filter } from '../models/Filter';
 export interface Option {
     value: string;
     label: string;
@@ -187,28 +186,7 @@ export declare const QuillPivotColumnContainer: ({ children, }: {
 export declare const QuillFilterContainerComponent: ({ children, }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const QuillUserFilterModalComponent: ({ isOpen, setIsOpen, children, triggerLabel, title, }: ModalComponentProps) => import("react/jsx-runtime").JSX.Element;
-export interface UserFilterModalComponentProps {
-    filters: Filter[];
-    label: string;
-    schema: any;
-    fieldValuesMap: any;
-    fieldValuesIsLoaded: boolean;
-    updateUserFilter: any;
-    uniqueCounter: any;
-    setUniqueCounter: any;
-    handleFilterSave: (oldFilter: any, newFilter: Filter) => void;
-    handleFilterDelete: (filter: any) => void;
-    ButtonComponent?: any;
-    SecondaryButtonComponent?: any;
-    FilterListModal?: any;
-    FilterTagComponent?: any;
-    PopoverComponent?: any;
-    SelectComponent?: any;
-    MultiSelectComponent?: any;
-    TextInputComponent?: any;
-    containerStyle?: any;
-}
+export declare const QuillModalComponent: ({ isOpen, setIsOpen, children, triggerLabel, title, }: ModalComponentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const QuillChartBuilderFormContainer: ({ children, }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

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