@quillsql/react 2.6.2 → 2.6.4

package/lib/components/UiComponents.js

@@ -0,0 +1,257 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSelect = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const assets_1 = require("../assets");
+const Context_1 = require("../Context");
+const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+    .quill-text-input {
+        background-color: white;
+        height: 40px;
+       width: 180px;
+       color: #384151;
+       border: 1px solid #e7e7e7;
+       border-radius: 6px;
+       text-align: left;
+       box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
+       padding-left: 12px;
+       padding-right: 12px;
+       padding-top: 0px;
+       padding-bottom: 0px;
+       box-sizing: content-box;
+    }` }), (0, jsx_runtime_1.jsx)("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: event => onChange(event.target.value), placeholder: placeholder, style: { fontFamily: theme?.fontFamily } })] }));
+};
+exports.MemoizedTextInput = MemoizedTextInput;
+const MemoizedButton = ({ label, onClick, primary = true }) => {
+    return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-button", onClick: onClick, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+    .quill-button {
+        background-color: #384151;
+        color: white;
+        height: 40px;
+       border: 1px solid transparent;
+       font-weight: 500;
+       border-radius: 6px;
+       box-sizing: content-box;
+       padding-left: 16px;
+       padding-right: 16px;
+       overflow: hidden;
+       font-size: 15px;
+       cursor: pointer;
+    }
+    .quill-button:hover {
+      background-color: rgba(56, 65, 81, 0.9);
+      border-radius: 6px;
+      overflow: hidden;
+    }` }), label] }));
+};
+exports.MemoizedButton = MemoizedButton;
+const MemoizedSecondaryButton = ({ label, onClick }) => {
+    return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-secondary-button", onClick: onClick, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+    .quill-secondary-button {
+        background-color: #F5F5F6;
+        color: rgba(56, 65, 81, 0.75);
+        height: 40px;
+       border: 1px solid transparent;
+       font-weight: 500;
+       border-radius: 6px;
+       padding-left: 16px;
+       padding-right: 16px;
+       box-sizing: content-box;
+       font-size: 15px;
+       cursor: pointer;
+    }
+    .quill-secondary-button:hover {
+      background-color: rgba(56, 65, 81, 0.09);
+    }` }), label] }));
+};
+exports.MemoizedSecondaryButton = MemoizedSecondaryButton;
+const MemoizedSelect = ({ value, onChange, options, disabled = false, label, }) => {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: 'relative',
+            maxWidth: 206,
+        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+    .quill-select {
+        background-color: white;
+        height: 42px;
+        color: #384151;
+        width: 206px;
+       border: 1px solid #e7e7e7;
+       border-radius: 6px;
+       text-align: left;
+       box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
+       padding-left: 12px;
+       padding-right: 12px;
+    }` }), (0, jsx_runtime_1.jsx)("select", { style: { WebkitAppearance: 'none', fontFamily: theme?.fontFamily }, className: "quill-select", value: value, disabled: disabled, onChange: event => onChange(event.target.value), children: options.map(option => ((0, jsx_runtime_1.jsx)("option", { className: "quill-option", value: option.value, children: option.label }, option.value))) }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
+                    height: '20px',
+                    width: '20px',
+                    flex: 'none',
+                    position: 'absolute',
+                    right: 8,
+                    top: 11,
+                    color: '#6C727F',
+                }, "aria-hidden": "true" })] }));
+};
+exports.MemoizedSelect = MemoizedSelect;
+const MemoizedHeader = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
+        fontSize: 16,
+        fontWeight: 600,
+        color: '#384151',
+        userSelect: 'none',
+        margin: 0,
+        padding: 0,
+    }, children: children }));
+exports.MemoizedHeader = MemoizedHeader;
+const MemoizedLabel = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
+        fontSize: 14,
+        fontWeight: 600,
+        color: '#575E6A',
+        userSelect: 'none',
+        paddingBottom: 5,
+    }, children: children }));
+exports.MemoizedLabel = MemoizedLabel;
+const MemoizedText = ({ children }) => ((0, jsx_runtime_1.jsx)("p", { style: {
+        fontSize: 12,
+        fontWeight: 400,
+        margin: 0,
+        color: '#575E6A',
+        userSelect: 'none',
+    }, children: children }));
+exports.MemoizedText = MemoizedText;
+const useOnClickOutside = (ref, handler) => {
+    (0, react_1.useEffect)(() => {
+        const listener = (event) => {
+            if (!ref.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, [ref, handler]);
+};
+function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
+    const modalRef = (0, react_1.useRef)(null);
+    useOnClickOutside(modalRef, e => {
+        // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
+        const isTriggerElem = parentRef
+            ? parentRef.current?.contains(e.target)
+            : false;
+        if (isTriggerElem) {
+            handleCloseModal();
+        }
+    });
+    const handleCloseModal = () => {
+        setIsOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [showTrigger && ((0, jsx_runtime_1.jsx)(exports.MemoizedSecondaryButton, { onClick: e => {
+                    setIsOpen(isOpen => !isOpen);
+                    if (onClick) {
+                        onClick(e);
+                    }
+                }, label: label })), isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                        background: 'white',
+                        position: 'absolute',
+                        boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
+                        border: '1px solid #e7e7e7',
+                        boxSizing: 'content-box',
+                        zIndex: 1,
+                        top: showTrigger ? 12 : 0,
+                        borderRadius: 6,
+                        padding: 20,
+                        overflow: 'scroll',
+                        ...style,
+                    }, children: children }) }))] }));
+}
+exports.MemoizedPopover = MemoizedPopover;
+function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, }) {
+    if (!isOpen) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'fixed',
+                    top: '0',
+                    right: '0',
+                    bottom: '0',
+                    left: '0',
+                    zIndex: '50',
+                    backgroundColor: 'rgba(255, 255, 255, 0.8)',
+                    backdropFilter: 'blur(5px)',
+                }, onClick: onClose }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    // position: "absolute",
+                    position: 'fixed',
+                    left: '50%',
+                    top: '50%',
+                    zIndex: '50',
+                    // width: "100%",
+                    maxWidth: 1024,
+                    maxHeight: '90vh',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    transform: 'translateX(-50%) translateY(-50%)',
+                    background: 'white',
+                    borderRadius: 8,
+                    borderStyle: 'solid',
+                    borderWidth: 1,
+                    borderColor: '#e7e7e7',
+                    overflow: 'hidden',
+                    // zIndex: 1000,
+                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                        // width: "80%",
+                        maxHeight: '90vh',
+                        overflowY: 'scroll',
+                        // maxWidth: "700px",
+                        backgroundColor: '#ffffff',
+                        // padding: "20px",
+                        // borderRadius: "8px",
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        fontFamily: theme?.fontFamily,
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                width: '100%',
+                                justifyContent: 'space-between',
+                                alignItems: 'center',
+                            }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
+                                        fontSize: 18,
+                                        fontWeight: '600',
+                                        marginLeft: 20,
+                                        // width: '90%',
+                                        textAlign: 'left',
+                                        paddingTop: 18,
+                                        color: theme?.primaryTextColor,
+                                    }, children: title }), (0, jsx_runtime_1.jsx)(exports.MemoizedDeleteButton, { onClick: onClose, style: { marginRight: 10, marginTop: 10 } })] }), children] }) })] }));
+}
+exports.MemoizedModal = MemoizedModal;
+const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
+        height: 42,
+        width: 42,
+        border: 'none',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 6,
+        ...style,
+    }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+  .quill-delete-button {
+      background-color: white;
+  }
+  .quill-delete-button:hover {
+    background-color: rgba(56, 65, 81, 0.03);
+  }` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] }));
+exports.MemoizedDeleteButton = MemoizedDeleteButton;
+//# sourceMappingURL=UiComponents.js.map

package/lib/components/UiComponents.js.map

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

package/lib/hooks/useQuill.d.ts

@@ -35,6 +35,7 @@ interface Report {
     yAxisLabel: string;
     queryString: string;
     dateField?: object;
+    pivot: object;
 }
 export declare const useQuill: (chartId: string) => {
     data: Report | null;

package/lib/hooks/useQuill.js

@@ -4,6 +4,7 @@ exports.useQuill = void 0;
 // @ts-nocheck
 const react_1 = require("react");
 const Context_1 = require("../Context");
+const dataFetcher_1 = require("../utils/dataFetcher");
 const useQuill = (chartId) => {
     // @ts-ignore
     const { dashboard, dispatch } = (0, react_1.useContext)(Context_1.DashboardContext);
@@ -21,67 +22,22 @@ const useQuill = (chartId) => {
                     return;
                 }
                 // @ts-ignore
-                const { publicKey, customerId, environment, queryEndpoint, queryHeaders, withCredentials, } = client;
                 try {
-                    if (queryEndpoint) {
-                        // const resp = await axios.post(
-                        //   queryEndpoint,
-                        //   { metadata: { id: chartId, task: 'item' } },
-                        //   { headers: queryHeaders, withCredentials }
-                        // );
-                        setLoading(true);
-                        const requestOptions = {
-                            method: 'POST',
-                            headers: {
-                                ...queryHeaders,
-                                'Content-Type': 'application/json',
-                            },
-                            credentials: withCredentials ? 'include' : 'same-origin',
-                            body: JSON.stringify({
-                                metadata: customerId
-                                    ? { id, task: 'item', orgId: customerId }
-                                    : { id, task: 'item' },
-                            }),
-                        };
-                        const resp = await fetch(queryEndpoint, requestOptions);
-                        const respData = await resp.json();
+                    setLoading(true);
+                    const hostedBody = {
+                        metadata: client.customerId
+                            ? { id, task: 'item', orgId: client.customerId }
+                            : { id, task: 'item' },
+                    };
+                    const cloudBody = {
+                        id,
+                        filters: [],
+                    };
+                    const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'same-origin', hostedBody, cloudBody);
+                    if (resp) {
                         setLoading(false);
-                        setData(respData);
-                        dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id, data: respData });
-                    }
-                    else {
-                        // const resp = await axios.get(
-                        //   'https://quill-344421.uc.r.appspot.com/item',
-                        //   {
-                        //     params: {
-                        //       id: chartId,
-                        //       orgId: customerId,
-                        //       publicKey: publicKey,
-                        //     },
-                        //     headers: {
-                        //       environment: environment || undefined,
-                        //     },
-                        //   }
-                        // );
-                        setLoading(true);
-                        const resp = await fetch('https://quill-344421.uc.r.appspot.com/itempost', 
-                        // 'http://localhost:8080/itempost',
-                        {
-                            method: 'POST',
-                            headers: {
-                                'Content-Type': 'application/json',
-                            },
-                            body: JSON.stringify({
-                                publicKey: publicKey,
-                                orgId: customerId,
-                                id,
-                                filters: [],
-                            }),
-                        });
-                        const respData = await resp.json();
-                        setLoading(false);
-                        setData(respData);
-                        dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id, data: respData });
+                        setData(resp);
+                        dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id, data: resp });
                     }
                 }
                 catch (e) {

package/lib/hooks/useQuill.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuill.js","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useQuill.js","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -4,6 +4,8 @@ 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 { useQuill } from './hooks/useQuill';
 export { downloadCSV } from './utils/downloadCSV';

package/lib/index.js

@@ -3,7 +3,7 @@ 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.AddToDashboardModal = exports.ReportBuilder = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
+exports.downloadCSV = exports.useQuill = exports.AddToDashboardModal = exports.ChartEditor = exports.ChartBuilder = exports.ReportBuilder = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
 // src/index.ts
 var Dashboard_1 = require("./Dashboard");
 Object.defineProperty(exports, "Dashboard", { enumerable: true, get: function () { return __importDefault(Dashboard_1).default; } });
@@ -17,6 +17,10 @@ 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 useQuill_1 = require("./hooks/useQuill");

package/lib/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,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,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"}

package/lib/internals/ReportBuilder/PivotList.d.ts

@@ -1,9 +1,33 @@
-export declare const PivotList: ({ pivotTables, theme, onSelectPivot, selectedPivotIndex, ButtonComponent, showCreatePivot, onEditPivot, }: {
-    pivotTables: any;
+export declare const PivotCard: ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit, clickable, onClose, minHeight, LabelComponent, TextComponent, HeaderComponent, }: {
+    pivotTable: any;
     theme: any;
+    index: any;
     onSelectPivot: any;
     selectedPivotIndex: any;
+    onEditPivot: any;
+    ButtonComponent: any;
+    showEdit?: boolean | undefined;
+    clickable?: boolean | undefined;
+    onClose?: null | undefined;
+    minHeight?: number | undefined;
+    LabelComponent: any;
+    TextComponent: any;
+    HeaderComponent: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PivotList: ({ recommendedPivotTables, createdPivotTables, onSelectRecommendedPivot, onSelectCreatedPivot, theme, selectedPivotIndex, selectedPivotType, ButtonComponent, showCreatePivot, onEditRecommendedPivot, onEditCreatedPivot, showPivotEditButton, LabelComponent, TextComponent, HeaderComponent, }: {
+    recommendedPivotTables: any;
+    createdPivotTables: any;
+    onSelectRecommendedPivot: any;
+    onSelectCreatedPivot: any;
+    theme: any;
+    selectedPivotIndex: any;
+    selectedPivotType: any;
     ButtonComponent: any;
     showCreatePivot?: boolean | undefined;
-    onEditPivot: any;
+    onEditRecommendedPivot: any;
+    onEditCreatedPivot: any;
+    showPivotEditButton?: boolean | undefined;
+    LabelComponent: any;
+    TextComponent: any;
+    HeaderComponent: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/internals/ReportBuilder/PivotList.js

@@ -1,50 +1,60 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PivotList = void 0;
+exports.PivotList = exports.PivotCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const QuillCard_1 = require("../../components/QuillCard");
-const PivotList = ({ pivotTables, theme, onSelectPivot, selectedPivotIndex, ButtonComponent, showCreatePivot = false, onEditPivot, }) => {
-    const maxRowsInPivotPeak = 4;
-    const maxColumnsInPivotPeak = 3;
+const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit = false, clickable = true, onClose = null, minHeight = 0, LabelComponent, TextComponent, HeaderComponent, }) => {
+    const maxRowsInPivotPeak = 5;
+    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: [(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',
+                                flexDirection: 'row',
+                                whiteSpace: 'nowrap',
+                                textOverflow: 'ellipsis',
+                                paddingBottom: 6,
+                            }, 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: (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) => ((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: (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 ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(TextComponent, { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak, " more row", pivotTable.rows.length - maxRowsInPivotPeak === 1 ? '' : 's'] }) })) : ((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' }) }))] })] }) }));
+};
+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,
-            }, children: [pivotTables.map((pivotTable, index) => ((0, jsx_runtime_1.jsx)(QuillCard_1.QuillCard, { theme: theme, onClick: () => onSelectPivot(pivotTable.pivot, index), isSelected: index === selectedPivotIndex, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                            fontSize: 14,
-                            display: 'flex',
-                            flexDirection: 'column',
-                            justifyContent: 'space-between',
-                            height: '100%',
-                        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                            fontWeight: 600,
-                                            marginBottom: 5,
-                                            // textTransform: 'capitalize',
-                                            fontSize: 16,
-                                        }, 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
-                                                        .slice(0, maxColumnsInPivotPeak)
-                                                        .map(column => ((0, jsx_runtime_1.jsx)("th", { style: {
-                                                            fontWeight: 600,
-                                                            paddingRight: 5,
-                                                        }, children: column.label }, column.label))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: pivotTable.rows
-                                                    .slice(0, maxRowsInPivotPeak)
-                                                    .map((row, index) => ((0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns
-                                                        .slice(0, maxColumnsInPivotPeak)
-                                                        .map((colum, i) => ((0, jsx_runtime_1.jsx)("td", { style: { paddingRight: 5 }, children: row[colum.label] }, i))) }, index))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                                    display: 'flex',
-                                    justifyContent: 'space-between',
-                                }, children: [pivotTable.rows.length > maxRowsInPivotPeak ? ((0, jsx_runtime_1.jsxs)("div", { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak, " more row", pivotTable.rows.length - maxRowsInPivotPeak === 1
-                                                ? ''
-                                                : 's'] })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 80 }, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
-                                                e.stopPropagation();
-                                                onEditPivot(pivotTables[index].pivot, index);
-                                            }, label: 'Edit' }) })] })] }) }, index))), showCreatePivot && ((0, jsx_runtime_1.jsx)(QuillCard_1.QuillCard, { theme: theme, onClick: () => onEditPivot({}, null), children: (0, jsx_runtime_1.jsx)("div", { style: {
-                            display: 'flex',
-                            justifyContent: 'center',
-                            alignItems: 'center',
-                            height: '100%',
-                            minHeight: 150,
-                        }, children: "Create pivot +" }) }))] }) }));
+                gridAutoRows: '220px',
+            }, 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',
+                        border: `1px dashed ${theme.borderColor || '#e7e7e7'}`,
+                        boxShadow: 'none',
+                    }, children: "Create pivot +" }))] }) }));
 };
 exports.PivotList = PivotList;
 //# sourceMappingURL=PivotList.js.map

package/lib/internals/ReportBuilder/PivotList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PivotList.js","sourceRoot":"","sources":["../../../src/internals/ReportBuilder/PivotList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PivotList.js","sourceRoot":"","sources":["../../../src/internals/ReportBuilder/PivotList.tsx"],"names":[],"mappings":"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"}