@quillsql/react 2.15.2 → 2.15.3

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

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState } from 'react';
-import { addTemplatesToDashboard, validateTemplatesAgainstFilters, } from './util';
-import { useDashboardInternal } from '../../hooks/useDashboard';
-import { DashboardConfigContext, EventTrackingContext, FetchContext, } from '../../Context';
-import Dashboard from '../../Dashboard';
-export default function QuillDashboardTemplate({ name, originDashboard, client, appliedFilters, ModalComponent, TemplateChartComponent, TemplateMetricComponent, TemplateTableComponent, ButtonComponent, }) {
-    const { isLoading, data } = useDashboardInternal(name ?? '');
-    const { getToken } = useContext(FetchContext);
-    const { eventTracking } = useContext(EventTrackingContext);
-    const { dashboardConfig, dashboardConfigDispatch } = useContext(DashboardConfigContext);
-    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, dashboardConfig, getToken, eventTracking);
-            if (newData) {
-                // Dispatch the action to update the dashboard state
-                dashboardConfigDispatch({
-                    type: 'UPDATE_DASHBOARD',
-                    id: originDashboard,
-                    data: { config: newData, loading: false },
-                });
-            }
-        }
-        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/TableComponent.d.ts

@@ -1,16 +0,0 @@
-import { QuillReport } from '../../models/Report';
-export default function QuillTableComponent({ report, onClick, isLoading, error, rowCount, rowCountIsLoading, onPageChange, onSortChange, hideName, }: {
-    report: QuillReport;
-    onClick?: (report: QuillReport) => void;
-    isLoading?: boolean;
-    error?: string;
-    rowCount?: number;
-    rowCountIsLoading?: boolean;
-    onPageChange?: (page: number) => void;
-    onSortChange?: (sort: {
-        field: string;
-        direction: string;
-    }) => void;
-    hideName?: boolean;
-}): JSX.Element;
-//# sourceMappingURL=TableComponent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,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,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,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;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CA8Gd"}

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

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
-import QuillTable from '../QuillTable';
-import ChartSkeleton from '../Chart/ChartSkeleton';
-import ChartError from '../Chart/ChartError';
-import { useExport } from '../../hooks/useExport';
-import { DEFAULT_PAGINATION } from '../../utils/paginationProcessing';
-import { ThemeContext } from '../../Context';
-export default function QuillTableComponent({ report, onClick, isLoading, error, rowCount, rowCountIsLoading, onPageChange, onSortChange, hideName, }) {
-    const [theme] = useContext(ThemeContext);
-    const [initialLoad, setInitialLoad] = useState(true);
-    const { downloadCSV } = useExport(report?.id);
-    const [page, setPage] = useState(0);
-    useEffect(() => {
-        if (!isLoading) {
-            setInitialLoad(false);
-        }
-    }, [isLoading]);
-    useEffect(() => {
-        if (rowCountIsLoading) {
-            setPage(0);
-        }
-    }, [rowCountIsLoading]);
-    return (_jsxs("div", { style: {
-            cursor: error || !onClick ? 'default' : 'pointer',
-            // Span all columns no matter how many
-            gridColumn: '1 / -1',
-        }, onClick: () => onClick?.(report), children: [!hideName && (_jsx("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    boxSizing: 'content-box',
-                    paddingBottom: 20,
-                }, children: _jsx("div", { style: {
-                        fontFamily: theme?.fontFamily,
-                        color: theme?.primaryTextColor,
-                        boxSizing: 'content-box',
-                        fontSize: 18,
-                        fontWeight: '500',
-                        textOverflow: 'ellipsis',
-                        padding: 0,
-                        whiteSpace: 'nowrap',
-                        display: 'block',
-                        maxWidth: '100%',
-                        overflow: 'hidden',
-                    }, children: report?.name }) })), initialLoad ? (_jsx(ChartSkeleton, { containerStyle: {
-                    width: '100%',
-                    height: '400px',
-                } })) : error ? (_jsx("div", { style: {
-                    width: '100%',
-                    height: '400px',
-                }, children: _jsx(ChartError, { errorMessage: error }) })) : (_jsx(QuillTable, { isLoading: isLoading, rows: report.rows ?? [], rowCount: rowCount, rowCountIsLoading: rowCountIsLoading, columns: report.includeCustomFields &&
-                    report.columnsWithCustomFields &&
-                    !report.pivot
-                    ? report.columnsWithCustomFields
-                    : report.columns, rowsPerPage: report.pagination?.rowsPerPage ?? DEFAULT_PAGINATION.rowsPerPage, containerStyle: {
-                    width: '100%',
-                    height: '400px',
-                }, downloadCSV: () => {
-                    downloadCSV();
-                }, onPageChange: (page) => {
-                    onPageChange && onPageChange(page);
-                    setPage(page);
-                }, onSortChange: (sort) => {
-                    onSortChange && onSortChange(sort);
-                }, currentPage: report?.pagination?.page ?? page, sort: report?.sort }))] }, report?.name));
-}