@quillsql/react 2.13.43 → 2.13.45

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

@@ -1,21 +1,11 @@
 import React from 'react';
 import { TextInputComponentProps } from '../UiComponents';
-export default function AddColumnModal({ onSave, orderedColumnNames, setOrderedColumnNames, selectedColumns, setSelectedColumns, isSelectedAllColumns, clearAllState, nameToColumn, baseAst, setBaseAst, pivot, initialTableName, defaultAST, defaultTable, setPivot, schemaLoading, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState, LoadingComponent, }: {
-    onSave: any;
-    orderedColumnNames: any;
-    setOrderedColumnNames: any;
-    selectedColumns: any;
-    setSelectedColumns: any;
-    isSelectedAllColumns: any;
-    clearAllState: any;
-    nameToColumn: any;
-    baseAst: any;
-    setBaseAst: any;
-    pivot: any;
-    initialTableName: any;
-    defaultAST: any;
-    defaultTable: any;
-    setPivot: any;
+import { Table } from '../../models/Tables';
+import { ReportBuilderColumn, ReportBuilderTable } from '../../models/ReportBuilder';
+export default function AddColumnModal({ onSave, selectedColumns, schema, schemaLoading, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState, LoadingComponent, }: {
+    onSave: (newTables: ReportBuilderTable[], newColumns: ReportBuilderColumn[]) => void;
+    selectedColumns: ReportBuilderColumn[];
+    schema: Table[];
     schemaLoading?: boolean;
     TextInputComponent: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
     SelectColumn: (props: {

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

@@ -1 +1 @@
-{"version":3,"file":"AddColumnModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddColumnModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAiB3D,OAAO,EAGL,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,EACN,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,OAAO,EACP,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAoD,EACpD,gBAAwC,GACzC,EAAE;IACD,MAAM,EAAE,GAAG,CAAC;IACZ,kBAAkB,EAAE,GAAG,CAAC;IACxB,qBAAqB,EAAE,GAAG,CAAC;IAC3B,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,oBAAoB,EAAE,GAAG,CAAC;IAC1B,aAAa,EAAE,GAAG,CAAC;IACnB,YAAY,EAAE,GAAG,CAAC;IAClB,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,KAAK,EAAE,GAAG,CAAC;IACX,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,GAAG,CAAC;IAChB,YAAY,EAAE,GAAG,CAAC;IAClB,QAAQ,EAAE,GAAG,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,EACd,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;KAC5E,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,sBAAsB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC1C,gBAAgB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACrC,2CAsNA"}
+{"version":3,"file":"AddColumnModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddColumnModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAiBpE,OAAO,EAGL,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAEL,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,EAEN,eAAe,EACf,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAoD,EACpD,gBAAwC,GACzC,EAAE;IACD,MAAM,EAAE,CACN,SAAS,EAAE,kBAAkB,EAAE,EAC/B,UAAU,EAAE,mBAAmB,EAAE,KAC9B,IAAI,CAAC;IAEV,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,EACd,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;KAC5E,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,sBAAsB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC1C,gBAAgB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACrC,2CA0UA"}

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

@@ -1,14 +1,85 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useMemo, useEffect } from 'react';
 import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
 import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, useSortable, } from '@dnd-kit/sortable';
 import { CSS as DND_CSS } from '@dnd-kit/utilities';
 import { QuillColumnSearchEmptyState, QuillLoadingComponent, } from '../UiComponents';
 import { snakeAndCamelCaseToTitleCase } from '../../utils/textProcessing';
-export default function AddColumnModal({ onSave, orderedColumnNames, setOrderedColumnNames, selectedColumns, setSelectedColumns, isSelectedAllColumns, clearAllState, nameToColumn, baseAst, setBaseAst, pivot, initialTableName, defaultAST, defaultTable, setPivot, schemaLoading, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState = QuillColumnSearchEmptyState, LoadingComponent = QuillLoadingComponent, }) {
+import { JoinType, } from '../../models/ReportBuilder';
+import { getSchemaForeignKeyMapping } from '../../utils/schema';
+export default function AddColumnModal({ onSave, 
+// selectedTables,
+selectedColumns, schema, schemaLoading, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState = QuillColumnSearchEmptyState, LoadingComponent = QuillLoadingComponent, }) {
+    const [primaryTable, setPrimaryTable] = useState(undefined);
     const [search, setSearch] = useState('');
-    const [searchResults, setSearchResults] = useState(orderedColumnNames);
     const textInputContainerRef = useRef(null);
+    const [modalSelectedColumns, setModalSelectedColumns] = useState(selectedColumns.map((col) => `${col.table}.${col.field}`));
+    const foreignKeyMap = useMemo(() => {
+        return getSchemaForeignKeyMapping(schema);
+    }, [schema]);
+    const columnOptions = schema
+        .filter((table) => {
+        if (!primaryTable)
+            return true;
+        return (table.name === primaryTable ||
+            foreignKeyMap[primaryTable]?.some((tableInfo) => tableInfo.foreignTable === table.name) ||
+            foreignKeyMap[table.name]?.some((tableInfo) => tableInfo.foreignTable === primaryTable));
+    })
+        .sort((a, b) => {
+        // Ensure primaryTable is always first, this is essential for SELECT ALL
+        if (primaryTable) {
+            if (a.name === primaryTable)
+                return -1;
+            if (b.name === primaryTable)
+                return 1;
+        }
+        return 0; // Keep original order otherwise
+    })
+        .flatMap((table) => table.columns
+        .map((col) => `${table.name}.${col.field}`)
+        .sort((a, b) => {
+        const aIsId = a.endsWith('.id') ||
+            a.endsWith('_id') ||
+            a.endsWith('Id') ||
+            a === 'id';
+        const bIsId = b.endsWith('.id') ||
+            b.endsWith('_id') ||
+            b.endsWith('Id') ||
+            b === 'id';
+        if (aIsId && !bIsId)
+            return 1;
+        if (bIsId && !aIsId)
+            return -1;
+        return 0;
+    }));
+    const [orderedColumnNames, setOrderedColumnNames] = useState(columnOptions);
+    const isSelectedAllColumns = columnOptions.length === modalSelectedColumns.length;
+    const duplicateColumnNames = useMemo(() => {
+        const columnNames = modalSelectedColumns.map((col) => {
+            const [, ...rest] = col.split('.');
+            return rest.join('.');
+        });
+        const duplicates = columnNames.filter((name, i) => columnNames.indexOf(name) !== i);
+        return duplicates;
+    }, [modalSelectedColumns, schema]);
+    const searchResults = useMemo(() => {
+        return orderedColumnNames.filter((column) => {
+            return (columnOptions.includes(column) &&
+                (search.length === 0 ||
+                    column.toLowerCase().includes(search.toLowerCase()) ||
+                    snakeAndCamelCaseToTitleCase(column)
+                        .toLowerCase()
+                        .includes(search.toLowerCase())));
+        });
+    }, [search, columnOptions, orderedColumnNames]);
+    useEffect(() => {
+        if (modalSelectedColumns.length === 0) {
+            setPrimaryTable(undefined);
+        }
+        else {
+            setPrimaryTable(modalSelectedColumns[0]?.split('.')[0]);
+        }
+    }, [modalSelectedColumns]);
     const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
         coordinateGetter: sortableKeyboardCoordinates,
     }));
@@ -25,25 +96,6 @@ export default function AddColumnModal({ onSave, orderedColumnNames, setOrderedC
             });
         }
     }
-    const getColumnsInPivot = () => {
-        if (!pivot)
-            return [];
-        const { valueField, rowField, columnField } = pivot;
-        return [valueField, rowField, columnField].filter(Boolean);
-    };
-    useEffect(() => {
-        setSearchResults(orderedColumnNames
-            .filter((row) => {
-            const [table] = row.split('.');
-            const selectedTable = selectedColumns[0]?.split('.')[0];
-            return selectedColumns.length === 0 || selectedTable === table;
-        })
-            .filter((row) => search.length === 0 ||
-            row.includes(search) ||
-            snakeAndCamelCaseToTitleCase(row)
-                .toLowerCase()
-                .includes(search.toLowerCase())));
-    }, [search, orderedColumnNames, selectedColumns]);
     return (_jsxs("div", { style: {
             display: 'flex',
             flexDirection: 'column',
@@ -66,11 +118,35 @@ export default function AddColumnModal({ onSave, orderedColumnNames, setOrderedC
                             gap: 8,
                             overflowY: 'auto',
                             maxWidth: '400px',
-                        }, children: [searchResults.map((value) => {
-                                return (_jsx(SortableItem, { selectedColumns: selectedColumns, setSelectedColumns: setSelectedColumns, id: value, label: value
+                        }, children: [searchResults.map((value, index) => {
+                                return (_jsx(SortableItem, { selectedColumns: modalSelectedColumns, setSelectedColumns: (newSelectedColumns) => {
+                                        if (!primaryTable) {
+                                            setModalSelectedColumns(newSelectedColumns);
+                                        }
+                                        else {
+                                            // need to check if primary table is in selected columns
+                                            const columnTables = [
+                                                ...new Set(newSelectedColumns.map((col) => {
+                                                    const [table] = col.split('.');
+                                                    return table || '';
+                                                })),
+                                            ];
+                                            if (columnTables.includes(primaryTable)) {
+                                                setModalSelectedColumns(newSelectedColumns);
+                                            }
+                                            else if (columnTables.length === 1) {
+                                                setPrimaryTable(columnTables[0]);
+                                                setModalSelectedColumns(newSelectedColumns);
+                                            }
+                                            else {
+                                                setPrimaryTable(undefined);
+                                                setModalSelectedColumns([]);
+                                            }
+                                        }
+                                    }, id: value, label: value
                                         .split('.')
                                         .map((v) => snakeAndCamelCaseToTitleCase(v))
-                                        .join(' | '), SelectColumn: SelectColumn }, value));
+                                        .join(' | '), SelectColumn: SelectColumn }, index));
                             }), search.length > 0 && searchResults.length === 0 && (_jsx(ColumnSearchEmptyState, {}))] }) }) })), _jsxs("div", { style: {
                     display: 'flex',
                     width: '100%',
@@ -78,50 +154,75 @@ export default function AddColumnModal({ onSave, orderedColumnNames, setOrderedC
                     gap: 8,
                     justifyContent: 'end',
                     marginTop: 12,
-                }, children: [selectedColumns.length > 0 && (_jsx(SecondaryButton, { onClick: () => setSelectedColumns([]), label: "Clear" })), selectedColumns.length > 0 && !isSelectedAllColumns() && (_jsx(SecondaryButton, { onClick: () => setSelectedColumns(searchResults.filter((row) => {
-                            const [table] = row.split('.');
-                            return selectedColumns[0].startsWith(table);
-                        })), label: "Select all" })), _jsx(Button, { onClick: () => {
-                            // follow the ordering of the ordered column names
-                            let tableName = initialTableName;
-                            const orderedSelectedColumns = [];
-                            for (const value of orderedColumnNames) {
-                                const [table, ...rest] = value.split('.');
-                                const column = rest.join('.');
-                                if (selectedColumns.includes(value)) {
-                                    tableName = table;
-                                    orderedSelectedColumns.push(column);
+                }, children: [modalSelectedColumns.length > 0 && (_jsx(SecondaryButton, { onClick: () => setModalSelectedColumns([]), label: "Clear" })), modalSelectedColumns.length > 0 && !isSelectedAllColumns && (_jsx(SecondaryButton, { onClick: () => setModalSelectedColumns(columnOptions), label: "Select all" })), _jsx(Button, { onClick: () => {
+                            const newTableNames = [
+                                ...new Set(modalSelectedColumns
+                                    .map((col) => {
+                                    const [table] = col.split('.');
+                                    return table;
+                                })
+                                    .filter((table) => table !== undefined)),
+                            ];
+                            const newTables = newTableNames
+                                .map((table) => {
+                                if (primaryTable && primaryTable !== table) {
+                                    const asForeignTable = foreignKeyMap[primaryTable]?.find((tableInfo) => tableInfo.foreignTable === table);
+                                    const asPrimaryTable = foreignKeyMap[table]?.find((tableInfo) => tableInfo.foreignTable === primaryTable);
+                                    const foreignTable = asForeignTable || asPrimaryTable;
+                                    const primaryTableField = asForeignTable?.foreignKey ||
+                                        asPrimaryTable?.foreignTablePrimaryKey;
+                                    const foreignTableField = asForeignTable?.foreignTablePrimaryKey ||
+                                        asPrimaryTable?.foreignKey;
+                                    if (!foreignTable ||
+                                        !primaryTableField ||
+                                        !foreignTableField) {
+                                        return null;
+                                    }
+                                    return {
+                                        name: table,
+                                        join: {
+                                            type: JoinType.JOIN,
+                                            condition: {
+                                                operator: '=',
+                                                left: {
+                                                    table: primaryTable,
+                                                    field: primaryTableField,
+                                                },
+                                                right: {
+                                                    table,
+                                                    field: foreignTableField,
+                                                },
+                                            },
+                                        },
+                                    };
+                                }
+                                else {
+                                    return { name: table };
                                 }
-                            }
-                            if (orderedSelectedColumns.length === 0) {
-                                clearAllState();
-                                return;
-                            }
-                            // If there is already an AST saved in state, only update the columns
-                            // otherwise fill in the defaultAST shape and also update columns.
-                            const fallbackAST = {
-                                ...defaultAST,
-                                from: [{ ...defaultTable, table: tableName }],
-                                columns: orderedSelectedColumns.map((name) => nameToColumn(name)),
-                            };
-                            const newBaseAst = {
-                                ...baseAst,
-                                from: [{ ...defaultTable, table: tableName }],
-                                columns: baseAst?.columns.length
-                                    ? orderedSelectedColumns.map((name) => nameToColumn(name))
-                                    : baseAst?.columns,
-                            };
-                            const newAst = baseAst ? newBaseAst : fallbackAST;
-                            setBaseAst(newAst);
-                            // If the user deleted a column that was in the pivot, delete the Pivot
-                            const columnInAST = (col) => newAst.columns.find((c) => c.expr?.value === col ||
-                                c.expr?.column === col ||
-                                c.as === col);
-                            if (pivot &&
-                                !getColumnsInPivot().every((c) => columnInAST(c))) {
-                                setPivot(null);
-                            }
-                            onSave();
+                            })
+                                .filter((table) => table !== null);
+                            const sortedSelectedColumns = orderedColumnNames.filter((col) => modalSelectedColumns.includes(col));
+                            const newColumns = sortedSelectedColumns
+                                .map((col) => {
+                                const [table, ...rest] = col.split('.');
+                                const field = rest.join('.');
+                                if (!table ||
+                                    !field ||
+                                    !newTables.some((t) => t.name === table)) {
+                                    return null;
+                                }
+                                else {
+                                    return {
+                                        table: table || '',
+                                        field: field || '',
+                                        alias: duplicateColumnNames.includes(field)
+                                            ? `${table}_${field}`
+                                            : undefined,
+                                    };
+                                }
+                            })
+                                .filter((col) => col !== null);
+                            onSave(newTables, newColumns);
                         }, label: "Select columns" })] })] }));
 }
 const SortableItem = ({ id, label, setSelectedColumns, selectedColumns, SelectColumn, }) => {
@@ -131,14 +232,10 @@ const SortableItem = ({ id, label, setSelectedColumns, selectedColumns, SelectCo
         transition,
     };
     const handleSelect = () => {
-        setSelectedColumns((selectedColumns) => {
-            if (selectedColumns.includes(id)) {
-                return selectedColumns.filter((column) => column !== id);
-            }
-            else {
-                return [...selectedColumns, id];
-            }
-        });
+        const newSelectedColumns = selectedColumns.includes(id)
+            ? selectedColumns.filter((column) => column !== id)
+            : [...selectedColumns, id];
+        setSelectedColumns(newSelectedColumns);
     };
     return (_jsx("div", { style: { userSelect: 'none', ...style }, ref: setNodeRef, children: _jsx(SelectColumn, { isSelected: selectedColumns?.includes(id), setSelected: handleSelect, label: snakeAndCamelCaseToTitleCase(label), DragHandle: (props) => (_jsx("div", { style: {
                     cursor: 'grab',

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

@@ -1,15 +1,11 @@
 import { ButtonComponentProps, SelectComponentProps } from '../UiComponents';
 import { SortPopoverComponentProps } from './ui';
 import { ColumnInternal } from '../../models/Columns';
-export declare const SortSentence: ({ sortField, sortDirection, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, onSave, popoverTitle, SortPopover, EditPopover, Select, Button, SecondaryButton, disabled, }: {
+export declare const SortSentence: ({ sortField, sortDirection, columns, handleDelete, setOpenPopover, onSave, popoverTitle, SortPopover, EditPopover, Select, Button, SecondaryButton, disabled, }: {
     sortField: string;
     sortDirection: string;
     columns: ColumnInternal[];
-    setIsPending: any;
-    setEditPopoverKey: any;
-    setActiveEditItem: any;
     setOpenPopover: any;
-    keyPrefix?: any;
     handleDelete: any;
     onSave: any;
     popoverTitle?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAStD,eAAO,MAAM,YAAY,mOAkBtB;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,EAAE,GAAG,CAAC;IAClB,iBAAiB,EAAE,GAAG,CAAC;IACvB,iBAAiB,EAAE,GAAG,CAAC;IACvB,cAAc,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,EAAE,GAAG,CAAC;IAClB,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,WAAW,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,mDAoDA,CAAC;AAEF,eAAO,MAAM,cAAc,+FAUxB;IACD,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CAChE,4CAmEA,CAAC"}
+{"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAStD,eAAO,MAAM,YAAY,oKActB;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,cAAc,EAAE,GAAG,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,WAAW,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,mDA6CA,CAAC;AAEF,eAAO,MAAM,cAAc,+FAUxB;IACD,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CAChE,4CAmEA,CAAC"}

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

@@ -9,22 +9,15 @@ const SORT_VALUE_TO_LABEL = {
     asc: 'ascending',
     desc: 'descending',
 };
-export const SortSentence = ({ sortField, sortDirection, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, onSave, popoverTitle = 'Edit Sort', SortPopover, EditPopover, Select = QuillSelectComponent, Button = MemoizedButton, SecondaryButton = MemoizedSecondaryButton, disabled = false, }) => {
+export const SortSentence = ({ sortField, sortDirection, columns, handleDelete, setOpenPopover, onSave, popoverTitle = 'Edit Sort', SortPopover, EditPopover, Select = QuillSelectComponent, Button = MemoizedButton, SecondaryButton = MemoizedSecondaryButton, disabled = false, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const handleSetIsOpen = (isOpen) => {
         setIsOpen(isOpen);
-        if (!isOpen) {
-            setIsPending(false);
-            setActiveEditItem(null);
-        }
     };
     const handleClickDelete = (e) => {
         e.stopPropagation(); // don't call onClick handler
-        setIsPending(false);
-        handleDelete(keyPrefix);
-        setActiveEditItem(null);
         setOpenPopover(null);
-        setEditPopoverKey(null);
+        handleDelete();
     };
     if (!sortField) {
         return null;

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

@@ -0,0 +1,17 @@
+import { ReportBuilderColumn } from '../../models/ReportBuilder';
+interface DraggableColumnsProps {
+    columns: ReportBuilderColumn[];
+    onColumnOrderChange: (newOrder: ReportBuilderColumn[]) => void;
+    DraggableColumnComponent: (props: {
+        label: string;
+        onDelete: () => void;
+        DragHandle: ({ dragIcon }: {
+            dragIcon: () => JSX.Element;
+        }) => JSX.Element;
+        deleteDisabled?: boolean;
+    }) => JSX.Element;
+    loading: boolean;
+}
+export default function DraggableColumns({ columns, onColumnOrderChange, DraggableColumnComponent, loading, }: DraggableColumnsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DraggableColumns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/DraggableColumns.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,mBAAmB,EAAE,CAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAC/D,wBAAwB,EAAE,CAAC,KAAK,EAAE;QAChC,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;QAC3E,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,mBAAmB,EACnB,wBAAwB,EACxB,OAAO,GACR,EAAE,qBAAqB,2CAmFvB"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
+import DraggableItem from './DraggableItem';
+import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { useMemo } from 'react';
+import { snakeAndCamelCaseToTitleCase } from '../../utils/textProcessing';
+export default function DraggableColumns({ columns, onColumnOrderChange, DraggableColumnComponent, loading, }) {
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    const columnNames = useMemo(() => {
+        return columns.map((col) => `${col.table}.${col.alias ?? col.field}`);
+    }, [columns]);
+    // const [orderedColumnNames, setOrderedColumnNames] = useState<string[]>([]);
+    const columnNameToLabel = (columnName) => {
+        return snakeAndCamelCaseToTitleCase(columnName.split('.').pop() ?? '');
+    };
+    // When a drag event ends, switch the item order.
+    function handleDragEnd(event) {
+        const { active, over } = event;
+        if (!active || !over)
+            return;
+        if (active.id !== over.id) {
+            const oldIndex = columnNames.findIndex((c) => c.endsWith(active.id));
+            const newIndex = columnNames.findIndex((c) => c.endsWith(over.id));
+            const newOrder = arrayMove(columnNames, oldIndex, newIndex);
+            const orderToColumns = newOrder
+                .map((name) => {
+                const [table, field] = name.split('.');
+                return columns.find((col) => col.table === table &&
+                    (col.alias ? col.alias === field : col.field === field));
+            })
+                .filter((col) => col !== undefined);
+            onColumnOrderChange(orderToColumns);
+        }
+    }
+    function onDeleteColumn(columnName) {
+        const newColumns = columns.filter((col) => `${col.table}.${col.alias ?? col.field}` !== columnName);
+        onColumnOrderChange(newColumns);
+    }
+    return (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: columnNames, strategy: verticalListSortingStrategy, children: _jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 8,
+                }, children: [columnNames.map((name) => (_jsx(DraggableItem, { id: name, label: columnNameToLabel(name), onDelete: () => !loading && onDeleteColumn(name), loading: loading, DraggableColumnComponent: DraggableColumnComponent }, name))), columnNames.length > 0 && _jsx("div", { style: { height: 6 } })] }) }) }));
+}

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

@@ -0,0 +1,17 @@
+interface DraggableItemProps {
+    id: string;
+    label: string;
+    onDelete: () => void;
+    DraggableColumnComponent: (props: {
+        label: string;
+        onDelete: () => void;
+        DragHandle: ({ dragIcon }: {
+            dragIcon: () => JSX.Element;
+        }) => JSX.Element;
+        deleteDisabled?: boolean;
+    }) => JSX.Element;
+    loading: boolean;
+}
+export default function DraggableItem({ id, label, onDelete, DraggableColumnComponent, loading, }: DraggableItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DraggableItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/DraggableItem.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB,EAAE,CAAC,KAAK,EAAE;QAChC,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;QAC3E,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,wBAAwB,EACxB,OAAO,GACR,EAAE,kBAAkB,2CA6BpB"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS as DND_CSS } from '@dnd-kit/utilities';
+import { snakeAndCamelCaseToTitleCase } from '../../utils/textProcessing';
+export default function DraggableItem({ id, label, onDelete, DraggableColumnComponent, loading, }) {
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: id });
+    const style = {
+        transform: DND_CSS.Transform.toString(transform),
+        transition,
+    };
+    return (_jsx("div", { style: { ...style }, ref: setNodeRef, children: _jsx(DraggableColumnComponent, { label: snakeAndCamelCaseToTitleCase(label), onDelete: onDelete, DragHandle: (props) => (_jsx("div", { style: {
+                    cursor: 'grab',
+                }, ...attributes, ...listeners, children: _jsx(props.dragIcon, {}) })), deleteDisabled: loading }) }));
+}

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

@@ -1,19 +1,13 @@
 import { InternalFilter, Operator } from '../../models/Filter';
-import { ColumnInternal } from '../../models/Columns';
+import { UniqueValuesByTable, Table, UniqueValuesByColumn } from '../../models/Tables';
 interface FilterModalProps {
-    schema?: {
-        columns: ColumnInternal[];
-    };
+    schema: Table[];
+    tables?: string[];
     filter?: InternalFilter;
-    fieldValuesMap: {
-        [key: string]: string[];
-    } | {
-        [key: string]: {
-            [key: string]: string[];
-        };
-    };
+    fieldValuesMap: UniqueValuesByColumn | UniqueValuesByTable;
     fieldValuesMapIsLoading?: boolean;
     customOperatorOptions?: OperatorOptionsMap;
+    hideTableName?: boolean;
     onSubmitFilter: (filter: InternalFilter) => void;
     onDeleteFilter: () => void;
     ButtonComponent: React.ComponentType<any>;
@@ -28,6 +22,6 @@ type OperatorOptionsMap = {
 /**
  * Modal for adding, editing, and deleting Filters
  */
-export default function FilterModal({ schema, filter, fieldValuesMap, fieldValuesMapIsLoading, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element | null;
+export default function FilterModal({ schema, tables, filter, fieldValuesMap, fieldValuesMapIsLoading, customOperatorOptions, hideTableName, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=FilterModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EAId,QAAQ,EAMT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,cAAc,EACZ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GACzB;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IACnD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,kDAi3BlB"}
+{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EAId,QAAQ,EAMT,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EACL,mBAAmB,EACnB,KAAK,EACL,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAC7B,UAAU,gBAAgB;IACxB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,cAAc,EACZ,oBAAoB,GAClB,mBAAmB,CAAC;IACxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,MAAM,EACN,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,kDAk4BlB"}