@quillsql/react 2.14.16 → 2.15.0

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

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

package/dist/cjs/components/QuillTable.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const valueFormatter_1 = require("../utils/valueFormatter");
 const Context_1 = require("../Context");
 const UiComponents_1 = require("./UiComponents");
-function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = UiComponents_1.QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, hideLabels, disableSort, }) {
+function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, overrideInMemortSort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = UiComponents_1.QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, hideLabels, disableSort, }) {
     const [activeRows, setActiveRows] = (0, react_1.useState)([]);
     const [maxPage, setMaxPage] = (0, react_1.useState)(1);
     const [sortColumn, setSortColumn] = (0, react_1.useState)(sort?.field || '');
@@ -31,7 +31,7 @@ function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, cur
         }
         else {
             const sortedRows = [...rows];
-            if (sortColumn) {
+            if (sortColumn && !overrideInMemortSort) {
                 sortedRows.sort((a, b) => {
                     const result = (0, valueFormatter_1.compareValues)(a, b, sortColumn);
                     return sortDirection === 'asc' ? result : -result;

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

@@ -3,7 +3,7 @@ import { TextInputComponentProps } from '../UiComponents';
 import { Table } from '../../models/Tables';
 import { ReportBuilderColumn, ReportBuilderTable } from '../../models/ReportBuilder';
 import { ForeignKeyMap } from './schema';
-export default function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schemaLoading, foreignKeyMap, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState, LoadingComponent, }: {
+export default function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schemaLoading, foreignKeyMap, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState, LoadingComponent, onRequestAddVirtualTable, }: {
     onSave: (newTables: ReportBuilderTable[], newColumns: ReportBuilderColumn[]) => void;
     selectedTables: ReportBuilderTable[];
     selectedColumns: ReportBuilderColumn[];
@@ -23,5 +23,6 @@ export default function AddColumnModal({ onSave, selectedTables, selectedColumns
     Button: any;
     ColumnSearchEmptyState: () => JSX.Element;
     LoadingComponent: () => JSX.Element;
+    onRequestAddVirtualTable?: () => void;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AddColumnModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddColumnModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddColumnModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAiBpE,OAAO,EAGL,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAEL,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,EACN,cAAc,EACd,eAAe,EACf,MAAM,EACN,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAoD,EACpD,gBAAwC,GACzC,EAAE;IACD,MAAM,EAAE,CACN,SAAS,EAAE,kBAAkB,EAAE,EAC/B,UAAU,EAAE,mBAAmB,EAAE,KAC9B,IAAI,CAAC;IACV,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EACd,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;KAC5E,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,sBAAsB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC1C,gBAAgB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACrC,2CAgUA"}
+{"version":3,"file":"AddColumnModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddColumnModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiBhF,OAAO,EAGL,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAEL,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,EACN,cAAc,EACd,eAAe,EACf,MAAM,EACN,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAoD,EACpD,gBAAwC,EACxC,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,CACN,SAAS,EAAE,kBAAkB,EAAE,EAC/B,UAAU,EAAE,mBAAmB,EAAE,KAC9B,IAAI,CAAC;IACV,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EACd,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;KAC5E,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,sBAAsB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC1C,gBAAgB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACpC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC,2CA2WA"}

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

@@ -9,9 +9,12 @@ const utilities_1 = require("@dnd-kit/utilities");
 const UiComponents_1 = require("../UiComponents");
 const textProcessing_1 = require("../../utils/textProcessing");
 const ReportBuilder_1 = require("../../models/ReportBuilder");
-function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schemaLoading, foreignKeyMap, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState = UiComponents_1.QuillColumnSearchEmptyState, LoadingComponent = UiComponents_1.QuillLoadingComponent, }) {
+const Context_1 = require("../../Context");
+function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schemaLoading, foreignKeyMap, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState = UiComponents_1.QuillColumnSearchEmptyState, LoadingComponent = UiComponents_1.QuillLoadingComponent, onRequestAddVirtualTable, }) {
     const [primaryTable, setPrimaryTable] = (0, react_1.useState)(selectedTables[0]?.name);
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     const [search, setSearch] = (0, react_1.useState)('');
+    const [initialLoad, setInitialLoad] = (0, react_1.useState)(true);
     const textInputContainerRef = (0, react_1.useRef)(null);
     const [modalSelectedColumns, setModalSelectedColumns] = (0, react_1.useState)(selectedColumns.map((col) => `${col.table}.${col.field}`));
     const columnOptions = (0, react_1.useMemo)(() => {
@@ -69,6 +72,11 @@ function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schem
         const remainingColumns = columnOptions.filter((col) => !modalSelectedColumns.includes(col));
         setOrderedColumnNames([...modalSelectedColumns, ...remainingColumns]);
     }, [columnOptions]);
+    (0, react_1.useEffect)(() => {
+        if (!schemaLoading && initialLoad) {
+            setTimeout(() => setInitialLoad(false), 200); // This artificial load prevents a flash as searchResults gets populated from empty array
+        }
+    }, [schemaLoading]);
     const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
         coordinateGetter: sortable_1.sortableKeyboardCoordinates,
     }));
@@ -101,7 +109,7 @@ function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schem
                     alignItems: 'center',
                     marginTop: 2,
                     marginBottom: 6,
-                }, children: (0, jsx_runtime_1.jsx)(TextInputComponent, { id: 'add_column_search_bar', value: search, placeholder: 'Search...', width: 400, onChange: (e) => setSearch(e.target.value) }) }), schemaLoading ? ((0, jsx_runtime_1.jsx)(LoadingComponent, {})) : ((0, jsx_runtime_1.jsx)(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, children: (0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: orderedColumnNames, strategy: sortable_1.verticalListSortingStrategy, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                }, children: (0, jsx_runtime_1.jsx)(TextInputComponent, { id: 'add_column_search_bar', value: search, placeholder: 'Search...', width: 400, onChange: (e) => setSearch(e.target.value), disabled: schemaLoading || initialLoad }) }), schemaLoading || initialLoad ? ((0, jsx_runtime_1.jsx)(LoadingComponent, {})) : schema.length > 0 ? ((0, jsx_runtime_1.jsx)(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, children: (0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: orderedColumnNames, strategy: sortable_1.verticalListSortingStrategy, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 8,
@@ -137,8 +145,25 @@ function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schem
                                         .split('.')
                                         .map((v) => (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(v))
                                         .join(' | '), SelectColumn: SelectColumn }, index));
-                            }), search.length > 0 && searchResults.length === 0 && ((0, jsx_runtime_1.jsx)(ColumnSearchEmptyState, {}))] }) }) })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                            }), search.length > 0 && searchResults.length === 0 && ((0, jsx_runtime_1.jsx)(ColumnSearchEmptyState, {}))] }) }) })) : ((0, jsx_runtime_1.jsxs)("div", { style: {
                     display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'space-around',
+                    paddingTop: 20,
+                    alignItems: 'center',
+                    minHeight: 140,
+                    height: '100%',
+                }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                            fontFamily: theme?.fontFamily,
+                            fontSize: theme?.fontSize,
+                            color: theme?.secondaryTextColor,
+                            textAlign: 'center',
+                        }, children: "No tables found for the current tenant" }), onRequestAddVirtualTable && ((0, jsx_runtime_1.jsx)(Button, { onClick: () => {
+                            onRequestAddVirtualTable?.();
+                        }, label: "Add Table" }))] })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: schemaLoading || initialLoad || columnOptions.length === 0
+                        ? 'none'
+                        : 'flex',
                     width: '100%',
                     flexDirection: 'row',
                     gap: 8,

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

