@quillsql/react 2.11.5 → 2.11.8

package/dist/cjs/ReportBuilder.js

@@ -12,7 +12,7 @@ const utilities_1 = require("@dnd-kit/utilities");
 const date_fns_1 = require("date-fns");
 const Context_1 = require("./Context");
 const ast_1 = require("./components/ReportBuilder/ast");
-const ChartBuilder_1 = __importDefault(require("./ChartBuilder"));
+const ChartBuilder_1 = require("./ChartBuilder");
 const ui_1 = require("./components/ReportBuilder/ui");
 const postgres_1 = require("./components/ReportBuilder/postgres");
 const convert_1 = require("./components/ReportBuilder/convert");
@@ -21,6 +21,10 @@ const operators_1 = require("./components/ReportBuilder/operators");
 const crypto_1 = require("./utils/crypto");
 const constants_1 = require("./components/ReportBuilder/constants");
 const AddColumnPopover_1 = __importDefault(require("./components/ReportBuilder/AddColumnPopover"));
+const AddSortPopover_1 = require("./components/ReportBuilder/AddSortPopover");
+const PivotModal_1 = require("./internals/ReportBuilder/PivotModal");
+const PivotList_1 = require("./internals/ReportBuilder/PivotList");
+const QuillTable_1 = __importDefault(require("./components/QuillTable"));
 /**
  * Quill Report Builder
  *
@@ -29,7 +33,7 @@ const AddColumnPopover_1 = __importDefault(require("./components/ReportBuilder/A
  * they can click a button and add that report to their dashboard or export it
  * as a CSV.
  */
-function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () => void null, destinationDashboard = undefined, organizationName = '', Button = ui_1.QuillButton, SecondaryButton = ui_1.QuillSecondaryButton, TextInput = ui_1.QuillTextInput, Select = ui_1.QuillSelect, Table = ui_1.QuillReportBuilderTable, Popover = ui_1.QuillPopover, Tabs = ui_1.QuillTabs, Checkbox = UiComponents_1.MemoizedCheckbox, Sidebar = ui_1.QuillSidebar, Container = ui_1.CustomContainer, HandleButton = ui_1.QuillHandleButton, SelectColumn = ui_1.QuillSelectColumn, DraggableColumn = ui_1.QuillDraggableColumn, ButtonLoadingState = ui_1.QuillButtonLoadingState, TableLoadingState = ui_1.QuillTableLoadingState, SidebarHeading = ui_1.QuillSidebarHeading, SidebarSubHeading = ui_1.QuillSidebarSubHeading, FilterPopover = ui_1.QuillFilterPopover, admin = false, }) {
+function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () => void null, destinationDashboard = undefined, organizationName = '', Button = UiComponents_1.MemoizedButton, SecondaryButton = UiComponents_1.MemoizedSecondaryButton, TextInput = ui_1.QuillTextInput, Select = ui_1.QuillSelect, Table = QuillTable_1.default, Popover = ui_1.QuillPopover, Tabs = ui_1.QuillTabs, Checkbox = UiComponents_1.MemoizedCheckbox, Sidebar = ui_1.QuillSidebar, Container = ui_1.CustomContainer, HandleButton = ui_1.QuillHandleButton, SelectColumn = ui_1.QuillSelectColumn, DraggableColumn = ui_1.QuillDraggableColumn, ButtonLoadingState = ui_1.QuillButtonLoadingState, TableLoadingState = ui_1.QuillTableLoadingState, SidebarHeading = ui_1.QuillSidebarHeading, SidebarSubHeading = ui_1.QuillSidebarSubHeading, FilterPopover = ui_1.QuillFilterPopover, SortPopover = ui_1.QuillSortPopover, Label = UiComponents_1.MemoizedLabel, Header = UiComponents_1.MemoizedHeader, Text = UiComponents_1.MemoizedText, PivotPopover = UiComponents_1.MemoizedPopover, admin = false, hideAi = false, }) {
     const [aiPrompt, setAiPrompt] = (0, react_1.useState)('');
     const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
     const [baseAst, setBaseAst] = (0, react_1.useState)(null);
@@ -52,6 +56,18 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
     const [uniqueValues, setUniqueValues] = (0, react_1.useState)({});
     const [pivot, setPivot] = (0, react_1.useState)(null);
     const [pivotData, setPivotData] = (0, react_1.useState)(null);
+    const [createdPivots, setCreatedPivots] = (0, react_1.useState)([]);
+    const [recommendedPivots, setRecommendedPivots] = (0, react_1.useState)([]);
+    const [pivotPopUpTitle, setPivotPopUpTitle] = (0, react_1.useState)('Add Pivot');
+    const [showPivotPopover, setShowPivotPopover] = (0, react_1.useState)(false);
+    const [isEdittingPivot, setIsEdittingPivot] = (0, react_1.useState)(false);
+    const [selectedPivotIndex, setSelectedPivotIndex] = (0, react_1.useState)(-1);
+    const parentRef = (0, react_1.useRef)(null);
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    const [pivotRowField, setPivotRowField] = (0, react_1.useState)(undefined);
+    const [pivotColumnField, setPivotColumnField] = (0, react_1.useState)(undefined);
+    const [pivotValueField, setPivotValueField] = (0, react_1.useState)(undefined);
+    const [pivotAggregation, setPivotAggregation] = (0, react_1.useState)(undefined);
     // eslint-disable-next-line no-unused-vars
     const [client, _setClient] = (0, react_1.useContext)(Context_1.ClientContext);
     const enforceOrderOnColumns = (columnNames) => {
@@ -1130,7 +1146,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                     ]) }, `input_${index}`));
                             }
                             return renderNode(elem, keyPrefix + `value.${index}.`);
