@solidxai/core-ui 0.1.12-beta.5 → 0.1.12-beta.7

package/dist/components/core/dashboard/SolidQuestionRenderer.tsx

@@ -0,0 +1,99 @@
+
+import type { ReactNode } from 'react';
+import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';
+import { SqlExpression } from '../../../types/solid-core';
+import { SolidMessage, SolidSpinner } from '../../shad-cn-ui';
+import qs from 'qs';
+import { ChartJsRenderer } from './chart-renderers/ChartJsRenderer';
+import PrimeReactDatatableRenderer from './chart-renderers/PrimeReactDatatableRenderer';
+import styles from './SolidDashboard.module.css';
+
+type SolidQuestionRendererProps = {
+    question: any;
+    filters: SqlExpression[];
+    isPreview: boolean;
+};
+
+type DataItem = {
+    value: number;
+    label?: string | ReactNode;
+    color?: string;
+}
+
+export const SolidQuestionRenderer = ({ question, filters = [], isPreview = false }: SolidQuestionRendererProps) => {
+    if (!question) {
+        return (
+            <div className={`${styles.SolidChartCardWrapper} p-4`}>
+                <SolidMessage text="Preview Unavailable" />
+            </div>
+        );
+    }
+
+    const textAlign = question?.textAlign ?? 'start'
+    if (!question) {
+        return (
+            <SolidMessage text="Preview Unavailable" />
+        )
+    }
+    // console.log(`Rendering BarChartRenderer using question id: ${question.id}`);
+
+    // load the question data.
+    const queryParams = qs.stringify(
+        {
+            isPreview,
+            filters,
+        },
+        // ensures proper handling of arrays
+        // { arrayFormat: 'indices' }
+    );
+    const { data: questionData, isLoading: questionDataIsLoading, error: questionDataError } = useGetDashboardQuestionDataByIdQuery({ id: question.id, qs: queryParams });
+
+
+    // console.log(`Question data: `); console.log(questionData);
+    // console.log(`Question data is loading: `); console.log(questionDataIsLoading);
+    // console.log(`Question data error: `); console.log(questionDataError);
+    const options = JSON.parse(question?.chartOptions);
+    // const kpi = questionData.data.kpi;
+    // const visualizationData = questionData.data.visualizationData;
+    // const visualizedAs = question.data.visualisedAs;
+    return (
+        <>
+            {questionDataIsLoading && <SolidSpinner />}
+            {!questionDataIsLoading &&
+                <div className={`${styles.SolidChartCardWrapper} h-full`}>
+                    <div className='flex flex-col p-4 pb-3' style={{ borderBottom: "1px solid #e4e3e3" }}>
+                        <div className={`font-medium text-${textAlign} ${styles.SolidChartTitle}`}>{question.name}</div>
+                        <div className={`mt-2 font-bold text-3xl text-${textAlign} ${styles.SolidChartTitle}`}>{questionData.data.kpi}</div>
+                    </div>
+                    <div className='mt-3 flex-1 min-h-0 p-4 pt-2'>
+                        {['bar', 'line', 'pie'].includes(question.visualisedAs) && <ChartJsRenderer options={options} visualizationData={questionData.data.visualizationData} visualizedAs={question.visualisedAs} />}
+                        {question.visualisedAs === 'prime-meter-group' && (() => {
+                            const dataset: DataItem[] = questionData.data.visualizationData.dataset;
+                            const total = dataset.reduce((sum, it) => sum + it.value, 0) || 1;
+                            return (
+                                <div className="solid-meter-group">
+                                    {dataset.map((item: DataItem, idx: number) => {
+                                        const percentage = Math.round((item.value / total) * 100);
+                                        return (
+                                            <div key={`${item.label}-${idx}`} className="solid-meter-group-row">
+                                                <span className="solid-meter-group-label">{item.label}</span>
+                                                <div className="solid-meter-group-bar">
+                                                    <div
+                                                        className="solid-meter-group-bar-fill"
+                                                        style={{ width: `${percentage}%`, backgroundColor: item.color || 'var(--solid-surface-accent)' }}
+                                                    />
+                                                </div>
+                                                <span className="solid-meter-group-value">{percentage}%</span>
+                                            </div>
+                                        );
+                                    })}
+                                </div>
+                            );
+                        })()}
+                        {question.visualisedAs === 'prime-datatable' && <PrimeReactDatatableRenderer options={options} visualizationData={questionData.data.visualizationData} />}
+                    </div>
+                </div>
+            }
+        </>
+    )
+}