@@ -0,0 +1,49 @@
+import { ReportBuilder } from '../../hooks/useReportBuilder';
+import { TextInputComponentProps } from '../UiComponents';
+interface AddColumnsProps {
+    reportBuilder: ReportBuilder;
+    ModalComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        title?: string;
+        children: React.ReactNode;
+    }) => JSX.Element;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        isLoading?: boolean;
+    }) => JSX.Element;
+    DraggableColumnComponent?: (props: {
+        label: string;
+        onDelete: () => void;
+        DragHandle: ({ dragIcon }: {
+            dragIcon: () => JSX.Element;
+        }) => JSX.Element;
+        deleteDisabled?: boolean;
+    }) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    SelectColumnComponent?: (props: {
+        label: string;
+        isSelected: boolean;
+        setSelected: () => void;
+        DragHandle: ({ dragIcon }: {
+            dragIcon: () => JSX.Element;
+        }) => JSX.Element;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        isLoading?: boolean;
+    }) => JSX.Element;
+    ColumnSearchEmptyState?: () => JSX.Element;
+    LoadingComponent?: () => JSX.Element;
+    ColumnDisplay?: React.ReactNode;
+    ModalTrigger?: React.ReactNode;
+    Modal?: React.ReactNode;
+    onRequestAddVirtualTable?: () => void;
+}
+export declare const AddColumns: ({ reportBuilder, ModalComponent, ButtonComponent, DraggableColumnComponent, TextInputComponent, SelectColumnComponent, SecondaryButtonComponent, ColumnSearchEmptyState, LoadingComponent, onRequestAddVirtualTable, ColumnDisplay, ModalTrigger, Modal, }: AddColumnsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColumnComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/ColumnComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAML,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,UAAU,eAAe;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE;QACjC,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;QAC3E,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IAEN,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;KAC5E,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE;QACjC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC3C,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAErC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAyID,eAAO,MAAM,UAAU,+PAoCpB,eAAe,4CAQjB,CAAC"}

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

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddColumns = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ReportBuilder_1 = require("../../models/ReportBuilder");
+const UiComponents_1 = require("../UiComponents");
+const AddColumnModal_1 = __importDefault(require("./AddColumnModal"));
+const DraggableColumns_1 = __importDefault(require("./DraggableColumns"));
+const ui_1 = require("./ui");
+const ColumnsDisplayWrapper = ({ reportBuilder, DraggableColumnComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)(DraggableColumns_1.default, { columns: reportBuilder.columns, DraggableColumnComponent: DraggableColumnComponent, onColumnOrderChange: reportBuilder.handleColumnsChange, loading: reportBuilder.loading }));
+};
+const ModalTriggerWrapper = ({ reportBuilder, ButtonComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => {
+            if (!reportBuilder.openPopover) {
+                reportBuilder.setOpenPopover('AddColumnModal');
+            }
+        }, label: "Select columns", disabled: reportBuilder.loading }));
+};
+const ModalWrapper = ({ reportBuilder, ModalComponent, TextInputComponent, SelectColumnComponent, SecondaryButtonComponent, ButtonComponent, ColumnSearchEmptyState, LoadingComponent, onRequestAddVirtualTable, }) => {
+    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: reportBuilder.openPopover === 'AddColumnModal', setIsOpen: (isOpen) => {
+            if (!isOpen) {
+                // delay onClose callback so onClick no-ops
+                setTimeout(() => {
+                    reportBuilder.setOpenPopover(null);
+                }, 100);
+            }
+        }, title: "Select columns", children: (0, jsx_runtime_1.jsx)(AddColumnModal_1.default, { onSave: (tables, columns) => {
+                reportBuilder.handleMultiStateChange({
+                    state: {
+                        ...ReportBuilder_1.EMPTY_REPORT_BUILDER_STATE,
+                        tables,
+                        columns,
+                    },
+                    fetchData: true,
+                });
+                reportBuilder.setOpenPopover(null);
+            }, selectedTables: reportBuilder.tables, selectedColumns: reportBuilder.columns, schema: reportBuilder.filteredSchema, foreignKeyMap: reportBuilder.foreignKeyMap, schemaLoading: reportBuilder.schemaData.isSchemaLoading, TextInputComponent: TextInputComponent, SelectColumn: SelectColumnComponent, SecondaryButton: SecondaryButtonComponent, Button: ButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent, onRequestAddVirtualTable: onRequestAddVirtualTable }) }));
+};
+const AddColumns = ({ reportBuilder, ModalComponent = UiComponents_1.MemoizedModal, ButtonComponent = UiComponents_1.MemoizedSecondaryButton, DraggableColumnComponent = ui_1.QuillDraggableColumn, TextInputComponent = UiComponents_1.QuillTextInput, SelectColumnComponent = ui_1.QuillSelectColumn, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, ColumnSearchEmptyState = UiComponents_1.QuillColumnSearchEmptyState, LoadingComponent = UiComponents_1.QuillLoadingComponent, onRequestAddVirtualTable, ColumnDisplay = ((0, jsx_runtime_1.jsx)(ColumnsDisplayWrapper, { reportBuilder: reportBuilder, DraggableColumnComponent: DraggableColumnComponent })), ModalTrigger = ((0, jsx_runtime_1.jsx)(ModalTriggerWrapper, { reportBuilder: reportBuilder, ButtonComponent: SecondaryButtonComponent })), Modal = ((0, jsx_runtime_1.jsx)(ModalWrapper, { reportBuilder: reportBuilder, ModalComponent: ModalComponent, TextInputComponent: TextInputComponent, SelectColumnComponent: SelectColumnComponent, SecondaryButtonComponent: SecondaryButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent, ButtonComponent: ButtonComponent, onRequestAddVirtualTable: onRequestAddVirtualTable })), }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [ColumnDisplay, ModalTrigger, Modal] }));
+};
+exports.AddColumns = AddColumns;

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

