@quillsql/react 2.12.45 → 2.12.47

package/dist/cjs/ReportBuilder.js

@@ -31,7 +31,6 @@ const pivotProcessing_1 = require("./utils/pivotProcessing");
 const tableProcessing_1 = require("./utils/tableProcessing");
 const astProcessing_1 = require("./utils/astProcessing");
 const PivotForm_1 = __importDefault(require("./internals/ReportBuilder/PivotForm"));
-const schema_1 = require("./utils/schema");
 const dates_1 = require("./utils/dates");
 const FilterModal_1 = __importDefault(require("./components/ReportBuilder/FilterModal"));
 const astFilterProcessing_1 = require("./utils/astFilterProcessing");
@@ -40,6 +39,7 @@ const filterProcessing_1 = require("./utils/filterProcessing");
 const QuillMultiSelectWithCombo_1 = require("./components/QuillMultiSelectWithCombo");
 const paginationProcessing_1 = require("./utils/paginationProcessing");
 const report_1 = require("./utils/report");
+const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
 exports.QUILL_SERVER = (typeof process !== 'undefined' && process?.env?.QUILL_SERVER_HOST) ||
     'https://quill-344421.uc.r.appspot.com';
 /**
@@ -73,11 +73,11 @@ exports.QUILL_SERVER = (typeof process !== 'undefined' && process?.env?.QUILL_SE
  * ### Report Builder API
  * @see https://docs.quillsql.com/components/report-builder
  */
-function ReportBuilder({ initialTableName = '', onSubmitEditReport = () => void null, onSubmitCreateReport = () => void null, destinationDashboard = undefined, organizationName = '', ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, DeleteButtonComponent = UiComponents_1.MemoizedDeleteButton, ModalComponent = UiComponents_1.MemoizedModal, TextInputComponent = UiComponents_2.QuillTextInput, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, TableComponent = UiComponents_1.QuillTableSQLEditorComponent, PopoverComponent = UiComponents_1.MemoizedPopover, TabsComponent = UiComponents_1.QuillTabs, 
+function ReportBuilder({ initialTableName = '', onSubmitEditReport = () => void null, onSubmitCreateReport = () => void null, onDiscardChanges = undefined, onSaveChanges = undefined, destinationDashboard = undefined, organizationName = '', ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, DeleteButtonComponent = UiComponents_1.MemoizedDeleteButton, ModalComponent = UiComponents_1.MemoizedModal, TextInputComponent = UiComponents_2.QuillTextInput, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, TableComponent = UiComponents_1.QuillTableSQLEditorComponent, PopoverComponent = UiComponents_1.MemoizedPopover, TabsComponent = UiComponents_1.QuillTabs, 
 // CheckboxComponent = MemoizedCheckbox,
 SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer, SelectColumnComponent = ui_1.QuillSelectColumn, DraggableColumnComponent = ui_1.QuillDraggableColumn, SidebarHeadingComponent = ui_1.QuillSidebarHeading, FilterPopoverComponent = ui_1.QuillFilterPopover, SortPopoverComponent = ui_1.QuillSortPopover, LimitPopoverComponent = ui_1.QuillLimitPopover, CardComponent = QuillCard_1.QuillCard, LabelComponent = UiComponents_1.MemoizedLabel, HeaderComponent = UiComponents_1.MemoizedHeader, SubHeaderComponent = UiComponents_1.MemoizedSubHeader, TextComponent = UiComponents_1.MemoizedText, ErrorMessageComponent = UiComponents_1.QuillErrorMessageComponent, ChartBuilderInputRowContainer = UiComponents_1.QuillChartBuilderInputRowContainer, ChartBuilderInputColumnContainer = UiComponents_1.QuillChartBuilderInputColumnContainer, PivotRowContainer = UiComponents_1.QuillPivotRowContainer, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, LoadingComponent = UiComponents_1.QuillLoadingComponent, ColumnSearchEmptyState = UiComponents_1.QuillColumnSearchEmptyState, ChartBuilderFormContainer = UiComponents_1.QuillChartBuilderFormContainer, ChartBuilderModalComponent = UiComponents_1.MemoizedModal, isAdminEnabled = false, isAIEnabled = true, showChartBuilderTableFormatOptions = true, containerStyle, className, pivotRecommendationsEnabled = true, reportId, hideCopySQL = true, isChartBuilderHorizontalView = true, onClickChartElement, }) {
     const [dashboard] = (0, react_1.useContext)(Context_1.DashboardContext);
-    const [schema, setSchema] = (0, react_1.useContext)(Context_1.SchemaContext);
+    const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const [reportInfo, setReportInfo] = (0, react_1.useState)(null);
     const [aiPrompt, setAiPrompt] = (0, react_1.useState)('');
     const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
@@ -91,7 +91,6 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
     const [activePath, setActivePath] = (0, react_1.useState)(null);
     const [openPopover, setOpenPopover] = (0, react_1.useState)(null);
     const [loading, setLoading] = (0, react_1.useState)(!!initialTableName);
-    const [loadingSchema, setLoadingSchema] = (0, react_1.useState)(false);
     const [isChartBuilderOpen, setIsChartBuilderOpen] = (0, react_1.useState)(false);
     const [, setIsPending] = (0, react_1.useState)(false);
     const [isCopying, setIsCopying] = (0, react_1.useState)(false);
@@ -127,9 +126,10 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     // JANK: This is temp and stupid
     const [overrideRecommendations, setOverrideRecommendations] = (0, react_1.useState)(true);
-    const [customFields, setCustomFields] = (0, react_1.useContext)(Context_1.CustomFieldContext);
     const [fieldValuesMap, setFieldValuesMap] = (0, react_1.useState)({}); // Mapping of unique values per field, used in string filter 'in' and 'not in'
-    const filterTree = (0, useAstToFilterTree_1.default)(formData, client); // Stores the state of filters
+    const [globalUniqueValues, setGlobalUniqueValues] = (0, react_1.useState)({});
+    const { filterTree, filterStack } = (0, useAstToFilterTree_1.default)(formData, client); // Stores the state of filters
+    const [removingFilter, setRemovingFilter] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         if (!client) {
             return;
@@ -137,8 +137,8 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
         if (client.publicKey === '663416663aa9bc716e59a89d') {
             setOverrideRecommendations(false);
         }
-        if (!loadingSchema) {
-            fetchSchema();
+        if (!initialLoad && client.publicKey) {
+            clearAllState();
         }
     }, [client]);
     (0, react_1.useEffect)(() => {
@@ -204,7 +204,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                     label: pivot.columnField,
                     format: 'string',
                 },
-            ], activeQuery, [], client, customFields);
+            ], activeQuery, [], client, schemaData.customFields ?? []);
         }
         const pivotedData = await (0, PivotModal_1.generatePivotTable)(pivot, rows, undefined, false, -1, undefined, dateBucket, tempReport, client, distinctValuesForQuery);
         setPivotData(pivotedData || []);
