@quillsql/react 2.9.1 → 2.9.3

package/dist/components/ReportBuilder/ColumnSelector.d.ts

@@ -1,19 +1,37 @@
 import React from 'react';
-interface Column {
-    name: string;
-    fieldType: string;
+export interface ColumnSelectorInfo {
     tableName: string;
+    columns: {
+        name: string;
+    }[];
 }
 interface ColumnSelectorProps {
     schemaInfo: any[];
     theme: any;
+    selectedPivot: {
+        rowField: string;
+        rowFieldType: string;
+        columnField?: string;
+        valueField: string;
+        aggregationType: 'sum' | 'count' | 'average';
+    } | undefined;
     PopoverComponent?: any;
     ButtonComponent?: any;
+    SecondaryButtonComponent?: any;
     parentRef?: React.MutableRefObject<undefined>;
-    selectedTable: any;
-    setSelectedColumns: (columns: Column[]) => void;
+    columnSelectorInfo: ColumnSelectorInfo;
+    setColumnSelectorInfo: (columnSelectorInfo: ColumnSelectorInfo) => void;
     customerFieldName: string;
+    ModalComponent: any;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    pivotColumns: {
+        label: any;
+        field: any;
+    }[];
+    setFilters: (filters: any) => void;
+    setStringFields: (fields: any) => void;
 }
-export default function ColumnSelector({ schemaInfo, theme, parentRef, selectedTable, PopoverComponent, ButtonComponent, setSelectedColumns, customerFieldName }: ColumnSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function ColumnSelector({ schemaInfo, theme, parentRef, columnSelectorInfo, PopoverComponent, ButtonComponent, SecondaryButtonComponent, setColumnSelectorInfo, customerFieldName, ModalComponent, isOpen, setIsOpen, pivotColumns, setFilters, setStringFields, }: ColumnSelectorProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ColumnSelector.d.ts.map

package/dist/components/ReportBuilder/ColumnSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSelector.d.ts","sourceRoot":"","sources":["../../../src/components/ReportBuilder/ColumnSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,mBAAmB;IAC3B,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,KAAK,EAAE,GAAG,CAAC;IACX,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC9C,aAAa,EAAE,GAAG,CAAC;IACnB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EAClB,EAAE,mBAAmB,2CA0IrB"}
+{"version":3,"file":"ColumnSelector.d.ts","sourceRoot":"","sources":["../../../src/components/ReportBuilder/ColumnSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7B;AAQD,UAAU,mBAAmB;IAC3B,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,KAAK,EAAE,GAAG,CAAC;IACX,aAAa,EACT;QACE,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;KAC9C,GACD,SAAS,CAAC;IACd,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,wBAAwB,CAAC,EAAE,GAAG,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC9C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,qBAAqB,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,GAAG,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IAC3C,UAAU,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,eAAe,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,EACV,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,EACd,MAAM,EACN,SAAS,EACT,YAAY,EACZ,UAAU,EACV,eAAe,GAChB,EAAE,mBAAmB,2CAiNrB"}

package/dist/components/ReportBuilder/ColumnSelector.js

@@ -2,14 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState, } from 'react';
 import { MemoizedTextInput } from '../UiComponents';
 import { formatColumnData, } from '../../utils/schema';
-export default function ColumnSelector({ schemaInfo, theme, parentRef, selectedTable, PopoverComponent, ButtonComponent, setSelectedColumns, customerFieldName }) {
-    const [isOpen, setIsOpen] = useState(false);
+export default function ColumnSelector({ schemaInfo, theme, parentRef, columnSelectorInfo, PopoverComponent, ButtonComponent, SecondaryButtonComponent, setColumnSelectorInfo, customerFieldName, ModalComponent, isOpen, setIsOpen, pivotColumns, setFilters, setStringFields, }) {
     const [allColumns, setAllCoumns] = useState([]);
     const [searchQuery, setSearchQuery] = useState('');
+    const [selectableTables, setSelectableTables] = useState([]);
+    const [showPivotColumnRemovalMessage, setShowPivotColumnRemovalMessage] = useState(false);
+    // const modalRef = useRef<HTMLDivElement>(null);
+    // useOnClickOutside(modalRef, (e) => {
+    //   // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
+    //   setIsOpen(false);
+    // });
     useEffect(() => {
-        console.log('schemaInfo', schemaInfo);
-        setAllCoumns(formatColumnData(schemaInfo, selectedTable, customerFieldName));
-    }, [schemaInfo]);
+        setAllCoumns(formatColumnData(schemaInfo, columnSelectorInfo, customerFieldName));
+    }, [schemaInfo, columnSelectorInfo]);
     const updateSelectedColumns = (selectedColumn) => {
         const currentAllColumns = [...allColumns];
         // loop through all columns if selected column is found then toggle selected
@@ -41,7 +46,19 @@ export default function ColumnSelector({ schemaInfo, theme, parentRef, selectedT
                 column.selectable = selectable;
             }
         });
+        setSelectableTables(selectableTables);
         setAllCoumns(currentAllColumns);
+        if (pivotColumns) {
+            let displayError = false;
+            pivotColumns.find((column) => {
+                currentAllColumns.forEach((col) => {
+                    if (!col.selected && col.name === column.field) {
+                        displayError = true;
+                    }
+                });
+            });
+            setShowPivotColumnRemovalMessage(displayError);
+        }
     };
     const memoizedTextInputChange = (value) => {
         const currentAllColumns = [...allColumns];
@@ -60,7 +77,25 @@ export default function ColumnSelector({ schemaInfo, theme, parentRef, selectedT
         setSearchQuery(value);
         setAllCoumns(currentAllColumns);
     };
-    return (_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsxs(PopoverComponent, { parentRef: parentRef, label: "Columns", style: { right: 0, minWidth: 400, overflow: 'visible' }, isOpen: isOpen, onClose: () => setIsOpen(false), title: "Select Columns", setIsOpen: setIsOpen, children: [_jsx(MemoizedTextInput, { value: searchQuery, onChange: memoizedTextInputChange, placeholder: 'Search', id: 'quill-search-bar' }), allColumns.map((column, index) => {
+    const unselectAll = () => {
+        const currentAllColumns = [...allColumns];
+        currentAllColumns.forEach((column) => {
+            column.selected = false;
+            column.selectable = true;
+        });
+        setAllCoumns(currentAllColumns);
+    };
+    return (_jsx(ModalComponent, { title: "Select columns", setIsOpen: setIsOpen, isOpen: isOpen, onClose: () => setIsOpen(false), children: _jsxs("div", { style: {
+                // maxHeight: 600,
+                overflowY: 'scroll',
+                maxHeight: '90vh',
+                minWidth: 600,
+                padding: 20,
+            }, children: [_jsxs("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        justifyContent: 'space-between',
+                    }, children: [_jsx(MemoizedTextInput, { value: searchQuery, onChange: memoizedTextInputChange, placeholder: 'Search', id: 'quill-search-bar', style: { width: '72%' } }), _jsx(SecondaryButtonComponent, { label: 'Unselect All', onClick: unselectAll })] }), _jsx("br", {}), allColumns.map((column, index) => {
                     if (column.selectable && column.textFiltered) {
                         return (_jsxs("div", { style: {
                                 display: 'flex',
@@ -71,7 +106,7 @@ export default function ColumnSelector({ schemaInfo, theme, parentRef, selectedT
                                         updateSelectedColumns(column);
                                     } }), _jsx("div", { style: { width: 6 } }), _jsx("div", { children: column.displayName })] }, column.name + index));
                     }
-                }), _jsx("div", { children: _jsx(ButtonComponent, { id: "custom-button", onClick: () => {
+                }), showPivotColumnRemovalMessage && (_jsx("div", { style: { color: 'red' }, children: "Warning: Removing the pivot columns will remove the pivot table" })), _jsx("br", {}), _jsx("div", { children: _jsx(ButtonComponent, { id: "custom-button", onClick: () => {
                             const selectedColumns = allColumns.reduce((acc, column) => {
                                 if (column.selected) {
                                     acc.push({
@@ -82,6 +117,19 @@ export default function ColumnSelector({ schemaInfo, theme, parentRef, selectedT
                                 }
                                 return acc;
                             }, []);
-                            setSelectedColumns(selectedColumns);
+                            if (selectedColumns.length === 0) {
+                                alert('Please select at least one column');
+                                return;
+                            }
+                            if (columnSelectorInfo.tableName !== selectableTables[0]) {
+                                setFilters([]);
+                                setStringFields({});
+                            }
+                            setColumnSelectorInfo({
+                                tableName: selectableTables[0] ? selectableTables[0] : '',
+                                columns: selectedColumns,
+                            });
+                            setIsOpen(false);
+                            setShowPivotColumnRemovalMessage(false);
                         }, label: 'Select' }) })] }) }));
 }

package/dist/components/ReportBuilder/ColumnSelector.js.map

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

package/dist/components/ReportBuilder/FiltersModal.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { ButtonComponentProps, LabelProps, ModalComponentProps, TextInputComponentProps } from '../UiComponents';
+interface ColumnSelectorInfo {
+    tableName: string;
+    columns: {
+        name: string;
+    }[];
+}
+interface FiltersModalProps {
+    setIsOpen: (isOpen: boolean) => void;
+    isOpen: boolean;
+    computedColumns: any[];
+    columnSelectorInfo: ColumnSelectorInfo;
+    data: any[];
+    selectedTable: {
+        displayName: string;
+        columns: {
+            name: string;
+            fieldType: string;
+        }[];
+    };
+    filters: any[];
+    stringFields: {
+        [type: string]: {
+            isLike: boolean;
+            value: string;
+        }[];
+    };
+    setFilters: (filters: any) => void;
+    setStringFields: (stringFields: any) => void;
+    theme: any;
+    TextInputComponent: (props: TextInputComponentProps) => JSX.Element;
+    LabelComponent: (props: LabelProps) => JSX.Element;
+    ButtonComponent: (props: ButtonComponentProps) => JSX.Element;
+    SecondaryButtonComponent: (props: ButtonComponentProps) => JSX.Element;
+    ModalComponent: (props: ModalComponentProps) => JSX.Element;
+}
+export default function FiltersModal({ setIsOpen, isOpen, columnSelectorInfo, selectedTable, filters, setFilters, theme, TextInputComponent, LabelComponent, ButtonComponent, ModalComponent, SecondaryButtonComponent, computedColumns, data, stringFields, setStringFields, }: FiltersModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FiltersModal.d.ts.map

package/dist/components/ReportBuilder/FiltersModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersModal.d.ts","sourceRoot":"","sources":["../../../src/components/ReportBuilder/FiltersModal.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAUzB,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;CACL;AAED,UAAU,iBAAiB;IACzB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,GAAG,EAAE,CAAC;IACvB,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,aAAa,EAAE;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC;YACb,SAAS,EAAE,MAAM,CAAC;SACnB,EAAE,CAAC;KACL,CAAC;IACF,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,YAAY,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAAE,CAAC;IACvE,UAAU,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,eAAe,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IACpE,cAAc,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IACnD,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,wBAAwB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACvE,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC7D;AA8CD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,aAAa,EACb,OAAO,EACP,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,eAAe,GAChB,EAAE,iBAAiB,2CAyGnB"}

package/dist/components/ReportBuilder/FiltersModal.js

@@ -0,0 +1,273 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { DivCheckbox, getPostgresBasicType } from '../../ReportBuilder';
+import { QuillDateRangePicker } from '../../Dashboard';
+import { getRangeFromPreset, reportBuilderOptions, } from '../../DateRangePicker/dateRangePickerUtils';
+import { deSnakeOrCamelCase } from '../../utils/textFormatting';
+function getColumnStats({ name, fieldType, columnDetails, stringFields, }) {
+    if (fieldType === 'string') {
+        if (!stringFields || !stringFields[name]) {
+            return undefined;
+        }
+        else {
+            return stringFields[name];
+        }
+        // let moreThanTwice = false;
+        // const freqMap = columnDetails.reduce((acc: any, row: any) => {
+        //   if (row[name] in acc) {
+        //     acc[row[name]] += 1;
+        //   } else if (row[name] !== null && row[name] !== undefined) {
+        //     acc[row[name]] = 1;
+        //   }
+        //   // Only display if a value appears more than twice
+        //   if (acc[row[name]] > 2) {
+        //     moreThanTwice = true;
+        //   }
+        //   return acc;
+        // }, {});
+        // // return an array of the top 6 most frequent values
+        // if (!moreThanTwice) {
+        //   return undefined;
+        // }
+        // return Object.keys(freqMap)
+        //   .sort((a, b) => freqMap[b] - freqMap[a])
+        //   .slice(0, 6);
+    }
+    else if (fieldType === 'number') {
+        return { min: 'Start', max: 'End' };
+    }
+    return [];
+}
+export default function FiltersModal({ setIsOpen, isOpen, columnSelectorInfo, selectedTable, filters, setFilters, theme, TextInputComponent, LabelComponent, ButtonComponent, ModalComponent, SecondaryButtonComponent, computedColumns, data, stringFields, setStringFields, }) {
+    const [curFilters, setCurFilters] = useState(filters ? filters : []);
+    useEffect(() => {
+        setCurFilters(filters);
+    }, [filters]);
+    const addFilter = (newFilter) => {
+        if (!newFilter) {
+            return;
+        }
+        const curFilter = curFilters.find((filter) => filter.column === newFilter.column);
+        if (curFilter && newFilter.selectedValues?.length === 0) {
+            setCurFilters((curFilters) => curFilters.filter((filter) => filter.column !== newFilter.column));
+            return;
+        }
+        if (curFilter) {
+            setCurFilters((curFilters) => curFilters.map((filter) => {
+                if (filter.column === newFilter.column) {
+                    return newFilter;
+                }
+                return filter;
+            }));
+            return;
+        }
+        setCurFilters((curFilters) => [...curFilters, newFilter]);
+    };
+    return (_jsxs(ModalComponent, { theme: theme, title: "Filters", isOpen: isOpen, onClose: () => setIsOpen(false), setIsOpen: setIsOpen, children: [_jsx("div", { style: { padding: 25, overflow: 'scroll' }, children: selectedTable?.columns.map((column) => {
+                    const curFilter = curFilters.find((filter) => filter.column === column.name);
+                    const columnStats = getColumnStats({
+                        name: column.name,
+                        fieldType: getPostgresBasicType(column),
+                        columnDetails: data,
+                        stringFields,
+                    });
+                    if (!columnStats || deSnakeOrCamelCase(column.name).endsWith('ID')) {
+                        return;
+                    }
+                    return (_jsx("div", { children: _jsx(FilterSection, { column: column, addFilter: addFilter, curFilter: curFilter, columnStats: columnStats, theme: theme, stringFields: stringFields, setStringFields: setStringFields, LabelComponent: LabelComponent, TextInputComponent: TextInputComponent, SecondaryButtonComponent: SecondaryButtonComponent, ButtonComponent: ButtonComponent }) }, column.name));
+                }) }), _jsx(ButtonComponent, { label: "Set Filters", onClick: () => {
+                    // Check to make sure that each filter
+                    const properFilters = curFilters.filter((filter) => {
+                        if (filter.columnType === 'string' &&
+                            filter.stringFilterValues.length === 0) {
+                            return false;
+                        }
+                        else if (filter.columnType === 'number' &&
+                            !filter.numberStart &&
+                            !filter.numberEnd) {
+                            return false;
+                        }
+                        else if (filter.columnType === 'date' &&
+                            !filter.filterDateRange) {
+                            return false;
+                        }
+                        return true;
+                    });
+                    setFilters(properFilters);
+                    setIsOpen(false);
+                } })] }));
+}
+function FilterSection({ column, addFilter, curFilter, columnStats, theme, stringFields, setStringFields, LabelComponent, TextInputComponent, SecondaryButtonComponent, ButtonComponent, }) {
+    const filterType = getPostgresBasicType(column);
+    const [currentFilter, setCurrentFilter] = useState(curFilter);
+    useEffect(() => {
+        addFilter(currentFilter);
+    }, [currentFilter]);
+    if (filterType == 'string') {
+        return (_jsx(StringFilterSection, { column: column.name, filter: currentFilter, columnStats: columnStats, theme: theme, setCurrentFilter: setCurrentFilter, TextInputComponent: TextInputComponent, SecondaryButtonComponent: SecondaryButtonComponent, ButtonComponent: ButtonComponent, setStringFields: setStringFields, stringFields: stringFields }));
+    }
+    if (filterType == 'number') {
+        return (_jsx(NumberFilterSection, { column: column.name, filter: currentFilter, LabelComponent: LabelComponent, TextInputComponent: TextInputComponent, theme: theme, addFilter: addFilter, setCurrentFilter: setCurrentFilter }));
+    }
+    if (filterType == 'date') {
+        return (_jsx(DateFilterSection, { column: column.name, filter: currentFilter, setCurrentFilter: setCurrentFilter }));
+    }
+    return _jsx("div", { children: "You found a magical column, congrats" });
+}
+function StringFilterSection({ column, filter, columnStats, theme, stringFields, setStringFields, setCurrentFilter, TextInputComponent, SecondaryButtonComponent, ButtonComponent, }) {
+    const [showSearchBar, setShowSearchBar] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const modifyFilter = (field, checked) => {
+        if (checked) {
+            if (filter) {
+                setCurrentFilter({
+                    ...filter,
+                    columnType: 'string',
+                    stringFilterValues: [...filter.stringFilterValues, field],
+                });
+            }
+            else {
+                setCurrentFilter({
+                    column,
+                    columnType: 'string',
+                    stringFilterValues: [field],
+                });
+            }
+        }
+        else {
+            if (filter) {
+                setCurrentFilter({
+                    ...filter,
+                    columnType: 'string',
+                    stringFilterValues: filter.stringFilterValues.filter((value) => value.value !== field.value),
+                });
+            }
+        }
+    };
+    return (_jsxs("div", { style: {
+            flex: 'flex',
+            flexDirection: 'column',
+            marginTop: '14px',
+            overflow: 'hidden',
+            minWidth: 600,
+        }, children: [_jsx("h1", { style: { fontSize: 18, fontWeight: 600, textAlign: 'left' }, children: deSnakeOrCamelCase(column) }), _jsx("div", { style: {
+                    display: 'grid',
+                    gridTemplateColumns: '1fr 1fr',
+                    gridGap: '10px',
+                }, children: columnStats.map((value) => (_jsx("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                    }, children: _jsxs("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            paddingTop: 6,
+                            paddingBottom: 6,
+                        }, children: [_jsx(DivCheckbox, { theme: theme, checked: filter?.stringFilterValues
+                                    ? filter.stringFilterValues.some((stringFilter) => stringFilter.value === value.value)
+                                    : false, onChange: (checked) => {
+                                    modifyFilter(value, checked);
+                                } }), _jsx("div", { style: {
+                                    marginLeft: 6,
+                                    display: 'block',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    color: theme?.primaryTextColor,
+                                    fontFamily: theme?.fontFamily,
+                                    maxWidth: 250,
+                                }, children: _jsx("div", { style: {
+                                        marginLeft: 6,
+                                        display: 'block',
+                                        overflow: 'hidden',
+                                        textOverflow: 'ellipsis',
+                                        whiteSpace: 'nowrap',
+                                        color: theme?.primaryTextColor,
+                                        fontFamily: theme?.fontFamily,
+                                    }, children: value.value }) })] }, value.value) }, value.value))) }), !showSearchBar ? (_jsx(SecondaryButtonComponent, { label: `+ Add a ${deSnakeOrCamelCase(column)}`, onClick: () => setShowSearchBar(true) })) : (_jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    width: '100%',
+                    gap: 12,
+                }, children: [_jsx(TextInputComponent, { id: "string-filter-search-bar", placeholder: `Add a ${deSnakeOrCamelCase(column)}`, value: searchQuery, onChange: setSearchQuery }), _jsx(SecondaryButtonComponent, { label: `Add ${deSnakeOrCamelCase(column)}`, onClick: () => {
+                            modifyFilter({ isLike: true, value: searchQuery }, true);
+                            setShowSearchBar(false);
+                            setStringFields({
+                                ...stringFields,
+                                [column]: [
+                                    ...columnStats,
+                                    { isLike: true, value: searchQuery },
+                                ],
+                            });
+                            setSearchQuery('');
+                        } })] }))] }));
+}
+function NumberFilterSection({ column, filter, LabelComponent, TextInputComponent, setCurrentFilter, }) {
+    const modifyFilter = (value, startOrEnd) => {
+        setCurrentFilter({
+            ...filter,
+            column,
+            columnType: 'number',
+            [startOrEnd]: value,
+        });
+    };
+    return (_jsxs("div", { children: [_jsx("h1", { style: { fontSize: 18, fontWeight: 600, textAlign: 'left' }, children: deSnakeOrCamelCase(column) }), _jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    //   justifyContent: 'space-between',
+                }, children: [_jsxs("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            marginTop: '20px',
+                        }, children: [_jsx(LabelComponent, { children: "Minimum" }), _jsx(TextInputComponent, { id: "min-input", value: filter?.numberStart ? filter.numberStart : '', placeholder: "Minimum", onChange: (value) => {
+                                    modifyFilter(value, 'numberStart');
+                                } })] }), _jsx("div", { style: { width: 16 } }), _jsxs("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            marginTop: '20px',
+                        }, children: [_jsx(LabelComponent, { children: "Maximum" }), _jsx(TextInputComponent, { id: "max-input", placeholder: "Maximum", value: filter?.numberEnd ? filter.numberEnd : '', onChange: (value) => modifyFilter(value, 'numberEnd') })] })] })] }));
+}
+function DateFilterSection({ column, filter, setCurrentFilter, }) {
+    const [dateRange, setDateRange] = useState(filter ? filter.filterDateRange : [null, null, null]);
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            marginTop: 20,
+        }, children: [_jsx("h1", { style: { fontSize: 18, fontWeight: 600, textAlign: 'left' }, children: deSnakeOrCamelCase(column) }), _jsx(QuillDateRangePicker, { dateRange: dateRange ? [dateRange[0], dateRange[1]] : [null, null], label: '', onChangeDateRange: (dateRange) => {
+                    setDateRange([dateRange[0], dateRange[1], null]);
+                    setCurrentFilter({
+                        column,
+                        columnType: 'date',
+                        filterDateRange: [dateRange[0], dateRange[1], null],
+                    });
+                }, preset: dateRange && dateRange.length === 3 && dateRange[2] !== null
+                    ? dateRange[2]
+                    : '', selectedPreset: (dateRange && dateRange.length === 3 && dateRange[2]) || '', onChangePreset: (preset) => {
+                    if (typeof preset === 'string') {
+                        setDateRange(getRangeFromPreset(preset));
+                        setCurrentFilter({
+                            column,
+                            columnType: 'date',
+                            filterDateRange: getRangeFromPreset(preset),
+                        });
+                        return;
+                    }
+                    setDateRange([
+                        preset?.startDate || null,
+                        new Date(),
+                        preset?.value || '',
+                    ]);
+                    setCurrentFilter({
+                        column,
+                        columnType: 'date',
+                        filterDateRange: [
+                            preset?.startDate || null,
+                            new Date(),
+                            preset?.value || '',
+                        ],
+                    });
+                }, presetOptions: reportBuilderOptions })] }));
+}