@@ -0,0 +1,65 @@
+import { ReportBuilder } from '../../hooks/useReportBuilder';
+import { TextInputComponentProps, SelectComponentProps } from '../UiComponents';
+interface AddFiltersProps {
+    reportBuilder: ReportBuilder;
+    FilterDisplay?: React.ReactNode;
+    PopoverTrigger?: React.ReactNode;
+    Popover?: React.ReactNode;
+    TabsComponent?: (props: {
+        options: {
+            label: string;
+            value: string;
+        }[];
+        value: string;
+        onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    }) => JSX.Element;
+    FilterPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+        filterLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        tooltipText?: string;
+    }) => JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    MultiSelectComponent?: (props: {
+        label?: string;
+        width: number;
+        value: string[];
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React.ChangeEvent<HTMLSelectElement> | {
+            target: {
+                value: (string | null)[];
+            };
+        }) => void;
+    }) => JSX.Element;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+}
+export declare const AddFilters: ({ reportBuilder, TabsComponent, FilterPopoverComponent, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, PopoverComponent, FilterDisplay, PopoverTrigger, Popover, }: AddFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterComponent.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddFilters = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FilterStack_1 = __importDefault(require("./FilterStack"));
+const FilterModal_1 = __importDefault(require("./FilterModal"));
+const UiComponents_1 = require("../UiComponents");
+const ui_1 = require("./ui");
+const QuillSelect_1 = require("../QuillSelect");
+const QuillMultiSelectWithCombo_1 = require("../QuillMultiSelectWithCombo");
+const FilterDisplayWrapper = ({ reportBuilder, FilterStack, TabsComponent, FilterPopoverComponent, FilterModal, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, }) => {
+    return reportBuilder.filterStack.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 8,
+            marginBottom: 12,
+        }, children: (0, jsx_runtime_1.jsx)(FilterStack, { client: reportBuilder.client, filterStack: reportBuilder.filterStack, handleFilterStackChange: reportBuilder.handleFilterStackChange, schemaData: reportBuilder.schemaData, uniqueValues: reportBuilder.unfilteredUniqueValues, uniqueValuesIsLoading: reportBuilder.unfilteredUniqueValuesIsLoading, tables: reportBuilder.tables, TabsComponent: TabsComponent, FilterPopoverComponent: FilterPopoverComponent, FilterModal: FilterModal, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, actionsEnabled: !reportBuilder.loading, dashboardName: reportBuilder.destinationDashboard, getToken: reportBuilder.getToken, reportBuilderColumns: reportBuilder.columns }) })) : null;
+};
+const PopoverTriggerWrapper = ({ reportBuilder, SecondaryButtonComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { disabled: reportBuilder.columns.length === 0 || reportBuilder.loading, onClick: () => {
+            if (!reportBuilder.openPopover) {
+                reportBuilder.setOpenPopover('AddFilterPopover');
+            }
+        }, label: 'Add filter' }));
+};
+const PopoverWrapper = ({ reportBuilder, PopoverComponent, FilterModal, ButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'relative',
+            ...(reportBuilder.openPopover === 'AddFilterPopover' && { top: 12 }),
+        }, children: (0, jsx_runtime_1.jsx)(PopoverComponent, { isOpen: reportBuilder.openPopover === 'AddFilterPopover', setIsOpen: (isOpen) => {
+                if (!isOpen) {
+                    reportBuilder.setOpenPopover(null);
+                }
+            }, popoverTitle: "Add filter", popoverChildren: (0, jsx_runtime_1.jsx)(FilterModal, { schema: reportBuilder.filteredSchema, tables: reportBuilder.tables.map((table) => table.name), fieldValuesMap: reportBuilder.filteredUniqueValues ??
+                    reportBuilder.unfilteredUniqueValues, fieldValuesMapIsLoading: reportBuilder.filteredUniqueValuesIsLoading ||
+                    reportBuilder.unfilteredUniqueValuesIsLoading, onSubmitFilter: (filter) => {
+                    reportBuilder.setOpenPopover(null);
+                    reportBuilder.handleFilterInsertion(filter);
+                }, hideTableName: reportBuilder.tables.length === 1, onDeleteFilter: () => { }, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, reportBuilderColumns: reportBuilder.columns }) }) }));
+};
+const AddFilters = ({ reportBuilder, TabsComponent = UiComponents_1.QuillTabs, FilterPopoverComponent = ui_1.QuillFilterPopover, ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, SelectComponent = QuillSelect_1.QuillSelectComponent, TextInputComponent = UiComponents_1.QuillTextInput, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, PopoverComponent = UiComponents_1.MemoizedPopover, FilterDisplay = ((0, jsx_runtime_1.jsx)(FilterDisplayWrapper, { reportBuilder: reportBuilder, FilterStack: FilterStack_1.default, TabsComponent: TabsComponent, FilterPopoverComponent: FilterPopoverComponent, FilterModal: FilterModal_1.default, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent })), PopoverTrigger = ((0, jsx_runtime_1.jsx)(PopoverTriggerWrapper, { reportBuilder: reportBuilder, SecondaryButtonComponent: SecondaryButtonComponent })), Popover = ((0, jsx_runtime_1.jsx)(PopoverWrapper, { reportBuilder: reportBuilder, PopoverComponent: PopoverComponent, FilterModal: FilterModal_1.default, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent })), }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [FilterDisplay, (0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-start',
+                }, children: [PopoverTrigger, Popover] })] }));
+};
+exports.AddFilters = AddFilters;

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

