@quillsql/react 2.11.12 → 2.11.13

package/dist/esm/ReportBuilder.js

@@ -21,6 +21,8 @@ import { PivotModal, generatePivotTable, } from './internals/ReportBuilder/Pivot
 import { PivotCard } from './internals/ReportBuilder/PivotList';
 import QuillTable from './components/QuillTable';
 import { QuillSelectComponent } from './components/QuillSelect';
+import { snakeCaseToTitleCase } from './utils/textProcessing';
+import { AddLimitPopover, LimitSentence, } from './components/ReportBuilder/AddLimitPopover';
 /**
  * Quill Report Builder
  *
@@ -85,7 +87,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
         return columns.map((col) => ({
             label: col,
             name: col,
-            displayName: col,
+            displayName: snakeCaseToTitleCase(col),
             field: col,
             format: getPostgresBasicType(fields.find((f) => f.name === col))?.replace('number', 'whole_number') || 'string',
             fieldType: schemaTables
@@ -117,6 +119,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
             // setUniqueValues({});
             setPivot(null);
             setPivotData(null);
+            setRecommendedPivots([]);
         }, 0);
     };
     useEffect(() => {
@@ -268,19 +271,36 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
         };
         const fetchSchema = async () => {
             try {
-                const response = await fetch(`https://quill-344421.uc.r.appspot.com/schema2/${client.publicKey}`).then((res) => res.json());
+                const response = await fetch(`${client.queryEndpoint}`, {
+                    method: 'POST',
+                    headers: {
+                        ...client.queryHeaders,
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        metadata: {
+                            clientId: client.publicKey,
+                            publicKey: client.publicKey,
+                            task: 'schema',
+                            removeCustomerField: true,
+                        },
+                    }),
+                });
+                const results = await response.json();
                 // Filter out hidden columns on tables back from schema2.
-                const tables = response?.tables;
-                for (const table of tables) {
-                    table.columns = table.columns.filter((column) => 
-                    // Quick and dirty fix for removing org ids from response.
-                    // TODO: Fix this on the backend or something.
-                    column.isVisible && column.displayName !== 'pm_company_id');
-                }
+                const tables = results.data.tables || results.data.data.tables;
                 setSchemaTables(tables ?? []);
-                setOrderedColumnNames((tables ?? [])
-                    // .filter((t: any) => t.displayName === initialTableName)
-                    .flatMap((table) => table.columns.map((c) => `${table.displayName}.${c.displayName}`)));
+                setOrderedColumnNames((tables ?? []).flatMap((table) => table.columns
+                    .map((c) => `${table.name}.${c.name}`)
+                    .sort((a, b) => {
+                    const aIsId = a.endsWith('.id') || a.endsWith('_id');
+                    const bIsId = b.endsWith('.id') || b.endsWith('_id');
+                    if (aIsId && !bIsId)
+                        return 1;
+                    if (bIsId && !aIsId)
+                        return -1;
+                    return 0;
+                })));
                 // Fetch all the unique values in parallel
                 const pendingFetches = [];
                 for (let table of tables ?? []) {
@@ -305,6 +325,12 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 if (hashCode(uniqueValues) !== hashCode(newUniqueValues)) {
                     setUniqueValues(newUniqueValues);
                 }
+                if (initialTableName) {
+                    const columnsForTable = tables
+                        .find((t) => t.name === initialTableName)
+                        ?.columns.map((c) => c.name);
+                    await handleAsk(`get ${columnsForTable} from ${initialTableName}`);
+                }
             }
             catch (error) {
                 console.error(error);
@@ -607,6 +633,9 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
     };
     // Function to handle operator changes
     const handleOperatorChange = (value, node, keyPrefix, column = null) => {
+        if (!keyPrefix) {
+            setTopLevelBinaryOperator(value);
+        }
         if (isPending) {
             updateActiveItem([{ path: keyPrefix + 'operator', value }], { column });
         }
@@ -721,7 +750,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                         handleReplaceSubtree(keyPrefix, newSubtree);
                                     }
                                 }, options: getAllPossibleColumns().map((column) => ({
-                                    label: column.displayName,
+                                    label: snakeCaseToTitleCase(column.displayName),
                                     value: column.name,
                                 })) }), _jsx(Select, { theme: theme, value: dateFilterType, onChange: (value) => {
                                     if (value === dateFilterType)
@@ -815,7 +844,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 else if (isInTheLastInterval(node, client.databaseType)) {
                     const { dateColumn, dateFilterType, intervalCount, intervalType } = getDateFilterInfo(node);
                     const options = getAllPossibleColumns().map((column) => ({
-                        label: column.displayName,
+                        label: snakeCaseToTitleCase(column.displayName),
                         value: column.name,
                     }));
                     const plural = node.right.args.value[1].expr.value > 1 ? 's' : '';
@@ -866,7 +895,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 else if (isTheCurrentInterval(node, client.databaseType)) {
                     const { dateFilterType } = getDateFilterInfo(node);
                     const options = getAllPossibleColumns().map((column) => ({
-                        label: column.displayName,
+                        label: snakeCaseToTitleCase(column.displayName),
                         value: column.name,
                     }));
                     return (_jsxs("div", { style: {
@@ -911,7 +940,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 }
                 else if (isThePreviousInterval(node, client.databaseType)) {
                     const options = getAllPossibleColumns().map((column) => ({
-                        label: column.displayName,
+                        label: snakeCaseToTitleCase(column.displayName),
                         value: column.name,
                     }));
                     return (_jsxs("div", { style: {
@@ -972,7 +1001,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 }
                 else if (isColumnComparison(node)) {
                     const options = getAllPossibleColumns().map((column) => ({
-                        label: column.displayName,
+                        label: snakeCaseToTitleCase(column.displayName),
                         value: column.name,
                     }));
                     // grab the value of the left child of the column comparison
@@ -1026,6 +1055,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                             gap: 12,
                             flexDirection: 'column',
                             width: '100%',
+                            padding: '6px 0px',
                         }, children: [_jsxs("div", { style: {
                                     display: 'flex',
                                     gap: 20,
@@ -1121,7 +1151,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 }
             case 'column_ref': {
                 const options = getAllPossibleColumns().map((column) => ({
-                    label: column.displayName,
+                    label: snakeCaseToTitleCase(column.displayName),
                     value: column.name,
                 }));
                 return (_jsx(Select, { theme: theme, style: { width: '120px' }, value: node.column ?? options[0]?.value, onChange: (value) => {
@@ -1248,10 +1278,10 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                         isInTheCurrentIntervalSentence ??
                         isInTheLastIntervalSentence ??
                         isInThePreviousIntervalSentence ?? (_jsxs(_Fragment, { children: [node.left &&
-                                renderSentence(formData, node.left, keyPrefix + 'left.', false, false, isRow), isRow ? (' ' + OPS[node.operator] + ' ') : topLevelBinaryOperator === 'OR' ? (_jsx(TopLevelBooleanSwitch, { node: node, keyPrefix: keyPrefix, handleOperatorChange: handleOperatorChange, Select: Select })) : null, node.right &&
+                                renderSentence(formData, node.left, keyPrefix + 'left.', false, false, isRow), isRow ? (' ' + OPS[node.operator] + ' ') : isTopLevel || topLevelBinaryOperator === 'OR' ? (_jsx(TopLevelBooleanSwitch, { node: node, keyPrefix: keyPrefix, handleOperatorChange: handleOperatorChange, Select: Select })) : null, node.right &&
                                 renderSentence(formData, node.right, keyPrefix + 'right.', false, false, isRow)] })) }));
             case 'column_ref':
-                return node.column;
+                return snakeCaseToTitleCase(node.column);
             case 'expr_list':
                 if (node.value.length === 1) {
                     const subQuery = renderSentence(formData, node.value[0]);
@@ -1283,10 +1313,10 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                     if (node.args.value.length < 1)
                         return null;
                     if (node.args.value[0].value) {
-                        return node.args.value[0].value.replaceAll('%', '');
+                        return snakeCaseToTitleCase(node.args.value[0].value.replaceAll('%', ''));
                     }
                     if (node.args.value[0].column)
-                        return node.args.value[0].column.replaceAll('%', '');
+                        return snakeCaseToTitleCase(node.args.value[0].column.replaceAll('%', ''));
                     return null;
                 }
                 if (node.name.toLowerCase() === 'current_date' ||
@@ -1323,10 +1353,22 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
         const tableNamesInQuery = baseAst.from.map((tbl) => tbl.table);
         return schemaTables
             .filter((t) => tableNamesInQuery.includes(t.displayName))
-            .flatMap((table) => table.columns.map((c) => ({
+            .flatMap((table) => table.columns
+            .map((c) => ({
             ...c,
             table: table.displayName,
-        })));
+        }))
+            .sort((a, b) => {
+            const aIsId = a.name.toLowerCase() === 'id' ||
+                a.name.toLowerCase().endsWith('_id');
+            const bIsId = b.name.toLowerCase() === 'id' ||
+                b.name.toLowerCase().endsWith('_id');
+            if (aIsId && !bIsId)
+                return 1;
+            if (bIsId && !aIsId)
+                return -1;
+            return 0;
+        }));
     };
     const getDateColumns = () => {
         const allColumns = getAllPossibleColumns();
@@ -1377,26 +1419,6 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
         },
         as: null,
     });
-    const SortableItem = ({ id, label, setSelectedColumns, selectedColumns, }) => {
-        const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: id });
-        const style = {
-            transform: DND_CSS.Transform.toString(transform),
-            transition,
-        };
-        const handleSelect = () => {
-            setSelectedColumns((selectedColumns) => {
-                if (selectedColumns.includes(id)) {
-                    return selectedColumns.filter((column) => column !== id);
-                }
-                else {
-                    return [...selectedColumns, id];
-                }
-            });
-        };
-        return (_jsx("div", { style: { userSelect: 'none', ...style }, ref: setNodeRef, children: _jsx(SelectColumn, { selected: selectedColumns?.includes(id), setSelected: handleSelect, label: label, children: _jsx("div", { style: {
-                        cursor: 'grab',
-                    }, ...attributes, ...listeners, children: _jsx(HandleButton, {}) }) }) }));
-    };
     const AddConditionPopover = ({ onSave }) => {
         return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 2 }, children: [_jsx("h1", { style: {
                         fontWeight: '600',
@@ -1429,6 +1451,17 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 if (data2.rows && data2.rows.length) {
                     const tables = getTableNames(baseAst);
                     const table = tables.length >= 1 ? tables[0] : initialTableName;
+                    const sortedFields = data2.fields.sort((a, b) => {
+                        const aIsId = a.name.toLowerCase() === 'id' ||
+                            a.name.toLowerCase().endsWith('_id');
+                        const bIsId = b.name.toLowerCase() === 'id' ||
+                            b.name.toLowerCase().endsWith('_id');
+                        if (aIsId && !bIsId)
+                            return 1;
+                        if (bIsId && !aIsId)
+                            return -1;
+                        return 0;
+                    });
                     if (pivot) {
                         // Do all of this to make sure we have the right unique columns when applying a pivot
                         let uniqueFormatted = {};
@@ -1562,8 +1595,8 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
         }
         return false;
     };
-    const handleAsk = async () => {
-        if (!aiPrompt) {
+    const handleAsk = async (overridePrompt = '') => {
+        if (!aiPrompt && !overridePrompt) {
             return;
         }
         try {
@@ -1582,7 +1615,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                         method: 'POST',
                         headers: { 'Content-Type': 'application/json' },
                         body: JSON.stringify({
-                            initialQuestion: aiPrompt,
+                            initialQuestion: aiPrompt || overridePrompt,
                             publicKey: client.publicKey,
                         }),
                     });
@@ -1741,7 +1774,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
             transform: DND_CSS.Transform.toString(transform),
             transition,
         };
-        return (_jsx("div", { style: { ...style }, ref: setNodeRef, children: _jsx(DraggableColumn, { label: label, onDelete: onDelete, children: _jsx("div", { style: {
+        return (_jsx("div", { style: { ...style }, ref: setNodeRef, children: _jsx(DraggableColumn, { label: snakeCaseToTitleCase(label), onDelete: onDelete, children: _jsx("div", { style: {
                         cursor: 'grab',
                     }, ...attributes, ...listeners, children: _jsx(HandleButton, {}) }) }) }));
     };
@@ -1802,18 +1835,6 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                         gap: 8,
                     }, children: [columnNamesInAst.map((name) => (_jsx(DraggableItem, { id: name, label: name, onDelete: () => handleDeleteColumn(name) }, name))), columnNamesInAst?.length > 0 && _jsx("div", { style: { height: 6 } })] }) }) }));
     }
-    const allNumericColumns = getNumericColumns().map((column) => ({
-        label: column.displayName,
-        value: column.name,
-    }));
-    const allNonNumericColumns = getNonNumericColumns().map((column) => ({
-        label: column.displayName,
-        value: column.name,
-    }));
-    const allStringColumns = getStringColumns().map((column) => ({
-        label: column.displayName,
-        value: column.name,
-    }));
     if (loading) {
         return (_jsxs("div", { style: {
                 display: 'flex',
@@ -1824,7 +1845,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                     if (!openPopover) {
                                         setOpenPopover('AddColumnPopover');
                                     }
-                                }, label: 'Select columns' }), title: "Select columns", onClose: () => {
+                                }, label: 'Select columns' }), label: "Select columns", onClose: () => {
                                 setIsPending(false);
                                 setActiveEditItem(null);
                                 setActivePath(null);
@@ -1937,7 +1958,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                 newAst.orderby = null;
                                 setBaseAst(newAst); // trigger refetch
                                 setPivot(pivot);
-                            }, selectPivotOnEdit: true, showTrigger: !pivot || !pivotData, theme: theme, LabelComponent: Label, HeaderComponent: Header, dateRange: [null, null, null], recommendPivotCount: 3 }), pivot && pivotData && (_jsx(PivotCard, { pivotTable: {
+                            }, selectPivotOnEdit: true, showTrigger: !pivot || !pivotData, theme: theme, LabelComponent: Label, HeaderComponent: Header, dateRange: [null, null, null], recommendPivotCount: 3, SecondaryButtonComponent: SecondaryButton }), pivot && pivotData && (_jsx(PivotCard, { pivotTable: {
                                 pivot: pivot,
                                 rows: pivotData?.rows || [],
                                 columns: pivotData?.columns || [],
@@ -1996,7 +2017,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                     const newAst = { ...baseAst };
                                     newAst.orderby.splice(id, 1);
                                     setBaseAst(deepCopy(newAst));
-                                } }, `sort-sentence-${id}`))) })), _jsx(Popover, { isOpen: openPopover === 'AddSortPopover', trigger: _jsx(SecondaryButton, { onClick: () => {
+                                } }, `sort-sentence-${id}`))) })), _jsx(Popover, { isOpen: openPopover === 'AddSortPopover', setIsOpen: () => { }, trigger: _jsx(SecondaryButton, { onClick: () => {
                                     if (!openPopover) {
                                         setOpenPopover('AddSortPopover');
                                     }
@@ -2005,14 +2026,45 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                 setActiveEditItem(null);
                                 setActivePath(null);
                                 setOpenPopover(null);
-                            }, children: _jsx(AddSortPopover, { columns: selectedColumns, Select: Select, Button: Button, onSave: () => { } }) })] }), _jsxs(Container, { children: [!hideAi && (_jsxs("form", { onSubmit: (event) => {
+                            }, children: _jsx(AddSortPopover, { columns: selectedColumns, Select: Select, Button: Button, onSave: () => { } }) }), _jsx("div", { style: { height: 28, width: '100%' } }), _jsx(SidebarHeading, { label: "Limit" }), _jsx("div", { style: { height: 4, width: '100%' } }), baseAst && baseAst.limit ? (_jsx("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                gap: 8,
+                                marginBottom: 12,
+                            }, children: _jsx(LimitSentence, { limit: baseAst.limit, setOpenPopover: setOpenPopover, LimitPopover: SortPopover, EditPopover: AddLimitPopover, handleDelete: () => {
+                                    const newAst = { ...baseAst };
+                                    newAst.limit = null;
+                                    setBaseAst(deepCopy(newAst));
+                                }, onSave: (limit) => {
+                                    const newAst = { ...baseAst };
+                                    newAst.limit = {
+                                        seperator: '',
+                                        value: [
+                                            {
+                                                type: 'number',
+                                                value: limit,
+                                            },
+                                        ],
+                                    };
+                                    setOpenPopover(null);
+                                    setBaseAst(deepCopy(newAst));
+                                } }) })) : (_jsx(Popover, { isOpen: openPopover === 'AddLimitPopover', setIsOpen: () => { }, trigger: _jsx(SecondaryButton, { onClick: () => {
+                                    if (!openPopover) {
+                                        setOpenPopover('AddLimitPopover');
+                                    }
+                                }, label: 'Add limit' }), title: "Limit", onClose: () => {
+                                setIsPending(false);
+                                setActiveEditItem(null);
+                                setActivePath(null);
+                                setOpenPopover(null);
+                            }, children: _jsx(TextInput, { value: 0, type: "number", style: { width: 120, minHeight: 32 }, onChange: (e) => { } }) }))] }), _jsxs(Container, { children: [!hideAi && (_jsxs("form", { onSubmit: (event) => {
                                 event.preventDefault();
                             }, style: {
                                 display: 'flex',
                                 flexDirection: 'row',
                                 gap: 12,
                                 padding: 1,
-                            }, children: [_jsx(TextInput, { placeholder: "Ask a question...", type: "text", style: { width: '100%', fontSize: 14 }, value: aiPrompt }), _jsx(Button, { onClick: () => { }, label: 'Ask AI' }), baseAst && (_jsx(SecondaryButton, { onClick: clearAllState, label: "New report" }))] })), baseAst && (_jsxs(_Fragment, { children: [_jsx(TableLoadingState, {}), _jsxs("div", { style: {
+                            }, children: [_jsx(TextInput, { placeholder: baseAst ? 'Ask a follow-up question...' : 'Ask a question...', type: "text", style: { width: '100%', fontSize: 14 }, value: aiPrompt }), _jsx(Button, { onClick: () => { }, label: 'Ask AI' }), baseAst && (_jsx(SecondaryButton, { onClick: clearAllState, label: "New report" }))] })), baseAst && (_jsxs(_Fragment, { children: [_jsx(TableLoadingState, {}), _jsxs("div", { style: {
                                         display: 'flex',
                                         flexDirection: 'row',
                                         gap: '12px',
@@ -2137,7 +2189,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                             setOpenPopover(null);
                                             clearCheckboxes();
                                         }
-                                    } }) }))] }), _jsx("div", { style: { height: 28, width: '100%' } }), _jsx(SidebarHeading, { label: "Pivot" }), _jsx("div", { style: { height: 4, width: '100%' } }), _jsx(PivotModal, { pivotRowField: pivotRowField, setPivotRowField: setPivotRowField, pivotColumnField: pivotColumnField, setPivotColumnField: setPivotColumnField, pivotValueField: pivotValueField, setPivotValueField: setPivotValueField, pivotAggregation: pivotAggregation, setPivotAggregation: setPivotAggregation, createdPivots: createdPivots, setCreatedPivots: setCreatedPivots, recommendedPivots: recommendedPivots, setRecommendedPivots: setRecommendedPivots, popUpTitle: pivotPopUpTitle, setPopUpTitle: setPivotPopUpTitle, selectedTable: initialTableName, SelectComponent: Select, ButtonComponent: Button, PopoverComponent: PivotPopover, TextComponent: Text, isOpen: showPivotPopover, setIsOpen: setShowPivotPopover, showUpdatePivot: isEdittingPivot, setShowUpdatePivot: setIsEdittingPivot, parentRef: parentRef, data: rows, columns: processColumnsForChartBuilder(Object.keys(rows[0] ?? {})), triggerButtonText: 'Add pivot', selectedPivotIndex: selectedPivotIndex, setSelectedPivotIndex: setSelectedPivotIndex, removePivot: () => {
+                                    } }) }))] }), _jsx("div", { style: { height: 28, width: '100%' } }), _jsx(SidebarHeading, { label: "Pivot" }), _jsx("div", { style: { height: 4, width: '100%' } }), _jsx(PivotModal, { pivotRowField: pivotRowField, setPivotRowField: setPivotRowField, pivotColumnField: pivotColumnField, setPivotColumnField: setPivotColumnField, pivotValueField: pivotValueField, setPivotValueField: setPivotValueField, pivotAggregation: pivotAggregation, setPivotAggregation: setPivotAggregation, createdPivots: createdPivots, setCreatedPivots: setCreatedPivots, recommendedPivots: recommendedPivots, setRecommendedPivots: setRecommendedPivots, popUpTitle: pivotPopUpTitle, setPopUpTitle: setPivotPopUpTitle, selectedTable: initialTableName, SelectComponent: Select, ButtonComponent: Button, SecondaryButtonComponent: SecondaryButton, PopoverComponent: PivotPopover, TextComponent: Text, isOpen: showPivotPopover, setIsOpen: setShowPivotPopover, showUpdatePivot: isEdittingPivot, setShowUpdatePivot: setIsEdittingPivot, parentRef: parentRef, data: rows, columns: processColumnsForChartBuilder(Object.keys(rows[0] ?? {})), triggerButtonText: 'Add pivot', selectedPivotIndex: selectedPivotIndex, setSelectedPivotIndex: setSelectedPivotIndex, removePivot: () => {
                             setPivot(null);
                             setPivotData(null);
                         }, selectPivot: (pivot) => {
@@ -2252,7 +2304,54 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                 setActivePath(null);
                                 setOpenPopover(null);
                                 setBaseAst(deepCopy(newAst));
-                            } }) })] }), _jsxs(Container, { children: [!hideAi && (_jsxs("form", { onSubmit: (event) => {
+                            } }) }), _jsx("div", { style: { height: 28, width: '100%' } }), _jsx(SidebarHeading, { label: "Limit" }), _jsx("div", { style: { height: 4, width: '100%' } }), baseAst && baseAst.limit ? (_jsx("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 8,
+                            marginBottom: 12,
+                        }, children: _jsx(LimitSentence, { limit: baseAst.limit, setOpenPopover: setOpenPopover, LimitPopover: SortPopover, EditPopover: AddLimitPopover, handleDelete: () => {
+                                const newAst = { ...baseAst };
+                                newAst.limit = null;
+                                setBaseAst(deepCopy(newAst));
+                            }, onSave: (limit) => {
+                                const newAst = { ...baseAst };
+                                newAst.limit = {
+                                    seperator: '',
+                                    value: [
+                                        {
+                                            type: 'number',
+                                            value: limit,
+                                        },
+                                    ],
+                                };
+                                setOpenPopover(null);
+                                setBaseAst(deepCopy(newAst));
+                            } }) })) : (_jsx(Popover, { isOpen: openPopover === 'AddLimitPopover', setIsOpen: () => { }, trigger: _jsx(SecondaryButton, { onClick: () => {
+                                if (!baseAst) {
+                                    return;
+                                }
+                                if (!openPopover) {
+                                    setOpenPopover('AddLimitPopover');
+                                }
+                            }, label: 'Add limit' }), title: "Limit", onClose: () => {
+                            setIsPending(false);
+                            setActiveEditItem(null);
+                            setActivePath(null);
+                            setOpenPopover(null);
+                        }, children: _jsx(AddLimitPopover, { TextInput: TextInput, onSave: (limit) => {
+                                const newAst = { ...baseAst };
+                                newAst.limit = {
+                                    seperator: '',
+                                    value: [
+                                        {
+                                            type: 'number',
+                                            value: Number(limit),
+                                        },
+                                    ],
+                                };
+                                setOpenPopover(null);
+                                setBaseAst(deepCopy(newAst));
+                            } }) }))] }), _jsxs(Container, { children: [!hideAi && (_jsxs("form", { onSubmit: (event) => {
                             event.preventDefault();
                             handleAsk();
                         }, style: {
@@ -2265,7 +2364,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                 fields: pivotData?.fields || fields,
                             }, baseAst?.columns ?? []), columns: pivotData?.columns ||
                                 enforceOrderOnColumns(Object.keys(rows[0] ?? {})).map((c) => {
-                                    return { label: c, field: c };
+                                    return { label: snakeCaseToTitleCase(c), field: c };
                                 }), error: errorMessage, rowsPerPage: 20 })) })), _jsxs("div", { style: {
                             display: 'flex',
                             flexDirection: 'row',

package/dist/esm/SQLEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,2BAA2B,CAAC;AAInC,wBAAgB,qBAAqB,CAAC,MAAM,KAAA;;;;;EAwE3C;AA2BD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAExE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAQD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAoC,EACpC,eAAgC,EAChC,wBAAkD,EAClD,kBAAmC,EACnC,cAA2B,EAC3B,eAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAc,EACd,UAAkB,EAClB,mBAA2B,EAC3B,sBAA8B,EAC9B,oBAA4B,EAC5B,wBAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,wBAAwB,EACxB,yBAA8C,EAC9C,aAAyB,EACzB,gBAA4B,EAC5B,0BAAkC,GACnC,EAAE,cAAc,2CA8WhB;AA6JD,eAAO,MAAM,mBAAmB;;;;;;;6CAuG/B,CAAC"}
+{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,2BAA2B,CAAC;AAInC,wBAAgB,qBAAqB,CAAC,MAAM,KAAA;;;;;EAwE3C;AA2BD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAExE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAQD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAoC,EACpC,eAAgC,EAChC,wBAAkD,EAClD,kBAAmC,EACnC,cAA2B,EAC3B,eAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAc,EACd,UAAkB,EAClB,mBAA2B,EAC3B,sBAA8B,EAC9B,oBAA4B,EAC5B,wBAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,wBAAwB,EACxB,yBAA8C,EAC9C,aAAyB,EACzB,gBAA4B,EAC5B,0BAAkC,GACnC,EAAE,cAAc,2CA+WhB;AA6JD,eAAO,MAAM,mBAAmB;;;;;;;6CAuG/B,CAAC"}

package/dist/esm/SQLEditor.js

@@ -153,6 +153,7 @@ export default function QueryEditor({ containerStyle = { height: '100vh' }, Butt
                     clientId: publicKey,
                     publicKey: publicKey,
                     task: 'schema',
+                    removeCustomerField: true,
                 },
             }),
         });

package/dist/esm/components/Chart/ChartTooltipFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltipFrame.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltipFrame.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ,2CAkBA"}
+{"version":3,"file":"ChartTooltipFrame.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltipFrame.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ,2CAmBA"}

package/dist/esm/components/Chart/ChartTooltipFrame.js

@@ -8,6 +8,7 @@ export default function ChartTooltipFrame({ children, theme, }) {
             background: theme?.backgroundColor || '#ffffff',
             borderRadius: '6px',
             zIndex: 40,
+            display: 'block',
             boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
         }, children: children }));
 }

package/dist/esm/components/Chart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,gBAAwB,EACxB,gBAAwB,GACzB,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,KAAK,GAAG,MAAM,CAAC;CAClC,kDA6OA"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,gBAAwB,EACxB,gBAAwB,GACzB,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,KAAK,GAAG,MAAM,CAAC;CAClC,kDAgPA"}

package/dist/esm/components/Chart/LineChart.js

@@ -50,6 +50,7 @@ export default function LineChart({ colors, colorMap = {}, yAxisFields, data, co
     // Allows the users to override the color scheme on a per-chart basis.
     const getCustomColor = (index, field, gradient) => {
         let key = index === 0 ? 'primary' : 'comparison';
+        field = field.replace('comparison_', '');
         if (colorMap && colorMap[field]) {
             if (index === 0 && gradient === 'start')
                 key = 'primaryGradientStart';
@@ -110,12 +111,14 @@ export default function LineChart({ colors, colorMap = {}, yAxisFields, data, co
                         }, position: { y: 0 } }), yAxisFields.map((elem, index) => {
                         // hash the color stops so they're stable, valid html ids
                         const gradientStart = getCustomColor(index, elem.field, 'start') ??
+                            getCustomColor(index, elem.field) ??
                             selectColor(elem, colors, index);
                         const gradientStop = getCustomColor(index, elem.field, 'stop') ?? '#00000000';
                         const uniqueId = `gradient_${hashCode(gradientStart)}_${hashCode(gradientStop)}`;
                         return (_jsx("defs", { children: _jsxs("linearGradient", { id: uniqueId, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "5%", stopColor: gradientStart, stopOpacity: 0.4 }), _jsx("stop", { offset: "95%", stopColor: gradientStop, stopOpacity: 0 })] }) }, `defs_${uniqueId}_${index}`));
                     }), yAxisFields.map((elem, index) => {
                         const gradientStart = hashCode(getCustomColor(index, elem.field, 'start') ??
+                            getCustomColor(index, elem.field) ??
                             selectColor(elem, colors, index));
                         const gradientStop = hashCode(getCustomColor(index, elem.field, 'stop') ?? '#00000000');
                         const uniqueId = `gradient_${gradientStart}_${gradientStop}`;

package/dist/esm/components/QuillSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,2CAgMtB"}
+{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,2CAwMtB"}

package/dist/esm/components/QuillSelect.js

@@ -7,7 +7,13 @@ export function QuillSelectComponent({ options, value, onChange, theme, label, }
     useOnClickOutside(modalRef, (e) => {
         setShowModal(false);
     });
-    return (_jsxs("div", { style: { position: 'relative', width: 200, minWidth: 200 }, children: [label && (_jsx("div", { style: {
+    return (_jsxs("div", { style: {
+            position: 'relative',
+            width: 200,
+            minWidth: 200,
+            boxShadow: 'rgba(0, 0, 0, 0.1) 0px 1px 5px 0px',
+            borderRadius: '6px',
+        }, children: [label && (_jsx("div", { style: {
                     fontSize: 14,
                     color: theme.primaryTextColor,
                     fontFamily: theme.fontFamily,

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

@@ -45,14 +45,14 @@ export default function AddColumnPopover({ onSave, orderedColumnNames, setOrdere
                     flexDirection: 'row',
                     alignItems: 'center',
                     marginTop: 2,
-                }, children: _jsx(TextInput, { type: "text", value: search, placeholder: 'Search...', style: { margin: '8px 0', width: '100%' }, onChange: (e) => setSearch(e.target.value) }) }), _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: orderedColumnNames, strategy: verticalListSortingStrategy, children: _jsxs("div", { style: {
+                }, children: _jsx(TextInput, { type: "text", value: search, placeholder: 'Search...', style: { marginBottom: 6, width: '100%' }, onChange: (e) => setSearch(e.target.value) }) }), _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: '300px',
                         }, children: [searchResults.map((value) => {
-                                return (_jsx(SortableItem, { theme: theme, selectedColumns: selectedColumns, setSelectedColumns: setSelectedColumns, id: value, label: value.replace('.', ' '), SelectColumn: SelectColumn, HandleButton: HandleButton }, value));
+                                return (_jsx(SortableItem, { theme: theme, selectedColumns: selectedColumns, setSelectedColumns: setSelectedColumns, id: value, label: value.replace('.', ' | '), SelectColumn: SelectColumn, HandleButton: HandleButton }, value));
                             }), search.length > 0 && searchResults.length === 0 && (_jsx("div", { style: { fontFamily: theme?.fontFamily }, children: "No results found" }))] }) }) }), _jsxs("div", { style: {
                     display: 'flex',
                     width: '100%',
@@ -103,7 +103,7 @@ export default function AddColumnPopover({ onSave, orderedColumnNames, setOrdere
                                 setPivot(null);
                             }
                             onSave();
-                        }, label: "Save" })] })] }));
+                        }, label: "Select columns" })] })] }));
 }
 const SortableItem = ({ id, label, setSelectedColumns, theme, selectedColumns, SelectColumn, HandleButton, }) => {
     const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: id });

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

@@ -0,0 +1,3 @@
+export declare const LimitSentence: ({ limit, handleDelete, setOpenPopover, onSave, popoverTitle, LimitPopover, EditPopover, children, }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const AddLimitPopover: ({ onSave, initialLimit, isEdit, onDelete, }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AddLimitPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddLimitPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddLimitPopover.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,aAAa,wGASvB,GAAG,4CAiCL,CAAC;AAEF,eAAO,MAAM,eAAe,gDAKzB,GAAG,4CAmCL,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useContext } from 'react';
+import { MemoizedButton, MemoizedSecondaryButton } from '../UiComponents';
+import { ThemeContext } from '../../Context';
+import { QuillTextInput } from './ui';
+const SORT_VALUE_TO_LABEL = {
+    ASC: 'ascending',
+    DESC: 'descending',
+};
+export const LimitSentence = ({ limit, handleDelete, setOpenPopover, onSave, popoverTitle = 'Edit limit', LimitPopover, EditPopover, children, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const handleClickDelete = (e) => {
+        setOpenPopover(null);
+        handleDelete();
+    };
+    return (_jsx("div", { style: { width: '100%' }, children: _jsx(LimitPopover
+        // @ts-ignore
+        , { 
+            // @ts-ignore
+            filterLabel: `limit ${limit.value[0].value}`, onClickDelete: handleClickDelete, popoverTitle: popoverTitle, popoverChildren: _jsx(EditPopover, { onSave: (column, direction) => {
+                    setIsOpen(false);
+                    onSave(column, direction);
+                }, isEdit: true, onDelete: handleClickDelete, initialLimit: limit.value[0].value }), isOpen: isOpen, setIsOpen: setIsOpen, onDelete: () => {
+                handleDelete();
+            } }) }));
+};
+export const AddLimitPopover = ({ onSave, initialLimit, isEdit, onDelete, }) => {
+    const [limit, setLimit] = useState(initialLimit || 0);
+    const [theme] = useContext(ThemeContext);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'row', gap: 12, padding: '6px 0px' }, children: _jsx(QuillTextInput, { value: limit, type: "number", style: { width: 200, minHeight: 32, padding: '6px 12px' }, onChange: (e) => {
+                        setLimit(e.target.value);
+                    } }) }), _jsx("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    justifyContent: 'end',
+                    gap: 12,
+                }, children: isEdit ? (_jsxs(_Fragment, { children: [_jsx(MemoizedSecondaryButton, { onClick: onDelete, label: "Delete" }), _jsx(MemoizedButton, { onClick: () => onSave(limit), label: "Edit limit" })] })) : (_jsx(MemoizedButton, { onClick: () => onSave(limit), label: "Add limit" })) })] }));
+};

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":"AAWA,eAAO,MAAM,YAAY,iMAetB,GAAG,wDA2CL,CAAC;AAEF,eAAO,MAAM,cAAc,mDAMxB,GAAG,4CA0DL,CAAC"}
+{"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,iMAetB,GAAG,wDA2CL,CAAC;AAEF,eAAO,MAAM,cAAc,mDAMxB,GAAG,4CAiEL,CAAC"}