-                        }), len > 1 && ((0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => handleDeleteVariant(keyPrefix + 'value'), children: "-" })), (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => handleInsertVariant(keyPrefix + 'value'), children: "+" })] }, keyPrefix));
+                        }), len > 1 && ((0, jsx_runtime_1.jsx)(SecondaryButton, { label: '-', onClick: () => handleDeleteVariant(keyPrefix + 'value') })), (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => handleInsertVariant(keyPrefix + 'value'), label: '+' })] }, keyPrefix));
             }
             case 'double_quote_string':
             case 'single_quote_string':
@@ -1396,7 +1412,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                         flexDirection: 'row',
                         gap: 8,
                         justifyContent: 'end',
-                    }, children: (0, jsx_runtime_1.jsx)(Button, { onMouseUp: onSave, children: "Add condition" }) })] }));
+                    }, children: (0, jsx_runtime_1.jsx)(Button, { onClick: onSave, label: 'Add condition' }) })] }));
     };
     const fetchUponChange = async () => {
         if ((formData || baseAst) && !loading) {
@@ -1425,7 +1441,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                             return acc;
                         }, {});
                         uniqueFormatted[pivot.columnField] = uniqueRecords;
-                        const pivotedData = (0, convert_1.applyPivot)(data2, pivot, uniqueFormatted);
+                        const pivotedData = (0, PivotModal_1.generatePivotTable)(pivot, data2.rows, [null, null, null], false);
                         console.info(`%c[Pivot]: ${JSON.stringify(pivot)}`, 'color: dimgray');
                         setPivotData(pivotedData);
                     }
@@ -1440,6 +1456,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                 else {
                     setRows([]);
                     setFields([]);
+                    setPivotData(null);
                 }
             }
             catch (e) {
@@ -1619,7 +1636,12 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                     }
                     return `${table}.${column.expr.value}`;
                 }));
-                setBaseAst((0, util_1.deepCopy)({ ...newAst }));
+                if (groupByPivot) {
+                    setBaseAst((0, util_1.deepCopy)({ ...newAst, orderby: null }));
+                }
+                else {
+                    setBaseAst((0, util_1.deepCopy)({ ...newAst }));
+                }
                 setFormData((0, util_1.deepCopy)(newAst.where));
                 setTopLevelBinaryOperator(
                 // @ts-ignore
@@ -1643,7 +1665,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                 const tables = (0, ast_1.getTableNames)(newAst);
                 const table = tables.length >= 1 ? tables[0] : initialTableName;
                 if (groupByPivot) {
-                    const pivotedData = (0, convert_1.applyPivot)(data2, groupByPivot, uniqueValues[table]);
+                    const pivotedData = (0, PivotModal_1.generatePivotTable)(pivot, data2.rows, [null, null, null], false);
                     console.info(`%c[Pivot]: ${JSON.stringify(groupByPivot)}`, 'color: dimgray');
                     setPivotData(pivotedData);
                 }
@@ -1783,11 +1805,11 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
         value: column.name,
     }));
     if (loading) {
-        return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', height: '100%' }, children: [(0, jsx_runtime_1.jsxs)(Sidebar, { children: [(0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Columns" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), (0, jsx_runtime_1.jsx)(DraggableColumns, {}), (0, jsx_runtime_1.jsx)(Popover, { isOpen: openPopover === 'AddColumnPopover', trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
+        return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', height: '100%' }, ref: parentRef, children: [(0, jsx_runtime_1.jsxs)(Sidebar, { children: [(0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Columns" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), (0, jsx_runtime_1.jsx)(DraggableColumns, {}), (0, jsx_runtime_1.jsx)(Popover, { isOpen: openPopover === 'AddColumnPopover', trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
                                     if (!openPopover) {
                                         setOpenPopover('AddColumnPopover');
                                     }
-                                }, children: "Select columns" }), title: "Select columns", onClose: () => {
+                                }, label: 'Select columns' }), title: "Select columns", onClose: () => {
                                 setIsPending(false);
                                 setActiveEditItem(null);
                                 setActivePath(null);
@@ -1825,7 +1847,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                                 setActivePath('');
                                                 setIsPending(true);
                                             }
