@quillsql/react 2.11.7 → 2.11.9

package/dist/esm/ReportBuilder.js

@@ -1,21 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
-import { MemoizedCheckbox } from './components/UiComponents';
+import { useContext, useEffect, useRef, useState } from 'react';
+import { MemoizedButton, MemoizedCheckbox, MemoizedHeader, MemoizedLabel, MemoizedPopover, MemoizedSecondaryButton, MemoizedText, } from './components/UiComponents';
 import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
 import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, useSortable, } from '@dnd-kit/sortable';
 import { CSS as DND_CSS } from '@dnd-kit/utilities';
 import { getQuarter } from 'date-fns';
-import { ClientContext } from './Context';
+import { ClientContext, ThemeContext } from './Context';
 import { getTableNames, isDateishColumnType, isNumericColumnType, isTextColumnType, } from './components/ReportBuilder/ast';
-import ChartBuilder from './ChartBuilder';
-import { QuillButton, QuillPopover, QuillSecondaryButton, QuillSelect, QuillReportBuilderTable, QuillTabs, QuillTextInput, QuillSidebar, CustomContainer, QuillHandleButton, QuillSelectColumn, QuillDraggableColumn, QuillButtonLoadingState, QuillTableLoadingState, QuillSidebarHeading, QuillSidebarSubHeading, QuillFilterPopover, DEFAULT_TAB_OPTIONS, TagWrapper, EditPopover, AddFilterPopover, } from './components/ReportBuilder/ui';
+import { ChartBuilderWithModal } from './ChartBuilder';
+import { QuillPopover, QuillSelect, QuillTabs, QuillTextInput, QuillSidebar, CustomContainer, QuillHandleButton, QuillSelectColumn, QuillDraggableColumn, QuillButtonLoadingState, QuillTableLoadingState, QuillSidebarHeading, QuillSidebarSubHeading, QuillFilterPopover, QuillSortPopover, DEFAULT_TAB_OPTIONS, TagWrapper, EditPopover, AddFilterPopover, } from './components/ReportBuilder/ui';
 import { generateCurrentPeriodPostgres, generateEqualsPostgres, generateLastNPeriodsPostgres, generatePreviousPeriodPostgres, } from './components/ReportBuilder/postgres';
-import { applyPivot, convertBigQuery, convertGroupBy, convertRemoveSimpleParentheses, convertStringComparison, convertWildcardColumns, } from './components/ReportBuilder/convert';
+import { convertBigQuery, convertGroupBy, convertRemoveSimpleParentheses, convertStringComparison, convertWildcardColumns, } from './components/ReportBuilder/convert';
 import { deepCopy, formatDateComparisonNode, getDateFilterInfo, getInTheCurrentIntervalSentence, getInTheLastIntervalSentence, getInThePreviousIntervalSentence, getPostgresBasicType, isColumnComparison, isDateTruncEquals, isInTheLastInterval, isNodeEmptyCollection, isTheCurrentInterval, isThePreviousInterval, isTopLevelBoolean, showNodeAsRow, tryConvertDateEquality, } from './components/ReportBuilder/util';
 import { getDefaultOperatorSubtrees, OPERATOR_GROUPS, } from './components/ReportBuilder/operators';
 import { hashCode } from './utils/crypto';
 import { DATE_FMT, DAY_OF_WEEK, defaultAST, defaultColumn, defaultEntry, defaultNumericComparison, defaultTable, defaultVariant, MONTH_OF_YEAR, } from './components/ReportBuilder/constants';
 import AddColumnPopover from './components/ReportBuilder/AddColumnPopover';
+import { AddSortPopover, SortSentence, } from './components/ReportBuilder/AddSortPopover';
+import { PivotModal, generatePivotTable, } from './internals/ReportBuilder/PivotModal';
+import { PivotCard } from './internals/ReportBuilder/PivotList';
+import QuillTable from './components/QuillTable';
 /**
  * Quill Report Builder
  *
@@ -24,7 +28,7 @@ import AddColumnPopover from './components/ReportBuilder/AddColumnPopover';
  * they can click a button and add that report to their dashboard or export it
  * as a CSV.
  */
