@quillsql/react 2.8.7 → 2.8.8

package/dist/hooks/useDashboard.js

@@ -1,14 +1,17 @@
-import { useContext, useEffect, useState } from 'react';
-import { ClientContext } from '../Context';
-import { getData } from '../utils/dataFetcher';
-export const useDashboard = (dashboardName) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDashboard = void 0;
+const react_1 = require("react");
+const Context_1 = require("../Context");
+const dataFetcher_1 = require("../utils/dataFetcher");
+const useDashboard = (dashboardName) => {
     // if (dashboardName === undefined || dashboardName === null) {
     //   throw new Error('useDashboard requires a dashboard name parameter');
     // }
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
-    const [data, setData] = useState(null);
-    const [client] = useContext(ClientContext);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [data, setData] = (0, react_1.useState)(null);
+    const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const handleReload = () => {
         getDashboards();
     };
@@ -31,7 +34,7 @@ export const useDashboard = (dashboardName) => {
                     ...(customerId ? { orgId: customerId } : {}),
                 },
             };
-            const resp = await getData(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
+            const resp = await (0, dataFetcher_1.getData)(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
             setData(resp);
             setError(null);
         }
@@ -42,8 +45,10 @@ export const useDashboard = (dashboardName) => {
         }
         setIsLoading(false);
     }
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         getDashboards();
     }, [dashboardName, client]);
     return { data, isLoading, error, reload: handleReload };
 };
+exports.useDashboard = useDashboard;
+//# sourceMappingURL=useDashboard.js.map

package/dist/hooks/useDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboard.js","sourceRoot":"","sources":["../../src/hooks/useDashboard.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AACxD,wCAA2C;AAC3C,sDAA+C;AAExC,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAE,EAAE;IACpD,+DAA+D;IAC/D,yEAAyE;IACzE,IAAI;IACJ,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAM,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAM,IAAI,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,kBAAU,EAAC,uBAAa,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,aAAa,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,KAAK,UAAU,aAAa;QAC1B,IAAI,aAAa,KAAK,IAAI,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO;QAClE,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,MAAa,CAAC;QAChD,IAAI,CAAC;YACH,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC;gBACvC,SAAS,EAAE,SAAS;gBACpB,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE,aAAa;aACpB,CAAC,CAAC,QAAQ,EAAE,CAAC;YAEd,MAAM,UAAU,GAAG;gBACjB,QAAQ,EAAE;oBACR,IAAI,EAAE,aAAa;oBACnB,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,SAAS;oBACnB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;iBAC7C;aACF,CAAC;YAEF,MAAM,IAAI,GAAG,MAAM,IAAA,qBAAO,EACxB,MAAM,EACN,cAAc,YAAY,EAAE,EAC5B,MAAM,EACN,UAAU,EACV,IAAI,EACJ,KAAK,CACN,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,QAAQ,CAAC,KAAY,CAAC,CAAC;YACvB,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;QAC/C,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAC1D,CAAC,CAAC;AAzDW,QAAA,YAAY,gBAyDvB"}

package/dist/hooks/useInternalState.js