-                                        }, children: "Add filter" }), onClose: () => {
+                                        }, label: 'Add filter' }), onClose: () => {
                                         setIsPending(false);
                                         setActivePath(null);
                                         setOpenPopover(null);
@@ -1862,7 +1884,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                                 setActivePath('');
                                                 setIsPending(true);
                                             }
-                                        }, children: "Add condition" }), onClose: () => {
+                                        }, label: 'Add condition' }), onClose: () => {
                                         setIsPending(false);
                                         setTimeout(() => {
                                             setActiveEditItem(null);
@@ -1890,35 +1912,96 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                                 setOpenPopover(null);
                                                 clearCheckboxes();
                                             }
-                                        } }) }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Pivot" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), pivot !== null && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                        } }) }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Pivot" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), (0, jsx_runtime_1.jsx)(PivotModal_1.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: () => {
+                                setPivot(null);
+                                setPivotData(null);
+                            }, selectPivot: (pivot) => {
+                                if (!pivot)
+                                    return;
+                                const newAst = { ...baseAst };
+                                newAst.orderby = null;
+                                setBaseAst(newAst); // trigger refetch
+                                setPivot(pivot);
+                            }, selectPivotOnEdit: true, showTrigger: !pivot, theme: theme, LabelComponent: Label, HeaderComponent: Header, dateRange: [null, null, null], recommendPivotCount: 3 }), pivot && ((0, jsx_runtime_1.jsx)(PivotList_1.PivotCard, { pivotTable: {
+                                pivot: pivot,
+                                rows: pivotData?.rows || [],
+                                columns: pivotData?.columns || [],
+                            }, theme: theme, index: 0, onSelectPivot: () => {
+                                setIsEdittingPivot(true);
+                                setShowPivotPopover(true);
+                                setPivotRowField(pivot?.rowField);
+                                setPivotColumnField(pivot?.columnField);
+                                setPivotValueField(pivot?.valueField);
+                                setPivotAggregation(pivot?.aggregationType);
+                                setPivotPopUpTitle('Edit Pivot');
+                            }, selectedPivotIndex: -1, onEditPivot: () => { }, ButtonComponent: Button, HeaderComponent: Header, showEdit: false, onClose: () => {
+                                setPivot(null);
+                                setPivotData(null);
+                                setBaseAst((0, util_1.deepCopy)(baseAst)); // trigger refetch
+                            }, minHeight: 180, LabelComponent: Label, TextComponent: Text })), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Sort" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), pivot && pivot.sort && ((0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'column',
-                                gap: 12,
+                                gap: 8,
                                 marginBottom: 12,