-export default function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () => void null, destinationDashboard = undefined, organizationName = '', Button = QuillButton, SecondaryButton = QuillSecondaryButton, TextInput = QuillTextInput, Select = QuillSelect, Table = QuillReportBuilderTable, Popover = QuillPopover, Tabs = QuillTabs, Checkbox = MemoizedCheckbox, Sidebar = QuillSidebar, Container = CustomContainer, HandleButton = QuillHandleButton, SelectColumn = QuillSelectColumn, DraggableColumn = QuillDraggableColumn, ButtonLoadingState = QuillButtonLoadingState, TableLoadingState = QuillTableLoadingState, SidebarHeading = QuillSidebarHeading, SidebarSubHeading = QuillSidebarSubHeading, FilterPopover = QuillFilterPopover, admin = false, }) {
+export default function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () => void null, destinationDashboard = undefined, organizationName = '', Button = MemoizedButton, SecondaryButton = MemoizedSecondaryButton, TextInput = QuillTextInput, Select = QuillSelect, Table = QuillTable, Popover = QuillPopover, Tabs = QuillTabs, Checkbox = MemoizedCheckbox, Sidebar = QuillSidebar, Container = CustomContainer, HandleButton = QuillHandleButton, SelectColumn = QuillSelectColumn, DraggableColumn = QuillDraggableColumn, ButtonLoadingState = QuillButtonLoadingState, TableLoadingState = QuillTableLoadingState, SidebarHeading = QuillSidebarHeading, SidebarSubHeading = QuillSidebarSubHeading, FilterPopover = QuillFilterPopover, SortPopover = QuillSortPopover, Label = MemoizedLabel, Header = MemoizedHeader, Text = MemoizedText, PivotPopover = MemoizedPopover, admin = false, hideAi = false, }) {
     const [aiPrompt, setAiPrompt] = useState('');
     const [errorMessage, setErrorMessage] = useState('');
     const [baseAst, setBaseAst] = useState(null);
@@ -47,6 +51,18 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
     const [uniqueValues, setUniqueValues] = useState({});
     const [pivot, setPivot] = useState(null);
     const [pivotData, setPivotData] = useState(null);
+    const [createdPivots, setCreatedPivots] = useState([]);
+    const [recommendedPivots, setRecommendedPivots] = useState([]);
+    const [pivotPopUpTitle, setPivotPopUpTitle] = useState('Add Pivot');
+    const [showPivotPopover, setShowPivotPopover] = useState(false);
+    const [isEdittingPivot, setIsEdittingPivot] = useState(false);
+    const [selectedPivotIndex, setSelectedPivotIndex] = useState(-1);
+    const parentRef = useRef(null);
+    const [theme] = useContext(ThemeContext);
+    const [pivotRowField, setPivotRowField] = useState(undefined);
+    const [pivotColumnField, setPivotColumnField] = useState(undefined);
+    const [pivotValueField, setPivotValueField] = useState(undefined);
+    const [pivotAggregation, setPivotAggregation] = useState(undefined);
     // eslint-disable-next-line no-unused-vars
     const [client, _setClient] = useContext(ClientContext);
     const enforceOrderOnColumns = (columnNames) => {
@@ -1125,7 +1141,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                     ]) }, `input_${index}`));
                             }
                             return renderNode(elem, keyPrefix + `value.${index}.`);
-                        }), len > 1 && (_jsx(SecondaryButton, { onClick: () => handleDeleteVariant(keyPrefix + 'value'), children: "-" })), _jsx(SecondaryButton, { onClick: () => handleInsertVariant(keyPrefix + 'value'), children: "+" })] }, keyPrefix));
+                        }), len > 1 && (_jsx(SecondaryButton, { label: '-', onClick: () => handleDeleteVariant(keyPrefix + 'value') })), _jsx(SecondaryButton, { onClick: () => handleInsertVariant(keyPrefix + 'value'), label: '+' })] }, keyPrefix));
             }
             case 'double_quote_string':
             case 'single_quote_string':
@@ -1391,7 +1407,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                         flexDirection: 'row',
                         gap: 8,
                         justifyContent: 'end',
-                    }, children: _jsx(Button, { onMouseUp: onSave, children: "Add condition" }) })] }));
+                    }, children: _jsx(Button, { onClick: onSave, label: 'Add condition' }) })] }));
     };
     const fetchUponChange = async () => {
         if ((formData || baseAst) && !loading) {
@@ -1420,7 +1436,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                             return acc;
                         }, {});
                         uniqueFormatted[pivot.columnField] = uniqueRecords;
