@quillsql/react 2.12.46 → 2.12.48

package/dist/cjs/components/Chart/BarList.js

@@ -64,7 +64,7 @@ const BarList = react_1.default.forwardRef((props, ref) => {
                 fontSize: 13,
                 color: theme.secondaryTextColor,
                 ...containerStyle,
-            }, className: className, children: "No results found for specified time period." }));
+            }, className: className, children: "No results" }));
     }
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, style: {
             // width: '100%',

package/dist/cjs/components/Chart/ChartError.d.ts

@@ -1,5 +1,8 @@
-/// <reference types="react" />
-export default function ChartError({ errorMessage, }: any): JSX.Element;
+import { CSSProperties } from 'react';
+export default function ChartError({ errorMessage, containerStyle, }: {
+    errorMessage: string;
+    containerStyle?: CSSProperties;
+}): JSX.Element;
 export declare function QuillChartErrorWithAction({ className, containerStyle, label, onClick, ButtonComponent, }: {
     className?: string;
     containerStyle?: React.CSSProperties;

package/dist/cjs/components/Chart/ChartError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartError.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartError.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAsC,GACvC,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA0CnB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,cAAc,EACd,KAA+B,EAC/B,OAAO,EACP,eAAgC,GACjC,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC5C,GAAG,GAAG,CAAC,OAAO,CAqDd"}
+{"version":3,"file":"ChartError.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAsC,EACtC,cAAc,GACf,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,GAAG,GAAG,CAAC,OAAO,CAsCd;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,cAAc,EACd,KAA+B,EAC/B,OAAO,EACP,eAAgC,GACjC,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC5C,GAAG,GAAG,CAAC,OAAO,CAsDd"}

package/dist/cjs/components/Chart/ChartError.js

@@ -5,30 +5,26 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const UiComponents_1 = require("../UiComponents");
 const Context_1 = require("../../Context");
-function ChartError({ errorMessage = 'Failed to fetch data.', }) {
+function ChartError({ errorMessage = 'Failed to fetch data.', containerStyle, }) {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             boxSizing: 'content-box',
             height: '100%',
+            width: '100%',
+            ...containerStyle,
         }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                height: '100%',
+                height: containerStyle?.height || '100%',
                 width: '100%',
                 boxSizing: 'content-box',
                 borderRadius: 8,
+                border: '1px solid rgb(229, 229, 229)',
                 overflow: 'hidden',
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
             }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                    width: '100%',
                     paddingLeft: 12,
                     paddingRight: 12,
-                    display: 'flex',
-                    flex: '1 0 auto',
-                    margin: 'auto',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    textAlign: 'center',
                     fontSize: 13,
                     color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
                     fontFamily: theme?.fontFamily,
@@ -47,6 +43,7 @@ function QuillChartErrorWithAction({ className, containerStyle, label = 'Failed
                 width: '100%',
                 boxSizing: 'content-box',
                 borderRadius: 8,
+                border: '1px solid rgb(229, 229, 229)',
                 overflow: 'hidden',
                 display: 'flex',
                 justifyContent: 'center',
@@ -57,7 +54,7 @@ function QuillChartErrorWithAction({ className, containerStyle, label = 'Failed
                         fontSize: 13,
                         color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
                         fontFamily: theme?.fontFamily,
-                    }, children: label }), onClick && label && label.startsWith('SQL View Error:') && ((0, jsx_runtime_1.jsx)(ButtonComponent, { label: "Edit View", onClick: () => {
+                    }, children: label }), onClick && label && label.startsWith('Virtual Table Error:') && ((0, jsx_runtime_1.jsx)(ButtonComponent, { label: "Edit Virtual Table", onClick: () => {
                         const regex = /'([^']+)'/;
                         const matches = regex.exec(label);
                         if (matches && matches.length > 1) {

package/dist/cjs/components/Chart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgC7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,mBAA6B,EAC7B,sBAAsB,EACtB,mBAA8B,EAC9B,UAAU,GACX,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,2CAqQA"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgC7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,mBAA6B,EAC7B,sBAAsB,EACtB,mBAA8B,EAC9B,UAAU,GACX,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,2CAqRA"}

package/dist/cjs/components/Chart/LineChart.js

@@ -118,7 +118,22 @@ function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, c
                             if (!payload || payload.length === 0) {
                                 return null;
                             }
-                            const payloadItems = payload.map((p) => {
+                            const payloadItems = payload
+                                .sort((a, b) => {
+                                if (a.value === b.value)
+                                    return 0;
+                                if (!a.value)
+                                    return 1;
+                                if (!b.value)
+                                    return -1;
+                                const aValue = parseFloat(a.value?.toString()?.replace(/,/g, '') ?? '');
+                                const bValue = parseFloat(b.value?.toString()?.replace(/,/g, '') ?? '');
+                                if (isNaN(aValue) || isNaN(bValue)) {
+                                    return a.value > b.value ? -1 : 1;
+                                }
+                                return aValue > bValue ? -1 : 1;
+                            })
+                                .map((p) => {
                                 return {
                                     ...p,
                                     color: p.color || 'black',

package/dist/cjs/components/Chart/PieChart.js

@@ -183,7 +183,7 @@ const PieChartWrapper = react_1.default.forwardRef((props, ref) => {
                 fontSize: 13,
                 color: theme.secondaryTextColor,
                 ...containerStyle,
-            }, className: className, children: "No results found for specified time period." }));
+            }, className: className, children: "No results" }));
     }
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, style: {
             width: '100%',

package/dist/cjs/components/Dashboard/ChartComponent.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { QuillReportProps } from '../../Dashboard';
-export default function QuillChartComponent({ report, onClick, children, isLoading, }: QuillReportProps): JSX.Element;
+export default function QuillChartComponent({ report, onClick, hoverActions, children, isLoading, }: QuillReportProps): JSX.Element;
 //# sourceMappingURL=ChartComponent.d.ts.map

package/dist/cjs/components/Dashboard/ChartComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/ChartComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuGhC"}
+{"version":3,"file":"ChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/ChartComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuGhC"}

package/dist/cjs/components/Dashboard/ChartComponent.js

@@ -7,62 +7,61 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ChartSkeleton_1 = __importDefault(require("../Chart/ChartSkeleton"));
 const Context_1 = require("../../Context");
-function QuillChartComponent({ report, onClick, children, isLoading, }) {
+function QuillChartComponent({ report, onClick, hoverActions, children, isLoading, }) {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsx)("div", { onClick: () => onClick && onClick(report), style: {
-            cursor: 'pointer',
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `quill-chart-${report?.id}`, onClick: () => onClick && onClick(report), style: {
+            cursor: onClick ? 'pointer' : 'default',
             boxSizing: 'content-box',
             height: '100%',
             minHeight: 400,
             borderRadius: 8,
-        }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                width: '100%',
-                height: '100%',
-                boxSizing: 'content-box',
-            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                     width: '100%',
                     height: '100%',
                     boxSizing: 'content-box',
-                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        justifyContent: 'space-between',
+                }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                        width: '100%',
                         height: '100%',
                         boxSizing: 'content-box',
-                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
-                                boxSizing: 'content-box',
-                                paddingBottom: 20,
-                            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                        fontFamily: theme?.fontFamily,
-                                        color: theme?.primaryTextColor,
-                                        boxSizing: 'content-box',
-                                        fontSize: 18,
-                                        fontWeight: '500',
-                                        textOverflow: 'ellipsis',
-                                        padding: 0,
-                                        whiteSpace: 'nowrap',
-                                        display: 'block',
-                                        maxWidth: '100%',
-                                        overflow: 'hidden',
-                                    }, children: report?.name }), onClick && report?.name ? ((0, jsx_runtime_1.jsx)("div", { style: {
-                                        fontFamily: theme?.fontFamily,
-                                        color: theme?.primaryTextColor,
-                                        boxSizing: 'content-box',
-                                        fontWeight: '500',
-                                        fontSize: 14,
-                                        minWidth: 14 * 7,
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'flex-end',
-                                    }, children: 'view report →' })) : null] }), isLoading ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
-                                height: '100%',
-                            } })) : ((0, jsx_runtime_1.jsx)("div", { style: {
-                                padding: 0,
-                                height: '100%',
-                                boxSizing: 'content-box',
-                            }, children: children }))] }) }) }) }, report?.name));
+                    }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            justifyContent: 'space-between',
+                            height: '100%',
+                            boxSizing: 'content-box',
+                        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: 'flex',
+                                    flexDirection: 'row',
+                                    justifyContent: 'space-between',
+                                    boxSizing: 'content-box',
+                                    paddingBottom: 20,
+                                }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                            fontFamily: theme?.fontFamily,
+                                            color: theme?.primaryTextColor,
+                                            boxSizing: 'content-box',
+                                            fontSize: 18,
+                                            fontWeight: '500',
+                                            textOverflow: 'ellipsis',
+                                            padding: 0,
+                                            whiteSpace: 'nowrap',
+                                            display: 'block',
+                                            maxWidth: '100%',
+                                            overflow: 'hidden',
+                                        }, children: report?.name }), hoverActions && ((0, jsx_runtime_1.jsx)("div", { className: `quill-chart-${report?.id}-actions`, children: hoverActions(report) }))] }), isLoading ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
+                                    height: '100%',
+                                } })) : ((0, jsx_runtime_1.jsx)("div", { style: {
+                                    padding: 0,
+                                    height: '100%',
+                                    boxSizing: 'content-box',
+                                }, children: children }))] }) }) }), (0, jsx_runtime_1.jsx)("style", { children: `
+        .quill-chart-${report?.id}-actions {
+          opacity: 0;
+          pointer-events: none;
+        }
+        .quill-chart-${report?.id}:hover .quill-chart-${report?.id}-actions {
+          opacity: 1;
+          pointer-events: all;
+        }
+      ` })] }, report?.name));
 }
 exports.default = QuillChartComponent;