-                            }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SidebarSubHeading, { label: "Aggregation" }), (0, jsx_runtime_1.jsx)(Select, { onChange: void null, value: pivot.aggregationType, options: [
-                                                { label: 'sum', value: 'sum' },
-                                                { label: 'avg', value: 'avg' },
-                                                { label: 'min', value: 'min' },
-                                                { label: 'max', value: 'max' },
-                                                { label: 'count', value: 'count' },
-                                            ] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SidebarSubHeading, { label: "Value field" }), (0, jsx_runtime_1.jsx)(Select, { onChange: void null, value: pivot.valueField, options: [
-                                                { label: 'Select', value: '' },
-                                                ...allNumericColumns,
-                                            ] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SidebarSubHeading, { label: "Group rows by" }), (0, jsx_runtime_1.jsx)(Select, { onChange: void null, value: pivot.rowField ?? '', options: allNonNumericColumns })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SidebarSubHeading, { label: "Group columns by" }), (0, jsx_runtime_1.jsx)(Select, { onChange: void null, value: pivot.columnField ?? '', options: [
-                                                { label: 'Select', value: '' },
-                                                ...allStringColumns,
-                                            ] })] })] })), (0, jsx_runtime_1.jsx)(SecondaryButton, { children: pivot === null ? 'Add pivot' : 'Delete pivot' })] }), (0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsxs)("form", { style: {
+                            }, children: (0, jsx_runtime_1.jsx)(AddSortPopover_1.SortSentence, { sortData: {
+                                    type: pivot.sortDirection,
+                                    expr: { type: 'column_ref', column: pivot.rowField },
+                                }, columns: selectedColumns, setIsPending: setIsPending, setEditPopoverKey: setEditPopoverKey, setActiveEditItem: setActiveEditItem, setOpenPopover: setOpenPopover, SortPopover: SortPopover, EditPopover: AddSortPopover_1.AddSortPopover, handleDelete: () => {
+                                    setPivot({ ...pivot, sort: false });
+                                    setBaseAst((0, util_1.deepCopy)(baseAst));
+                                }, onSave: (column, direction) => {
+                                    setPivot({ ...pivot, sort: true, sortDirection: direction });
+                                    setOpenPopover(null);
+                                    setBaseAst((0, util_1.deepCopy)(baseAst));
+                                } }, `sort-sentence-pivot`) })), baseAst && baseAst.orderby && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                gap: 8,
+                                marginBottom: 12,
+                            }, children: baseAst.orderby.map((sortData, id) => ((0, jsx_runtime_1.jsx)(AddSortPopover_1.SortSentence, { sortData: sortData, columns: selectedColumns, onSave: (column, direction) => {
+                                    setIsPending(false);
+                                    setActiveEditItem(null);
+                                    setOpenPopover(null);
+                                    if (column === '')
+                                        return;
+                                    const newAst = { ...baseAst };
+                                    newAst.orderby[id] = {
+                                        expr: {
+                                            type: 'column_ref',
+                                            table: null,
+                                            column: column,
+                                        },
+                                        type: direction,
+                                    };
+                                    // look through the columns
+                                    setActivePath(null);
+                                    setOpenPopover(null);
+                                    setBaseAst((0, util_1.deepCopy)(newAst));
+                                }, setIsPending: setIsPending, setEditPopoverKey: setEditPopoverKey, setActiveEditItem: setActiveEditItem, setOpenPopover: setOpenPopover, SortPopover: SortPopover, EditPopover: AddSortPopover_1.AddSortPopover, handleDelete: () => {
+                                    const newAst = { ...baseAst };
+                                    newAst.orderby.splice(id, 1);
+                                    setBaseAst((0, util_1.deepCopy)(newAst));
+                                } }, `sort-sentence-${id}`))) })), (0, jsx_runtime_1.jsx)(Popover, { isOpen: openPopover === 'AddSortPopover', trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
+                                    if (!openPopover) {
+                                        setOpenPopover('AddSortPopover');
+                                    }
+                                }, label: 'Add sort' }), title: "Sort By", onClose: () => {
+                                setIsPending(false);
+                                setActiveEditItem(null);
+                                setActivePath(null);
+                                setOpenPopover(null);
+                            }, children: (0, jsx_runtime_1.jsx)(AddSortPopover_1.AddSortPopover, { columns: selectedColumns, Select: Select, Button: Button, onSave: () => { } }) })] }), (0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsxs)("form", { style: {
                                 display: 'flex',
                                 flexDirection: 'row',
                                 gap: 12,
                                 padding: 1,
-                            }, children: [(0, jsx_runtime_1.jsx)(TextInput, { placeholder: "Ask a question...", type: "text", style: { width: '100%', fontSize: 14 }, value: aiPrompt }), (0, jsx_runtime_1.jsx)(ButtonLoadingState, {}), baseAst && ((0, jsx_runtime_1.jsx)(SecondaryButton, { type: "button", onClick: clearAllState, children: "New report" }))] }), baseAst && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TableLoadingState, {}), (0, jsx_runtime_1.jsxs)("div", { style: {
+                            }, children: [(0, jsx_runtime_1.jsx)(TextInput, { placeholder: "Ask a question...", type: "text", style: { width: '100%', fontSize: 14 }, value: aiPrompt }), (0, jsx_runtime_1.jsx)(ButtonLoadingState, {}), baseAst && ((0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: clearAllState, label: "New report" }))] }), baseAst && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TableLoadingState, {}), (0, jsx_runtime_1.jsxs)("div", { style: {
                                         display: 'flex',
                                         flexDirection: 'row',
                                         gap: '12px',
-                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } }), (0, jsx_runtime_1.jsx)(SecondaryButton, { type: "button", onClick: () => copyToClipboard(activeQuery), children: isCopying ? '✅ Copied' : 'Copy SQL' }), (0, jsx_runtime_1.jsx)(Button, { children: "Add to dashboard" })] })] }))] }), (0, jsx_runtime_1.jsx)("style", { children: `body{margin:0;}` })] }));
+                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } }), (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => copyToClipboard(activeQuery), label: isCopying ? '✅ Copied' : 'Copy SQL' }), (0, jsx_runtime_1.jsx)(Button, { label: 'Add to dashboard', onClick: () => { } })] })] }))] }), (0, jsx_runtime_1.jsx)("style", { children: `body{margin:0;}` })] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: parentRef, style: {
             display: 'flex',
             flexDirection: 'row',
             height: '100%',
@@ -1927,7 +2010,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                 if (!openPopover) {
                                     setOpenPopover('AddColumnPopover');
                                 }
-                            }, children: "Select columns" }), onClose: () => {
+                            }, label: 'Select columns' }), onClose: () => {
                             // delay onClose callback so onClick no-ops
                             setTimeout(() => {
                                 setIsPending(false);
@@ -1949,7 +2032,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                             flexDirection: 'column',
                             gap: 2.5,
                             alignItems: 'flex-start',
-                        }, children: [(0, jsx_runtime_1.jsx)(Popover, { title: 'Add filter', isOpen: openPopover === 'AddFilterPopover', trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: (_e) => {
+                        }, children: [(0, jsx_runtime_1.jsx)(Popover, { title: 'Add filter', isOpen: openPopover === 'AddFilterPopover', trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
                                         if (!openPopover) {
                                             const value = orderedColumnNames[0];
                                             const [_table, column] = value.split('.');
@@ -1968,7 +2051,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                             setActivePath('');
                                             setIsPending(true);
                                         }
-                                    }, children: "Add filter" }), onClose: () => {
+                                    }, label: 'Add filter' }), onClose: () => {
                                     // delay onClose callback so onClick no-ops
                                     setTimeout(() => {
                                         setIsPending(false);
@@ -2006,7 +2089,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                             setActivePath('');
                                             setIsPending(true);
                                         }
-                                    }, children: "Add condition" }), onClose: () => {
+                                    }, label: 'Add condition' }), onClose: () => {
                                     // delay onClose callback so onClick no-ops
                                     setTimeout(() => {
                                         setIsPending(false);
@@ -2035,87 +2118,129 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                             setOpenPopover(null);
                                             clearCheckboxes();
                                         }
-                                    } }) }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Pivot" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), pivot !== null && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                    } }) }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Pivot" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), (0, jsx_runtime_1.jsx)(PivotModal_1.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: () => {
+                            setPivot(null);
+                            setPivotData(null);
+                        }, selectPivot: (pivot) => {
+                            if (!pivot)
+                                return;
+                            const newAst = { ...baseAst };
+                            newAst.orderby = null;
+                            setBaseAst(newAst); // trigger refetch
+                            setPivot(pivot);
+                        }, selectPivotOnEdit: true, showTrigger: !pivot, theme: theme, LabelComponent: Label, HeaderComponent: Header, dateRange: [null, null, null], recommendPivotCount: 3 }), pivot && ((0, jsx_runtime_1.jsx)(PivotList_1.PivotCard, { pivotTable: {
+                            pivot: pivot,
+                            rows: pivotData?.rows || [],
+                            columns: pivotData?.columns || [],
+                        }, theme: theme, index: 0, onSelectPivot: () => {
+                            setIsEdittingPivot(true);
+                            setShowPivotPopover(true);
+                            setPivotRowField(pivot?.rowField);
+                            setPivotColumnField(pivot?.columnField);
+                            setPivotValueField(pivot?.valueField);
+                            setPivotAggregation(pivot?.aggregationType);
+                            setPivotPopUpTitle('Edit Pivot');
+                        }, selectedPivotIndex: -1, onEditPivot: () => { }, ButtonComponent: Button, HeaderComponent: Header, showEdit: false, onClose: () => {
+                            setPivot(null);
+                            setPivotData(null);
+                            setBaseAst((0, util_1.deepCopy)(baseAst)); // trigger refetch
+                        }, minHeight: 180, LabelComponent: Label, TextComponent: Text })), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Sort" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), pivot && pivot.sort && ((0, jsx_runtime_1.jsx)("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
-                            gap: 12,
+                            gap: 8,
                             marginBottom: 12,