package/dist/components/core/dashboard/chart-renderers/ChartJsRenderer.d.ts

@@ -0,0 +1,9 @@
+import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
+type ChartJsRendererProps = {
+    options: any;
+    visualizationData: any;
+    visualizedAs: 'bar' | 'line' | 'pie';
+};
+export declare const ChartJsRenderer: ({ options, visualizationData, visualizedAs }: ChartJsRendererProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChartJsRenderer.d.ts.map

package/dist/components/core/dashboard/chart-renderers/ChartJsRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartJsRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/ChartJsRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,oEAAoE,CAAC;AAI5E,KAAK,oBAAoB,GAAG;IACxB,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;IACvB,YAAY,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;CACxC,CAAC;AACF,eAAO,MAAM,eAAe,iDAAkD,oBAAoB,4CAoCjG,CAAA"}

package/dist/components/core/dashboard/chart-renderers/ChartJsRenderer.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
+import { Bar, Line, Pie } from "react-chartjs-2";
+export var ChartJsRenderer = function (_a) {
+    var options = _a.options, visualizationData = _a.visualizationData, visualizedAs = _a.visualizedAs;
+    var chartRef = useRef(null);
+    var containerRef = useRef(null);
+    useEffect(function () {
+        if (!containerRef.current)
+            return;
+        var observer = new ResizeObserver(function () {
+            if (chartRef.current) {
+                chartRef.current.resize(); // ✅ tell Chart.js to refit
+            }
+        });
+        observer.observe(containerRef.current);
+        return function () { return observer.disconnect(); };
+    }, []);
+    // Merge in responsive options
+    var mergedOptions = __assign(__assign({}, options), { responsive: true, maintainAspectRatio: false });
+    return (_jsx(_Fragment, { children: _jsxs("div", { ref: containerRef, style: { position: "relative", width: "100%", height: "100%" }, children: [visualizedAs === 'bar' && _jsx(Bar, { ref: chartRef, options: mergedOptions, data: visualizationData }), visualizedAs === 'line' && _jsx(Line, { ref: chartRef, options: mergedOptions, data: visualizationData }), visualizedAs === 'pie' && _jsx(Pie, { ref: chartRef, options: mergedOptions, data: visualizationData })] }) }));
+};
+//# sourceMappingURL=ChartJsRenderer.js.map

package/dist/components/core/dashboard/chart-renderers/ChartJsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartJsRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/ChartJsRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,oEAAoE,CAAC;AAC5E,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAQjD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAAkE;QAAhE,OAAO,aAAA,EAAE,iBAAiB,uBAAA,EAAE,YAAY,kBAAA;IAEtE,IAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAClD,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC;QACN,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC;YAChC,IAAI,QAAQ,CAAC,OAAO,EAAE;gBAClB,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAE,2BAA2B;aAC1D;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACvC,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,8BAA8B;IAC9B,IAAM,aAAa,yBACZ,OAAO,KACV,UAAU,EAAE,IAAI,EAChB,mBAAmB,EAAE,KAAK,GAC7B,CAAC;IAGF,OAAO,CACH,4BACI,eAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAEjF,YAAY,KAAK,KAAK,IAAI,KAAC,GAAG,IAAC,GAAG,EAAE,QAAe,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,GAAI,EACxG,YAAY,KAAK,MAAM,IAAI,KAAC,IAAI,IAAC,GAAG,EAAE,QAAe,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,GAAI,EAC1G,YAAY,KAAK,KAAK,IAAI,KAAC,GAAG,IAAC,GAAG,EAAE,QAAe,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,GAAI,IACvG,GACP,CACN,CAAC;AACN,CAAC,CAAA","sourcesContent":["\nimport { useEffect, useRef } from \"react\";\nimport \"../../../../components/core/dashboard/chart-renderers/init-chartjs\";\nimport { Bar, Line, Pie } from \"react-chartjs-2\";\nimport { ChartJSOrUndefined } from \"node_modules/react-chartjs-2/dist/types\";\n\ntype ChartJsRendererProps = {\n    options: any;\n    visualizationData: any;\n    visualizedAs: 'bar' | 'line' | 'pie';\n};\nexport const ChartJsRenderer = ({ options, visualizationData, visualizedAs }: ChartJsRendererProps) => {\n\n    const chartRef = useRef<ChartJSOrUndefined>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!containerRef.current) return;\n\n        const observer = new ResizeObserver(() => {\n            if (chartRef.current) {\n                chartRef.current.resize();  // ✅ tell Chart.js to refit\n            }\n        });\n\n        observer.observe(containerRef.current);\n        return () => observer.disconnect();\n    }, []);\n\n    // Merge in responsive options\n    const mergedOptions = {\n        ...options,\n        responsive: true,\n        maintainAspectRatio: false,  // ✅ allows chart to fill container height\n    };\n\n\n    return (\n        <>\n            <div ref={containerRef} style={{ position: \"relative\", width: \"100%\", height: \"100%\" }}>\n\n                {visualizedAs === 'bar' && <Bar ref={chartRef as any} options={mergedOptions} data={visualizationData} />}\n                {visualizedAs === 'line' && <Line ref={chartRef as any} options={mergedOptions} data={visualizationData} />}\n                {visualizedAs === 'pie' && <Pie ref={chartRef as any} options={mergedOptions} data={visualizationData} />}\n            </div>\n        </>\n    );\n}"]}