package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAGhG,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEjE,KAAK,mBAAmB,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,wBAAwB,GAAG,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CACR,KAAK,EACD,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,GACpC;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,KAChC,IAAI,CAAC;CACX,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,4BAA4B,GAAG,CAAC,EACnC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,WAAW,GACZ,EAAE,6BAA6B,KAAK,GAAG,CAAC,OAAO,CAAC;AAEjD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,EACX,mBAAmB,GACnB,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACnD,oBAAoB,EAChB,wBAAwB,GACxB,KAAK,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACxD,wBAAwB,EACpB,4BAA4B,GAC5B,KAAK,CAAC,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC5D,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,eAAsC,EACtC,oBAAgD,EAChD,wBAAwB,EACxB,KAAK,GACN,EAAE,oBAAoB,kDA0ItB"}
+{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,4CAA4C,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEjE,KAAK,mBAAmB,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,wBAAwB,GAAG,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CACR,KAAK,EACD,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,GACpC;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,KAChC,IAAI,CAAC;CACX,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,4BAA4B,GAAG,CAAC,EACnC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,WAAW,GACZ,EAAE,6BAA6B,KAAK,GAAG,CAAC,OAAO,CAAC;AAEjD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,EACX,mBAAmB,GACnB,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACnD,oBAAoB,EAChB,wBAAwB,GACxB,KAAK,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACxD,wBAAwB,EACpB,4BAA4B,GAC5B,KAAK,CAAC,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC5D,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,eAAsC,EACtC,oBAAgD,EAChD,wBAA+C,EAC/C,KAAK,GACN,EAAE,oBAAoB,kDA0ItB"}

package/dist/cjs/components/Dashboard/DashboardFilter.js

@@ -4,9 +4,10 @@ exports.DashboardFilter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const dateRangePickerUtils_1 = require("../../DateRangePicker/dateRangePickerUtils");
+const QuillDateRangePicker_1 = require("../../DateRangePicker/QuillDateRangePicker");
 const QuillMultiSelect_1 = require("../QuillMultiSelect");
 const QuillSelect_1 = require("../QuillSelect");
-function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelect_1.QuillMultiSelectComponent, DateRangePickerComponent, theme, }) {
+function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelect_1.QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, theme, }) {
     const [filterValue, setFilterValue] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
         if (filter.filterType === 'string') {

package/dist/cjs/components/Dashboard/DataLoader.d.ts

@@ -13,7 +13,7 @@ export type DataLoaderChildProps = {
 };
 export default function DataLoader({ item, children, filters, }: {
     item: any;
-    filters?: any;
+    filters: any[] | null;
     children: ({ isLoading, error, onPageChange, onSortChange, data, }: DataLoaderChildProps) => JSX.Element;
 }): JSX.Element;
 type ColorMapType = {
@@ -37,7 +37,7 @@ export declare const ChartDataLoader: ({ item, children, dateBucket, additionalP
     dateBucket?: string | undefined;
     mapColorsToFields?: ((_report: QuillReport, _theme: QuillTheme) => ColorMapType) | undefined;
     additionalProcessing?: any;
-    filters?: any;
+    filters: any[] | null;
     children: ({ isLoading, error, data, dateBucket, }: ChartDataLoaderChildProps) => JSX.Element;
 }) => JSX.Element;
 export {};

package/dist/cjs/components/Dashboard/DataLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAuB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAmCjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA8Id;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,eAAe;UAOpB,GAAG;;mCAGE,WAAW,UACZ,UAAU,KACf,YAAY;2BACM,GAAG;cAChB,GAAG;wDAMV,yBAAyB,KAAK,WAAW;MAC1C,WAyEH,CAAC"}
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAuB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAmCjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CAiJd;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,eAAe;UAOpB,GAAG;;mCAGE,WAAW,UACZ,UAAU,KACf,YAAY;2BACM,GAAG;aACjB,GAAG,EAAE,GAAG,IAAI;wDAMlB,yBAAyB,KAAK,WAAW;MAC1C,WA4EH,CAAC"}

package/dist/cjs/components/Dashboard/DataLoader.js

@@ -31,7 +31,7 @@ const constructReportFromItem = (item) => {
 function DataLoader({ item, children, filters, }) {
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
-    const [customFields] = (0, react_1.useContext)(Context_1.CustomFieldContext);
+    const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(undefined);
     const [previousPage, setPreviousPage] = (0, react_1.useState)(0);
@@ -60,7 +60,7 @@ function DataLoader({ item, children, filters, }) {
             return;
         }
         const updatedProcessing = { page: paginationProcessing_1.DEFAULT_PAGINATION, sort };
-        fetchReportHelper(true, additionalProcessing);
+        fetchReportHelper(additionalProcessing);
         updateTableRows(updatedProcessing, true);
         setPreviousPage(0);
     };
@@ -72,7 +72,7 @@ function DataLoader({ item, children, filters, }) {
             setLoading(true);
             try {
                 const updatedProcessing = { ...additionalProcessing, ...processing };
-                const paginatedRows = await (0, tableProcessing_1.fetchTableByReport)(report.id, client, updatedProcessing, filters, customFields);
+                const paginatedRows = await (0, tableProcessing_1.fetchTableByReport)(report.id, client, updatedProcessing, filters, schemaData.customFields);
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
                 }
@@ -92,8 +92,8 @@ function DataLoader({ item, children, filters, }) {
             }
         }
     };
-    const fetchReportHelper = async (useReportTask = true, processing) => {
-        if (!client) {
+    const fetchReportHelper = async (processing) => {
+        if (!client || !filters) {
             return;
         }
         if (dashboard[item._id] &&
@@ -109,9 +109,9 @@ function DataLoader({ item, children, filters, }) {
             return;
         }
         setLoading(true);
-        const { report, error } = await (0, report_1.fetchReport)(item._id, client, useReportTask, filters, processing, undefined, customFields);
+        const { report, error } = await (0, report_1.fetchReport)(item._id, client, true, filters, processing, undefined, schemaData.customFields);
         dispatch({
-            type: 'UPDATE_DASHBOARD_ITEM',
+            type: 'ADD_DASHBOARD_ITEM',
             id: item._id,
             data: { ...report, triggerReload: false },
         });
@@ -122,12 +122,15 @@ function DataLoader({ item, children, filters, }) {
         setLoading(false);
     };
     (0, react_1.useEffect)(() => {
-        fetchReportHelper(true, additionalProcessing);
+        if (!filters) {
+            return;
+        }
+        fetchReportHelper(additionalProcessing);
     }, [filters, item._id]);
     (0, react_1.useEffect)(() => {
         // @ts-ignore
         if (dashboard[item._id] && dashboard[item._id].triggerReload) {
-            fetchReportHelper(true, additionalProcessing);
+            fetchReportHelper(additionalProcessing);
         }
     }, [dashboard[item._id]]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children({
@@ -150,9 +153,9 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
     const [localAdditionalProcessing, setLocalAdditionalProcessing] = (0, react_1.useState)();
     const [report, setReport] = (0, react_1.useState)(dashboard[item._id] ?? constructReportFromItem(item));
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const [customFields] = (0, react_1.useContext)(Context_1.CustomFieldContext);
+    const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const fetchReportHelper = async (useReportTask = true) => {
-        if (!client) {
+        if (!client || !filters) {
             return;
         }
         const tempReport = dashboard[item._id];
@@ -167,9 +170,9 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
             return;
         }
         setLoading(true);
-        const { report, error } = await (0, report_1.fetchReport)(item._id, client, useReportTask, filters, additionalProcessing, dateBucket, customFields);
+        const { report, error } = await (0, report_1.fetchReport)(item._id, client, useReportTask, filters, additionalProcessing, dateBucket, schemaData.customFields);
         dispatch({
-            type: 'UPDATE_DASHBOARD_ITEM',
+            type: 'ADD_DASHBOARD_ITEM',
             id: item._id,
             data: { ...report, triggerReload: false },
         });
@@ -181,6 +184,9 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
         setLoading(false);
     };
     (0, react_1.useEffect)(() => {
+        if (!filters) {
+            return;
+        }
         setInitialLoad(false);
         fetchReportHelper();
     }, [filters, item._id, dateBucket, additionalProcessing]);

package/dist/cjs/components/Dashboard/MetricComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAgOhC"}
+{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA+MhC"}

package/dist/cjs/components/Dashboard/MetricComponent.js

@@ -15,8 +15,8 @@ function QuillMetricComponent({ report, onClick, error, isLoading, }) {
     const primaryMetricLabel = report?.filtersApplied?.date_range?.preset?.label;
     const comparisonKey = report?.filtersApplied?.date_range?.comparisonRange?.value;
     const comparisonLabel = dateRangePickerUtils_1.COMPARISON_OPTIONS.find((opt) => opt.value === comparisonKey)?.text;
-    return ((0, jsx_runtime_1.jsx)("div", { onClick: () => onClick && onClick(report), style: {
-            cursor: 'pointer',
+    return ((0, jsx_runtime_1.jsx)("div", { onClick: () => onClick && !error && onClick(report), style: {
+            cursor: error || !onClick ? 'default' : 'pointer',
             boxSizing: 'content-box',
             borderRadius: 8,
             paddingBottom: isLoading ? 0 : 30,
@@ -35,35 +35,25 @@ function QuillMetricComponent({ report, onClick, error, isLoading, }) {
                         justifyContent: 'space-between',
                         height: '100%',
                         boxSizing: 'content-box',
-                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'row',
                                 justifyContent: 'space-between',
                                 boxSizing: 'content-box',
                                 paddingBottom: 5,
-                            }, children: [onClick && ((0, jsx_runtime_1.jsx)("div", { style: {
-                                        fontFamily: theme?.fontFamily,
-                                        color: theme?.primaryTextColor,
-                                        boxSizing: 'content-box',
-                                        fontSize: 18,
-                                        fontWeight: '500',
-                                        textOverflow: 'ellipsis',
-                                        padding: 0,
-                                        whiteSpace: 'nowrap',
-                                        display: 'block',
-                                        maxWidth: '100%',
-                                        overflow: 'hidden',
-                                    }, children: report?.name })), onClick && report?.name ? ((0, jsx_runtime_1.jsx)("div", { style: {
-                                        fontFamily: theme?.fontFamily,
-                                        color: theme?.primaryTextColor,
-                                        boxSizing: 'content-box',
-                                        fontWeight: '500',
-                                        fontSize: 14,
-                                        minWidth: 14 * 7,
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'flex-end',
-                                    }, children: 'view report →' })) : null] }), isLoading ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
+                            }, children: onClick && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                    fontFamily: theme?.fontFamily,
+                                    color: theme?.primaryTextColor,
+                                    boxSizing: 'content-box',
+                                    fontSize: 18,
+                                    fontWeight: '500',
+                                    textOverflow: 'ellipsis',
+                                    padding: 0,
+                                    whiteSpace: 'nowrap',
+                                    display: 'block',
+                                    maxWidth: '100%',
+                                    overflow: 'hidden',
+                                }, children: report?.name })) }), isLoading ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
                                 maxHeight: '78px',
                                 height: '100%',
                             } })) : error ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ChartError_1.default, { errorMessage: error }) })) : report.rows?.length === 0 ||

package/dist/cjs/components/Dashboard/TableComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,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,GAAG,GAAG,CAAC,OAAO,CAwGd"}
+{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,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,GAAG,GAAG,CAAC,OAAO,CAyFd"}

package/dist/cjs/components/Dashboard/TableComponent.js

@@ -9,6 +9,7 @@ const QuillTable_1 = __importDefault(require("../QuillTable"));
 const ChartSkeleton_1 = __importDefault(require("../Chart/ChartSkeleton"));
 const ChartError_1 = __importDefault(require("../Chart/ChartError"));
 const useExport_1 = require("../../hooks/useExport");
+const paginationProcessing_1 = require("../../utils/paginationProcessing");
 const Context_1 = require("../../Context");
 function QuillTableComponent({ report, onClick, isLoading, error, rowCount, onPageChange, onSortChange, }) {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
@@ -19,42 +20,32 @@ function QuillTableComponent({ report, onClick, isLoading, error, rowCount, onPa
             setInitialLoad(false);
         }
     }, [isLoading]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { cursor: 'pointer' }, onClick: () => onClick && onClick(report), children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { cursor: error || !onClick ? 'default' : 'pointer' }, onClick: () => onClick && onClick(report), children: [(0, jsx_runtime_1.jsx)("div", { style: {
                     display: 'flex',
                     flexDirection: 'row',
                     justifyContent: 'space-between',
                     alignItems: 'center',
                     boxSizing: 'content-box',
                     paddingBottom: 20,
-                }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            boxSizing: 'content-box',
-                            fontSize: 18,
-                            fontWeight: '500',
-                            textOverflow: 'ellipsis',
-                            padding: 0,
-                            whiteSpace: 'nowrap',
-                            display: 'block',
-                            maxWidth: '100%',
-                            overflow: 'hidden',
-                        }, children: report?.name }), onClick && report?.name ? ((0, jsx_runtime_1.jsx)("div", { style: {
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            boxSizing: 'content-box',
-                            fontWeight: '500',
-                            fontSize: 14,
-                            minWidth: 14 * 7,
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'flex-end',
-                        }, children: 'view report →' })) : null] }), initialLoad ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
+                }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                        fontFamily: theme?.fontFamily,
+                        color: theme?.primaryTextColor,
+                        boxSizing: 'content-box',
+                        fontSize: 18,
+                        fontWeight: '500',
+                        textOverflow: 'ellipsis',
+                        padding: 0,
+                        whiteSpace: 'nowrap',
+                        display: 'block',
+                        maxWidth: '100%',
+                        overflow: 'hidden',
+                    }, children: report?.name }) }), initialLoad ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
                     width: '100%',
                     height: '400px',
                 } })) : error ? ((0, jsx_runtime_1.jsx)("div", { style: {
                     width: '100%',
                     height: '400px',
-                }, children: (0, jsx_runtime_1.jsx)(ChartError_1.default, { errorMessage: error }) })) : ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { isLoading: isLoading, rows: report.rows ?? [], rowCount: rowCount, columns: report.columns, rowsPerPage: 10, containerStyle: {
+                }, children: (0, jsx_runtime_1.jsx)(ChartError_1.default, { errorMessage: error }) })) : ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { isLoading: isLoading, rows: report.rows ?? [], rowCount: rowCount, columns: report.columns, rowsPerPage: report.pagination?.rowsPerPage ?? paginationProcessing_1.DEFAULT_PAGINATION.rowsPerPage, containerStyle: {
                     width: '100%',
                     height: '400px',
                 }, downloadCSV: () => {

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

@@ -1 +1 @@
-{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAgC3D;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,yBAAyB,2CAqS3B;AAED,eAAO,MAAM,gBAAgB;WAKpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;6CAwDpB,CAAC"}
+{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAgC3D;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,yBAAyB,2CAiV3B;AAED,eAAO,MAAM,gBAAgB;WAKpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;6CAwDpB,CAAC"}

package/dist/cjs/components/QuillMultiSelectWithCombo.js

@@ -161,7 +161,37 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
                     fontSize: 14,
                 }, children: [options && options.length > 20 && ((0, jsx_runtime_1.jsx)(exports.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
                             handleSearchChange(value);
-                        } })), options && options.length > 20 && ((0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } })), filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
+                        } })), options && options.length > 20 && ((0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } })), (!filteredItems || filteredItems.length === 0) && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            padding: 8,
+                            margin: 0,
+                            boxSizing: 'border-box',
+                            borderWidth: 0,
+                            fontSize: 14,
+                            borderStyle: 'solid',
+                            borderColor: theme?.borderColor,
+                            borderRadius: 4,
+                            fontFamily: theme?.fontFamily,
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            height: 34,
+                            minHeight: 34,
+                            gap: 6,
+                            overflow: 'hidden',
+                        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+            .quill-option {
+              background: white;
+            }
+              .quill-option:hover {
+                background: #F4F4F5;
+              }
+            ` }), (0, jsx_runtime_1.jsx)("span", { style: {
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    cursor: 'default',
+                                }, children: "No options available" })] })), filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             padding: 8,

package/dist/cjs/components/QuillSelect.js

@@ -135,6 +135,6 @@ function QuillSelectComponent({ options, value, width, onChange, label, }) {
                                     textOverflow: 'ellipsis',
                                     whiteSpace: 'nowrap',
                                     overflow: 'hidden',
-                                }, children: option.label })] }, option.value)))] }))] }));
+                                }, children: option.label })] }, option.label)))] }))] }));
 }
 exports.QuillSelectComponent = QuillSelectComponent;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonComponentProps } from './UiComponents';
 export interface TableComponentProps {
-    rows: any[];
+    rows: object[];
     rowCount?: number;
     columns: {
         label: string;