@quillsql/react 2.15.2 → 2.15.4

package/dist/esm/components/QuillTable.js

@@ -1,300 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
-import { compareValues } from '../utils/valueFormatter';
-import { ThemeContext } from '../Context';
-import { QuillLoadingComponent } from './UiComponents';
-export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, overrideInMemortSort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, hideLabels, disableSort, }) {
-    const [activeRows, setActiveRows] = useState([]);
-    const [maxPage, setMaxPage] = useState(1);
-    const [sortColumn, setSortColumn] = useState(sort?.field || '');
-    const [sortDirection, setSortDirection] = useState(sort?.direction || 'desc');
-    const [theme] = useContext(ThemeContext);
-    const [isPaginating, setIsPaginating] = useState(true);
-    const [initialLoad, setInitialLoad] = useState(true);
-    useEffect(() => {
-        setSortColumn(sort?.field || '');
-        setSortDirection(sort?.direction || 'desc');
-    }, [sort]);
-    useEffect(() => {
-        if (rows?.length === 0 && isLoading) {
-            return;
-        }
-        setIsPaginating(true);
-        const start = currentPage * rowsPerPage;
-        const end = (currentPage + 1) * rowsPerPage;
-        if (rowCount && onSortChange && rowCount !== rows.length) {
-            setMaxPage(Math.ceil(rowCount / rowsPerPage));
-            setActiveRows(rows.slice(start, end));
-        }
-        else {
-            const sortedRows = [...rows];
-            if (sortColumn && !overrideInMemortSort) {
-                sortedRows.sort((a, b) => {
-                    const result = compareValues(a, b, sortColumn);
-                    return sortDirection === 'asc' ? result : -result;
-                });
-            }
-            setMaxPage(Math.ceil(sortedRows.length / rowsPerPage));
-            setActiveRows(sortedRows.slice(start, end));
-        }
-        setIsPaginating(false);
-        setInitialLoad(false);
-    }, [
-        currentPage,
-        rows,
-        sortColumn,
-        sortDirection,
-        columns,
-        rowCount,
-        isLoading,
-    ]);
-    useEffect(() => {
-        if (rows.length <= currentPage * rowsPerPage) {
-            onPageChange && onPageChange(0);
-            setMaxPage(1);
-        }
-    }, [rows]);
-    const increasePage = () => {
-        if (!rowCountIsLoading && currentPage + 1 === maxPage) {
-            return;
-        }
-        onPageChange && onPageChange(currentPage + 1);
-    };
-    const decreasePage = () => {
-        if (currentPage === 0) {
-            return;
-        }
-        onPageChange && onPageChange(currentPage - 1);
-    };
-    const toggleSort = (column) => {
-        if (disableSort) {
-            return;
-        }
-        if (sortColumn === column.field) {
-            setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
-            onPageChange && onPageChange(0);
-            if (onSortChange) {
-                onSortChange({
-                    field: column.field,
-                    direction: sortDirection === 'asc' ? 'desc' : 'asc',
-                });
-            }
-        }
-        else {
-            setSortColumn(column.field);
-            setSortDirection('desc');
-            onPageChange && onPageChange(0);
-            if (onSortChange) {
-                onSortChange({
-                    field: column.field,
-                    direction: 'desc',
-                });
-            }
-        }
-    };
-    if (initialLoad) {
-        return (_jsx("div", { style: {
-                height: '100%',
-                ...containerStyle,
-            }, className: className, children: _jsx(LoadingComponent, {}) }));
-    }
-    return (_jsx("div", { style: {
-            width: '100%',
-            height: '100%',
-            overflow: 'auto',
-            display: 'flex',
-            flexDirection: 'column',
-            maxHeight: 75 + Math.min(Math.max(10, rows.length), rowsPerPage) * 37,
-            ...containerStyle,
-        }, className: className, children: _jsx("div", { style: {
-                height: '100%',
-                width: '100%',
-                overflow: 'auto',
-                borderRadius: 6,
-                border: '1px solid #E7E7E7',
-                padding: 0,
-                margin: 0,
-                boxSizing: 'border-box',
-                outline: 'none',
-                position: 'relative',
-            }, children: _jsxs("div", { role: "table", className: "table", style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    minWidth: '0px',
-                    width: '100%',
-                    height: '100%',
-                    minHeight: '260px',
-                }, children: [_jsx("div", { style: { overflow: 'auto', flexGrow: 1 }, children: _jsxs("div", { style: { minWidth: '100%', display: 'inline-block' }, children: [_jsx("div", { className: "thead", style: {
-                                        position: 'sticky',
-                                        top: 0,
-                                        zIndex: 1,
-                                        background: 'white',
-                                    }, children: _jsx("div", { role: "row", className: "tr", style: {
-                                            display: 'flex',
-                                            flex: '1 0 auto',
-                                            minWidth: '100px',
-                                            boxSizing: 'border-box',
-                                            marginBottom: '-1px', // avoid double border
-                                        }, children: columns &&
-                                            columns.map((column, index) => (_jsxs("div", { onClick: (e) => {
-                                                    toggleSort(column);
-                                                    e.stopPropagation();
-                                                }, style: {
-                                                    boxSizing: 'border-box',
-                                                    flex: '150 0 auto',
-                                                    minWidth: '50px',
-                                                    width: '150px',
-                                                    position: 'relative',
-                                                    cursor: 'pointer',
-                                                    background: 'rgb(249, 250, 251)',
-                                                    borderRight: index + 1 === columns.length
-                                                        ? '0px solid #E7E7E7'
-                                                        : '1px solid #E7E7E7',
-                                                    borderBottom: '1px solid #E7E7E7',
-                                                    whiteSpace: 'nowrap',
-                                                    alignItems: 'center',
-                                                    overflowX: 'visible',
-                                                    margin: '0px',
-                                                    textOverflow: 'ellipsis',
-                                                    minHeight: '36px',
-                                                    userSelect: 'none',
-                                                    paddingLeft: 16,
-                                                    paddingRight: 16,
-                                                    display: 'flex',
-                                                    flexDirection: 'row',
-                                                    justifyContent: 'space-between',
-                                                }, children: [_jsx("div", { "aria-haspopup": "dialog", "aria-expanded": "false", "aria-controls": "mantine-r6-dropdown", style: {
-                                                            // fontFamily:
-                                                            //   'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
-                                                            WebkitTapHighlightColor: 'transparent',
-                                                            fontFamily: theme?.fontFamily,
-                                                            // color: 'rgb(55, 65, 81)',
-                                                            color: theme?.primaryTextColor,
-                                                            textDecoration: 'none',
-                                                            fontSize: theme?.fontSizeSmall || '14px',
-                                                            fontWeight: theme?.fontWeightMedium || '500',
-                                                            lineHeight: '20px', // 1.25rem * 16px = 20px
-                                                            textOverflow: 'ellipsis',
-                                                            whiteSpace: 'nowrap',
-                                                            overflow: 'hidden',
-                                                        }, children: hideLabels || !column.label
-                                                            ? column.field
-                                                            : column.label }), column.field === sortColumn && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.primaryTextColor, height: "14px", width: "14px", style: {
-                                                            transform: sortDirection === 'desc'
-                                                                ? 'rotate(180deg)'
-                                                                : undefined,
-                                                        }, children: _jsx("path", { fillRule: "evenodd", d: "M10 3a.75.75 0 01.75.75v10.638l3.96-4.158a.75.75 0 111.08 1.04l-5.25 5.5a.75.75 0 01-1.08 0l-5.25-5.5a.75.75 0 111.08-1.04l3.96 4.158V3.75A.75.75 0 0110 3z", clipRule: "evenodd" }) }))] }, 'sqlcol' + index))) }) }), (isPaginating || isLoading) && (_jsx("div", { className: className, style: { position: 'absolute', width: '100%' }, children: _jsx(LoadingComponent, {}) })), (activeRows && activeRows.length === 0) ||
-                                    (columns && columns.length === 0) ? (_jsx("div", { style: {
-                                        padding: '30px 0',
-                                        display: isPaginating || isLoading ? 'none' : 'flex',
-                                        flex: '1 0 auto',
-                                        margin: 'auto',
-                                        justifyContent: 'center',
-                                        alignItems: 'center',
-                                        fontSize: 13,
-                                        fontFamily: theme?.fontFamily,
-                                        color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
-                                        position: 'absolute',
-                                        width: '100%',
-                                    }, children: emptyStateLabel })) : (_jsx("div", { role: "rowgroup", className: "tbody", children: activeRows &&
-                                        activeRows.map((row, rowIndex) => (_jsx("div", { role: "row", className: "tr", style: {
-                                                display: isPaginating || isLoading ? 'none' : 'flex',
-                                                flex: '1 0 auto',
-                                                minWidth: '100px',
-                                                boxSizing: 'border-box',
-                                            }, children: columns &&
-                                                columns.map((column, columnIndex) => (_jsx("div", { role: "cell", style: {
-                                                        boxSizing: 'border-box',
-                                                        flex: '150 0 auto',
-                                                        minWidth: '50px',
-                                                        width: '150px',
-                                                        display: 'flex',
-                                                        margin: '0px',
-                                                        textOverflow: 'ellipsis',
-                                                        minHeight: '36px',
-                                                        borderRight: columnIndex + 1 === columns.length
-                                                            ? '0px solid #E7E7E7'
-                                                            : '1px solid #E7E7E7',
-                                                        overflow: 'hidden',
-                                                        borderTop: '1px solid #E7E7E7',
-                                                        borderBottom: rowIndex === activeRows?.length - 1
-                                                            ? '1px solid #E7E7E7'
-                                                            : undefined,
-                                                        userSelect: 'none',
-                                                    }, children: _jsx("div", { style: {
-                                                            lineHeight: '24px',
-                                                            width: '100%',
-                                                            display: 'flex',
-                                                            cursor: 'default',
-                                                            position: 'relative',
-                                                            userSelect: 'none',
-                                                        }, "data-testid": "static-cell", children: _jsx("div", { "aria-haspopup": "dialog", "aria-expanded": "false", style: {
-                                                                fontFamily: theme?.fontFamily ||
-                                                                    'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
-                                                                WebkitTapHighlightColor: 'transparent',
-                                                                // color: 'rgb(55, 65, 81)',
-                                                                color: theme?.secondaryTextColor ||
-                                                                    'rgb(55, 65, 81)',
-                                                                textDecoration: 'none',
-                                                                fontWeight: 400,
-                                                                fontSize: theme?.fontSizeSmall || '14px',
-                                                                lineHeight: '20px',
-                                                                textOverflow: 'ellipsis',
-                                                                whiteSpace: 'nowrap',
-                                                                overflow: 'hidden',
-                                                                padding: '8px 16px',
-                                                                userSelect: 'none',
-                                                            }, children: typeof row[column.field] ===
-                                                                'object'
-                                                                ? JSON.stringify(row[column.field])
-                                                                : typeof row[column.field] ===
-                                                                    'boolean'
-                                                                    ? row[column.field].toString()
-                                                                    : row[column.field] }) }) }, 'sqlcell' + columnIndex))) }, 'sqlrow' + rowIndex))) }))] }) }), _jsx("div", { style: {
-                            display: 'flex',
-                            minWidth: '100px',
-                            height: 38,
-                            borderTop: '1px solid #E7E7E7',
-                            background: '#F9FAFB',
-                            width: '100%',
-                            marginTop: '-1px', // avoid double border
-                        }, children: _jsxs("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                justifyContent: 'space-between',
-                                width: '100%',
-                                height: 37,
-                            }, children: [!hideCSVDownloadButton ? (_jsx("button", { onClick: downloadCSV, style: {
-                                        fontSize: 14,
-                                        paddingLeft: 12,
-                                        fontFamily: theme?.fontFamily,
-                                        color: theme?.primaryTextColor,
-                                        background: 'transparent',
-                                        fontWeight: 500,
-                                        cursor: 'pointer',
-                                        border: 'none',
-                                    }, children: "Download CSV" })) : (_jsx("div", {})), rows.length === 0 || isLoading ? null : (_jsxs("div", { style: {
-                                        display: 'flex',
-                                        flexDirection: 'row',
-                                        alignItems: 'center',
-                                    }, children: [_jsxs("div", { style: {
-                                                fontSize: 12,
-                                                fontFamily: theme?.fontFamily,
-                                                color: theme?.primaryTextColor,
-                                            }, children: [currentPage + 1, ' of ', rowCountIsLoading && maxPage > 1 ? 'many' : maxPage] }), _jsx("div", { style: { width: 8 } }), _jsx("button", { onClick: (e) => {
-                                                decreasePage();
-                                                e.stopPropagation();
-                                            }, style: {
-                                                cursor: 'pointer',
-                                                border: 'none',
-                                                background: 'transparent',
-                                            }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.chartLabelFontFamily || theme?.fontFamily, height: "16px", width: "16px", children: _jsx("path", { fillRule: "evenodd", d: "M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z", clipRule: "evenodd" }) }) }), _jsx("button", { onClick: (e) => {
-                                                increasePage();
-                                                e.stopPropagation();
-                                            }, style: {
-                                                cursor: 'pointer',
-                                                border: 'none',
-                                                background: 'transparent',
-                                            }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.chartLabelFontFamily || theme?.fontFamily, height: "16px", width: "16px", children: _jsx("path", { fillRule: "evenodd", d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z", clipRule: "evenodd" }) }) }), _jsx("div", { style: { width: 12 } })] }))] }) })] }) }) }));
-}

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import { TextInputComponentProps } from '../UiComponents';
-import { Table } from '../../models/Tables';
-import { ReportBuilderColumn, ReportBuilderTable } from '../../models/ReportBuilder';
-import { ForeignKeyMap } from './schema';
-export default function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schemaLoading, foreignKeyMap, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState, LoadingComponent, onRequestAddVirtualTable, }: {
-    onSave: (newTables: ReportBuilderTable[], newColumns: ReportBuilderColumn[]) => void;
-    selectedTables: ReportBuilderTable[];
-    selectedColumns: ReportBuilderColumn[];
-    schema: Table[];
-    schemaLoading?: boolean;
-    foreignKeyMap: ForeignKeyMap;
-    TextInputComponent: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
-    SelectColumn: (props: {
-        label: string;
-        isSelected: boolean;
-        setSelected: () => void;
-        DragHandle: ({ dragIcon }: {
-            dragIcon: () => JSX.Element;
-        }) => JSX.Element;
-    }) => JSX.Element;
-    SecondaryButton: any;
-    Button: any;
-    ColumnSearchEmptyState: () => JSX.Element;
-    LoadingComponent: () => JSX.Element;
-    onRequestAddVirtualTable?: () => void;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AddColumnModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddColumnModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddColumnModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiBhF,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;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,EACN,cAAc,EACd,eAAe,EACf,MAAM,EACN,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAoD,EACpD,gBAAwC,EACxC,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,CACN,SAAS,EAAE,kBAAkB,EAAE,EAC/B,UAAU,EAAE,mBAAmB,EAAE,KAC9B,IAAI,CAAC;IACV,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,aAAa,CAAC;IAC7B,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;IACpC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC,2CA2WA"}

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

@@ -1,264 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useMemo, useEffect, useContext } 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';
-import { JoinType, } from '../../models/ReportBuilder';
-import { ThemeContext } from '../../Context';
-export default function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schemaLoading, foreignKeyMap, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState = QuillColumnSearchEmptyState, LoadingComponent = QuillLoadingComponent, onRequestAddVirtualTable, }) {
-    const [primaryTable, setPrimaryTable] = useState(selectedTables[0]?.name);
-    const [theme] = useContext(ThemeContext);
-    const [search, setSearch] = useState('');
-    const [initialLoad, setInitialLoad] = useState(true);
-    const textInputContainerRef = useRef(null);
-    const [modalSelectedColumns, setModalSelectedColumns] = useState(selectedColumns.map((col) => `${col.table}.${col.field}`));
-    const columnOptions = useMemo(() => {
-        return 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;
-        }));
-    }, [schema, primaryTable]);
-    const [orderedColumnNames, setOrderedColumnNames] = useState([]);
-    const isSelectedAllColumns = columnOptions.length === modalSelectedColumns.length;
-    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(() => {
-        // Start with selected columns in their current order
-        // Add remaining columns from columnOptions that aren't already included
-        const remainingColumns = columnOptions.filter((col) => !modalSelectedColumns.includes(col));
-        setOrderedColumnNames([...modalSelectedColumns, ...remainingColumns]);
-    }, [columnOptions]);
-    useEffect(() => {
-        if (!schemaLoading && initialLoad) {
-            setTimeout(() => setInitialLoad(false), 200); // This artificial load prevents a flash as searchResults gets populated from empty array
-        }
-    }, [schemaLoading]);
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates,
-    }));
-    // 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) {
-            setOrderedColumnNames((orderedColumnNames) => {
-                const oldIndex = orderedColumnNames.indexOf(active.id);
-                const newIndex = orderedColumnNames.indexOf(over.id);
-                return arrayMove(orderedColumnNames, oldIndex, newIndex);
-            });
-        }
-    }
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 2,
-            minWidth: 300,
-            maxHeight: 600,
-            paddingLeft: 16,
-            paddingRight: 16,
-            paddingBottom: 16,
-        }, children: [_jsx("div", { ref: textInputContainerRef, style: {
-                    position: 'relative',
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    marginTop: 2,
-                    marginBottom: 6,
-                }, children: _jsx(TextInputComponent, { id: 'add_column_search_bar', value: search, placeholder: 'Search...', width: 400, onChange: (e) => setSearch(e.target.value), disabled: schemaLoading || initialLoad }) }), schemaLoading || initialLoad ? (_jsx(LoadingComponent, {})) : schema.length > 0 ? (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: orderedColumnNames, strategy: verticalListSortingStrategy, children: _jsxs("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            gap: 8,
-                            overflowY: 'auto',
-                            maxWidth: '400px',
-                        }, children: [searchResults.map((value, index) => {
-                                return (_jsx(SortableItem, { selectedColumns: modalSelectedColumns, setSelectedColumns: (newSelectedColumns) => {
-                                        if (!primaryTable) {
-                                            setModalSelectedColumns(newSelectedColumns);
-                                            setPrimaryTable(newSelectedColumns[0]?.split('.')[0]);
-                                        }
-                                        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 }, index));
-                            }), search.length > 0 && searchResults.length === 0 && (_jsx(ColumnSearchEmptyState, {}))] }) }) })) : (_jsxs("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    justifyContent: 'space-around',
-                    paddingTop: 20,
-                    alignItems: 'center',
-                    minHeight: 140,
-                    height: '100%',
-                }, children: [_jsx("span", { style: {
-                            fontFamily: theme?.fontFamily,
-                            fontSize: theme?.fontSize,
-                            color: theme?.secondaryTextColor,
-                            textAlign: 'center',
-                        }, children: "No tables found for the current tenant" }), onRequestAddVirtualTable && (_jsx(Button, { onClick: () => {
-                            onRequestAddVirtualTable?.();
-                        }, label: "Add Table" }))] })), _jsxs("div", { style: {
-                    display: schemaLoading || initialLoad || columnOptions.length === 0
-                        ? 'none'
-                        : 'flex',
-                    width: '100%',
-                    flexDirection: 'row',
-                    gap: 8,
-                    justifyContent: 'end',
-                    marginTop: 12,
-                }, children: [modalSelectedColumns.length > 0 && (_jsx(SecondaryButton, { onClick: () => {
-                            setModalSelectedColumns([]);
-                            setPrimaryTable(undefined);
-                        }, 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 };
-                                }
-                            })
-                                .filter((table) => table !== null)
-                                .sort((table1, table2) => {
-                                if (table1.name === primaryTable)
-                                    return -1;
-                                if (table2.name === primaryTable)
-                                    return 1;
-                                return 0;
-                            });
-                            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 {
-                                    const alias = newTables.length > 1 ? `${table}_${field}` : undefined;
-                                    return {
-                                        table: table || '',
-                                        field: field || '',
-                                        alias,
-                                    };
-                                }
-                            })
-                                .filter((col) => col !== null);
-                            onSave(newTables, newColumns);
-                        }, label: "Select columns" })] })] }));
-}
-const SortableItem = ({ id, label, setSelectedColumns, selectedColumns, SelectColumn, }) => {
-    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: id });
-    const style = {
-        transform: DND_CSS.Transform.toString(transform),
-        transition,
-    };
-    const handleSelect = () => {
-        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',
-                }, ...attributes, ...listeners, children: _jsx(props.dragIcon, {}) })) }) }));
-};

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