package/dist/components/core/dashboard/chart-renderers/ChartJsRenderer.tsx

@@ -0,0 +1,48 @@
+
+import { useEffect, useRef } from "react";
+import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
+import { Bar, Line, Pie } from "react-chartjs-2";
+import { ChartJSOrUndefined } from "node_modules/react-chartjs-2/dist/types";
+
+type ChartJsRendererProps = {
+    options: any;
+    visualizationData: any;
+    visualizedAs: 'bar' | 'line' | 'pie';
+};
+export const ChartJsRenderer = ({ options, visualizationData, visualizedAs }: ChartJsRendererProps) => {
+
+    const chartRef = useRef<ChartJSOrUndefined>(null);
+    const containerRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+        if (!containerRef.current) return;
+
+        const observer = new ResizeObserver(() => {
+            if (chartRef.current) {
+                chartRef.current.resize();  // ✅ tell Chart.js to refit
+            }
+        });
+
+        observer.observe(containerRef.current);
+        return () => observer.disconnect();
+    }, []);
+
+    // Merge in responsive options
+    const mergedOptions = {
+        ...options,
+        responsive: true,
+        maintainAspectRatio: false,  // ✅ allows chart to fill container height
+    };
+
+
+    return (
+        <>
+            <div ref={containerRef} style={{ position: "relative", width: "100%", height: "100%" }}>
+
+                {visualizedAs === 'bar' && <Bar ref={chartRef as any} options={mergedOptions} data={visualizationData} />}
+                {visualizedAs === 'line' && <Line ref={chartRef as any} options={mergedOptions} data={visualizationData} />}
+                {visualizedAs === 'pie' && <Pie ref={chartRef as any} options={mergedOptions} data={visualizationData} />}
+            </div>
+        </>
+    );
+}

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.d.ts