@@ -1,7 +1,9 @@
-import { useState } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 const useInternalState = (defaultValueProp, valueProp) => {
     const isControlled = valueProp !== undefined;
-    const [valueState, setValueState] = useState(defaultValueProp);
+    const [valueState, setValueState] = (0, react_1.useState)(defaultValueProp);
     const value = isControlled ? valueProp : valueState;
     const setValue = (nextValue) => {
         if (isControlled) {
@@ -11,4 +13,5 @@ const useInternalState = (defaultValueProp, valueProp) => {
     };
     return [value, setValue];
 };
-export default useInternalState;
+exports.default = useInternalState;
+//# sourceMappingURL=useInternalState.js.map

package/dist/hooks/useOnClickOutside.js

@@ -1,6 +1,8 @@
-import { useEffect } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 const useOnClickOutside = (ref, handler) => {
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const listener = (event) => {
             if (!ref.current || ref.current.contains(event.target)) {
                 return;
@@ -15,4 +17,5 @@ const useOnClickOutside = (ref, handler) => {
         };
     }, [ref, handler]);
 };
-export default useOnClickOutside;
+exports.default = useOnClickOutside;
+//# sourceMappingURL=useOnClickOutside.js.map

package/dist/hooks/useOnWindowResize.js

@@ -1,7 +1,9 @@
-import { useEffect, useState } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 const useOnWindowResize = (handler, initialWindowSize) => {
-    const [windowSize, setWindowSize] = useState(initialWindowSize);
-    useEffect(() => {
+    const [windowSize, setWindowSize] = (0, react_1.useState)(initialWindowSize);
+    (0, react_1.useEffect)(() => {
         const handleResize = () => {
             setWindowSize(window.innerWidth);
             handler();
@@ -11,4 +13,5 @@ const useOnWindowResize = (handler, initialWindowSize) => {
         return () => window.removeEventListener("resize", handleResize);
     }, [handler, windowSize]);
 };
-export default useOnWindowResize;
+exports.default = useOnWindowResize;
+//# sourceMappingURL=useOnWindowResize.js.map

package/dist/hooks/useQuill.js

@@ -1,15 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuill = void 0;
 // @ts-nocheck
-import { useContext, useEffect, useState } from 'react';
-import { ClientContext, DashboardContext } from '../Context';
-import { getData } from '../utils/dataFetcher';
-export const useQuill = (chartId) => {
+const react_1 = require("react");
+const Context_1 = require("../Context");
+const dataFetcher_1 = require("../utils/dataFetcher");
+const useQuill = (chartId) => {
     // @ts-ignore
-    const { dashboard, dispatch } = useContext(DashboardContext);
-    const [client] = useContext(ClientContext);
-    const [data, setData] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    useEffect(() => {
+    const { dashboard, dispatch } = (0, react_1.useContext)(Context_1.DashboardContext);
+    const [client] = (0, react_1.useContext)(Context_1.ClientContext);
+    const [data, setData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
         let isSubscribed = true;
         async function getChartOptions(id) {
             if (isSubscribed) {
@@ -30,7 +33,7 @@ export const useQuill = (chartId) => {
                         id,
                         filters: [],
                     };
-                    const resp = await getData(client, 'itempost', 'same-origin', hostedBody, cloudBody);
+                    const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'same-origin', hostedBody, cloudBody);
                     if (resp) {
                         setLoading(false);
                         setData(resp);
@@ -56,6 +59,7 @@ export const useQuill = (chartId) => {
     }, [chartId, dashboard]);
     return { data, loading, error };
 };
+exports.useQuill = useQuill;
 function stringifyIfObject(e) {
     if (typeof e === 'string') {
         // do nothing if e is a string
@@ -67,3 +71,4 @@ function stringifyIfObject(e) {
     }
     return e; // returns the input as is for other types
 }
+//# sourceMappingURL=useQuill.js.map

package/dist/hooks/useSelectOnKeyDown.js

@@ -1,13 +1,15 @@
-import { useEffect, useState } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 const useSelectOnKeyDown = (onValueChange, optionValues, isFocused, handleFocusChange, value) => {
     const NO_SELECTION_IDX = -1;
-    const [hoveredIdx, setHoveredIdx] = useState(NO_SELECTION_IDX);
+    const [hoveredIdx, setHoveredIdx] = (0, react_1.useState)(NO_SELECTION_IDX);
     const getHoveredValue = (hoveredIdx, optionValues) => {
         if (hoveredIdx < 0)
             return undefined;
         return optionValues[hoveredIdx];
     };
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const getIndexOfSelectedValue = () => {
             if (!isFocused) {
                 setHoveredIdx(NO_SELECTION_IDX);
@@ -60,4 +62,5 @@ const useSelectOnKeyDown = (onValueChange, optionValues, isFocused, handleFocusC
     };
     return [hoveredValue, handleKeyDown];
 };
-export default useSelectOnKeyDown;
+exports.default = useSelectOnKeyDown;
+//# sourceMappingURL=useSelectOnKeyDown.js.map

package/dist/index.js

@@ -1,14 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadCSV = exports.useQuill = exports.useDashboard = exports.SqlTextEditor = exports.AddToDashboardModal = exports.ChartEditor = exports.ChartBuilder = exports.ReportBuilder = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
 // src/index.ts
-export { default as Dashboard } from './Dashboard';
-export { default as QuillProvider } from './QuillProvider';
-export { default as Chart } from './Chart';
-export { default as Table } from './Table';
-export { default as SQLEditor } from './SQLEditor';
-export { default as ReportBuilder } from './ReportBuilder';
-export { default as ChartBuilder } from './ChartBuilder';
-export { default as ChartEditor } from './ChartEditor';
-export { default as AddToDashboardModal } from './AddToDashboardModal';
-export { default as SqlTextEditor } from './components/SqlTextEditor';
-export { useDashboard } from './hooks/useDashboard';
-export { useQuill } from './hooks/useQuill';
-export { downloadCSV } from './utils/downloadCSV';
+var Dashboard_1 = require("./Dashboard");
+Object.defineProperty(exports, "Dashboard", { enumerable: true, get: function () { return __importDefault(Dashboard_1).default; } });
+var QuillProvider_1 = require("./QuillProvider");
+Object.defineProperty(exports, "QuillProvider", { enumerable: true, get: function () { return __importDefault(QuillProvider_1).default; } });
+var Chart_1 = require("./Chart");
+Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return __importDefault(Chart_1).default; } });
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
+var SQLEditor_1 = require("./SQLEditor");
+Object.defineProperty(exports, "SQLEditor", { enumerable: true, get: function () { return __importDefault(SQLEditor_1).default; } });
+var ReportBuilder_1 = require("./ReportBuilder");
+Object.defineProperty(exports, "ReportBuilder", { enumerable: true, get: function () { return __importDefault(ReportBuilder_1).default; } });
+var ChartBuilder_1 = require("./ChartBuilder");
+Object.defineProperty(exports, "ChartBuilder", { enumerable: true, get: function () { return __importDefault(ChartBuilder_1).default; } });
+var ChartEditor_1 = require("./ChartEditor");
+Object.defineProperty(exports, "ChartEditor", { enumerable: true, get: function () { return __importDefault(ChartEditor_1).default; } });
+var AddToDashboardModal_1 = require("./AddToDashboardModal");
+Object.defineProperty(exports, "AddToDashboardModal", { enumerable: true, get: function () { return __importDefault(AddToDashboardModal_1).default; } });
+var SqlTextEditor_1 = require("./components/SqlTextEditor");
+Object.defineProperty(exports, "SqlTextEditor", { enumerable: true, get: function () { return __importDefault(SqlTextEditor_1).default; } });
+var useDashboard_1 = require("./hooks/useDashboard");
+Object.defineProperty(exports, "useDashboard", { enumerable: true, get: function () { return useDashboard_1.useDashboard; } });
+var useQuill_1 = require("./hooks/useQuill");
+Object.defineProperty(exports, "useQuill", { enumerable: true, get: function () { return useQuill_1.useQuill; } });
+var downloadCSV_1 = require("./utils/downloadCSV");
+Object.defineProperty(exports, "downloadCSV", { enumerable: true, get: function () { return downloadCSV_1.downloadCSV; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,eAAe;AACf,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6DAAuE;AAA9D,2IAAA,OAAO,OAAuB;AACvC,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,eAAe;AACf,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,iCAA4C;AAAnC,+GAAA,OAAO,OAAS;AACzB,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6DAAuE;AAA9D,2IAAA,OAAO,OAAuB;AACvC,4DAAsE;AAA7D,+HAAA,OAAO,OAAiB;AACjC,qDAAoD;AAA3C,4GAAA,YAAY,OAAA;AACrB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA"}

package/dist/internals/ReportBuilder/PivotList.js

@@ -1,14 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QuillCard } from '../../components/QuillCard';
-export const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit = false, clickable = true, onClose = null, minHeight = 0, LabelComponent, TextComponent, HeaderComponent, }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotList = exports.PivotCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const QuillCard_1 = require("../../components/QuillCard");
+const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit = false, clickable = true, onClose = null, minHeight = 0, LabelComponent, TextComponent, HeaderComponent, }) => {
     const maxRowsInPivotPeak = 5;
-    return (_jsx(QuillCard, { theme: theme, onClick: () => onSelectPivot(pivotTable.pivot, index), isSelected: index === selectedPivotIndex, clickable: clickable, onClose: onClose, minHeight: minHeight, children: _jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsx)(QuillCard_1.QuillCard, { theme: theme, onClick: () => onSelectPivot(pivotTable.pivot, index), isSelected: index === selectedPivotIndex, clickable: clickable, onClose: onClose, minHeight: minHeight, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 fontSize: 14,
                 display: 'flex',
                 flexDirection: 'column',
                 justifyContent: 'space-between',
                 height: minHeight,
-            }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [pivotTable.pivot.title && (_jsx("div", { style: {
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [pivotTable.pivot.title && ((0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'flex',
                                 flex: 1,
                                 justifyContent: 'space-between',
@@ -16,37 +19,38 @@ export const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPiv
                                 whiteSpace: 'nowrap',
                                 textOverflow: 'ellipsis',
                                 paddingBottom: 6,
-                            }, children: _jsx(HeaderComponent, { children: pivotTable.pivot.title }) })), _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: pivotTable.columns.map(column => (_jsx("th", { style: {
+                            }, children: (0, jsx_runtime_1.jsx)(HeaderComponent, { children: pivotTable.pivot.title }) })), (0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map(column => ((0, jsx_runtime_1.jsx)("th", { style: {
                                                 fontWeight: 600,
                                                 paddingRight: 5,
                                                 flex: 1,
                                                 textAlign: 'left',
                                                 whiteSpace: 'nowrap',
                                                 textOverflow: 'ellipsis',
-                                            }, children: _jsx(LabelComponent, { children: column.label }) }, column.field))) }) }), _jsx("tbody", { children: pivotTable.rows
+                                            }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { children: column.label }) }, column.field))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: pivotTable.rows
                                         .slice(0, maxRowsInPivotPeak)
-                                        .map((row, index) => (_jsx("tr", { children: pivotTable.columns.map((colum, i) => (_jsx("td", { style: {
+                                        .map((row, index) => ((0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map((colum, i) => ((0, jsx_runtime_1.jsx)("td", { style: {
                                                 paddingRight: 5,
                                                 flex: 1,
                                                 whiteSpace: 'nowrap',
                                                 textOverflow: 'ellipsis',
-                                            }, children: _jsx(TextComponent, { children: row[colum.field] }) }, i))) }, index))) })] })] }), _jsxs("div", { style: {
+                                            }, children: (0, jsx_runtime_1.jsx)(TextComponent, { children: row[colum.field] }) }, i))) }, index))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         justifyContent: 'space-between',
-                    }, children: [pivotTable.rows.length > maxRowsInPivotPeak ? (_jsx("div", { children: _jsxs(TextComponent, { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak < 5
+                    }, children: [pivotTable.rows.length > maxRowsInPivotPeak ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(TextComponent, { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak < 5
                                         ? ''
-                                        : pivotTable.rows.length - maxRowsInPivotPeak, ' ', "more rows"] }) })) : (_jsx("div", {})), showEdit && (_jsx("div", { children: _jsx(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
+                                        : pivotTable.rows.length - maxRowsInPivotPeak, ' ', "more rows"] }) })) : ((0, jsx_runtime_1.jsx)("div", {})), showEdit && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
                                     e.stopPropagation();
                                     onEditPivot(pivotTable.pivot, index);
                                 }, label: 'Edit' }) }))] })] }) }));
 };