-                        const pivotedData = applyPivot(data2, pivot, uniqueFormatted);
+                        const pivotedData = generatePivotTable(pivot, data2.rows, [null, null, null], false);
                         console.info(`%c[Pivot]: ${JSON.stringify(pivot)}`, 'color: dimgray');
                         setPivotData(pivotedData);
                     }
@@ -1435,6 +1451,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 else {
                     setRows([]);
                     setFields([]);
+                    setPivotData(null);
                 }
             }
             catch (e) {
@@ -1614,7 +1631,12 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                     }
                     return `${table}.${column.expr.value}`;
                 }));
-                setBaseAst(deepCopy({ ...newAst }));
+                if (groupByPivot) {
+                    setBaseAst(deepCopy({ ...newAst, orderby: null }));
+                }
+                else {
+                    setBaseAst(deepCopy({ ...newAst }));
+                }
                 setFormData(deepCopy(newAst.where));
                 setTopLevelBinaryOperator(
                 // @ts-ignore
@@ -1638,7 +1660,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                 const tables = getTableNames(newAst);
                 const table = tables.length >= 1 ? tables[0] : initialTableName;
                 if (groupByPivot) {
-                    const pivotedData = applyPivot(data2, groupByPivot, uniqueValues[table]);
+                    const pivotedData = generatePivotTable(pivot, data2.rows, [null, null, null], false);
                     console.info(`%c[Pivot]: ${JSON.stringify(groupByPivot)}`, 'color: dimgray');
                     setPivotData(pivotedData);
                 }
@@ -1778,11 +1800,11 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
         value: column.name,
     }));
     if (loading) {
-        return (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', height: '100%' }, children: [_jsxs(Sidebar, { children: [_jsx(SidebarHeading, { label: "Columns" }), _jsx("div", { style: { height: 4, width: '100%' } }), _jsx(DraggableColumns, {}), _jsx(Popover, { isOpen: openPopover === 'AddColumnPopover', trigger: _jsx(SecondaryButton, { onClick: () => {
+        return (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', height: '100%' }, ref: parentRef, children: [_jsxs(Sidebar, { children: [_jsx(SidebarHeading, { label: "Columns" }), _jsx("div", { style: { height: 4, width: '100%' } }), _jsx(DraggableColumns, {}), _jsx(Popover, { isOpen: openPopover === 'AddColumnPopover', trigger: _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);
@@ -1820,7 +1842,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                                 setActivePath('');
                                                 setIsPending(true);
                                             }
-                                        }, children: "Add filter" }), onClose: () => {
+                                        }, label: 'Add filter' }), onClose: () => {
                                         setIsPending(false);
                                         setActivePath(null);
                                         setOpenPopover(null);
@@ -1857,7 +1879,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                                 setActivePath('');
                                                 setIsPending(true);
                                             }