@@ -0,0 +1,7 @@
+type PrimeReactDatatableRendererProps = {
+    options: any;
+    visualizationData: any;
+};
+declare const PrimeReactDatatableRenderer: ({ options, visualizationData }: PrimeReactDatatableRendererProps) => import("react/jsx-runtime").JSX.Element;
+export default PrimeReactDatatableRenderer;
+//# sourceMappingURL=PrimeReactDatatableRenderer.d.ts.map

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeReactDatatableRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.tsx"],"names":[],"mappings":"AAGA,KAAK,gCAAgC,GAAG;IACpC,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;CAC1B,CAAA;AAED,QAAA,MAAM,2BAA2B,mCAAoC,gCAAgC,4CAwCpG,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidSpinner } from "../../../shad-cn-ui";
+var PrimeReactDatatableRenderer = function (_a) {
+    // {
+    //   "size": "small",
+    //   "showGridlines": true,
+    //   "stripedRows": true,
+    //   "pagination": {
+    //     "rows": 10,
+    //     "rowsPerPageOptions": [5, 10, 25, 50]
+    //   }
+    // }    
+    var options = _a.options, visualizationData = _a.visualizationData;
+    if (!visualizationData) {
+        return _jsx(SolidSpinner, {});
+    }
+    var columns = visualizationData.columns;
+    var data = visualizationData.rows;
+    return (_jsx("div", { className: "solid-simple-table", children: _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: columns.map(function (col) { return (_jsx("th", { children: col.header }, col.field)); }) }) }), _jsx("tbody", { children: data.map(function (row, rowIndex) { return (_jsx("tr", { children: columns.map(function (col) { return (_jsx("td", { children: row[col.field] }, "".concat(rowIndex, "-").concat(col.field))); }) }, rowIndex)); }) })] }) }));
+};
+export default PrimeReactDatatableRenderer;
+//# sourceMappingURL=PrimeReactDatatableRenderer.js.map

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeReactDatatableRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAOnD,IAAM,2BAA2B,GAAG,UAAC,EAAgE;IACjG,IAAI;IACJ,qBAAqB;IACrB,2BAA2B;IAC3B,yBAAyB;IACzB,oBAAoB;IACpB,kBAAkB;IAClB,4CAA4C;IAC5C,MAAM;IACN,QAAQ;QAT2B,OAAO,aAAA,EAAE,iBAAiB,uBAAA;IAW7D,IAAI,CAAC,iBAAiB,EAAE;QACpB,OAAO,KAAC,YAAY,KAAG,CAAC;KAC3B;IAED,IAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC;IAC1C,IAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;IAEpC,OAAO,CACH,cAAK,SAAS,EAAC,oBAAoB,YAC/B,4BACI,0BACI,uBACK,OAAO,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CACvB,uBAAqB,GAAG,CAAC,MAAM,IAAtB,GAAG,CAAC,KAAK,CAAmB,CACxC,EAF0B,CAE1B,CAAC,GACD,GACD,EACR,0BACK,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,QAAgB,IAAK,OAAA,CACtC,uBACK,OAAO,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CACvB,uBAAsC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAA3C,UAAG,QAAQ,cAAI,GAAG,CAAC,KAAK,CAAE,CAAuB,CAC7D,EAF0B,CAE1B,CAAC,IAHG,QAAQ,CAIZ,CACR,EANyC,CAMzC,CAAC,GACE,IACJ,GACN,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["\nimport { SolidSpinner } from \"../../../shad-cn-ui\";\n\ntype PrimeReactDatatableRendererProps = {\n    options: any;\n    visualizationData: any;\n}\n\nconst PrimeReactDatatableRenderer = ({ options, visualizationData }: PrimeReactDatatableRendererProps) => {\n    // {\n    //   \"size\": \"small\",\n    //   \"showGridlines\": true,\n    //   \"stripedRows\": true,\n    //   \"pagination\": {\n    //     \"rows\": 10,\n    //     \"rowsPerPageOptions\": [5, 10, 25, 50]\n    //   }\n    // }    \n\n    if (!visualizationData) {\n        return <SolidSpinner />;\n    }\n\n    const columns = visualizationData.columns;\n    const data = visualizationData.rows;\n\n    return (\n        <div className=\"solid-simple-table\">\n            <table>\n                <thead>\n                    <tr>\n                        {columns.map((col: any) => (\n                            <th key={col.field}>{col.header}</th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {data.map((row: any, rowIndex: number) => (\n                        <tr key={rowIndex}>\n                            {columns.map((col: any) => (\n                                <td key={`${rowIndex}-${col.field}`}>{row[col.field]}</td>\n                            ))}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n};\n\nexport default PrimeReactDatatableRenderer;\n"]}

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.tsx

@@ -0,0 +1,51 @@
+
+import { SolidSpinner } from "../../../shad-cn-ui";
+
+type PrimeReactDatatableRendererProps = {
+    options: any;
+    visualizationData: any;
+}
+
+const PrimeReactDatatableRenderer = ({ options, visualizationData }: PrimeReactDatatableRendererProps) => {
+    // {
+    //   "size": "small",
+    //   "showGridlines": true,
+    //   "stripedRows": true,
+    //   "pagination": {
+    //     "rows": 10,
+    //     "rowsPerPageOptions": [5, 10, 25, 50]
+    //   }
+    // }    
+
+    if (!visualizationData) {
+        return <SolidSpinner />;
+    }
+
+    const columns = visualizationData.columns;
+    const data = visualizationData.rows;
+
+    return (
+        <div className="solid-simple-table">
+            <table>
+                <thead>
+                    <tr>
+                        {columns.map((col: any) => (
+                            <th key={col.field}>{col.header}</th>
+                        ))}
+                    </tr>
+                </thead>
+                <tbody>
+                    {data.map((row: any, rowIndex: number) => (
+                        <tr key={rowIndex}>
+                            {columns.map((col: any) => (
+                                <td key={`${rowIndex}-${col.field}`}>{row[col.field]}</td>
+                            ))}
+                        </tr>
+                    ))}
+                </tbody>
+            </table>
+        </div>
+    );
+};
+
+export default PrimeReactDatatableRenderer;

package/dist/components/core/dashboard/chart-renderers/init-chartjs.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=init-chartjs.d.ts.map

package/dist/components/core/dashboard/chart-renderers/init-chartjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-chartjs.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/init-chartjs.ts"],"names":[],"mappings":""}