-export const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecommendedPivot, onSelectCreatedPivot, theme, selectedPivotIndex, selectedPivotType, ButtonComponent, showCreatePivot = false, onEditRecommendedPivot, onEditCreatedPivot, showPivotEditButton = false, LabelComponent, TextComponent, HeaderComponent, }) => {
-    return (_jsx("div", { children: _jsxs("div", { style: {
+exports.PivotCard = PivotCard;
+const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecommendedPivot, onSelectCreatedPivot, theme, selectedPivotIndex, selectedPivotType, ButtonComponent, showCreatePivot = false, onEditRecommendedPivot, onEditCreatedPivot, showPivotEditButton = false, LabelComponent, TextComponent, HeaderComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 display: 'grid',
                 gridTemplateColumns: 'repeat(2, 1fr)',
                 gap: 16,
                 gridAutoRows: '220px',
-            }, children: [recommendedPivotTables.map((pivotTable, index) => (_jsx(PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectRecommendedPivot, selectedPivotIndex: selectedPivotType === 'recommended' ? selectedPivotIndex : -1, onEditPivot: onEditRecommendedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), createdPivotTables.map((pivotTable, index) => (_jsx(PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectCreatedPivot, selectedPivotIndex: selectedPivotType === 'created' ? selectedPivotIndex : -1, onEditPivot: onEditCreatedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), showCreatePivot && (_jsx(QuillCard, { theme: theme, onClick: () => onEditCreatedPivot({}, null), style: {
+            }, children: [recommendedPivotTables.map((pivotTable, index) => ((0, jsx_runtime_1.jsx)(exports.PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectRecommendedPivot, selectedPivotIndex: selectedPivotType === 'recommended' ? selectedPivotIndex : -1, onEditPivot: onEditRecommendedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), createdPivotTables.map((pivotTable, index) => ((0, jsx_runtime_1.jsx)(exports.PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectCreatedPivot, selectedPivotIndex: selectedPivotType === 'created' ? selectedPivotIndex : -1, onEditPivot: onEditCreatedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), showCreatePivot && ((0, jsx_runtime_1.jsx)(QuillCard_1.QuillCard, { theme: theme, onClick: () => onEditCreatedPivot({}, null), style: {
                         display: 'flex',
                         justifyContent: 'center',
                         alignItems: 'center',
@@ -54,3 +58,5 @@ export const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelect
                         boxShadow: 'none',
                     }, children: "Create pivot +" }))] }) }));
 };
+exports.PivotList = PivotList;
+//# sourceMappingURL=PivotList.js.map