-                                        }, children: "Add condition" }), onClose: () => {
+                                        }, label: 'Add condition' }), onClose: () => {
                                         setIsPending(false);
                                         setTimeout(() => {
                                             setActiveEditItem(null);
@@ -1885,35 +1907,96 @@ 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%' } }), pivot !== null && (_jsxs("div", { style: {
+                                        } }) }))] }), _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: () => {
+                                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 && (_jsx(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(deepCopy(baseAst)); // trigger refetch
+                            }, minHeight: 180, LabelComponent: Label, TextComponent: Text })), _jsx("div", { style: { height: 28, width: '100%' } }), _jsx(SidebarHeading, { label: "Sort" }), _jsx("div", { style: { height: 4, width: '100%' } }), pivot && pivot.sort && (_jsx("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'column',
-                                gap: 12,
+                                gap: 8,
                                 marginBottom: 12,
-                            }, children: [_jsxs("div", { children: [_jsx(SidebarSubHeading, { label: "Aggregation" }), _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' },
-                                            ] })] }), _jsxs("div", { children: [_jsx(SidebarSubHeading, { label: "Value field" }), _jsx(Select, { onChange: void null, value: pivot.valueField, options: [
-                                                { label: 'Select', value: '' },
-                                                ...allNumericColumns,
-                                            ] })] }), _jsxs("div", { children: [_jsx(SidebarSubHeading, { label: "Group rows by" }), _jsx(Select, { onChange: void null, value: pivot.rowField ?? '', options: allNonNumericColumns })] }), _jsxs("div", { children: [_jsx(SidebarSubHeading, { label: "Group columns by" }), _jsx(Select, { onChange: void null, value: pivot.columnField ?? '', options: [
-                                                { label: 'Select', value: '' },
-                                                ...allStringColumns,
-                                            ] })] })] })), _jsx(SecondaryButton, { children: pivot === null ? 'Add pivot' : 'Delete pivot' })] }), _jsxs(Container, { children: [_jsxs("form", { style: {
+                            }, children: _jsx(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, handleDelete: () => {
+                                    setPivot({ ...pivot, sort: false });
+                                    setBaseAst(deepCopy(baseAst));
+                                }, onSave: (column, direction) => {
+                                    setPivot({ ...pivot, sort: true, sortDirection: direction });
+                                    setOpenPopover(null);
+                                    setBaseAst(deepCopy(baseAst));
+                                } }, `sort-sentence-pivot`) })), baseAst && baseAst.orderby && (_jsx("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                gap: 8,
+                                marginBottom: 12,
+                            }, children: baseAst.orderby.map((sortData, id) => (_jsx(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(deepCopy(newAst));
+                                }, setIsPending: setIsPending, setEditPopoverKey: setEditPopoverKey, setActiveEditItem: setActiveEditItem, setOpenPopover: setOpenPopover, SortPopover: SortPopover, EditPopover: AddSortPopover, handleDelete: () => {
+                                    const newAst = { ...baseAst };
+                                    newAst.orderby.splice(id, 1);
+                                    setBaseAst(deepCopy(newAst));
+                                } }, `sort-sentence-${id}`))) })), _jsx(Popover, { isOpen: openPopover === 'AddSortPopover', trigger: _jsx(SecondaryButton, { onClick: () => {
+                                    if (!openPopover) {
+                                        setOpenPopover('AddSortPopover');
+                                    }
+                                }, label: 'Add sort' }), title: "Sort By", onClose: () => {
+                                setIsPending(false);
+                                setActiveEditItem(null);
+                                setActivePath(null);
+                                setOpenPopover(null);
+                            }, children: _jsx(AddSortPopover, { columns: selectedColumns, Select: Select, Button: Button, onSave: () => { } }) })] }), _jsxs(Container, { children: [_jsxs("form", { 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(ButtonLoadingState, {}), baseAst && (_jsx(SecondaryButton, { type: "button", onClick: clearAllState, children: "New report" }))] }), baseAst && (_jsxs(_Fragment, { children: [_jsx(TableLoadingState, {}), _jsxs("div", { style: {
+                            }, children: [_jsx(TextInput, { placeholder: "Ask a question...", type: "text", style: { width: '100%', fontSize: 14 }, value: aiPrompt }), _jsx(ButtonLoadingState, {}), baseAst && (_jsx(SecondaryButton, { onClick: clearAllState, label: "New report" }))] }), baseAst && (_jsxs(_Fragment, { children: [_jsx(TableLoadingState, {}), _jsxs("div", { style: {
                                         display: 'flex',
                                         flexDirection: 'row',
                                         gap: '12px',
-                                    }, children: [_jsx("div", { style: { width: '100%' } }), _jsx(SecondaryButton, { type: "button", onClick: () => copyToClipboard(activeQuery), children: isCopying ? '✅ Copied' : 'Copy SQL' }), _jsx(Button, { children: "Add to dashboard" })] })] }))] }), _jsx("style", { children: `body{margin:0;}` })] }));
+                                    }, children: [_jsx("div", { style: { width: '100%' } }), _jsx(SecondaryButton, { onClick: () => copyToClipboard(activeQuery), label: isCopying ? '✅ Copied' : 'Copy SQL' }), _jsx(Button, { label: 'Add to dashboard', onClick: () => { } })] })] }))] }), _jsx("style", { children: `body{margin:0;}` })] }));
     }