package/dist/components/core/dashboard/chart-renderers/init-chartjs.js

@@ -0,0 +1,4 @@
+import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, LineElement, PointElement, Title, Tooltip, Legend, ArcElement, } from 'chart.js';
+// Only register once globally
+ChartJS.register(CategoryScale, LinearScale, BarElement, LineElement, PointElement, Title, Tooltip, Legend, ArcElement);
+//# sourceMappingURL=init-chartjs.js.map

package/dist/components/core/dashboard/chart-renderers/init-chartjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-chartjs.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/init-chartjs.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,IAAI,OAAO,EAChB,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,GACb,MAAM,UAAU,CAAC;AAElB,8BAA8B;AAC9B,OAAO,CAAC,QAAQ,CACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,CACb,CAAC","sourcesContent":["import {\n    Chart as ChartJS,\n    CategoryScale,\n    LinearScale,\n    BarElement,\n    LineElement,\n    PointElement,\n    Title,\n    Tooltip,\n    Legend,\n    ArcElement,\n} from 'chart.js';\n\n// Only register once globally\nChartJS.register(\n    CategoryScale,\n    LinearScale,\n    BarElement,\n    LineElement,\n    PointElement,\n    Title,\n    Tooltip,\n    Legend,\n    ArcElement\n);"]}

package/dist/components/core/dashboard/chart-renderers/init-chartjs.ts

@@ -0,0 +1,25 @@
+import {
+    Chart as ChartJS,
+    CategoryScale,
+    LinearScale,
+    BarElement,
+    LineElement,
+    PointElement,
+    Title,
+    Tooltip,
+    Legend,
+    ArcElement,
+} from 'chart.js';
+
+// Only register once globally
+ChartJS.register(
+    CategoryScale,
+    LinearScale,
+    BarElement,
+    LineElement,
+    PointElement,
+    Title,
+    Tooltip,
+    Legend,
+    ArcElement
+);

package/dist/components/core/dashboard/dashboard-utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getNumberOfInputs: (matchMode: any) => number | null;
+//# sourceMappingURL=dashboard-utils.d.ts.map

package/dist/components/core/dashboard/dashboard-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-utils.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/dashboard-utils.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,iBAAiB,cAAe,GAAG,KAAG,MAAM,GAAG,IAsB3D,CAAA"}

package/dist/components/core/dashboard/dashboard-utils.js

@@ -0,0 +1,38 @@
+// export enum RuleMatchMode {
+//     EQUALS = '$equals',
+//     NOT_EQUALS = '$notEquals',
+//     CONTAINS = '$contains',
+//     NOT_CONTAINS = '$notContains',
+//     STARTS_WITH = '$startsWith',
+//     ENDS_WITH = '$endsWith',
+//     IN = '$in',
+//     NOT_IN = '$notIn',
+//     BETWEEN = '$between',
+//     LT = '$lt',
+//     LTE = '$lte',
+//     GT = '$gt',
+//     GTE = '$gte'
+// }
+export var getNumberOfInputs = function (matchMode) {
+    switch (matchMode) {
+        case '$between':
+            return 2;
+        case '$in':
+        case '$notIn':
+            return null;
+        case '$startsWith':
+        case '$contains':
+        case '$notContains':
+        case '$endsWith':
+        case '$equals':
+        case '$notEquals':
+        case '$lt':
+        case '$lte':
+        case '$gt':
+        case '$gte':
+            return 1;
+        default:
+            return 1; // Default to single input if no specific match is found
+    }
+};
+//# sourceMappingURL=dashboard-utils.js.map