@@ -0,0 +1,42 @@
+import { ReportBuilder } from '../../hooks/useReportBuilder';
+import { TextInputComponentProps } from '../UiComponents';
+interface AddLimitProps {
+    reportBuilder: ReportBuilder;
+    LimitDisplay?: React.ReactNode;
+    PopoverTrigger?: React.ReactNode;
+    Popover?: React.ReactNode;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        tooltipText?: string;
+    }) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+    LimitPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+        limitLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+}
+export declare const AddLimit: ({ reportBuilder, ButtonComponent, SecondaryButtonComponent, TextInputComponent, PopoverComponent, LimitPopoverComponent, LimitDisplay, PopoverTrigger, Popover, }: AddLimitProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LimitComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LimitComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/LimitComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EACL,uBAAuB,EAIxB,MAAM,iBAAiB,CAAC;AAKzB,UAAU,aAAa;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAG1B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE;QACjC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QACzB,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;KAClC,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;QACjC,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;KAC3D,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB;AAsHD,eAAO,MAAM,QAAQ,sKAmClB,aAAa,4CAkBf,CAAC"}

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddLimit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const UiComponents_1 = require("../UiComponents");
+const AddLimitPopover_1 = require("./AddLimitPopover");
+const UiComponents_2 = require("../UiComponents");
+const ui_1 = require("./ui");
+const LimitDisplayWrapper = ({ reportBuilder, LimitSentence, setOpenPopover, LimitPopover, EditPopover, TextInput, Button, SecondaryButton, }) => {
+    return reportBuilder.limit ? ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 8,
+            marginBottom: 12,
+        }, children: (0, jsx_runtime_1.jsx)(LimitSentence, { limit: reportBuilder.limit?.value || 0, setOpenPopover: setOpenPopover, LimitPopover: LimitPopover, EditPopover: EditPopover, handleDelete: () => {
+                reportBuilder.onLimitChange(null, false);
+                setOpenPopover(null);
+            }, onSave: (limit) => {
+                reportBuilder.onLimitChange(limit, false);
+                setOpenPopover(null);
+            }, TextInput: TextInput, Button: Button, SecondaryButton: SecondaryButton, disabled: reportBuilder.loading }) })) : null;
+};
+const PopoverTriggerWrapper = ({ reportBuilder, SecondaryButtonComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { disabled: reportBuilder.columns.length === 0 || reportBuilder.loading, onClick: () => {
+            if (!reportBuilder.openPopover) {
+                reportBuilder.setOpenPopover('AddLimitPopover');
+            }
+        }, label: 'Add limit' }));
+};
+const PopoverWrapper = ({ reportBuilder, PopoverComponent, AddLimitPopover, TextInputComponent, ButtonComponent, SecondaryButtonComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'relative',
+            ...(reportBuilder.openPopover === 'AddLimitPopover' && { top: 12 }),
+        }, children: (0, jsx_runtime_1.jsx)(PopoverComponent, { isOpen: reportBuilder.openPopover === 'AddLimitPopover', setIsOpen: (isOpen) => {
+                if (!isOpen) {
+                    reportBuilder.setOpenPopover(null);
+                }
+            }, popoverTitle: "Add limit", popoverChildren: (0, jsx_runtime_1.jsx)(AddLimitPopover, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, onSave: (limit) => {
+                    reportBuilder.onLimitChange(limit, false);
+                    reportBuilder.setOpenPopover(null);
+                } }) }) }));
+};
+const AddLimit = ({ reportBuilder, ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, TextInputComponent = UiComponents_2.QuillTextInput, PopoverComponent = UiComponents_1.MemoizedPopover, LimitPopoverComponent = ui_1.QuillLimitPopover, LimitDisplay = reportBuilder.limit ? ((0, jsx_runtime_1.jsx)(LimitDisplayWrapper, { reportBuilder: reportBuilder, LimitSentence: AddLimitPopover_1.LimitSentence, setOpenPopover: reportBuilder.setOpenPopover, LimitPopover: LimitPopoverComponent, EditPopover: AddLimitPopover_1.AddLimitPopover, TextInput: TextInputComponent, Button: ButtonComponent, SecondaryButton: SecondaryButtonComponent })) : null, PopoverTrigger = ((0, jsx_runtime_1.jsx)(PopoverTriggerWrapper, { reportBuilder: reportBuilder, SecondaryButtonComponent: SecondaryButtonComponent })), Popover = ((0, jsx_runtime_1.jsx)(PopoverWrapper, { reportBuilder: reportBuilder, PopoverComponent: PopoverComponent, AddLimitPopover: AddLimitPopover_1.AddLimitPopover, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent })), }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [LimitDisplay, !reportBuilder.limit && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-start',
+                }, children: [PopoverTrigger, Popover] }))] }));
+};
+exports.AddLimit = AddLimit;

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