@@ -1,26 +0,0 @@
-import { ButtonComponentProps, TextInputComponentProps } from '../UiComponents';
-import { LimitPopoverComponentProps } from './ui';
-export declare const LimitSentence: ({ limit, handleDelete, setOpenPopover, onSave, popoverTitle, LimitPopover, EditPopover, TextInput, Button, SecondaryButton, disabled, }: {
-    limit: number;
-    handleDelete: () => void;
-    setOpenPopover: (arg: any) => void;
-    onSave: (column: any, direction: any) => void;
-    popoverTitle?: string;
-    LimitPopover: (props: LimitPopoverComponentProps) => JSX.Element;
-    EditPopover: any;
-    TextInput: any;
-    Button: (props: ButtonComponentProps) => JSX.Element;
-    SecondaryButton: (props: ButtonComponentProps) => JSX.Element;
-    disabled?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export interface AddLimitPopoverProps {
-    onSave: (limit: number) => void;
-    initialLimit?: number;
-    isEdit?: boolean;
-    onDelete?: () => void;
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
-    Button?: (props: ButtonComponentProps) => JSX.Element;
-    SecondaryButton?: (props: ButtonComponentProps) => JSX.Element;
-}
-export declare const AddLimitPopover: ({ onSave, initialLimit, isEdit, onDelete, TextInputComponent, Button, SecondaryButton, }: AddLimitPopoverProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AddLimitPopover.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddLimitPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddLimitPopover.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EAIpB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa,GAAI,yIAY3B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,GAAG,CAAC,OAAO,CAAC;IACjE,WAAW,EAAE,GAAG,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACrD,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAiCA,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,CAAC,EACf,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,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;AAED,eAAO,MAAM,eAAe,GAAI,0FAQ7B,oBAAoB,4CAwEtB,CAAC"}