package/dist/components/core/dashboard/dashboard-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-utils.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/dashboard-utils.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,0BAA0B;AAC1B,iCAAiC;AACjC,8BAA8B;AAC9B,qCAAqC;AACrC,mCAAmC;AACnC,+BAA+B;AAC/B,kBAAkB;AAClB,yBAAyB;AACzB,4BAA4B;AAC5B,kBAAkB;AAClB,oBAAoB;AACpB,kBAAkB;AAClB,mBAAmB;AACnB,IAAI;AAEJ,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,SAAc;IAE5C,QAAQ,SAAS,EAAE;QACf,KAAK,UAAU;YACX,OAAO,CAAC,CAAC;QACb,KAAK,KAAK,CAAC;QACX,KAAK,QAAQ;YACT,OAAO,IAAI,CAAC;QAChB,KAAK,aAAa,CAAC;QACnB,KAAK,WAAW,CAAC;QACjB,KAAK,cAAc,CAAC;QACpB,KAAK,WAAW,CAAC;QACjB,KAAK,SAAS,CAAC;QACf,KAAK,YAAY,CAAC;QAClB,KAAK,KAAK,CAAC;QACX,KAAK,MAAM,CAAC;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACP,OAAO,CAAC,CAAC;QACb;YACI,OAAO,CAAC,CAAC,CAAC,wDAAwD;KACzE;AACL,CAAC,CAAA","sourcesContent":["// export enum RuleMatchMode {\n//     EQUALS = '$equals',\n//     NOT_EQUALS = '$notEquals',\n//     CONTAINS = '$contains',\n//     NOT_CONTAINS = '$notContains',\n//     STARTS_WITH = '$startsWith',\n//     ENDS_WITH = '$endsWith',\n//     IN = '$in',\n//     NOT_IN = '$notIn',\n//     BETWEEN = '$between',\n//     LT = '$lt',\n//     LTE = '$lte',\n//     GT = '$gt',\n//     GTE = '$gte'\n// }\n\nexport const getNumberOfInputs = (matchMode: any): number | null => {\n\n    switch (matchMode) {\n        case '$between':\n            return 2;\n        case '$in':\n        case '$notIn':\n            return null;\n        case '$startsWith':\n        case '$contains':\n        case '$notContains':\n        case '$endsWith':\n        case '$equals':\n        case '$notEquals':\n        case '$lt':\n        case '$lte':\n        case '$gt':\n        case '$gte':\n            return 1;\n        default:\n            return 1; // Default to single input if no specific match is found\n    }\n}\n"]}

package/dist/components/core/dashboard/dashboard-utils.ts

@@ -0,0 +1,39 @@
+// export enum RuleMatchMode {
+//     EQUALS = '$equals',
+//     NOT_EQUALS = '$notEquals',
+//     CONTAINS = '$contains',
+//     NOT_CONTAINS = '$notContains',
+//     STARTS_WITH = '$startsWith',
+//     ENDS_WITH = '$endsWith',
+//     IN = '$in',
+//     NOT_IN = '$notIn',
+//     BETWEEN = '$between',
+//     LT = '$lt',
+//     LTE = '$lte',
+//     GT = '$gt',
+//     GTE = '$gte'
+// }
+
+export const getNumberOfInputs = (matchMode: any): number | null => {
+
+    switch (matchMode) {
+        case '$between':
+            return 2;
+        case '$in':
+        case '$notIn':
+            return null;
+        case '$startsWith':
+        case '$contains':
+        case '$notContains':
+        case '$endsWith':
+        case '$equals':
+        case '$notEquals':
+        case '$lt':
+        case '$lte':
+        case '$gt':
+        case '$gte':
+            return 1;
+        default:
+            return 1; // Default to single input if no specific match is found
+    }
+}

package/dist/components/core/extension/solid-core/dashboard/dashboardFormViewChangeHandler.d.ts

@@ -0,0 +1,10 @@
+import { SolidUiEvent } from "../../../../../types";
+declare const dashboardFormViewChangeHandler: (event: SolidUiEvent) => {
+    layoutChanged: boolean;
+    dataChanged: boolean;
+    newFormData: {
+        name: any;
+    };
+} | undefined;
+export default dashboardFormViewChangeHandler;
+//# sourceMappingURL=dashboardFormViewChangeHandler.d.ts.map

package/dist/components/core/extension/solid-core/dashboard/dashboardFormViewChangeHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardFormViewChangeHandler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboard/dashboardFormViewChangeHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,QAAA,MAAM,8BAA8B,UAAW,YAAY;;;;;;aAc1D,CAAA;AACD,eAAe,8BAA8B,CAAC"}

package/dist/components/core/extension/solid-core/dashboard/dashboardFormViewChangeHandler.js

@@ -0,0 +1,16 @@
+import { getSingularAndPlural } from "../../../../../helpers/helpers";
+var dashboardFormViewChangeHandler = function (event) {
+    var modifiedField = event.modifiedField, modifiedFieldValue = event.modifiedFieldValue, formData = event.formData;
+    var toKebabCase = getSingularAndPlural(modifiedFieldValue).toKebabCase;
+    if (modifiedField === 'displayName') {
+        return {
+            layoutChanged: false,
+            dataChanged: true,
+            newFormData: {
+                name: toKebabCase
+            },
+        };
+    }
+};
+export default dashboardFormViewChangeHandler;
+//# sourceMappingURL=dashboardFormViewChangeHandler.js.map