@@ -0,0 +1,66 @@
+import { ReportBuilder } from '../../hooks/useReportBuilder';
+import { TextInputComponentProps, SelectComponentProps } from '../UiComponents';
+interface AddPivotProps {
+    reportBuilder: ReportBuilder;
+    parentRef?: any;
+    theme?: any;
+    PivotDisplay?: React.ReactNode;
+    PivotModal?: React.ReactNode;
+    SubHeaderComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    DeleteButtonComponent?: (props: {
+        onClick: () => void;
+    }) => JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => JSX.Element;
+    CardComponent?: (props: {
+        children: React.ReactNode;
+        onClick?: () => void;
+        onDelete?: () => void;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        tooltipText?: string;
+    }) => JSX.Element;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+    TextComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    ErrorMessageComponent?: (props: {
+        errorMessage: string;
+    }) => JSX.Element;
+    PivotRowContainer?: (props: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+    PivotColumnContainer?: (props: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+    LoadingComponent?: () => JSX.Element;
+    LabelComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    HeaderComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+}
+export declare const AddPivot: ({ reportBuilder, parentRef, theme, SubHeaderComponent, DeleteButtonComponent, SelectComponent, TextInputComponent, ButtonComponent, CardComponent, SecondaryButtonComponent, PopoverComponent, TextComponent, ErrorMessageComponent, PivotRowContainer, PivotColumnContainer, LoadingComponent, LabelComponent, HeaderComponent, PivotModal, PivotDisplay, }: AddPivotProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PivotComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PivotComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/PivotComponent.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddPivot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PivotModal_1 = require("../../internals/ReportBuilder/PivotModal");
+const PivotForm_1 = __importDefault(require("../../internals/ReportBuilder/PivotForm"));
+const UiComponents_1 = require("../UiComponents");
+const QuillCard_1 = require("../QuillCard");
+const QuillSelectWithCombo_1 = require("../QuillSelectWithCombo");
+const PivotModalWrapper = ({ reportBuilder, PivotModalComponent, SubHeaderComponent, DeleteButtonComponent, SelectComponent, TextInputComponent, ButtonComponent, CardComponent, SecondaryButtonComponent, PopoverComponent, TextComponent, ErrorMessageComponent, PivotRowContainer, PivotColumnContainer, LoadingComponent, LabelComponent, HeaderComponent, initialTableName, parentRef, theme, destinationDashboard, }) => {
+    return ((0, jsx_runtime_1.jsx)(PivotModalComponent, { pivotRowField: reportBuilder.pivotRowField, setPivotRowField: reportBuilder.setPivotRowField, pivotColumnField: reportBuilder.pivotColumnField, setPivotColumnField: reportBuilder.setPivotColumnField, pivotAggregations: reportBuilder.pivotAggregations, setPivotAggregations: reportBuilder.setPivotAggregations, pivotSort: reportBuilder.pivotSort, setPivotSort: reportBuilder.setPivotSort, pivotLimit: reportBuilder.pivotLimit, setPivotLimit: reportBuilder.setPivotLimit, createdPivots: reportBuilder.createdPivots, setCreatedPivots: reportBuilder.setCreatedPivots, recommendedPivots: reportBuilder.recommendedPivots, setRecommendedPivots: reportBuilder.setRecommendedPivots, popUpTitle: reportBuilder.pivotPopUpTitle, setPopUpTitle: reportBuilder.setPivotPopUpTitle, selectedTable: initialTableName, SubheaderComponent: SubHeaderComponent, DeleteButtonComponent: DeleteButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, CardComponent: CardComponent, SecondaryButtonComponent: SecondaryButtonComponent, PopoverComponent: PopoverComponent, TextComponent: TextComponent, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, LoadingComponent: LoadingComponent, isOpen: reportBuilder.showPivotPopover, setIsOpen: reportBuilder.setShowPivotPopover, showUpdatePivot: reportBuilder.isEditingPivot, setShowUpdatePivot: reportBuilder.setIsEditingPivot, parentRef: parentRef, data: reportBuilder.reportRows, columns: reportBuilder.reportColumnsToStateColumns, triggerButtonText: 'Add pivot', selectedPivotIndex: reportBuilder.selectedPivotIndex, setSelectedPivotIndex: reportBuilder.setSelectedPivotIndex, removePivot: () => {
+            reportBuilder.handlePivotChange(null);
+        }, selectPivot: async (selectedPivot) => {
+            if (!selectedPivot)
+                return;
+            reportBuilder.handlePivotChange(selectedPivot, true);
+        }, selectPivotOnEdit: true, showTrigger: !reportBuilder.pivot, theme: theme, LabelComponent: LabelComponent, HeaderComponent: HeaderComponent, dateRange: undefined, pivotCountRequest: 4, query: reportBuilder.activeQuery, initialUniqueValues: reportBuilder.columnUniqueValues, uniqueValuesIsLoading: reportBuilder.filteredUniqueValuesIsLoading ||
+            reportBuilder.unfilteredUniqueValuesIsLoading, disabled: !reportBuilder.columns.length || reportBuilder.loading, pivotRecommendationsEnabled: reportBuilder.pivotRecommendationsEnabledState, report: reportBuilder.tempReport, dashboardName: destinationDashboard, heightAdjustment: 150 }));
+};
+const PivotFormWrapper = ({ reportBuilder, PivotForm, SecondaryButtonComponent, SelectComponent, TextInputComponent, PivotColumnContainer, DeleteButtonComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)(PivotForm, { columns: reportBuilder.reportColumnsToStateColumns, uniqueValues: reportBuilder.columnUniqueValues, uniqueValuesIsLoading: reportBuilder.filteredUniqueValuesIsLoading ||
+            reportBuilder.unfilteredUniqueValuesIsLoading, setPivotRowField: (value) => {
+            reportBuilder.setPivotRowField(value);
+            reportBuilder.updatePivot(value, 'rowField');
+        }, setPivotColumnField: (value) => {
+            reportBuilder.setPivotColumnField(value);
+            reportBuilder.updatePivot(value, 'columnField');
+        }, setPivotAggregations: (value) => {
+            reportBuilder.setPivotAggregations(value);
+            reportBuilder.updatePivot(value, 'aggregations');
+        }, setPivotLimit: (limit) => {
+            reportBuilder.setPivotLimit(limit);
+            reportBuilder.updatePivot(limit, 'rowLimit');
+        }, setPivotSort: (sort) => {
+            reportBuilder.setPivotSort(sort);
+            reportBuilder.updatePivot(sort, 'sort');
+        }, setPivotError: reportBuilder.setPivotError, onDelete: () => {
+            reportBuilder.handlePivotChange(null);
+        }, isLoading: reportBuilder.loading, pivotRowField: reportBuilder.pivotRowField, pivotColumnField: reportBuilder.pivotColumnField, pivotAggregations: reportBuilder.pivotAggregations, pivotLimit: reportBuilder.pivotLimit, pivotSort: reportBuilder.pivotSort, sortColumns: reportBuilder.pivotData?.columns ?? [], SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, PivotColumnContainer: PivotColumnContainer, DeleteButtonComponent: DeleteButtonComponent, pivotHint: reportBuilder.pivotHint }));
+};
+const AddPivot = ({ reportBuilder, parentRef, theme, SubHeaderComponent = UiComponents_1.MemoizedSubHeader, DeleteButtonComponent = UiComponents_1.MemoizedDeleteButton, SelectComponent = QuillSelectWithCombo_1.QuillSelectComponentWithCombo, TextInputComponent = UiComponents_1.QuillTextInput, ButtonComponent = UiComponents_1.MemoizedButton, CardComponent = QuillCard_1.QuillCard, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, PopoverComponent = UiComponents_1.MemoizedPopover, TextComponent = UiComponents_1.MemoizedText, ErrorMessageComponent = UiComponents_1.QuillErrorMessageComponent, PivotRowContainer = UiComponents_1.QuillPivotRowContainer, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, LoadingComponent = UiComponents_1.QuillLoadingComponent, LabelComponent = UiComponents_1.MemoizedLabel, HeaderComponent = UiComponents_1.MemoizedHeader, PivotModal = ((0, jsx_runtime_1.jsx)(PivotModalWrapper, { reportBuilder: reportBuilder, PivotModalComponent: PivotModal_1.PivotModal, SubHeaderComponent: SubHeaderComponent, DeleteButtonComponent: DeleteButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, CardComponent: CardComponent, SecondaryButtonComponent: SecondaryButtonComponent, PopoverComponent: PopoverComponent, TextComponent: TextComponent, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, LoadingComponent: LoadingComponent, LabelComponent: LabelComponent, HeaderComponent: HeaderComponent, initialTableName: reportBuilder.initialTableName, parentRef: parentRef, theme: theme, destinationDashboard: reportBuilder.destinationDashboard })), PivotDisplay = reportBuilder.pivot ? ((0, jsx_runtime_1.jsx)(PivotFormWrapper, { reportBuilder: reportBuilder, PivotForm: PivotForm_1.default, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, PivotColumnContainer: PivotColumnContainer, DeleteButtonComponent: DeleteButtonComponent })) : null, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [PivotModal, PivotDisplay] }));
+};
+exports.AddPivot = AddPivot;