-                        }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SidebarSubHeading, { label: "Aggregation" }), (0, jsx_runtime_1.jsx)(Select, { value: pivot.aggregationType, onChange: (value) => {
-                                            setBaseAst((0, util_1.deepCopy)(baseAst)); // trigger refetch
-                                            setPivot({ ...pivot, aggregationType: value });
-                                        }, options: [
-                                            { label: 'sum', value: 'sum' },
-                                            { label: 'avg', value: 'avg' },
-                                            { label: 'min', value: 'min' },
-                                            { label: 'max', value: 'max' },
-                                            { label: 'count', value: 'count' },
-                                        ] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SidebarSubHeading, { label: "Value field" }), (0, jsx_runtime_1.jsx)(Select, { value: pivot.valueField, onChange: (value) => {
-                                            setBaseAst((0, util_1.deepCopy)(baseAst)); // trigger refetch
-                                            setPivot({ ...pivot, valueField: value });
-                                        }, options: [{ label: 'Select', value: '' }, ...allNumericColumns] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SidebarSubHeading, { label: "Group rows by" }), (0, jsx_runtime_1.jsx)(Select, { value: pivot.rowField ?? '', onChange: (value) => {
-                                            setBaseAst((0, util_1.deepCopy)(baseAst)); // trigger refetch
-                                            setPivot({
-                                                ...pivot,
-                                                rowField: value === '' ? undefined : value,
-                                            });
-                                        }, options: [
-                                            { label: 'Select', value: '' },
-                                            ...allNonNumericColumns,
-                                        ] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SidebarSubHeading, { label: "Group columns by" }), (0, jsx_runtime_1.jsx)(Select, { value: pivot.columnField ?? '', onChange: (value) => {
-                                            setBaseAst((0, util_1.deepCopy)(baseAst)); // trigger refetch
-                                            setPivot({
-                                                ...pivot,
-                                                columnField: value === '' ? undefined : value,
-                                            });
-                                        }, options: [
-                                            { label: 'Select', value: '' },
-                                            ...allStringColumns,
-                                        ].filter((option) => option.value !== pivot.rowField) })] })] })), (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
-                            if (pivot) {
+                        }, children: (0, jsx_runtime_1.jsx)(AddSortPopover_1.SortSentence, { sortData: {
+                                type: pivot.sortDirection,
+                                expr: { type: 'column_ref', column: pivot.rowField },
+                            }, columns: selectedColumns, setIsPending: setIsPending, setEditPopoverKey: setEditPopoverKey, setActiveEditItem: setActiveEditItem, setOpenPopover: setOpenPopover, SortPopover: SortPopover, EditPopover: AddSortPopover_1.AddSortPopover, handleDelete: () => {
+                                setPivot({ ...pivot, sort: false });
                                 setBaseAst((0, util_1.deepCopy)(baseAst));
-                                setPivot(null);
-                                setPivotData(null);
-                            }
-                            else {
-                                if (allNumericColumns.length === 0) {
-                                    setErrorMessage('Unable to create pivot: Unsupported Schema.');
+                            }, onSave: (column, direction) => {
+                                setPivot({ ...pivot, sort: true, sortDirection: direction });
+                                setOpenPopover(null);
+                                setBaseAst((0, util_1.deepCopy)(baseAst));
+                            } }, `sort-sentence-pivot`) })), baseAst && baseAst.orderby && ((0, jsx_runtime_1.jsx)("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 8,
+                            marginBottom: 12,
+                        }, children: baseAst.orderby.map((sortData, id) => ((0, jsx_runtime_1.jsx)(AddSortPopover_1.SortSentence, { sortData: sortData, columns: selectedColumns, setIsPending: setIsPending, setEditPopoverKey: setEditPopoverKey, setActiveEditItem: setActiveEditItem, setOpenPopover: setOpenPopover, SortPopover: SortPopover, EditPopover: AddSortPopover_1.AddSortPopover, handleDelete: () => {
+                                if (pivot) {
+                                    setPivot({ ...pivot, sort: false });
                                     return;
                                 }
-                                if (!baseAst) {
-                                    let ast = (0, util_1.deepCopy)({
-                                        ...constants_1.defaultAST,
-                                        columns: getAllPossibleColumns()
-                                            .filter((c) => c.table === initialTableName)
-                                            .map((c) => {
-                                            const newColumn = (0, util_1.deepCopy)(constants_1.defaultColumn);
-                                            newColumn.expr.column = c.name;
-                                            return newColumn;
-                                        }),
-                                        from: [{ ...constants_1.defaultTable, table: initialTableName }],
-                                        where: null,
+                                const newAst = { ...baseAst };
+                                newAst.orderby.splice(id, 1);
+                                setBaseAst((0, util_1.deepCopy)(newAst));
+                            }, onSave: (column, direction) => {
+                                if (pivot) {
+                                    setPivot({
+                                        ...pivot,
+                                        sort: true,
+                                        sortDirection: direction,
                                     });
-                                    ast = (0, convert_1.convertWildcardColumns)(ast, schemaTables);
-                                    setBaseAst(ast);
+                                    return;
                                 }
-                                else {
+                                setIsPending(false);
+                                setActiveEditItem(null);
+                                setOpenPopover(null);
+                                if (column === '')
+                                    return;
+                                const newAst = { ...baseAst };
+                                newAst.orderby[id] = {
+                                    expr: {
+                                        type: 'column_ref',
+                                        table: null,
+                                        column: column,
+                                    },
+                                    type: direction,
+                                };
+                                // look through the columns
+                                setActivePath(null);
+                                setOpenPopover(null);
+                                setBaseAst((0, util_1.deepCopy)(newAst));
+                            } }, `sort-sentence-${id}`))) })), (0, jsx_runtime_1.jsx)(Popover, { isOpen: openPopover === 'AddSortPopover', trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
+                                if (!openPopover) {
+                                    setOpenPopover('AddSortPopover');
+                                }
+                            }, label: 'Add sort' }), title: "Sort by", onClose: () => {
+                            setIsPending(false);
+                            setActiveEditItem(null);
+                            setActivePath(null);
+                            setOpenPopover(null);
+                        }, children: (0, jsx_runtime_1.jsx)(AddSortPopover_1.AddSortPopover, { columns: pivot ? [`.${pivot.rowField}`] : selectedColumns, Select: Select, Button: Button, onSave: (column, direction) => {
+                                if (column === '')
+                                    return;
+                                if (pivot) {
+                                    setPivot({ ...pivot, sort: true, sortDirection: direction });
+                                    setActivePath(null);
+                                    setOpenPopover(null);
                                     setBaseAst((0, util_1.deepCopy)(baseAst));
+                                    return;
                                 }
-                                setPivot({
-                                    aggregationType: 'sum',
-                                    valueField: allNumericColumns[0].value,
-                                    rowField: allNonNumericColumns[0]?.value,
-                                    columnField: undefined,
+                                const newAst = { ...baseAst };
+                                if (!newAst.orderby)
+                                    newAst.orderby = [];
+                                newAst.orderby.push({
+                                    expr: { type: 'column_ref', column },
+                                    type: direction,
                                 });
-                            }
-                        }, children: pivot === null ? 'Add pivot' : 'Delete pivot' }), (0, jsx_runtime_1.jsx)("div", { style: { height: 12, width: '100%' } })] }), (0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsxs)("form", { onSubmit: handleAsk, style: {
+                                // look through the columns
+                                setActivePath(null);
+                                setOpenPopover(null);
+                                setBaseAst((0, util_1.deepCopy)(newAst));
+                            } }) })] }), (0, jsx_runtime_1.jsxs)(Container, { children: [!hideAi && ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleAsk, style: {
                             display: 'flex',
                             flexDirection: 'row',
                             gap: 12,
                             padding: 1,
-                        }, children: [(0, jsx_runtime_1.jsx)(TextInput, { type: "text", value: aiPrompt, style: { width: '100%', fontSize: 14 }, onChange: (e) => setAiPrompt(e.target.value), placeholder: baseAst ? 'Ask a follow-up question...' : 'Ask a question...' }), (0, jsx_runtime_1.jsx)(Button, { type: "submit", onClick: handleAsk, children: "Ask AI" }), baseAst && ((0, jsx_runtime_1.jsx)(SecondaryButton, { type: "button", onClick: clearAllState, children: "New report" }))] }), baseAst && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && errorMessage.length === 0 ? ((0, jsx_runtime_1.jsx)(TableLoadingState, {})) : ((0, jsx_runtime_1.jsx)(Table, { rows: applyFormatting({
+                        }, children: [(0, jsx_runtime_1.jsx)(TextInput, { type: "text", value: aiPrompt, style: { width: '100%', fontSize: 14 }, onChange: (e) => setAiPrompt(e.target.value), placeholder: baseAst ? 'Ask a follow-up question...' : 'Ask a question...' }), (0, jsx_runtime_1.jsx)(Button, { onClick: handleAsk, label: 'Ask AI' }), baseAst && ((0, jsx_runtime_1.jsx)(SecondaryButton, { label: 'New report', onClick: clearAllState }))] })), baseAst && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && errorMessage.length === 0 ? ((0, jsx_runtime_1.jsx)(TableLoadingState, {})) : ((0, jsx_runtime_1.jsx)(Table, { rows: applyFormatting({
                                     rows: pivotData?.rows || rows,
                                     fields: pivotData?.fields || fields,
-                                }, baseAst?.columns ?? []), columns: enforceOrderOnColumns(Object.keys((pivotData?.rows[0] || rows[0]) ?? {})), error: errorMessage, rowsPerPage: 20 })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                }, baseAst?.columns ?? []), columns: pivotData?.columns ||
+                                    enforceOrderOnColumns(Object.keys(rows[0] ?? {})).map((c) => {
+                                        return { label: c, field: c };
+                                    }), error: errorMessage, rowsPerPage: 20 })), (0, jsx_runtime_1.jsxs)("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
                                     gap: '12px',
@@ -2124,8 +2249,8 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
                                             fontSize: 14,
                                             padding: '12px',
                                             whiteSpace: 'nowrap',
-                                        }, children: errorMessage })), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } }), (0, jsx_runtime_1.jsx)(SecondaryButton, { type: "button", onClick: () => copyToClipboard(activeQuery), children: isCopying ? '✅ Copied' : 'Copy SQL' }), (0, jsx_runtime_1.jsx)(Button, { onClick: () => {
+                                        }, children: errorMessage })), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } }), (0, jsx_runtime_1.jsx)(SecondaryButton, { label: isCopying ? '✅ Copied' : 'Copy SQL', onClick: () => copyToClipboard(activeQuery) }), (0, jsx_runtime_1.jsx)(Button, { onClick: () => {
                                             setIsChartBuilderOpen(true);
-                                        }, children: "Add to dashboard" })] })] }))] }), (0, jsx_runtime_1.jsx)("style", { children: `body{margin:0;}` }), (0, jsx_runtime_1.jsx)(ChartBuilder_1.default, { rows: applyFormatting({ rows, fields }, baseAst?.columns ?? []), columns: processColumnsForChartBuilder(Object.keys(rows[0] ?? {})), fields: fields, pivot: pivot, query: activeQuery, showTableFormatOptions: admin ? true : false, showDateFieldOptions: admin ? true : false, showAccessControlOptions: admin ? true : false, title: "Add to dashboard", isEditMode: false, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, destinationDashboard: destinationDashboard, organizationName: organizationName })] }));
+                                        }, label: 'Add to dashboard' })] })] }))] }), (0, jsx_runtime_1.jsx)("style", { children: `body{margin:0;}` }), (0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { rows: applyFormatting({ rows, fields }, baseAst?.columns ?? []), columns: processColumnsForChartBuilder(Object.keys(rows[0] ?? {})), fields: fields, pivot: pivot, query: activeQuery, showTableFormatOptions: admin ? true : false, showDateFieldOptions: admin ? true : false, showAccessControlOptions: admin ? true : false, title: "Add to dashboard", isEditMode: true, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, destinationDashboard: destinationDashboard, organizationName: organizationName })] }));
 }
 exports.default = ReportBuilder;