package/dist/components/core/extension/solid-core/dashboard/dashboardFormViewChangeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardFormViewChangeHandler.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboard/dashboardFormViewChangeHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,IAAM,8BAA8B,GAAG,UAAC,KAAmB;IAE/C,IAAA,aAAa,GAAmC,KAAK,cAAxC,EAAE,kBAAkB,GAAe,KAAK,mBAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACtD,IAAA,WAAW,GAAK,oBAAoB,CAAC,kBAAkB,CAAC,YAA7C,CAA8C;IAEjE,IAAI,aAAa,KAAK,aAAa,EAAE;QACjC,OAAO;YACH,aAAa,EAAE,KAAK;YACpB,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE;gBACT,IAAI,EAAE,WAAW;aACpB;SACJ,CAAA;KACJ;AACL,CAAC,CAAA;AACD,eAAe,8BAA8B,CAAC","sourcesContent":["import { getSingularAndPlural } from \"../../../../../helpers/helpers\";\nimport { SolidUiEvent } from \"../../../../../types\";\n\nconst dashboardFormViewChangeHandler = (event: SolidUiEvent) => {\n\n    const { modifiedField, modifiedFieldValue, formData } = event;\n    const { toKebabCase } = getSingularAndPlural(modifiedFieldValue);\n\n    if (modifiedField === 'displayName') {\n        return {\n            layoutChanged: false,\n            dataChanged: true,\n            newFormData: {\n                name: toKebabCase\n            },\n        }\n    }\n}\nexport default dashboardFormViewChangeHandler;\n"]}

package/dist/components/core/extension/solid-core/dashboard/dashboardFormViewChangeHandler.ts

@@ -0,0 +1,19 @@
+import { getSingularAndPlural } from "../../../../../helpers/helpers";
+import { SolidUiEvent } from "../../../../../types";
+
+const dashboardFormViewChangeHandler = (event: SolidUiEvent) => {
+
+    const { modifiedField, modifiedFieldValue, formData } = event;
+    const { toKebabCase } = getSingularAndPlural(modifiedFieldValue);
+
+    if (modifiedField === 'displayName') {
+        return {
+            layoutChanged: false,
+            dataChanged: true,
+            newFormData: {
+                name: toKebabCase
+            },
+        }
+    }
+}
+export default dashboardFormViewChangeHandler;

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionFieldChangeHandler.d.ts

@@ -0,0 +1,8 @@
+import { SolidUiEvent } from "../../../../../types";
+declare const dashboardQuestionFieldChangeHandler: (event: SolidUiEvent) => Promise<{
+    layoutChanged: boolean;
+    dataChanged: boolean;
+    newLayout: import("../../../../../types").LayoutNode;
+}>;
+export default dashboardQuestionFieldChangeHandler;
+//# sourceMappingURL=dashboardQuestionFieldChangeHandler.d.ts.map

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionFieldChangeHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardQuestionFieldChangeHandler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboard/dashboardQuestionFieldChangeHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,QAAA,MAAM,mCAAmC,UAAiB,YAAY;;;;EAuBrE,CAAA;AAGD,eAAe,mCAAmC,CAAC"}

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionFieldChangeHandler.js