@@ -253,14 +253,19 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
             setRecommendedPivots([]);
         }, 0);
     };
+    const fetchGlobalUniqueValues = async (columns, currentTable, client) => {
+        const global = await (0, tableProcessing_1.getUniqueStringValues)(columns, currentTable, client);
+        setGlobalUniqueValues((0, filterProcessing_1.uniqueValuesToStringMap)(global));
+    };
+    const uniqueValuesDependenciesRef = (0, react_1.useRef)({ client, columns, currentTable });
+    const memoizedFetchGlobalUniqueValues = (0, react_1.useCallback)(fetchGlobalUniqueValues, []);
     (0, react_1.useEffect)(() => {
-        if (!client) {
-            return;
+        const hasChanged = !(0, fast_deep_equal_1.default)({ client, columns, currentTable }, uniqueValuesDependenciesRef.current);
+        if (hasChanged && client && columns && currentTable) {
+            memoizedFetchGlobalUniqueValues(columns, currentTable, client);
+            uniqueValuesDependenciesRef.current = { client, columns, currentTable };
         }
-        if (!initialLoad && client.publicKey) {
-            clearAllState();
-        }
-    }, [client]);
+    }, [client, columns, currentTable, memoizedFetchGlobalUniqueValues]);
     const formatRows = (rows, columns, pivot, aggregationType) => {
         const copiedRows = (0, util_1.deepCopy)(rows);
         if (pivot) {
@@ -359,18 +364,6 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
             console.error(error);
         }
     };
