@quillsql/react 2.12.45 → 2.12.47

package/dist/cjs/components/QuillTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,2CAicrB"}
+{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,2CA+crB"}

package/dist/cjs/components/QuillTable.js

@@ -92,6 +92,7 @@ function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hid
             overflow: 'auto',
             display: 'flex',
             flexDirection: 'column',
+            maxHeight: 75 + Math.min(Math.max(10, rows.length), rowsPerPage) * 37,
             ...containerStyle,
         }, className: className, children: (0, jsx_runtime_1.jsx)("div", { style: {
                 height: '100%',
@@ -109,124 +110,133 @@ function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hid
                     minWidth: '0px',
                     width: '100%',
                     height: '100%',
-                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { overflow: 'auto', flexGrow: 1 }, children: [(0, jsx_runtime_1.jsx)("div", { className: "thead", children: (0, jsx_runtime_1.jsx)("div", { role: "row", className: "tr", style: {
-                                        display: 'flex',
-                                        flex: '1 0 auto',
-                                        minWidth: '100px',
-                                        boxSizing: 'border-box',
-                                    }, children: columns &&
-                                        columns.map((column, index) => ((0, jsx_runtime_1.jsxs)("div", { onClick: () => {
-                                                toggleSort(column);
-                                            }, 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: [(0, jsx_runtime_1.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: column.label || column.field }), column.field === sortColumn && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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) && ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)(LoadingComponent, {}) })), (activeRows && activeRows.length === 0) ||
-                                (columns && columns.length === 0) ? ((0, jsx_runtime_1.jsx)("div", { style: {
-                                    padding: '30px 0',
-                                    display: isPaginating || isLoading ? 'none' : 'flex',
-                                    flex: '1 0 auto',
-                                    margin: 'auto',
-                                    justifyContent: 'center',
-                                    alignItems: 'center',
-                                    fontSize: 13,
-                                    color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
-                                }, children: emptyStateLabel })) : ((0, jsx_runtime_1.jsx)("div", { role: "rowgroup", className: "tbody", children: activeRows &&
-                                    activeRows.map((row, rowIndex) => ((0, jsx_runtime_1.jsx)("div", { role: "row", className: "tr", style: {
-                                            display: isPaginating || isLoading ? 'none' : 'flex',
+                    minHeight: '260px',
+                }, children: [(0, jsx_runtime_1.jsx)("div", { style: { overflow: 'auto', flexGrow: 1 }, children: (0, jsx_runtime_1.jsxs)("div", { style: { minWidth: '100%', display: 'inline-block' }, children: [(0, jsx_runtime_1.jsx)("div", { className: "thead", style: {
+                                        position: 'sticky',
+                                        top: 0,
+                                        zIndex: 1,
+                                        background: 'white',
+                                    }, children: (0, jsx_runtime_1.jsx)("div", { role: "row", className: "tr", style: {
+                                            display: 'flex',
                                             flex: '1 0 auto',
                                             minWidth: '100px',
                                             boxSizing: 'border-box',
-                                        }, children: columns.map((column, columnIndex) => ((0, jsx_runtime_1.jsx)("div", { role: "cell", style: {
+                                            marginBottom: '-1px', // avoid double border
+                                        }, children: columns &&
+                                            columns.map((column, index) => ((0, jsx_runtime_1.jsxs)("div", { onClick: () => {
+                                                    toggleSort(column);
+                                                }, 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: [(0, jsx_runtime_1.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: column.label || column.field }), column.field === sortColumn && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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) && ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)(LoadingComponent, {}) })), (activeRows && activeRows.length === 0) ||
+                                    (columns && columns.length === 0) ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                                        padding: '30px 0',
+                                        display: isPaginating || isLoading ? 'none' : 'flex',
+                                        flex: '1 0 auto',
+                                        margin: 'auto',
+                                        justifyContent: 'center',
+                                        alignItems: 'center',
+                                        fontSize: 13,
+                                        color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
+                                    }, children: emptyStateLabel })) : ((0, jsx_runtime_1.jsx)("div", { role: "rowgroup", className: "tbody", children: activeRows &&
+                                        activeRows.map((row, rowIndex) => ((0, jsx_runtime_1.jsx)("div", { role: "row", className: "tr", style: {
+                                                display: isPaginating || isLoading ? 'none' : 'flex',
+                                                flex: '1 0 auto',
+                                                minWidth: '100px',
                                                 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: rowIndex > 0 ? '1px solid #E7E7E7' : undefined,
-                                                borderBottom: rowIndex === activeRows?.length - 1
-                                                    ? '1px solid #E7E7E7'
-                                                    : undefined,
-                                                userSelect: 'none',
-                                            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                                    lineHeight: '24px',
-                                                    width: '100%',
+                                            }, children: columns.map((column, columnIndex) => ((0, jsx_runtime_1.jsx)("div", { role: "cell", style: {
+                                                    boxSizing: 'border-box',
+                                                    flex: '150 0 auto',
+                                                    minWidth: '50px',
+                                                    width: '150px',
                                                     display: 'flex',
-                                                    cursor: 'default',
-                                                    position: 'relative',
+                                                    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',
-                                                }, "data-testid": "static-cell", children: (0, jsx_runtime_1.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',
+                                                }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                                                        lineHeight: '24px',
+                                                        width: '100%',
+                                                        display: 'flex',
+                                                        cursor: 'default',
+                                                        position: 'relative',
                                                         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))) }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                    }, "data-testid": "static-cell", children: (0, jsx_runtime_1.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))) }))] }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                             display: 'flex',
                             minWidth: '100px',
                             height: 38,
                             borderTop: '1px solid #E7E7E7',
                             background: '#F9FAFB',
                             width: '100%',
+                            marginTop: '-1px', // avoid double border
                         }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'row',

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+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, TextInput, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState, LoadingComponent, }: {
+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;
@@ -17,7 +17,7 @@ export default function AddColumnModal({ onSave, orderedColumnNames, setOrderedC
     defaultTable: any;
     setPivot: any;
     schemaLoading?: boolean;
-    TextInput: (props: TextInputComponentProps) => JSX.Element;
+    TextInputComponent: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
     SelectColumn: (props: {
         label: string;
         isSelected: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"AddColumnModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddColumnModal.tsx"],"names":[],"mappings":";AAiBA,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,SAAS,EACT,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,SAAS,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3D,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,2CAqNA"}
+{"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,2CAqNA"}

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

@@ -7,7 +7,7 @@ const sortable_1 = require("@dnd-kit/sortable");
 const utilities_1 = require("@dnd-kit/utilities");
 const UiComponents_1 = require("../UiComponents");
 const textProcessing_1 = require("../../utils/textProcessing");
-function AddColumnModal({ onSave, orderedColumnNames, setOrderedColumnNames, selectedColumns, setSelectedColumns, isSelectedAllColumns, clearAllState, nameToColumn, baseAst, setBaseAst, pivot, initialTableName, defaultAST, defaultTable, setPivot, schemaLoading, TextInput, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState = UiComponents_1.QuillColumnSearchEmptyState, LoadingComponent = UiComponents_1.QuillLoadingComponent, }) {
+function AddColumnModal({ onSave, orderedColumnNames, setOrderedColumnNames, selectedColumns, setSelectedColumns, isSelectedAllColumns, clearAllState, nameToColumn, baseAst, setBaseAst, pivot, initialTableName, defaultAST, defaultTable, setPivot, schemaLoading, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState = UiComponents_1.QuillColumnSearchEmptyState, LoadingComponent = UiComponents_1.QuillLoadingComponent, }) {
     const [search, setSearch] = (0, react_1.useState)('');
     const [searchResults, setSearchResults] = (0, react_1.useState)(orderedColumnNames);
     const textInputContainerRef = (0, react_1.useRef)(null);
@@ -62,7 +62,7 @@ function AddColumnModal({ onSave, orderedColumnNames, setOrderedColumnNames, sel
                     alignItems: 'center',
                     marginTop: 2,
                     marginBottom: 6,
-                }, children: (0, jsx_runtime_1.jsx)(TextInput, { id: 'add_column_search_bar', value: search, placeholder: 'Search...', width: 400, onChange: (e) => setSearch(e.target.value) }) }), schemaLoading ? ((0, jsx_runtime_1.jsx)(LoadingComponent, {})) : ((0, jsx_runtime_1.jsx)(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, children: (0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: orderedColumnNames, strategy: sortable_1.verticalListSortingStrategy, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                }, children: (0, jsx_runtime_1.jsx)(TextInputComponent, { id: 'add_column_search_bar', value: search, placeholder: 'Search...', width: 400, onChange: (e) => setSearch(e.target.value) }) }), schemaLoading ? ((0, jsx_runtime_1.jsx)(LoadingComponent, {})) : ((0, jsx_runtime_1.jsx)(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, children: (0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: orderedColumnNames, strategy: sortable_1.verticalListSortingStrategy, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 8,

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

@@ -18,9 +18,9 @@ export interface AddLimitPopoverProps {
     initialLimit?: number;
     isEdit?: boolean;
     onDelete?: () => void;
-    TextInput?: (props: TextInputComponentProps) => JSX.Element;
+    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, TextInput, Button, SecondaryButton, }: AddLimitPopoverProps) => import("react/jsx-runtime").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/cjs/components/ReportBuilder/AddLimitPopover.d.ts.map

@@ -1 +1 @@
-{"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;WAYjB,GAAG;kBACI,MAAM,IAAI;0BACF,GAAG,KAAK,IAAI;qBACjB,GAAG,aAAa,GAAG,KAAK,IAAI;;0BAEvB,0BAA0B,KAAK,WAAW;iBACnD,GAAG;eACL,GAAG;oBACE,oBAAoB,KAAK,WAAW;6BAC3B,oBAAoB,KAAK,WAAW;6CAiC9D,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,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,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,oFAQzB,oBAAoB,4CA8CtB,CAAC"}
+{"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;WAYjB,GAAG;kBACI,MAAM,IAAI;0BACF,GAAG,KAAK,IAAI;qBACjB,GAAG,aAAa,GAAG,KAAK,IAAI;;0BAEvB,0BAA0B,KAAK,WAAW;iBACnD,GAAG;eACL,GAAG;oBACE,oBAAoB,KAAK,WAAW;6BAC3B,oBAAoB,KAAK,WAAW;6CAiC9D,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,6FAQzB,oBAAoB,4CAwEtB,CAAC"}

package/dist/cjs/components/ReportBuilder/AddLimitPopover.js

@@ -16,26 +16,45 @@ const LimitSentence = ({ limit, handleDelete, setOpenPopover, onSave, popoverTit
                 }, isEdit: true, onDelete: handleClickDelete, initialLimit: limit.value[0].value, TextInput: TextInput, Button: Button, SecondaryButton: SecondaryButton }) }) }));
 };
 exports.LimitSentence = LimitSentence;
-const AddLimitPopover = ({ onSave, initialLimit = 10, isEdit = false, onDelete = () => { }, TextInput = UiComponents_1.QuillTextInput, Button = UiComponents_1.MemoizedButton, SecondaryButton = UiComponents_1.MemoizedSecondaryButton, }) => {
-    const [limit, setLimit] = (0, react_1.useState)(initialLimit);
+const AddLimitPopover = ({ onSave, initialLimit = 10, isEdit = false, onDelete = () => { }, TextInputComponent = UiComponents_1.QuillTextInput, Button = UiComponents_1.MemoizedButton, SecondaryButton = UiComponents_1.MemoizedSecondaryButton, }) => {
+    const [limit, setLimit] = (0, react_1.useState)(initialLimit.toString());
+    const MAX_LIMIT = 2147483647; // 2^31 - 1
     return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                     display: 'flex',
                     flexDirection: 'row',
                     gap: 12,
                     padding: '6px 0px',
-                }, children: (0, jsx_runtime_1.jsx)(TextInput, { id: 'add_limit_input', label: "Limit", value: limit.toString() ?? initialLimit.toString(), width: 200, 
+                }, children: (0, jsx_runtime_1.jsx)(TextInputComponent, { id: 'add_limit_input', label: "Limit", value: limit.toString() ?? initialLimit.toString(), width: 200, 
                     // style={{ minHeight: 32, padding: '6px 12px' }}
                     onChange: (e) => {
-                        if (Number.isNaN(parseFloat(e.target.value || '0'))) {
-                            alert('Please input a number.');
-                            return;
-                        }
-                        setLimit(parseFloat(e.target.value || '0'));
+                        setLimit(e.target.value);
                     } }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                     display: 'flex',
                     flexDirection: 'row',
                     justifyContent: 'end',
                     gap: 12,
-                }, children: isEdit ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: onDelete, label: "Delete" }), (0, jsx_runtime_1.jsx)(Button, { onClick: () => onSave(limit), label: "Edit limit" })] })) : ((0, jsx_runtime_1.jsx)(Button, { onClick: () => onSave(limit), label: "Add limit" })) })] }));
+                }, children: isEdit ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: onDelete, label: "Delete" }), (0, jsx_runtime_1.jsx)(Button, { onClick: () => {
+                                const limitValue = Number(limit);
+                                if (isNaN(limitValue)) {
+                                    alert('Please input a number.');
+                                    return;
+                                }
+                                if (limitValue > MAX_LIMIT) {
+                                    alert(`The limit should not exceed ${MAX_LIMIT}.`);
+                                    return;
+                                }
+                                onSave(limitValue);
+                            }, label: "Edit limit" })] })) : ((0, jsx_runtime_1.jsx)(Button, { onClick: () => {
+                        const limitValue = Number(limit);
+                        if (isNaN(limitValue)) {
+                            alert('Please input a number.');
+                            return;
+                        }
+                        if (limitValue > MAX_LIMIT) {
+                            alert(`The limit should not exceed ${MAX_LIMIT}.`);
+                            return;
+                        }
+                        onSave(limitValue);
+                    }, label: "Add limit" })) })] }));
 };
 exports.AddLimitPopover = AddLimitPopover;

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

@@ -28,6 +28,6 @@ type OperatorOptionsMap = {
 /**
  * Modal for adding, editing, and deleting Filters
  */
-export default function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element;
+export default function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=FilterModal.d.ts.map

package/dist/cjs/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,MAAM,EAIN,QAAQ,EAOT,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,MAAM,CAAC;IAChB,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,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,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,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,2CAwvBlB"}
+{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,MAAM,EAIN,QAAQ,EAOT,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,MAAM,CAAC;IAChB,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,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,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,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,kDA6zBlB"}