@@ -0,0 +1,64 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { SolidViewLayoutManager } from "../../../../../components/core/common/SolidViewLayoutManager";
+var dashboardQuestionFieldChangeHandler = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+    var modifiedField, modifiedFieldValue, formViewLayout, layout, layoutManager;
+    return __generator(this, function (_a) {
+        modifiedField = event.modifiedField, modifiedFieldValue = event.modifiedFieldValue, formViewLayout = event.formViewLayout;
+        layout = formViewLayout;
+        layoutManager = new SolidViewLayoutManager(layout);
+        if (modifiedField === 'sourceType') {
+            if (modifiedFieldValue.value === 'sql') {
+                layoutManager.updateNodeAttributes('labelSql', { visible: true });
+                layoutManager.updateNodeAttributes('kpiSql', { visible: true });
+                layoutManager.updateNodeAttributes('providerName', { visible: false });
+            }
+            if (modifiedFieldValue.value === 'provider') {
+                layoutManager.updateNodeAttributes('labelSql', { visible: false });
+                layoutManager.updateNodeAttributes('kpiSql', { visible: false });
+                layoutManager.updateNodeAttributes('providerName', { visible: true });
+            }
+        }
+        return [2 /*return*/, {
+                layoutChanged: true,
+                dataChanged: false,
+                newLayout: layoutManager.getLayout(),
+            }];
+    });
+}); };
+export default dashboardQuestionFieldChangeHandler;
+//# sourceMappingURL=dashboardQuestionFieldChangeHandler.js.map

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionFieldChangeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardQuestionFieldChangeHandler.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboard/dashboardQuestionFieldChangeHandler.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAEtG,IAAM,mCAAmC,GAAG,UAAO,KAAmB;;;QAC1D,aAAa,GAAyC,KAAK,cAA9C,EAAE,kBAAkB,GAAqB,KAAK,mBAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;QAE9D,MAAM,GAAG,cAAc,CAAC;QAExB,aAAa,GAAG,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACzD,IAAI,aAAa,KAAK,YAAY,EAAE;YAChC,IAAI,kBAAkB,CAAC,KAAK,KAAK,KAAK,EAAE;gBACpC,aAAa,CAAC,oBAAoB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBAClE,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBAChE,aAAa,CAAC,oBAAoB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;aAC1E;YACD,IAAI,kBAAkB,CAAC,KAAK,KAAK,UAAU,EAAE;gBACzC,aAAa,CAAC,oBAAoB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;gBACnE,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;gBACjE,aAAa,CAAC,oBAAoB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;aACzE;SACJ;QACD,sBAAO;gBACH,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,KAAK;gBAClB,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE;aACvC,EAAA;;KACJ,CAAA;AAGD,eAAe,mCAAmC,CAAC","sourcesContent":["import { SolidUiEvent } from \"../../../../../types\";\nimport { SolidViewLayoutManager } from \"../../../../../components/core/common/SolidViewLayoutManager\";\n\nconst dashboardQuestionFieldChangeHandler = async (event: SolidUiEvent) => {\n    const { modifiedField, modifiedFieldValue, formViewLayout } = event;\n\n    const layout = formViewLayout;\n\n    const layoutManager = new SolidViewLayoutManager(layout);\n    if (modifiedField === 'sourceType') {\n        if (modifiedFieldValue.value === 'sql') {\n            layoutManager.updateNodeAttributes('labelSql', { visible: true });\n            layoutManager.updateNodeAttributes('kpiSql', { visible: true });\n            layoutManager.updateNodeAttributes('providerName', { visible: false });\n        }\n        if (modifiedFieldValue.value === 'provider') {\n            layoutManager.updateNodeAttributes('labelSql', { visible: false });\n            layoutManager.updateNodeAttributes('kpiSql', { visible: false });\n            layoutManager.updateNodeAttributes('providerName', { visible: true });\n        }\n    }\n    return {\n        layoutChanged: true,\n        dataChanged: false,\n        newLayout: layoutManager.getLayout(),\n    }\n}\n\n\nexport default dashboardQuestionFieldChangeHandler;\n"]}

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionFieldChangeHandler.ts

@@ -0,0 +1,30 @@
+import { SolidUiEvent } from "../../../../../types";
+import { SolidViewLayoutManager } from "../../../../../components/core/common/SolidViewLayoutManager";
+
+const dashboardQuestionFieldChangeHandler = async (event: SolidUiEvent) => {
+    const { modifiedField, modifiedFieldValue, formViewLayout } = event;
+
+    const layout = formViewLayout;
+
+    const layoutManager = new SolidViewLayoutManager(layout);
+    if (modifiedField === 'sourceType') {
+        if (modifiedFieldValue.value === 'sql') {
+            layoutManager.updateNodeAttributes('labelSql', { visible: true });
+            layoutManager.updateNodeAttributes('kpiSql', { visible: true });
+            layoutManager.updateNodeAttributes('providerName', { visible: false });
+        }
+        if (modifiedFieldValue.value === 'provider') {
+            layoutManager.updateNodeAttributes('labelSql', { visible: false });
+            layoutManager.updateNodeAttributes('kpiSql', { visible: false });
+            layoutManager.updateNodeAttributes('providerName', { visible: true });
+        }
+    }
+    return {
+        layoutChanged: true,
+        dataChanged: false,
+        newLayout: layoutManager.getLayout(),
+    }
+}
+
+
+export default dashboardQuestionFieldChangeHandler;

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.d.ts

@@ -0,0 +1,8 @@
+import { SolidUiEvent } from "../../../../../types";
+declare const dashboardQuestionOnFormLoadHandler: (event: SolidUiEvent) => Promise<{
+    layoutChanged: boolean;
+    dataChanged: boolean;
+    newLayout: import("../../../../../types").LayoutNode;
+}>;
+export default dashboardQuestionOnFormLoadHandler;
+//# sourceMappingURL=dashboardQuestionOnFormLoadHandler.d.ts.map