package/dist/components/ReportBuilder/FiltersModal.js.map

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

package/dist/components/ReportBuilder/SortModal.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { LabelProps } from 'recharts';
+import { ButtonComponentProps, ModalComponentProps, SelectComponentProps } from '../UiComponents';
+interface ColumnSelectorInfo {
+    tableName: string;
+    columns: {
+        name: string;
+    }[];
+}
+interface SortModalProps {
+    columnSelectorInfo: ColumnSelectorInfo;
+    pivotColumns: {
+        label: any;
+        field: any;
+    }[] | undefined;
+    sorts: any[];
+    setSorts: (filters: any) => void;
+    LabelComponent: (props: LabelProps) => JSX.Element;
+    ButtonComponent: (props: ButtonComponentProps) => JSX.Element;
+    ModalComponent: (props: ModalComponentProps) => JSX.Element;
+    SelectComponent: (props: SelectComponentProps) => JSX.Element;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    theme: any;
+}
+export default function SortModal({ columnSelectorInfo, sorts, pivotColumns, setSorts, SelectComponent, ModalComponent, ButtonComponent, setIsOpen, isOpen, theme, }: SortModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SortModal.d.ts.map

package/dist/components/ReportBuilder/SortModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortModal.d.ts","sourceRoot":"","sources":["../../../src/components/ReportBuilder/SortModal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;CACL;AAED,UAAU,cAAc;IACtB,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,YAAY,EACR;QACE,KAAK,EAAE,GAAG,CAAC;QACX,KAAK,EAAE,GAAG,CAAC;KACZ,EAAE,GACH,SAAS,CAAC;IACd,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IACnD,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,kBAAkB,EAClB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,cAAc,EACd,eAAe,EACf,SAAS,EACT,MAAM,EACN,KAAK,GACN,EAAE,cAAc,2CAkEhB"}

package/dist/components/ReportBuilder/SortModal.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export default function SortModal({ columnSelectorInfo, sorts, pivotColumns, setSorts, SelectComponent, ModalComponent, ButtonComponent, setIsOpen, isOpen, theme, }) {
+    const [sortDirection, setSortDirection] = useState('');
+    const [selectedColumn, setSelectedColumn] = useState('');
+    const [sortableColumns, setSortableColumns] = useState([]);
+    useEffect(() => {
+        if (sorts.length > 0) {
+            setSortDirection(sorts[0].order);
+            setSelectedColumn(sorts[0].column);
+        }
+    }, [sorts]);
+    useEffect(() => {
+        if (pivotColumns) {
+            const columns = pivotColumns.map((pivotColumn) => ({
+                column: pivotColumn.field,
+            }));
+            setSortableColumns(columns);
+        }
+        else {
+            const columns = columnSelectorInfo.columns.map((column) => ({
+                column: column.name,
+            }));
+            setSortableColumns(columns);
+        }
+    }, [pivotColumns, columnSelectorInfo]);
+    const updateSorts = () => {
+        setSorts([{ column: selectedColumn, order: sortDirection }]);
+    };
+    return (_jsx(ModalComponent, { theme: theme, title: "Filters", isOpen: isOpen, onClose: () => setIsOpen(false), setIsOpen: setIsOpen, children: _jsxs("div", { style: { padding: 20 }, children: [_jsx("h1", { children: "Sort Modal" }), _jsx(SelectComponent, { options: [
+                        { label: 'Select', value: '' },
+                        ...sortableColumns.map((column) => ({
+                            label: column.column,
+                            value: column.column,
+                        })),
+                    ], onChange: setSelectedColumn, value: selectedColumn }), _jsx(SelectComponent, { options: [
+                        { label: 'Select', value: '' },
+                        { label: 'Ascending', value: 'asc' },
+                        { label: 'Descending', value: 'desc' },
+                    ], onChange: setSortDirection, value: sortDirection }), _jsx(ButtonComponent, { onClick: updateSorts, label: "Sort" })] }) }));
+}

package/dist/components/ReportBuilder/SortModal.js.map

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

package/dist/components/SqlTextEditor.d.ts

@@ -4,3 +4,4 @@ export default function SqlTextEditor({ containerStyle, value, setValue, }: {
     value: string;
     setValue: (e: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SqlTextEditor.d.ts.map

package/dist/components/SqlTextEditor.js

@@ -1,10 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("@monaco-editor/react"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import MonacoEditor from '@monaco-editor/react';
 function defineEditorTheme(monaco) {
     monaco.editor.defineTheme('onedark', {
         base: 'vs',
@@ -30,8 +25,8 @@ function setEditorTheme(editor, monaco) {
         console.log('ERROR: ', e);
     }
 }
-function SqlTextEditor({ containerStyle, value, setValue, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { style: { ...containerStyle }, children: (0, jsx_runtime_1.jsx)(react_1.default, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: (0, jsx_runtime_1.jsx)("div", {}), options: {
+export default function SqlTextEditor({ containerStyle, value, setValue, }) {
+    return (_jsx("div", { style: { ...containerStyle }, children: _jsx(MonacoEditor, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: _jsx("div", {}), options: {
                 wordWrap: 'on',
                 minimap: {
                     enabled: false,
@@ -41,5 +36,3 @@ function SqlTextEditor({ containerStyle, value, setValue, }) {
                 setValue(query);
             }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
 }
-exports.default = SqlTextEditor;
-//# sourceMappingURL=SqlTextEditor.js.map