-    return (_jsxs("div", { style: {
+    return (_jsxs("div", { ref: parentRef, style: {
             display: 'flex',
             flexDirection: 'row',
             height: '100%',
@@ -1922,7 +2005,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                 if (!openPopover) {
                                     setOpenPopover('AddColumnPopover');
                                 }
-                            }, children: "Select columns" }), onClose: () => {
+                            }, label: 'Select columns' }), onClose: () => {
                             // delay onClose callback so onClick no-ops
                             setTimeout(() => {
                                 setIsPending(false);
@@ -1944,7 +2027,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                             flexDirection: 'column',
                             gap: 2.5,
                             alignItems: 'flex-start',
-                        }, children: [_jsx(Popover, { title: 'Add filter', isOpen: openPopover === 'AddFilterPopover', trigger: _jsx(SecondaryButton, { onClick: (_e) => {
+                        }, children: [_jsx(Popover, { title: 'Add filter', isOpen: openPopover === 'AddFilterPopover', trigger: _jsx(SecondaryButton, { onClick: () => {
                                         if (!openPopover) {
                                             const value = orderedColumnNames[0];
                                             const [_table, column] = value.split('.');
@@ -1963,7 +2046,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                             setActivePath('');
                                             setIsPending(true);
                                         }
-                                    }, children: "Add filter" }), onClose: () => {
+                                    }, label: 'Add filter' }), onClose: () => {
                                     // delay onClose callback so onClick no-ops
                                     setTimeout(() => {
                                         setIsPending(false);
@@ -2001,7 +2084,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                             setActivePath('');
                                             setIsPending(true);
                                         }
-                                    }, children: "Add condition" }), onClose: () => {
+                                    }, label: 'Add condition' }), onClose: () => {
                                     // delay onClose callback so onClick no-ops
                                     setTimeout(() => {
                                         setIsPending(false);
@@ -2030,87 +2113,129 @@ 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%' } }), pivot !== null && (_jsxs("div", { style: {
+                                    } }) }))] }), _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: () => {
+                            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 && (_jsx(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(deepCopy(baseAst)); // trigger refetch
+                        }, minHeight: 180, LabelComponent: Label, TextComponent: Text })), _jsx("div", { style: { height: 28, width: '100%' } }), _jsx(SidebarHeading, { label: "Sort" }), _jsx("div", { style: { height: 4, width: '100%' } }), pivot && pivot.sort && (_jsx("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
-                            gap: 12,
+                            gap: 8,
                             marginBottom: 12,
-                        }, children: [_jsxs("div", { children: [_jsx(SidebarSubHeading, { label: "Aggregation" }), _jsx(Select, { value: pivot.aggregationType, onChange: (value) => {
-                                            setBaseAst(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' },
-                                        ] })] }), _jsxs("div", { children: [_jsx(SidebarSubHeading, { label: "Value field" }), _jsx(Select, { value: pivot.valueField, onChange: (value) => {
-                                            setBaseAst(deepCopy(baseAst)); // trigger refetch
-                                            setPivot({ ...pivot, valueField: value });
-                                        }, options: [{ label: 'Select', value: '' }, ...allNumericColumns] })] }), _jsxs("div", { children: [_jsx(SidebarSubHeading, { label: "Group rows by" }), _jsx(Select, { value: pivot.rowField ?? '', onChange: (value) => {
-                                            setBaseAst(deepCopy(baseAst)); // trigger refetch
-                                            setPivot({
-                                                ...pivot,
-                                                rowField: value === '' ? undefined : value,
-                                            });
-                                        }, options: [
-                                            { label: 'Select', value: '' },
-                                            ...allNonNumericColumns,
-                                        ] })] }), _jsxs("div", { children: [_jsx(SidebarSubHeading, { label: "Group columns by" }), _jsx(Select, { value: pivot.columnField ?? '', onChange: (value) => {
-                                            setBaseAst(deepCopy(baseAst)); // trigger refetch
-                                            setPivot({
-                                                ...pivot,
-                                                columnField: value === '' ? undefined : value,
-                                            });
-                                        }, options: [
-                                            { label: 'Select', value: '' },
-                                            ...allStringColumns,
-                                        ].filter((option) => option.value !== pivot.rowField) })] })] })), _jsx(SecondaryButton, { onClick: () => {
-                            if (pivot) {
+                        }, children: _jsx(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, handleDelete: () => {
+                                setPivot({ ...pivot, sort: false });
                                 setBaseAst(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(deepCopy(baseAst));
+                            } }, `sort-sentence-pivot`) })), baseAst && baseAst.orderby && (_jsx("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 8,
+                            marginBottom: 12,
+                        }, children: baseAst.orderby.map((sortData, id) => (_jsx(SortSentence, { sortData: sortData, columns: selectedColumns, setIsPending: setIsPending, setEditPopoverKey: setEditPopoverKey, setActiveEditItem: setActiveEditItem, setOpenPopover: setOpenPopover, SortPopover: SortPopover, EditPopover: AddSortPopover, handleDelete: () => {
+                                if (pivot) {
+                                    setPivot({ ...pivot, sort: false });
                                     return;
                                 }
-                                if (!baseAst) {
-                                    let ast = deepCopy({
-                                        ...defaultAST,
-                                        columns: getAllPossibleColumns()
-                                            .filter((c) => c.table === initialTableName)
-                                            .map((c) => {
-                                            const newColumn = deepCopy(defaultColumn);
-                                            newColumn.expr.column = c.name;
-                                            return newColumn;
-                                        }),
-                                        from: [{ ...defaultTable, table: initialTableName }],
-                                        where: null,
+                                const newAst = { ...baseAst };
+                                newAst.orderby.splice(id, 1);
+                                setBaseAst(deepCopy(newAst));
+                            }, onSave: (column, direction) => {
+                                if (pivot) {
+                                    setPivot({
+                                        ...pivot,
+                                        sort: true,
+                                        sortDirection: direction,
                                     });
-                                    ast = 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(deepCopy(newAst));
+                            } }, `sort-sentence-${id}`))) })), _jsx(Popover, { isOpen: openPopover === 'AddSortPopover', trigger: _jsx(SecondaryButton, { onClick: () => {
+                                if (!openPopover) {
+                                    setOpenPopover('AddSortPopover');
+                                }
+                            }, label: 'Add sort' }), title: "Sort by", onClose: () => {
+                            setIsPending(false);
+                            setActiveEditItem(null);
+                            setActivePath(null);
+                            setOpenPopover(null);
+                        }, children: _jsx(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(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' }), _jsx("div", { style: { height: 12, width: '100%' } })] }), _jsxs(Container, { children: [_jsxs("form", { onSubmit: handleAsk, style: {
+                                // look through the columns
+                                setActivePath(null);
+                                setOpenPopover(null);
+                                setBaseAst(deepCopy(newAst));
+                            } }) })] }), _jsxs(Container, { children: [!hideAi && (_jsxs("form", { onSubmit: handleAsk, style: {
                             display: 'flex',
                             flexDirection: 'row',
                             gap: 12,
                             padding: 1,
-                        }, children: [_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...' }), _jsx(Button, { type: "submit", onClick: handleAsk, children: "Ask AI" }), baseAst && (_jsx(SecondaryButton, { type: "button", onClick: clearAllState, children: "New report" }))] }), baseAst && (_jsxs(_Fragment, { children: [loading && errorMessage.length === 0 ? (_jsx(TableLoadingState, {})) : (_jsx(Table, { rows: applyFormatting({
+                        }, children: [_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...' }), _jsx(Button, { onClick: handleAsk, label: 'Ask AI' }), baseAst && (_jsx(SecondaryButton, { label: 'New report', onClick: clearAllState }))] })), baseAst && (_jsxs(_Fragment, { children: [loading && errorMessage.length === 0 ? (_jsx(TableLoadingState, {})) : (_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 })), _jsxs("div", { style: {
+                                }, baseAst?.columns ?? []), columns: pivotData?.columns ||
+                                    enforceOrderOnColumns(Object.keys(rows[0] ?? {})).map((c) => {
+                                        return { label: c, field: c };
+                                    }), error: errorMessage, rowsPerPage: 20 })), _jsxs("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
                                     gap: '12px',
@@ -2119,7 +2244,7 @@ export default function ReportBuilder({ initialTableName = '', onAddToDashboardC
                                             fontSize: 14,
                                             padding: '12px',
                                             whiteSpace: 'nowrap',
-                                        }, children: errorMessage })), _jsx("div", { style: { width: '100%' } }), _jsx(SecondaryButton, { type: "button", onClick: () => copyToClipboard(activeQuery), children: isCopying ? '✅ Copied' : 'Copy SQL' }), _jsx(Button, { onClick: () => {
+                                        }, children: errorMessage })), _jsx("div", { style: { width: '100%' } }), _jsx(SecondaryButton, { label: isCopying ? '✅ Copied' : 'Copy SQL', onClick: () => copyToClipboard(activeQuery) }), _jsx(Button, { onClick: () => {
                                             setIsChartBuilderOpen(true);
-                                        }, children: "Add to dashboard" })] })] }))] }), _jsx("style", { children: `body{margin:0;}` }), _jsx(ChartBuilder, { 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' })] })] }))] }), _jsx("style", { children: `body{margin:0;}` }), _jsx(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 })] }));
 }

package/dist/esm/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/esm/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"}