-    const getUniqueStringValues = async (columns, tableName) => {
-        const convertedStringColumns = columns.filter((column) => {
-            return (0, ast_1.isTextColumnType)(column.fieldType);
-        });
-        const stringNames = convertedStringColumns.map((column) => column.field);
-        const smallStringColumns = await (0, tableProcessing_1.getCountsByColumns)(convertedStringColumns, `Select ${stringNames.join(', ')} from ${tableName}`, client, customFields);
-        const smallStringNames = smallStringColumns.map((column) => column.field);
-        const newUniqueValues = await (0, tableProcessing_1.getUniqueValuesByColumns)(smallStringColumns, `Select ${smallStringNames.join(', ')} from ${tableName}`, [], client, customFields);
-        const joinedUniqueValues = (0, util_1.deepCopy)(uniqueValues);
-        joinedUniqueValues[tableName] = newUniqueValues;
-        return joinedUniqueValues;
-    };
     const getDateRanges = async (columns, tableName) => {
         const dateColumns = columns.filter((column) => {
             return column.fieldType === 'date';
@@ -381,7 +374,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
         const dateColumnNames = dateColumns.map((column) => {
             return column.field;
         });
-        const dateRanges = await (0, tableProcessing_1.getDateRangeByColumns)(dateColumns, `Select ${dateColumnNames.join(', ')} from ${tableName}`, client, customFields);
+        const dateRanges = await (0, tableProcessing_1.getDateRangeByColumns)(dateColumns, `Select ${dateColumnNames.join(', ')} from ${tableName}`, client, schemaData.customFields ?? []);
         return dateRanges;
     };
     // It's just like getColumnsInPivot but we expand the columnField
@@ -405,12 +398,12 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
         return result.filter(Boolean);
     };
     const loadTable = async (tables) => {
-        if (!tables)
+        if (!tables?.length || !schemaData.schema?.length)
             return;
         setLoading(true);
         const tableInfo = tables.find((tableInfo) => tableInfo.name === initialTableName);
         if (tableInfo) {
-            const newUniqueValues = await getUniqueStringValues(tableInfo.columns, initialTableName);
+            const newUniqueValues = await (0, tableProcessing_1.getUniqueStringValues)(tableInfo.columns, initialTableName, client, schemaData.customFields, uniqueValues);
             if ((0, crypto_1.hashCode)(uniqueValues) !== (0, crypto_1.hashCode)(newUniqueValues)) {
                 setUniqueValues(newUniqueValues);
                 updateFieldValuesMap(newUniqueValues, initialTableName);
@@ -439,13 +432,9 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
         await fetchAstFromPromptHelper(`get ${columnsForTable} from ${initialTableName}`);
         setInitialLoad(false);
     };
-    const fetchSchema = async () => {
+    const onSchemaChange = async () => {
         try {
-            setLoadingSchema(true);
-            const { schemaData, customFieldsByTable } = await (0, schema_1.getSchemaInfoWithCustomFields)(client, 'rb');
-            setCustomFields(customFieldsByTable);
-            setSchema(schemaData ?? []);
-            setOrderedColumnNames((schemaData ?? []).flatMap((table) => table.columns
+            setOrderedColumnNames((schemaData.schema ?? []).flatMap((table) => table.columns
                 .map((c) => `${table.name}.${c.field}`)
                 .sort((a, b) => {
                 const aIsId = a.endsWith('.id') ||
@@ -463,11 +452,9 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                 return 0;
             })));
             if (initialTableName) {
-                await loadTable(schemaData);
+                await loadTable(schemaData.schema);
             }
-            setLoadingSchema(false);
             setInitialLoad(false);
-            return schemaData;
         }
         catch (error) {
             console.error(error);
@@ -484,11 +471,13 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                 if (!report || report.referencedTables?.length !== 1) {
                     throw new Error('Report not found');
                 }
-                const { ast: newAst, pivot: newPivot, schema: curSchema, } = await (0, astProcessing_1.fetchASTFromQuillReport)(report, client, schema);
+                const { ast: newAst, pivot: newPivot, schema: curSchema, } = await (0, astProcessing_1.fetchASTFromQuillReport)(report, client, schemaData.schema);
                 setBaseAst({ ...newAst, where: null });
                 await fetchReportFromASTHelper({ ...newAst, where: null }, newAst.where, newPivot, curSchema, report);
-                await fetchSchema();
+                await onSchemaChange();
                 setReportInfo(report);
+                const query = await fetchSqlQuery(newAst, null, false);
+                setActiveQuery(query);
             }
             catch (err) {
                 setInitialChartLoad(false);
@@ -497,10 +486,8 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
         loadChart();
     }, [dashboard[reportId || '']]);
     (0, react_1.useEffect)(() => {
-        if (schema.length === 0) {
-            fetchSchema();
-        }
-    }, [schema, initialTableName, reportId]);
+        onSchemaChange();
+    }, [schemaData.schema, initialTableName, reportId]);
     const updateFormData = (updates, { isDeletion = false, isInsertion = false, isReplaceSubtree = false, isAddVariant = false, isDeleteVariant = false, topLevelBinOp = 'OR', isCondition = undefined, }) => {
         // Function to immutably update or delete nodes based on their path
         // TODO: fix the following horible code
@@ -518,7 +505,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                     ...constants_1.defaultAST,
                     ...baseAst,
                     ...(!baseAst?.columns && {
-                        columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schema).map((c) => {
+                        columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schemaData.schema).map((c) => {
                             const newColumn = (0, util_1.deepCopy)(constants_1.defaultColumn);
                             newColumn.expr.column = c.field;
                             return newColumn;
@@ -538,7 +525,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                     ...constants_1.defaultAST,
                     ...baseAst,
                     ...(!baseAst?.columns && {
-                        columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schema).map((c) => {
+                        columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schemaData.schema).map((c) => {
                             const newColumn = (0, util_1.deepCopy)(constants_1.defaultColumn);
                             newColumn.expr.column = c.field;
                             return newColumn;
@@ -639,7 +626,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                 ...constants_1.defaultAST,
                 ...baseAst,
                 ...(!baseAst?.columns && {
-                    columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schema).map((c) => {
+                    columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schemaData.schema).map((c) => {
                         const newColumn = (0, util_1.deepCopy)(constants_1.defaultColumn);
                         newColumn.expr.column = c.field;
                         return newColumn;
@@ -730,7 +717,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
         try {
             setErrorMessage('');
             setTableLoading(true);
-            const tableInfo = await (0, tableProcessing_1.fetchTableByQuery)(activeQuery, client, processing, customFields);
+            const tableInfo = await (0, tableProcessing_1.fetchTableByQuery)(activeQuery, client, processing, schemaData.customFields);
             if (tableInfo.error) {
                 throw new Error(tableInfo.error);
             }
@@ -758,75 +745,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
             return;
         }
     };
-    /**
-     * @param filterTree
-     * Returns a list of filters to be displayed
-     * Replaces the functionality of renderNodes in the context of filters
-     */
-    const renderFilters = (filterTree) => {
-        let tree = filterTree;
-        let filterStack = [];
-        /**
-         * Function that takes in a FilterTree and flattens it into an array using in order traversal
-         */
-        function traverseTree(node) {
-            if (!node) {
-                return;
-            }
-            if (node.leaf) {
-                filterStack.push(node);
-            }
-            else {
-                traverseTree(node.leftNode);
-                filterStack.push(node);
-                traverseTree(node.rightNode);
-            }
-        }
-        /**
-         * Given an array of Filters (presumed to be in in-order state), generate
-         * the corresponding Filter tree. Essentially the reverse of what traverseTree does
-         */
-        function filterStackToFilterTree(stack) {
-            function buildTree(i) {
-                const newNode = {
-                    leaf: false,
-                    operator: null,
-                    leftNode: null,
-                    rightNode: null,
-                };
-                if (i >= stack.length) {
-                    return null;
-                }
-                else if (stack[i].leaf) {
-                    if (i < stack.length - 1) {
-                        // more nodes later
-                        newNode.operator = stack[i + 1].operator;
-                        newNode.leftNode = {
-                            leaf: true,
-                            leftNode: null,
-                            rightNode: null,
-                            operator: null,
-                            value: stack[i].value,
-                        };
-                        newNode.rightNode = buildTree(i + 2);
-                    }
-                    else {
-                        newNode.leaf = true;
-                        newNode.value = stack[i].value;
-                    }
-                }
-                return newNode;
-            }
-            return buildTree(0);
-        }
-        traverseTree(tree);
-        // Remove null (invalid) filters from filter stack
-        filterStack = filterStack.filter((filter) => {
-            return ((!filter.leaf &&
-                filter.rightNode &&
-                (!filter.rightNode.leaf || filter.rightNode.value)) ||
-                (filter.leaf && filter.value));
-        });
+    const renderFilters = () => {
         // Render filterStack
         return ((0, jsx_runtime_1.jsx)("div", { style: {
                 display: 'flex',
@@ -846,14 +765,14 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                     item.operator = 'and';
                                 }
                                 let newFormData = null;
-                                if (tree) {
-                                    newFormData = (0, astFilterProcessing_1.filterTreeToAst)(tree, client.databaseType.toLowerCase());
+                                if (filterTree) {
+                                    newFormData = (0, astFilterProcessing_1.filterTreeToAst)(filterTree, client.databaseType.toLowerCase());
                                 }
                                 const newAst = (0, util_1.deepCopy)({
                                     ...constants_1.defaultAST,
                                     ...baseAst,
                                     ...(!baseAst?.columns && {
-                                        columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schema).map((c) => {
+                                        columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schemaData.schema).map((c) => {
                                             const newColumn = (0, util_1.deepCopy)(constants_1.defaultColumn);
                                             newColumn.expr.column = c.field;
                                             return newColumn;
@@ -869,18 +788,18 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                 fetchSqlQuery(newAst, newFormData);
                             } }) }, index));
                 }
-                else {
-                    return ((0, jsx_runtime_1.jsx)(ui_1.FilterPopoverWrapper, { schema: schema.find((s) => s.name === currentTable || s.displayName === currentTable) ?? schema[0], filter: item.value, filterLabel: item.value ? (0, filterProcessing_1.filterSentence)(item.value) : '', index: index, FilterTagComponent: FilterPopoverComponent, FilterModal: FilterModal_1.default, fieldValuesMap: fieldValuesMap, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, handleFilterSave: (filter) => {
+                else if (item.value) {
+                    return ((0, jsx_runtime_1.jsx)(ui_1.FilterPopoverWrapper, { schema: schemaData.schema.find((s) => s.name === currentTable || s.displayName === currentTable) ?? schemaData.schema[0], filter: item.value, filterLabel: item.value ? (0, filterProcessing_1.filterSentence)(item.value) : '', index: index, FilterTagComponent: FilterPopoverComponent, FilterModal: FilterModal_1.default, fieldValuesMap: globalUniqueValues, priorFilters: filterStack.slice(0, index > 0 ? index - 1 : 0), columns: columns, client: client, customFields: schemaData.customFields, baseAst: baseAst, endpoint: exports.QUILL_SERVER, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, handleFilterSave: (filter) => {
                             item.value = filter;
                             let newFormData = null;
-                            if (tree) {
-                                newFormData = (0, astFilterProcessing_1.filterTreeToAst)(tree, client.databaseType.toLowerCase());
+                            if (filterTree) {
+                                newFormData = (0, astFilterProcessing_1.filterTreeToAst)(filterTree, client.databaseType.toLowerCase());
                             }
                             const newAst = (0, util_1.deepCopy)({
                                 ...constants_1.defaultAST,
                                 ...baseAst,
                                 ...(!baseAst?.columns && {
-                                    columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schema).map((c) => {
+                                    columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schemaData.schema).map((c) => {
                                         const newColumn = (0, util_1.deepCopy)(constants_1.defaultColumn);
                                         newColumn.expr.column = c.field;
                                         return newColumn;
@@ -895,41 +814,46 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                             setFormData(newFormData);
                             fetchSqlQuery(newAst, newFormData);
                         }, handleFilterDelete: (i) => {
-                            if (i > 0) {
-                                filterStack.splice(i - 1, 2);
-                            }
-                            else {
-                                if (filterStack.length > 1) {
-                                    filterStack.splice(i, 2);
+                            if (!removingFilter) {
+                                setRemovingFilter(true);
+                                const newStack = filterStack;
+                                if (i > 0) {
+                                    newStack.splice(i - 1, 2);
                                 }
                                 else {
-                                    filterStack.splice(i, 1);
+                                    if (filterStack.length > 1) {
+                                        newStack.splice(i, 2);
+                                    }
+                                    else {
+                                        newStack.splice(i, 1);
+                                    }
                                 }
-                            }
-                            tree = filterStackToFilterTree(filterStack);
-                            let newFormData = null;
-                            if (tree) {
-                                newFormData = (0, astFilterProcessing_1.filterTreeToAst)(tree, client.databaseType.toLowerCase());
-                            }
-                            const newAst = (0, util_1.deepCopy)({
-                                ...constants_1.defaultAST,
-                                ...baseAst,
-                                ...(!baseAst?.columns && {
-                                    columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schema).map((c) => {
-                                        const newColumn = (0, util_1.deepCopy)(constants_1.defaultColumn);
-                                        newColumn.expr.column = c.field;
-                                        return newColumn;
+                                const tree = (0, filterProcessing_1.filterStackToFilterTree)(newStack);
+                                let newFormData = null;
+                                if (tree) {
+                                    newFormData = (0, astFilterProcessing_1.filterTreeToAst)(tree, client.databaseType.toLowerCase());
+                                }
+                                const newAst = (0, util_1.deepCopy)({
+                                    ...constants_1.defaultAST,
+                                    ...baseAst,
+                                    ...(!baseAst?.columns && {
+                                        columns: (0, astProcessing_1.getAllPossibleColumns)(baseAst, schemaData.schema).map((c) => {
+                                            const newColumn = (0, util_1.deepCopy)(constants_1.defaultColumn);
+                                            newColumn.expr.column = c.field;
+                                            return newColumn;
+                                        }),
                                     }),
-                                }),
-                                ...(!baseAst?.from && {
-                                    from: [{ ...constants_1.defaultTable, table: initialTableName }],
-                                }),
-                                where: newFormData,
-                            });
-                            setBaseAst(newAst);
-                            setFormData(newFormData);
-                            fetchSqlQuery(newAst, newFormData);
-                        } }, 'filter' + index));
+                                    ...(!baseAst?.from && {
+                                        from: [{ ...constants_1.defaultTable, table: initialTableName }],
+                                    }),
+                                    where: newFormData,
+                                });
+                                setBaseAst(newAst);
+                                setFormData(newFormData);
+                                fetchSqlQuery(newAst, newFormData);
+                                setRemovingFilter(false);
+                            }
+                        } }, `filter_${index}_${item.value ? (0, filterProcessing_1.filterSentence)(item.value) : ''}`));
                 }
             }) }));
     };
@@ -961,7 +885,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
         let reportBuilderInfo = undefined;
         try {
             setLoading(true);
-            reportBuilderInfo = await (0, report_1.fetchReportBuilderDataFromAST)(baseAst, curFormData, curSchema ?? schema, client, curPivot ?? pivot, formData, currentTable, { uniqueStrings: uniqueValues, dateRanges: dateRanges ?? {} }, previousReport ?? reportInfo ?? undefined, customFields);
+            reportBuilderInfo = await (0, report_1.fetchReportBuilderDataFromAST)(baseAst, curFormData, curSchema ?? schemaData.schema, client, curPivot ?? pivot, formData, currentTable, { uniqueStrings: uniqueValues, dateRanges: dateRanges ?? {} }, previousReport ?? reportInfo ?? undefined, schemaData.customFields);
             if (reportBuilderInfo.error) {
                 throw new Error(reportBuilderInfo.error);
             }
@@ -1016,7 +940,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
         }
         try {
             setLoading(true);
-            astInfo = await (0, astProcessing_1.fetchAndProcessASTFromPrompt)(prompt, schema, client, pivot, activeQuery);
+            astInfo = await (0, astProcessing_1.fetchAndProcessASTFromPrompt)(prompt, schemaData.schema, client, pivot, activeQuery);
             if (astInfo.error) {
                 throw new Error(astInfo.error);
             }
@@ -1028,10 +952,16 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
             }
             return;
         }
+        // parse the whereAst first
+        const filterTree = (0, astFilterProcessing_1.astToFilterTree)(astInfo.whereAST, client.databaseType?.toLowerCase());
+        const cleanAst = filterTree
+            ? (0, astFilterProcessing_1.filterTreeToAst)(filterTree, client.databaseType?.toLowerCase())
+            : null;
+        setFormData(cleanAst);
+        astInfo.ast.where = cleanAst;
         setBaseAst(astInfo.ast);
-        setFormData(astInfo.whereAst);
-        fetchSqlQuery(astInfo.ast, astInfo.whereAst, false);
-        await fetchReportFromASTHelper(astInfo.ast, astInfo.whereAST, astInfo.pivot);
+        fetchSqlQuery(astInfo.ast, cleanAst, false);
+        await fetchReportFromASTHelper(astInfo.ast, cleanAst, astInfo.pivot);
     };
     const handleDeleteColumn = (name) => {
         if (!baseAst || !baseAst.columns.length || selectedColumns.length === 1) {
@@ -1142,6 +1072,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                         gap: 8,
                     }, children: [columnNamesInAst.map((name) => ((0, jsx_runtime_1.jsx)(DraggableItem, { id: name, label: name, onDelete: () => handleDeleteColumn(name) }, name))), columnNamesInAst?.length > 0 && (0, jsx_runtime_1.jsx)("div", { style: { height: 6 } })] }) }) }));
     }
+    // TODO: Refactor this part
     if (loading || initialChartLoad) {
         return ((0, jsx_runtime_1.jsxs)("div", { style: {
                 display: 'flex',
@@ -1169,12 +1100,12 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                         }, orderedColumnNames: orderedColumnNames, setOrderedColumnNames: setOrderedColumnNames, selectedColumns: selectedColumns, setSelectedColumns: setSelectedColumns, isSelectedAllColumns: isSelectedAllColumns, clearAllState: clearAllState, nameToColumn: nameToColumn, baseAst: baseAst, setBaseAst: (ast) => {
                                             setBaseAst(ast);
                                             fetchSqlQuery(ast);
-                                        }, pivot: pivot, initialTableName: initialTableName, defaultAST: constants_1.defaultAST, defaultTable: constants_1.defaultTable, setPivot: setPivot, TextInput: TextInputComponent, SelectColumn: SelectColumnComponent, SecondaryButton: SecondaryButtonComponent, Button: ButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Filters" }), formData && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                        }, pivot: pivot, initialTableName: initialTableName, defaultAST: constants_1.defaultAST, defaultTable: constants_1.defaultTable, setPivot: setPivot, TextInputComponent: TextInputComponent, SelectColumn: SelectColumnComponent, SecondaryButton: SecondaryButtonComponent, Button: ButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Filters" }), formData && ((0, jsx_runtime_1.jsx)("div", { style: {
                                         display: 'flex',
                                         flexDirection: 'column',
                                         gap: 8,
                                         marginBottom: 12,
-                                    }, children: filterTree && renderFilters(filterTree) })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    }, children: renderFilters() })), (0, jsx_runtime_1.jsxs)("div", { style: {
                                         display: 'flex',
                                         flexDirection: 'column',
                                         alignItems: 'flex-start',
@@ -1215,8 +1146,8 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                                             setActiveEditItem(null);
                                                         }, 300);
                                                     }
-                                                }, popoverTitle: 'Add filter', popoverChildren: (0, jsx_runtime_1.jsx)(FilterModal_1.default, { schema: schema.find((s) => s.name === currentTable ||
-                                                        s.displayName === currentTable) ?? schema[0], fieldValuesMap: uniqueValues[(0, ast_1.getTableNames)(baseAst).length === 1
+                                                }, popoverTitle: 'Add filter', popoverChildren: (0, jsx_runtime_1.jsx)(FilterModal_1.default, { schema: schemaData.schema.find((s) => s.name === currentTable ||
+                                                        s.displayName === currentTable) ?? schemaData.schema[0], fieldValuesMap: uniqueValues[(0, ast_1.getTableNames)(baseAst).length === 1
                                                         ? (0, ast_1.getTableNames)(baseAst)[0]
                                                         : initialTableName], onSubmitFilter: (filter) => {
                                                         setOpenPopover(null);
@@ -1359,7 +1290,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                                     setActivePath(null);
                                                     setOpenPopover(null);
                                                 }
-                                            }, popoverTitle: "Add limit", popoverChildren: (0, jsx_runtime_1.jsx)(AddLimitPopover_1.AddLimitPopover, { TextInput: TextInputComponent, Button: ButtonComponent, SecondaryButton: SecondaryButtonComponent, onSave: () => { } }) })] }))] })] }), (0, jsx_runtime_1.jsxs)(ContainerComponent, { children: [isAIEnabled && ((0, jsx_runtime_1.jsx)("form", { ref: askAILoadingContainerRef, onSubmit: (event) => {
+                                            }, popoverTitle: "Add limit", popoverChildren: (0, jsx_runtime_1.jsx)(AddLimitPopover_1.AddLimitPopover, { TextInputComponent: TextInputComponent, Button: ButtonComponent, SecondaryButton: SecondaryButtonComponent, onSave: () => { } }) })] }))] })] }), (0, jsx_runtime_1.jsxs)(ContainerComponent, { children: [isAIEnabled && ((0, jsx_runtime_1.jsx)("form", { ref: askAILoadingContainerRef, onSubmit: (event) => {
                                 event.preventDefault();
                             }, style: {
                                 display: 'flex',
@@ -1374,11 +1305,13 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                             ? askAIInputWidth
                                             : askAILoadingContainerWidth, value: aiPrompt, onChange: () => { } }), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => { }, label: "Ask AI" }), ((baseAst && dataDisplayed) ||
                                         initialLoad ||
-                                        initialChartLoad) && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => { }, label: "New report" }))] }) })), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TableComponent, { isLoading: true, rows: [], columns: [] }), baseAst && dataDisplayed && !initialChartLoad && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                        initialChartLoad) &&
+                                        !reportId && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => { }, label: "New report" }))] }) })), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TableComponent, { isLoading: true, rows: [], columns: [] }), baseAst && dataDisplayed && !initialChartLoad && ((0, jsx_runtime_1.jsxs)("div", { style: {
                                         display: 'flex',
                                         flexDirection: 'row',
                                         gap: '12px',
-                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } }), !hideCopySQL && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => copySQLToClipboard(), label: isCopying ? '✅ Copied' : 'Copy SQL' })), (0, jsx_runtime_1.jsx)(ButtonComponent, { label: reportInfo ? 'Save changes' : 'Add to dashboard', onClick: () => { } })] }))] })] }), (0, jsx_runtime_1.jsx)("style", { children: `body{margin:0;}` })] }));
+                                        marginTop: 'auto',
+                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } }), onDiscardChanges && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: onDiscardChanges, label: "Discard changes" })), !hideCopySQL && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => copySQLToClipboard(), label: isCopying ? 'Copied' : 'Copy SQL' })), (0, jsx_runtime_1.jsx)(ButtonComponent, { label: reportInfo ? 'Save changes' : 'Add to dashboard', onClick: () => { } })] }))] })] }), (0, jsx_runtime_1.jsx)("style", { children: `body{margin:0;}` })] }));
     }
     return ((0, jsx_runtime_1.jsxs)("div", { style: { backgroundColor: theme?.backgroundColor, ...containerStyle }, className: className, children: [(!isChartBuilderHorizontalView ||
                 (isChartBuilderHorizontalView && !isChartBuilderOpen)) && ((0, jsx_runtime_1.jsxs)("div", { ref: parentRef, style: {
@@ -1412,12 +1345,12 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                             }, orderedColumnNames: orderedColumnNames, setOrderedColumnNames: setOrderedColumnNames, selectedColumns: selectedColumns, setSelectedColumns: setSelectedColumns, isSelectedAllColumns: isSelectedAllColumns, clearAllState: clearAllState, nameToColumn: nameToColumn, baseAst: baseAst, setBaseAst: (ast) => {
                                                 setBaseAst(ast);
                                                 fetchSqlQuery(ast);
-                                            }, pivot: pivot, initialTableName: initialTableName, defaultAST: constants_1.defaultAST, defaultTable: constants_1.defaultTable, schemaLoading: loadingSchema, setPivot: setPivot, TextInput: TextInputComponent, SelectColumn: SelectColumnComponent, SecondaryButton: SecondaryButtonComponent, Button: ButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Filters" }), formData && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                            }, pivot: pivot, initialTableName: initialTableName, defaultAST: constants_1.defaultAST, defaultTable: constants_1.defaultTable, schemaLoading: schemaData.isSchemaLoading, setPivot: setPivot, TextInputComponent: TextInputComponent, SelectColumn: SelectColumnComponent, SecondaryButton: SecondaryButtonComponent, Button: ButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Filters" }), formData && ((0, jsx_runtime_1.jsx)("div", { style: {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             gap: 8,
                                             marginBottom: 12,
-                                        }, children: filterTree && renderFilters(filterTree) })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                        }, children: renderFilters() })), (0, jsx_runtime_1.jsxs)("div", { style: {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             alignItems: 'flex-start',
@@ -1459,8 +1392,8 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                                                 setActiveEditItem(null);
                                                             }, 300);
                                                         }
-                                                    }, popoverTitle: "Add filter", popoverChildren: (0, jsx_runtime_1.jsx)(FilterModal_1.default, { schema: schema.find((s) => s.name === currentTable ||
-                                                            s.displayName === currentTable) ?? schema[0], fieldValuesMap: fieldValuesMap, onSubmitFilter: (filter) => {
+                                                    }, popoverTitle: "Add filter", popoverChildren: (0, jsx_runtime_1.jsx)(FilterModal_1.default, { schema: schemaData.schema.find((s) => s.name === currentTable ||
+                                                            s.displayName === currentTable) ?? schemaData.schema[0], fieldValuesMap: fieldValuesMap, onSubmitFilter: (filter) => {
                                                             setOpenPopover(null);
                                                             setIsPending(false);
                                                             const item = (0, astFilterProcessing_1.filterToAst)(filter, client.databaseType.toLowerCase());
@@ -1733,7 +1666,7 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                                             setActivePath(null);
                                                             setOpenPopover(null);
                                                         }
-                                                    }, popoverTitle: "Add limit", popoverChildren: (0, jsx_runtime_1.jsx)(AddLimitPopover_1.AddLimitPopover, { TextInput: TextInputComponent, Button: ButtonComponent, SecondaryButton: SecondaryButtonComponent, onSave: (limit) => {
+                                                    }, popoverTitle: "Add limit", popoverChildren: (0, jsx_runtime_1.jsx)(AddLimitPopover_1.AddLimitPopover, { TextInputComponent: TextInputComponent, Button: ButtonComponent, SecondaryButton: SecondaryButtonComponent, onSave: (limit) => {
                                                             const newAst = { ...baseAst };
                                                             newAst.limit = {
                                                                 seperator: '',
@@ -1762,20 +1695,23 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                                 ? 'Ask a follow-up question...'
                                                 : 'Ask a question...' }), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => {
                                                 fetchAstFromPromptHelper();
-                                            }, label: 'Ask AI' }), ((baseAst && dataDisplayed) || initialLoad) && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: 'New report', onClick: clearAllState }))] }) })), baseAst && ((0, jsx_runtime_1.jsx)(TableComponent, { isLoading: tableLoading ||
+                                            }, label: 'Ask AI' }), ((baseAst && dataDisplayed) || initialLoad) && !reportId && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: 'New report', onClick: clearAllState }))] }) })), baseAst && ((0, jsx_runtime_1.jsx)(TableComponent, { isLoading: tableLoading ||
                                     (loading && errorMessage.length === 0) ||
-                                    initialChartLoad, rows: formattedRows, rowCount: pivot ? undefined : numberOfRows, columns: pivot
+                                    initialChartLoad, rows: formattedRows, rowCount: pivot ? undefined : numberOfRows, rowsPerPage: 20, columns: pivot
                                     ? pivotData?.columns || emptyPivotColumns()
                                     : enforceOrderOnColumns(Object.keys(rows[0] ?? {})).map((c) => {
                                         return {
                                             label: (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(c),
                                             field: c,
                                         };
-                                    }), onPageChange: onPageChange, onSortChange: onSortChange })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    }), onPageChange: onPageChange, onSortChange: onSortChange, containerStyle: {
+                                    maxHeight: Math.max(window.innerHeight - 290, 75 + Math.min(Math.max(10, rows.length), 20) * 37),
+                                } })), (0, jsx_runtime_1.jsxs)("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
                                     gap: '12px',
                                     width: '100%',
+                                    marginTop: 'auto',
                                 }, children: [errorMessage ? ((0, jsx_runtime_1.jsxs)("div", { style: {
                                             display: 'flex',
                                             flexDirection: 'row',
@@ -1785,7 +1721,8 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                                             alignItems: 'center',
                                         }, children: [(0, jsx_runtime_1.jsx)(ErrorMessageComponent, { errorMessage: errorMessage }), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => {
                                                     fetchAstFromPromptHelper();
-                                                }, label: 'Retry' })] })) : ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } })), baseAst && dataDisplayed && !initialChartLoad && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideCopySQL && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: isCopying ? '✅ Copied' : 'Copy SQL', onClick: () => copySQLToClipboard() })), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => {
+                                                }, label: 'Retry' })] })) : ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } })), baseAst && dataDisplayed && !initialChartLoad && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [onDiscardChanges && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: onDiscardChanges, label: "Discard changes" })), !hideCopySQL && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: isCopying ? 'Copied' : 'Copy SQL', onClick: () => copySQLToClipboard() })), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => {
+                                                    onSaveChanges && onSaveChanges();
                                                     setIsChartBuilderOpen(true);
                                                 }, disabled: !!errorMessage, label: reportId ? 'Save changes' : 'Add to dashboard' })] }))] })] }), (0, jsx_runtime_1.jsx)("style", { children: `body{margin:0;}` })] })), (!isChartBuilderHorizontalView || isChartBuilderOpen) && ((0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { report: reportInfo
                     ? {
@@ -1801,6 +1738,6 @@ SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer,
                         queryString: activeQuery,
                         rows: rows,
                     }
-                    : tempReport, rows: rows, columns: columns, pivot: pivot, query: activeQuery, showTableFormatOptions: showChartBuilderTableFormatOptions, showDateFieldOptions: isAdminEnabled, showAccessControlOptions: isAdminEnabled, title: reportId ? 'Save changes' : 'Add to dashboard', isHorizontalView: true, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: reportId ? onSubmitEditReport : onSubmitCreateReport, destinationDashboard: destinationDashboard, organizationName: organizationName, pivotData: pivotData, initialUniqueValues: uniqueValues[currentTable], pivotRecommendationsEnabled: pivotRecommendationsEnabled && overrideRecommendations, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, CardComponent: CardComponent, ModalComponent: ChartBuilderModalComponent, PopoverComponent: PopoverComponent, TableComponent: TableComponent, DeleteButtonComponent: DeleteButtonComponent, LoadingComponent: LoadingComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, FormContainer: ChartBuilderFormContainer, hideDateRangeFilter: true, buttonLabel: !!reportId ? 'Save changes' : 'Add to dashboard', onClickChartElement: onClickChartElement, rowCount: numberOfRows, onPageChange: onPageChange, onSortChange: onSortChange, isLoading: tableLoading }))] }));
+                    : tempReport, rows: rows, columns: columns, pivot: pivot, query: activeQuery, showTableFormatOptions: showChartBuilderTableFormatOptions, showDateFieldOptions: isAdminEnabled, showAccessControlOptions: isAdminEnabled, isAdmin: isAdminEnabled, title: reportId ? 'Save changes' : 'Add to dashboard', isHorizontalView: true, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: reportId ? onSubmitEditReport : onSubmitCreateReport, destinationDashboard: destinationDashboard, organizationName: organizationName, pivotData: pivotData, initialUniqueValues: uniqueValues[currentTable], pivotRecommendationsEnabled: pivotRecommendationsEnabled && overrideRecommendations, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, CardComponent: CardComponent, ModalComponent: ChartBuilderModalComponent, PopoverComponent: PopoverComponent, TableComponent: TableComponent, DeleteButtonComponent: DeleteButtonComponent, LoadingComponent: LoadingComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, FormContainer: ChartBuilderFormContainer, hideDateRangeFilter: true, buttonLabel: !!reportId ? 'Save changes' : 'Add to dashboard', onClickChartElement: onClickChartElement, rowCount: numberOfRows, onPageChange: onPageChange, onSortChange: onSortChange, isLoading: tableLoading, isEditingMode: true }))] }));
 }
 exports.default = ReportBuilder;