package/dist/cjs/SQLEditor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableComponentProps } from './components/UiComponents';
+import { ModalComponentProps, TableComponentProps } from './components/UiComponents';
 export declare function convertPostgresColumn(column: any): {
     label: any;
     field: any;
@@ -17,6 +17,7 @@ interface SQLEditorProps {
     TextInputComponent?: (props: TextInputComponentProps) => JSX.Element;
     TableComponent?: (props: TableComponentProps) => JSX.Element;
     LoadingComponent?: () => JSX.Element;
+    ModalComponent?: (_props: ModalComponentProps) => JSX.Element;
     onChangeQuery?: (query: string) => void;
     onChangeData?: (data: object[]) => void;
     onChangeColumns?: (columns: object[]) => void;
@@ -35,6 +36,7 @@ interface SQLEditorProps {
     addToDashboardButtonLabel?: string;
     onAddToDashboardComplete?: () => void;
     organizationName?: string;
+    chartBuilderHorizontalView?: boolean;
 }
 interface TextInputComponentProps {
     onChange: (e: any) => void;
@@ -42,7 +44,7 @@ interface TextInputComponentProps {
     id: string;
     placeholder?: string;
 }
-export default function QueryEditor({ containerStyle, ButtonComponent, SecondaryButtonComponent, TextInputComponent, TableComponent, newQueryEnabled, LoadingComponent, defaultQuery, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, isEditMode, chartBuilderEnabled, showTableFormatOptions, showDateFieldOptions, showAccessControlOptions, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, addToDashboardButtonLabel, dashboardItem, organizationName, }: SQLEditorProps): import("react/jsx-runtime").JSX.Element;
+export default function QueryEditor({ containerStyle, ButtonComponent, SecondaryButtonComponent, TextInputComponent, TableComponent, newQueryEnabled, LoadingComponent, ModalComponent, defaultQuery, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, isEditMode, chartBuilderEnabled, showTableFormatOptions, showDateFieldOptions, showAccessControlOptions, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, addToDashboardButtonLabel, dashboardItem, organizationName, chartBuilderHorizontalView, }: SQLEditorProps): import("react/jsx-runtime").JSX.Element;
 export declare const SchemaListComponent: ({ schema, theme, loading, LoadingComponent, width, }: {
     schema: any;
     theme: any;

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

@@ -1 +1 @@
-{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAGhE,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,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;CAC3B;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;AA+ED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAoC,EACpC,eAAe,EACf,wBAAwB,EACxB,kBAAkB,EAClB,cAA2B,EAC3B,eAAuB,EACvB,gBAAgB,EAChB,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,GAC7B,EAAE,cAAc,2CAkVhB;AA8LD,eAAO,MAAM,mBAAmB;;;;;;6CAqG/B,CAAC"}
+{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAGnC,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;AAkFD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAoC,EACpC,eAAe,EACf,wBAAwB,EACxB,kBAAkB,EAClB,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,2CA2VhB;AA8LD,eAAO,MAAM,mBAAmB;;;;;;6CAqG/B,CAAC"}