@quillsql/react 2.13.2 → 2.13.3

package/dist/esm/components/QuillSelect.js

@@ -63,8 +63,8 @@ export function QuillSelectComponent({ options, value, width, onChange, label, i
                 }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, children: [_jsx("style", { children: ` 
             .quill-select-button { background: ${theme?.backgroundColor}; } 
             .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
-            .quill-select-button:disabled {
-              opacity: 0.5;
+            .quill-select-button:disabled, {
+              background: ${theme?.hoverBackgroundColor};
               cursor: not-allowed;
             }        
           ` }), _jsx("span", { style: {
@@ -91,7 +91,7 @@ export function QuillSelectComponent({ options, value, width, onChange, label, i
                     fontFamily: theme?.fontFamily,
                     maxHeight: '50vh',
                     overflow: 'scroll',
-                }, children: [!isLoading && !hideEmptyOption && (_jsxs("button", { style: {
+                }, children: [!isLoading && (!hideEmptyOption || !options.length) && (_jsxs("button", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'space-between',

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

@@ -2,5 +2,5 @@ import { SelectComponentProps } from './UiComponents';
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=QuillSelectWithCombo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAWtE;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,GAChB,EAAE,oBAAoB,2CA8QtB"}
+{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAWtE;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,2CAyRtB"}

package/dist/esm/components/QuillSelectWithCombo.js

@@ -7,7 +7,7 @@ import { ListboxTextInput } from './QuillMultiSelectWithCombo';
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, }) {
+export function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, }) {
     const [theme] = useContext(ThemeContext);
     const [showModal, setShowModal] = useState(false);
     const modalRef = useRef(null);
@@ -90,7 +90,15 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                     height: 40,
                     minHeight: 40,
                     maxHeight: 40,
-                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; } .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }` }), _jsx("span", { style: {
+                }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, children: [_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}; 
+          }
+
+        ` }), _jsx("span", { style: {
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
                             overflow: 'hidden',
@@ -117,7 +125,9 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                     fontSize: 14,
                 }, children: [options && options.length > 20 && !isLoading && (_jsx(ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
                             setSearchQuery(value);
-                        } })), searchQuery === '' && !isLoading && !hideEmptyOption && (_jsxs("button", { style: {
+                        } })), searchQuery === '' &&
+                        !isLoading &&
+                        (!hideEmptyOption || !options.length) && (_jsxs("button", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'space-between',

package/dist/esm/components/ReportBuilder/FilterStack.d.ts

@@ -0,0 +1,33 @@
+import { FilterTreeNode } from '../../utils/astFilterProcessing';
+interface FilterStackProps {
+    client: any;
+    filterStack: FilterTreeNode[];
+    filterTree: FilterTreeNode | null;
+    defaultAST: any;
+    baseAst: any;
+    setBaseAst: any;
+    setFormData: any;
+    fetchSqlQuery: any;
+    schemaData: any;
+    defaultColumn: any;
+    defaultTable: any;
+    currentTable: any;
+    initialTableName: string;
+    globalUniqueValues: any;
+    globalUniqueValuesIsLoading: boolean;
+    columns: any;
+    removingFilter: any;
+    setRemovingFilter: any;
+    TabsComponent: any;
+    FilterPopoverComponent: any;
+    FilterModal: any;
+    ButtonComponent: any;
+    SecondaryButtonComponent: any;
+    SelectComponent: any;
+    TextInputComponent: any;
+    MultiSelectComponent: any;
+    actionsEnabled: boolean;
+}
+export default function FilterStack({ client, filterStack, filterTree, defaultAST, baseAst, setBaseAst, setFormData, fetchSqlQuery, schemaData, defaultColumn, defaultTable, currentTable, initialTableName, globalUniqueValues, globalUniqueValuesIsLoading, columns, removingFilter, setRemovingFilter, TabsComponent, FilterPopoverComponent, FilterModal, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, actionsEnabled, }: FilterStackProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterStack.d.ts.map

package/dist/esm/components/ReportBuilder/FilterStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterStack.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterStack.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAEf,MAAM,iCAAiC,CAAC;AAUzC,UAAU,gBAAgB;IACxB,MAAM,EAAE,GAAG,CAAC;IACZ,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,UAAU,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,GAAG,CAAC;IAChB,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE,GAAG,CAAC;IACjB,aAAa,EAAE,GAAG,CAAC;IACnB,UAAU,EAAE,GAAG,CAAC;IAChB,aAAa,EAAE,GAAG,CAAC;IACnB,YAAY,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,GAAG,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,GAAG,CAAC;IACxB,2BAA2B,EAAE,OAAO,CAAC;IACrC,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,EAAE,GAAG,CAAC;IACpB,iBAAiB,EAAE,GAAG,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC;IACnB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,CAAC;IACrB,wBAAwB,EAAE,GAAG,CAAC;IAC9B,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,oBAAoB,EAAE,GAAG,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,cAAqB,GACtB,EAAE,gBAAgB,2CAgLlB"}

package/dist/esm/components/ReportBuilder/FilterStack.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QUILL_SERVER } from '../../ReportBuilder';
+import { filterTreeToAst, } from '../../utils/astFilterProcessing';
+import { getAllPossibleColumns } from '../../utils/astProcessing';
+import { filterSentence, filterStackToFilterTree, } from '../../utils/filterProcessing';
+import { DEFAULT_TAB_OPTIONS } from '../UiComponents';
+import { FilterPopoverWrapper } from './ui';
+import { deepCopy } from './util';
+export default function FilterStack({ client, filterStack, filterTree, defaultAST, baseAst, setBaseAst, setFormData, fetchSqlQuery, schemaData, defaultColumn, defaultTable, currentTable, initialTableName, globalUniqueValues, globalUniqueValuesIsLoading, columns, removingFilter, setRemovingFilter, TabsComponent, FilterPopoverComponent, FilterModal, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, actionsEnabled = true, }) {
+    return (_jsx("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+        }, children: filterStack.map((item, index) => {
+            if (!item.leaf && (item.operator === 'and' || item.operator === 'or')) {
+                return (_jsx("div", { style: {
+                        width: 'fit-content',
+                        marginBottom: '8px',
+                        marginTop: '8px',
+                    }, children: _jsx(TabsComponent, { value: item.operator.toUpperCase(), options: DEFAULT_TAB_OPTIONS, onChange: () => {
+                            if (item.operator === 'and') {
+                                item.operator = 'or';
+                            }
+                            else {
+                                item.operator = 'and';
+                            }
+                            let newFormData = null;
+                            if (filterTree) {
+                                newFormData = filterTreeToAst(filterTree, client.databaseType.toLowerCase());
+                            }
+                            const newAst = deepCopy({
+                                ...defaultAST,
+                                ...baseAst,
+                                ...(!baseAst?.columns && {
+                                    columns: getAllPossibleColumns(baseAst, schemaData.schema).map((c) => {
+                                        const newColumn = deepCopy(defaultColumn);
+                                        newColumn.expr.column = c.field;
+                                        return newColumn;
+                                    }),
+                                }),
+                                ...(!baseAst?.from && {
+                                    from: [{ ...defaultTable, table: initialTableName }],
+                                }),
+                                where: newFormData,
+                            });
+                            setBaseAst(newAst);
+                            setFormData(newFormData);
+                            fetchSqlQuery(newAst, newFormData);
+                        } }) }, index));
+            }
+            else if (item.value) {
+                return (_jsx(FilterPopoverWrapper, { schema: schemaData.schema.find((s) => s.name === currentTable || s.displayName === currentTable) ?? schemaData.schema[0], filter: item.value, filterLabel: item.value ? filterSentence(item.value) : '', index: index, FilterTagComponent: FilterPopoverComponent, FilterModal: FilterModal, fieldValuesMap: globalUniqueValues, fieldValuesMapIsLoading: globalUniqueValuesIsLoading, priorFilters: filterStack.slice(0, index > 0 ? index - 1 : 0), columns: columns, client: client, customFields: schemaData.customFields, baseAst: baseAst, endpoint: QUILL_SERVER, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, handleFilterSave: (filter) => {
+                        item.value = filter;
+                        let newFormData = null;
+                        if (filterTree) {
+                            newFormData = filterTreeToAst(filterTree, client.databaseType.toLowerCase());
+                        }
+                        const newAst = deepCopy({
+                            ...defaultAST,
+                            ...baseAst,
+                            ...(!baseAst?.columns && {
+                                columns: getAllPossibleColumns(baseAst, schemaData.schema).map((c) => {
+                                    const newColumn = deepCopy(defaultColumn);
+                                    newColumn.expr.column = c.field;
+                                    return newColumn;
+                                }),
+                            }),
+                            ...(!baseAst?.from && {
+                                from: [{ ...defaultTable, table: initialTableName }],
+                            }),
+                            where: newFormData,
+                        });
+                        setBaseAst(newAst);
+                        setFormData(newFormData);
+                        fetchSqlQuery(newAst, newFormData);
+                    }, handleFilterDelete: (i) => {
+                        if (!removingFilter) {
+                            setRemovingFilter(true);
+                            const newStack = filterStack;
+                            if (i > 0) {
+                                newStack.splice(i - 1, 2);
+                            }
+                            else {
+                                if (filterStack.length > 1) {
+                                    newStack.splice(i, 2);
+                                }
+                                else {
+                                    newStack.splice(i, 1);
+                                }
+                            }
+                            const tree = filterStackToFilterTree(newStack);
+                            let newFormData = null;
+                            if (tree) {
+                                newFormData = filterTreeToAst(tree, client.databaseType.toLowerCase());
+                            }
+                            const newAst = deepCopy({
+                                ...defaultAST,
+                                ...baseAst,
+                                ...(!baseAst?.columns && {
+                                    columns: getAllPossibleColumns(baseAst, schemaData.schema).map((c) => {
+                                        const newColumn = deepCopy(defaultColumn);
+                                        newColumn.expr.column = c.field;
+                                        return newColumn;
+                                    }),
+                                }),
+                                ...(!baseAst?.from && {
+                                    from: [{ ...defaultTable, table: initialTableName }],
+                                }),
+                                where: newFormData,
+                            });
+                            setBaseAst(newAst);
+                            setFormData(newFormData);
+                            fetchSqlQuery(newAst, newFormData);
+                            setRemovingFilter(false);
+                        }
+                    }, disabled: !actionsEnabled }, `filter_${index}_${item.value ? filterSentence(item.value) : ''}`));
+            }
+        }) }));
+}

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

@@ -106,6 +106,7 @@ export interface MultiSelectComponentProps {
         };
     }) => void;
     isLoading?: boolean;
+    disabled?: boolean;
 }
 export interface HeaderComponentProps {
     label: string;

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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"}

package/dist/esm/hooks/useDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,eAAO,MAAM,UAAU;gDAYC,mBAAmB,KAAK,OAAO;CAYtD,CAAC;AAEF,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;2CAiQF,MAAM;;qCA3O1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAAE,OAAO,EAAE,eAAe,EAAE,CAAC;QAAC,iBAAiB,EAAE,MAAM,CAAA;KAAE;CAqP9E,CAAC"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,eAAO,MAAM,UAAU;gDAYC,mBAAmB,KAAK,OAAO;CAYtD,CAAC;AAEF,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;2CA0PF,MAAM;;qCApO1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAAE,OAAO,EAAE,eAAe,EAAE,CAAC;QAAC,iBAAiB,EAAE,MAAM,CAAA;KAAE;CA8O9E,CAAC"}

package/dist/esm/hooks/useDashboard.js

@@ -9,7 +9,7 @@ export const useReports = () => {
         dispatch({
             type: 'UPDATE_DASHBOARD_ITEM',
             id: id,
-            data: { ...dashboard[id], triggerReload: true },
+            data: { triggerReload: true },
         });
     };
     const reloadFilteredReports = (predicate) => {
@@ -35,8 +35,6 @@ export const useDashboard = (dashboardName) => {
         (dashboardConfig[dashboardName] &&
             !dashboardConfig[dashboardName]?.sections), [isLoading, isClientLoading, dashboardConfig, dashboardName]);
     const handleReload = async (overrideDashboardName, fetchFromServer = false, reportAction, overrideFilters) => {
-        if (!fetchFromServer && isLoading)
-            return;
         if (overrideFilters) {
             // Pull the date filter out of the override filters, process it, and append it to the filters
             const dateFilter = overrideFilters.filters.find((f) => f.filterType === 'date_range');
@@ -114,56 +112,53 @@ export const useDashboard = (dashboardName) => {
         ]);
     };
     async function getDashboards(dashboardName, fetchFromServer = false, reportAction) {
-        const curDashboardConfig = dashboardConfig[dashboardName];
+        let curDashboardConfig = dashboardConfig[dashboardName];
         if (!fetchFromServer && curDashboardConfig?.sections) {
             if (reportAction?.action === 'delete') {
-                dashboardConfigContext({
-                    type: 'UPDATE_DASHBOARD',
-                    id: dashboardName,
-                    data: {
-                        ...curDashboardConfig,
-                        sections: Object.fromEntries(Object.entries(curDashboardConfig?.sections ?? {}).map(([sectionKey, reports]) => [
-                            sectionKey,
-                            reports.filter((report) => report.id !== reportAction.report.id),
-                        ])),
-                    },
-                });
+                curDashboardConfig = {
+                    ...curDashboardConfig,
+                    sections: Object.fromEntries(Object.entries(curDashboardConfig?.sections ?? {}).map(([sectionKey, reports]) => [
+                        sectionKey,
+                        reports.filter((report) => report.id !== reportAction.report.id),
+                    ])),
+                };
             }
             else if (reportAction?.action === 'upsert') {
                 const containsReport = Object.values(curDashboardConfig?.sections ?? {})
                     .flat()
-                    .some((report) => (report.id ?? report._id) === reportAction?.report.id);
-                dashboardConfigContext({
-                    type: 'UPDATE_DASHBOARD',
-                    id: dashboardName,
-                    data: {
-                        ...curDashboardConfig,
-                        sections: Object.fromEntries(Object.entries(curDashboardConfig?.sections ?? {}).map(([sectionKey, reports]) => [
-                            sectionKey,
-                            containsReport
-                                ? reports.map((report) => {
-                                    return {
-                                        report,
-                                        ...(reportAction?.report.id === report.id
-                                            ? reportAction?.report
-                                            : dashboard[report.id]),
-                                        _id: report.id,
-                                        id: report.id,
-                                    };
-                                })
-                                : [
-                                    ...(reports ?? []),
-                                    {
-                                        report: reportAction?.report,
-                                        ...dashboard[reportAction?.report.id],
-                                        id: reportAction?.report.id,
-                                        _id: reportAction?.report.id,
-                                    },
-                                ],
-                        ])),
-                    },
-                });
+                    .some((report) => report.id === reportAction?.report.id);
+                curDashboardConfig = {
+                    ...curDashboardConfig,
+                    sections: Object.fromEntries(Object.entries(curDashboardConfig?.sections ?? {}).map(([sectionKey, reports]) => [
+                        sectionKey,
+                        containsReport
+                            ? reports.map((report) => {
+                                return {
+                                    report,
+                                    ...(reportAction?.report.id === report.id
+                                        ? reportAction?.report
+                                        : dashboard[report.id]),
+                                    _id: report.id,
+                                    id: report.id,
+                                };
+                            })
+                            : [
+                                ...(reports ?? []),
+                                {
+                                    report: reportAction?.report,
+                                    ...dashboard[reportAction?.report.id],
+                                    id: reportAction?.report.id,
+                                    _id: reportAction?.report.id,
+                                },
+                            ],
+                    ])),
+                };
             }
+            dashboardConfigContext({
+                type: 'UPDATE_DASHBOARD',
+                id: dashboardName,
+                data: curDashboardConfig,
+            });
             setIsLoading(false);
             return curDashboardConfig;
         }

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

@@ -1,6 +1,19 @@
-export declare const useExport: (reportId?: string) => {
+/// <reference types="react" />
+import { QuillReport } from '../models/Report';
+export declare const useExport: (reportId?: string, { CustomDocumentComponent, maximumRowsPerPage, sectionField, }?: {
+    CustomDocumentComponent?: ((props: QuillPDFProps) => JSX.Element) | undefined;
+    maximumRowsPerPage?: number | undefined;
+    sectionField?: string | undefined;
+}) => {
     downloadCSV: () => void;
     downloadPDF: () => void;
     isLoading: boolean;
 };
+interface QuillPDFProps {
+    report: QuillReport;
+    pageNumber: number;
+    numberOfPages: number;
+    maximumRowsPerPage: number;
+}
+export {};
 //# sourceMappingURL=useExport.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AA8DA,eAAO,MAAM,SAAS,cAAe,MAAM;;;;CA2D1C,CAAC"}
+{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAwD/C,eAAO,MAAM,SAAS,cACT,MAAM;uCAOmB,aAAa,KAAK,WAAW;;;;;;;CA2LlE,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"}

package/dist/esm/hooks/useExport.js

@@ -1,13 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { downloadCSV } from '../utils/csv';
-import { useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useContext, useMemo, useState } from 'react';
 import { getData } from '../utils/dataFetcher';
-import { ClientContext, DashboardFiltersContext, ThemeContext, } from '../Context';
-import ReactDOM from 'react-dom';
-import { quillFormat } from '../utils/valueFormatter';
+import { ClientContext, DashboardContext, DashboardFiltersContext, } from '../Context';
 import { cleanDashboardItem } from '../utils/dashboard';
-import { useReactToPrint } from 'react-to-print';
+import { defaultQuillTheme } from '../QuillProvider';
+import { createRoot } from 'react-dom/client';
+import { flushSync } from 'react-dom';
 import { ChartDisplay } from '../Chart';
+import { fetchReport } from '../utils/report';
+import jsPDF from 'jspdf';
+import { quillFormat } from '../utils/valueFormatter';
 async function getExportData(client, dashboardFilters, reportId) {
     const minimalFilters = Object.values(dashboardFilters).length
         ? Object.values(dashboardFilters).map((filter) => {
@@ -42,18 +45,21 @@ async function getExportData(client, dashboardFilters, reportId) {
     }
     return cleanedReport;
 }
-export const useExport = (reportId) => {
+export const useExport = (reportId, { CustomDocumentComponent = QuillCustomDocumentComponent, maximumRowsPerPage = 20, 
+// if sectionKeyField is passed, then we will group by that field
+sectionField, } = {}) => {
     const { dashboardFilters } = useContext(DashboardFiltersContext);
+    const [dashboard] = useContext(DashboardContext);
     const specificDashboardFilters = useMemo(() => {
         //FIXME: Pretty sure this won't work with multiple dashboards
         Object.values(dashboardFilters).map((dashboardFilter) => {
             return dashboardFilter.filter;
         });
     }, [dashboardFilters]);
-    const [theme] = useContext(ThemeContext);
+    // const [theme] = useContext(ThemeContext);
     const [client] = useContext(ClientContext);
     const [isLoading, setIsLoading] = useState(false);
-    if (!reportId) {
+    if (!reportId || !client) {
         return { downloadCSV: () => { }, downloadPDF: () => { }, isLoading: false };
     }
     return {
@@ -71,48 +77,124 @@ export const useExport = (reportId) => {
             setIsLoading(false);
         },
         downloadPDF: async () => {
-            if (!client) {
-                return;
-            }
             setIsLoading(true);
-            const resp = await getExportData(client, specificDashboardFilters, reportId);
-            const iframe = document.createElement('iframe');
-            document.body.appendChild(iframe);
-            if (iframe && iframe.contentDocument && theme) {
-                ReactDOM.render(_jsx(PDFDetail, { report: resp, theme: theme }), iframe.contentDocument.body);
+            // @ts-ignore
+            let report;
+            if (reportId &&
+                dashboard[reportId] &&
+                dashboardFilters &&
+                // @ts-ignore
+                dashboardFilters[dashboard[reportId].dashboardName]) {
+                const { report: fetchedReport } = await fetchReport(reportId, client, true, Object.values(
+                // @ts-ignore
+                dashboardFilters[dashboard[reportId].dashboardName]).map((elem) => elem.filter));
+                report = fetchedReport;
             }
-            // delete the iframe
-            setTimeout(() => {
-                document.body.removeChild(iframe);
-            }, 1000);
-            setIsLoading(false);
+            else {
+                const { report: fetchedReport } = await fetchReport(reportId, client, true, []);
+                report = fetchedReport;
+            }
+            let groupedRows = {};
+            if (sectionField) {
+                groupedRows = (report?.rows || []).reduce((acc, row) => {
+                    const key = row[sectionField];
+                    if (key !== undefined) {
+                        if (!acc[key]) {
+                            acc[key] = [];
+                        }
+                        acc[key].push(row);
+                    }
+                    return acc;
+                }, {});
+            }
+            // report.rows
+            const numberOfPages = Math.ceil(report.rows.length / maximumRowsPerPage);
+            let html = '';
+            let currentPage = {};
+            let currentCount = 0;
+            let pageNumber = 1;
+            // Iterate over each group of rows
+            for (const groupKey in groupedRows) {
+                // @ts-ignore
+                const rows = groupedRows[groupKey];
+                let groupIndex = 0;
+                while (groupIndex < rows.length) {
+                    const remainingRows = rows.length - groupIndex;
+                    const availableSpace = maximumRowsPerPage - currentCount;
+                    const rowsToAdd = Math.min(remainingRows, availableSpace);
+                    // @ts-ignore
+                    currentPage[groupKey] = (currentPage[groupKey] || []).concat(rows.slice(groupIndex, groupIndex + rowsToAdd));
+                    currentCount += rowsToAdd;
+                    groupIndex += rowsToAdd;
+                    if (currentCount === maximumRowsPerPage) {
+                        if (Object.keys(currentPage).length > 0) {
+                            pageNumber++;
+                            const div = document.createElement('div');
+                            const root = createRoot(div);
+                            flushSync(() => {
+                                root.render(_jsx(CustomDocumentComponent, { report: {
+                                        // @ts-ignore
+                                        ...report,
+                                        // @ts-ignore
+                                        sections: currentPage,
+                                        filters: Object.values(
+                                        // @ts-ignore
+                                        dashboardFilters[report.dashboardName]).map((elem) => elem.filter),
+                                    }, pageNumber: pageNumber, numberOfPages: numberOfPages, maximumRowsPerPage: maximumRowsPerPage }));
+                            });
+                            // const divContentBuffer = Buffer.from(div.innerHTML, 'utf-8');
+                            // htmlBuffer = Buffer.concat([htmlBuffer, divContentBuffer]);
+                            html += div.innerHTML;
+                            currentPage = {};
+                            currentCount = 0;
+                        }
+                    }
+                }
+            }
+            // Add the last page if it has remaining rows
+            if (Object.keys(currentPage).length > 0) {
+                pageNumber++;
+                const div = document.createElement('div');
+                const root = createRoot(div);
+                flushSync(() => {
+                    root.render(_jsx(CustomDocumentComponent, { report: {
+                            // @ts-ignore
+                            ...report,
+                            // @ts-ignore
+                            sections: currentPage,
+                            filters: Object.values(
+                            // @ts-ignore
+                            dashboardFilters[report.dashboardName]).map((elem) => elem.filter),
+                        }, pageNumber: pageNumber, numberOfPages: numberOfPages, maximumRowsPerPage: maximumRowsPerPage }));
+                });
+                // const divContentBuffer = Buffer.from(div.innerHTML, 'utf-8');
+                // htmlBuffer = Buffer.concat([htmlBuffer, divContentBuffer]);
+                html += div.innerHTML;
+                currentPage = {};
+                currentCount = 0;
+            }
+            const doc = new jsPDF('landscape', 'pt', 'a4');
+            // const htmlStringFromBuffer = htmlBuffer.toString('utf-8');
+            doc.html(html, {
+                callback: function (doc) {
+                    // @ts-ignore
+                    doc.save(`${report.name}.pdf`);
+                    setIsLoading(false);
+                },
+            });
         },
         isLoading,
     };
 };
-function PDFDetail({ report, theme }) {
-    const componentRef = useRef(null);
-    const handlePrint = useReactToPrint({
-        content: () => componentRef.current,
-        pageStyle: `@page {
-      size: letter;
-      margin: 0;
-    }
-  
-    body {
-      margin: 2rem;
-    }`,
-    });
-    useLayoutEffect(() => {
-        setTimeout(() => handlePrint(), 1500);
-    }, []);
-    return (_jsxs("div", { ref: componentRef, style: { display: 'flex', flexDirection: 'column', margin: '2rem' }, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: _jsx("h2", { style: {
+function QuillCustomDocumentComponent({ report }) {
+    // const [theme] = useContext(ThemeContext);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', margin: '2rem' }, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: _jsx("h2", { style: {
                         fontSize: 18,
                         fontWeight: '600',
                         textAlign: 'left',
                         paddingLeft: 10,
-                        color: theme?.primaryTextColor,
-                    }, children: report.name }) }), _jsxs("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [report.chartType !== 'table' && (_jsx(ChartDisplay, { overrideTheme: theme, config: report, containerStyle: {
+                        // color: theme?.primaryTextColor,
+                    }, children: report.name }) }), _jsxs("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [report.chartType !== 'table' && (_jsx(ChartDisplay, { overrideTheme: defaultQuillTheme, config: report, containerStyle: {
                             display: 'flex',
                             height: 400,
                         }, loading: false, isAnimationActive: false })), _jsx("div", { style: {

package/dist/esm/models/Client.d.ts

@@ -8,6 +8,7 @@ export type Client = {
     featureFlags?: {
         [key: string]: boolean;
     };
+    domainName: string;
 };
 export type QuillProviderClient = {
     organizationId?: string;
@@ -24,5 +25,6 @@ export type QuillProviderClient = {
     featureFlags?: {
         [key: string]: boolean;
     };
+    domainName: string;
 };
 //# sourceMappingURL=Client.d.ts.map