@solidstarters/solid-core-ui 1.1.153 → 1.1.155

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

@@ -1,26 +1,33 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Message } from 'primereact/message';
-import { useGetQuestionDataByIdQuery } from '../../../../redux/api/questionApi';
+import { useGetDashboardQuestionDataByIdQuery } from '../../../../redux/api/dashboardQuestionApi';
 import { ProgressSpinner } from 'primereact/progressspinner';
 import { Line } from 'react-chartjs-2';
 import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
+import qs from 'qs';
 var LineChartRenderer = function (_a) {
-    var question = _a.question;
+    var question = _a.question, _b = _a.filters, filters = _b === void 0 ? [] : _b, _c = _a.isPreview, isPreview = _c === void 0 ? false : _c;
     if (!question) {
         return (_jsx(_Fragment, { children: _jsx(Message, { text: "Preview Unavailable" }) }));
     }
     console.log("Rendering LineChartRenderer using question id: ".concat(question.id));
     // load the question data.
-    var _b = useGetQuestionDataByIdQuery({ id: question.id, qs: '' }), questionData = _b.data, questionDataIsLoading = _b.isLoading, questionDataError = _b.error;
+    var queryParams = qs.stringify({
+        isPreview: isPreview,
+        filters: filters,
+    }, 
+    // ensures proper handling of arrays
+    { arrayFormat: 'brackets' });
+    var _d = useGetDashboardQuestionDataByIdQuery({ id: question.id, qs: queryParams }), questionData = _d.data, questionDataIsLoading = _d.isLoading, questionDataError = _d.error;
     console.log("Question data: ");
     console.log(questionData);
     console.log("Question data is loading: ");
     console.log(questionDataIsLoading);
     console.log("Question data error: ");
     console.log(questionDataError);
-    var options = JSON.parse(question.barChartLabelOptions);
-    return (_jsxs(_Fragment, { children: [questionDataIsLoading && _jsx(ProgressSpinner, {}), !questionDataIsLoading && _jsx(Line, { options: options, data: questionData.data })] }));
+    var options = JSON.parse(question.chartOptions);
+    return (_jsxs(_Fragment, { children: [questionDataIsLoading && _jsx(ProgressSpinner, {}), !questionDataIsLoading && _jsx(Line, { options: options, data: questionData.data.visualizationData })] }));
 };
 export default LineChartRenderer;
 //# sourceMappingURL=LineChartRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LineChartRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/LineChartRenderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,0DAA0D,CAAC;AAElE,IAAM,iBAAiB,GAAG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IACjC,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IACD,OAAO,CAAC,GAAG,CAAC,yDAAkD,QAAQ,CAAC,EAAE,CAAE,CAAC,CAAC;IAE7E,0BAA0B;IACpB,IAAA,KAAqF,2BAA2B,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAArI,YAAY,UAAA,EAAa,qBAAqB,eAAA,EAAS,iBAAiB,WAA6D,CAAC;IAEpJ,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IAC9E,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAErE,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAE1D,OAAO,CACH,8BACK,qBAAqB,IAAI,KAAC,eAAe,KAAG,EAC5C,CAAC,qBAAqB,IAAI,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,CAAC,IAAI,GAAI,IAC/E,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"LineChartRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/LineChartRenderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,oCAAoC,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,0DAA0D,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,IAAM,iBAAiB,GAAG,UAAC,EAAkE;QAAhE,QAAQ,cAAA,EAAE,eAAU,EAAV,OAAO,mBAAC,EAAE,KAAA,EAAE,iBAAe,EAAf,SAAS,mBAAC,KAAK,KAAA;IAC9D,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IACD,OAAO,CAAC,GAAG,CAAC,yDAAkD,QAAQ,CAAC,EAAE,CAAE,CAAC,CAAC;IAE7E,0BAA0B;IAC1B,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAC5B;QACI,SAAS,WAAA;QACT,OAAO,SAAA;KACV;IACD,oCAAoC;IACpC,EAAE,WAAW,EAAE,UAAU,EAAE,CAC9B,CAAC;IACI,IAAA,KAAqF,oCAAoC,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAvJ,YAAY,UAAA,EAAa,qBAAqB,eAAA,EAAS,iBAAiB,WAA+E,CAAC;IAEtK,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IAC9E,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAErE,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAElD,OAAO,CACH,8BACK,qBAAqB,IAAI,KAAC,eAAe,KAAG,EAC5C,CAAC,qBAAqB,IAAI,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,iBAAiB,GAAI,IACjG,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,5 +1,5 @@
 import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
 import { SolidChartRendererProps } from "../../../../types/solid-core";
-declare const PieChartRenderer: ({ question }: SolidChartRendererProps) => import("react/jsx-runtime").JSX.Element;
+declare const PieChartRenderer: ({ question, filters, isPreview }: SolidChartRendererProps) => import("react/jsx-runtime").JSX.Element;
 export default PieChartRenderer;
 //# sourceMappingURL=PieChartRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PieChartRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PieChartRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,0DAA0D,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAK7D,QAAA,MAAM,gBAAgB,iBAAkB,uBAAuB,4CAuB9D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PieChartRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PieChartRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,0DAA0D,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAM7D,QAAA,MAAM,gBAAgB,qCAAmD,uBAAuB,4CA+B/F,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,25 +1,32 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
-import { useGetQuestionDataByIdQuery } from '../../../../redux/api/questionApi';
+import { useGetDashboardQuestionDataByIdQuery } from '../../../../redux/api/dashboardQuestionApi';
 import { Message } from 'primereact/message';
 import { ProgressSpinner } from 'primereact/progressspinner';
 import { Pie } from 'react-chartjs-2';
+import qs from 'qs';
 var PieChartRenderer = function (_a) {
-    var question = _a.question;
+    var question = _a.question, _b = _a.filters, filters = _b === void 0 ? [] : _b, _c = _a.isPreview, isPreview = _c === void 0 ? false : _c;
     if (!question) {
         return (_jsx(_Fragment, { children: _jsx(Message, { text: "Preview Unavailable" }) }));
     }
     console.log("Rendering PieChartRenderer using question id: ".concat(question.id));
     // load the question data.
-    var _b = useGetQuestionDataByIdQuery({ id: question.id, qs: '' }), questionData = _b.data, questionDataIsLoading = _b.isLoading, questionDataError = _b.error;
+    var queryParams = qs.stringify({
+        isPreview: isPreview,
+        filters: filters,
+    }, 
+    // ensures proper handling of arrays
+    { arrayFormat: 'brackets' });
+    var _d = useGetDashboardQuestionDataByIdQuery({ id: question.id, qs: queryParams }), questionData = _d.data, questionDataIsLoading = _d.isLoading, questionDataError = _d.error;
     console.log("Question data: ");
     console.log(questionData);
     console.log("Question data is loading: ");
     console.log(questionDataIsLoading);
     console.log("Question data error: ");
     console.log(questionDataError);
-    return (_jsxs(_Fragment, { children: [questionDataIsLoading && _jsx(ProgressSpinner, {}), !questionDataIsLoading && _jsx(Pie, { data: questionData.data })] }));
+    return (_jsxs(_Fragment, { children: [questionDataIsLoading && _jsx(ProgressSpinner, {}), !questionDataIsLoading && _jsx(Pie, { data: questionData.data.visualizationData })] }));
 };
 export default PieChartRenderer;
 //# sourceMappingURL=PieChartRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PieChartRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PieChartRenderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,0DAA0D,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,IAAM,gBAAgB,GAAG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IAChC,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IACD,OAAO,CAAC,GAAG,CAAC,wDAAiD,QAAQ,CAAC,EAAE,CAAE,CAAC,CAAC;IAE5E,0BAA0B;IACpB,IAAA,KAAqF,2BAA2B,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAArI,YAAY,UAAA,EAAa,qBAAqB,eAAA,EAAS,iBAAiB,WAA6D,CAAC;IAEpJ,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IAC9E,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAErE,OAAO,CACH,8BACK,qBAAqB,IAAI,KAAC,eAAe,KAAG,EAC5C,CAAC,qBAAqB,IAAI,KAAC,GAAG,IAAC,IAAI,EAAE,YAAY,CAAC,IAAI,GAAI,IAC5D,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PieChartRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PieChartRenderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,0DAA0D,CAAC;AAClE,OAAO,EAAE,oCAAoC,EAAE,MAAM,kCAAkC,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,IAAM,gBAAgB,GAAG,UAAC,EAAsE;QAApE,QAAQ,cAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IACjE,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IACD,OAAO,CAAC,GAAG,CAAC,wDAAiD,QAAQ,CAAC,EAAE,CAAE,CAAC,CAAC;IAE5E,0BAA0B;IAC1B,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAC5B;QACI,SAAS,WAAA;QACT,OAAO,SAAA;KACV;IACD,oCAAoC;IACpC,EAAE,WAAW,EAAE,UAAU,EAAE,CAC9B,CAAC;IACI,IAAA,KAAqF,oCAAoC,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAvJ,YAAY,UAAA,EAAa,qBAAqB,eAAA,EAAS,iBAAiB,WAA+E,CAAC;IAEtK,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IAC9E,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAErE,OAAO,CACH,8BACK,qBAAqB,IAAI,KAAC,eAAe,KAAG,EAC5C,CAAC,qBAAqB,IAAI,KAAC,GAAG,IAAC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,iBAAiB,GAAI,IAC9E,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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":"AAMA,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,33 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
+import { Column } from "primereact/column";
+import { DataTable } from "primereact/datatable";
+import { ProgressSpinner } from "primereact/progressspinner";
+var PrimeReactDatatableRenderer = function (_a) {
+    // {
+    //   "size": "small",
+    //   "showGridlines": true,
+    //   "stripedRows": true,
+    //   "pagination": {
+    //     "rows": 10,
+    //     "rowsPerPageOptions": [5, 10, 25, 50]
+    //   }
+    // }    
+    var _b, _c;
+    var options = _a.options, visualizationData = _a.visualizationData;
+    var size = (options === null || options === void 0 ? void 0 : options.size) || 'small';
+    var showGridlines = (options === null || options === void 0 ? void 0 : options.showGridLines) || false;
+    var stripedRows = (options === null || options === void 0 ? void 0 : options.stripedRows) || false;
+    var paginator = (options === null || options === void 0 ? void 0 : options.pagination) || false;
+    var rows = ((_b = options === null || options === void 0 ? void 0 : options.pagination) === null || _b === void 0 ? void 0 : _b.rows) || 10;
+    var rowsPerPageOptions = ((_c = options === null || options === void 0 ? void 0 : options.pagination) === null || _c === void 0 ? void 0 : _c.rowsPerPageOptions) || [5, 10, 25, 50];
+    if (!visualizationData) {
+        return (_jsx(_Fragment, { children: _jsx(ProgressSpinner, {}) }));
+    }
+    var columns = visualizationData.columns;
+    var data = visualizationData.rows;
+    return (_jsx(_Fragment, { children: _jsx(DataTable, { value: data, tableStyle: { minWidth: '50rem' }, size: size, showGridlines: showGridlines, stripedRows: stripedRows, paginator: paginator, rows: rows, rowsPerPageOptions: rowsPerPageOptions, children: columns.map(function (col, i) { return (_jsx(Column, { field: col.field, header: col.header }, col.field)); }) }) }));
+};
+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":"AAAA,YAAY,CAAC;;AACb,qEAAqE;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAO7D,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,IAAM,IAAI,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,OAAO,CAAC;IACtC,IAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,KAAI,KAAK,CAAC;IACtD,IAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,KAAK,CAAC;IAClD,IAAM,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,KAAI,KAAK,CAAC;IAC/C,IAAM,IAAI,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,IAAI,KAAI,EAAE,CAAC;IAC7C,IAAM,kBAAkB,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,kBAAkB,KAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAEtF,IAAI,CAAC,iBAAiB,EAAE;QACpB,OAAO,CACH,4BACI,KAAC,eAAe,KAAG,GACpB,CACN,CAAC;KACL;IAED,IAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC;IAC1C,IAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;IAEpC,OAAO,CACH,4BACI,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,kBAAkB,YAE/L,OAAO,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,CAAS,IAAK,OAAA,CACjC,KAAC,MAAM,IAAiB,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,IAA/C,GAAG,CAAC,KAAK,CAA0C,CACnE,EAFoC,CAEpC,CAAC,GAEE,GACb,CACN,CAAA;AACL,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

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

@@ -0,0 +1,5 @@
+import { SolidChartRendererProps } from "../../../../types/solid-core";
+import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
+declare const PrimeReactMeterGroupRenderer: ({ question, filters, isPreview }: SolidChartRendererProps) => import("react/jsx-runtime").JSX.Element;
+export default PrimeReactMeterGroupRenderer;
+//# sourceMappingURL=PrimeReactMeterGroupRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeReactMeterGroupRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PrimeReactMeterGroupRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAI7D,OAAO,0DAA0D,CAAC;AAIlE,QAAA,MAAM,4BAA4B,qCAAmD,uBAAuB,4CAuC3G,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

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

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Message } from 'primereact/message';
+import { MeterGroup } from 'primereact/metergroup';
+import { useGetDashboardQuestionDataByIdQuery } from '../../../../redux/api/dashboardQuestionApi';
+import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
+import qs from 'qs';
+import { ProgressSpinner } from "primereact/progressspinner";
+var PrimeReactMeterGroupRenderer = function (_a) {
+    var question = _a.question, _b = _a.filters, filters = _b === void 0 ? [] : _b, _c = _a.isPreview, isPreview = _c === void 0 ? false : _c;
+    if (!question) {
+        return (_jsx(_Fragment, { children: _jsx(Message, { text: "Preview Unavailable" }) }));
+    }
+    console.log("Rendering PrimeReactMeterGroupRenderer using question id: ".concat(question.id));
+    // load the question data.
+    var queryParams = qs.stringify({
+        isPreview: isPreview,
+        filters: filters,
+    }, 
+    // ensures proper handling of arrays
+    { arrayFormat: 'brackets' });
+    var _d = useGetDashboardQuestionDataByIdQuery({ id: question.id, qs: queryParams }), questionData = _d.data, questionDataIsLoading = _d.isLoading, questionDataError = _d.error;
+    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 values = [
+    //     { label: 'Apps', color: '#34d399', value: 16 },
+    //     { label: 'Messages', color: '#fbbf24', value: 8 },
+    //     { label: 'Media', color: '#60a5fa', value: 24 },
+    //     { label: 'System', color: '#c084fc', value: 10 }
+    // ];
+    return (_jsxs(_Fragment, { children: [questionDataIsLoading && _jsx(ProgressSpinner, {}), !questionDataIsLoading && _jsx("div", { className: "card flex justify-content-center", children: _jsx(MeterGroup, { values: questionData.data.visualizationData.dataset }) })] }));
+};
+export default PrimeReactMeterGroupRenderer;
+//# sourceMappingURL=PrimeReactMeterGroupRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeReactMeterGroupRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PrimeReactMeterGroupRenderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,oCAAoC,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,0DAA0D,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,IAAM,4BAA4B,GAAG,UAAC,EAAsE;QAApE,QAAQ,cAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAC7E,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IACD,OAAO,CAAC,GAAG,CAAC,oEAA6D,QAAQ,CAAC,EAAE,CAAE,CAAC,CAAC;IAExF,0BAA0B;IAC1B,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAC5B;QACI,SAAS,WAAA;QACT,OAAO,SAAA;KACV;IACD,oCAAoC;IACpC,EAAE,WAAW,EAAE,UAAU,EAAE,CAC9B,CAAC;IACI,IAAA,KAAqF,oCAAoC,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAvJ,YAAY,UAAA,EAAa,qBAAqB,eAAA,EAAS,iBAAiB,WAA+E,CAAC;IAEtK,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IAC9E,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACrE,qDAAqD;IACrD,mBAAmB;IACnB,sDAAsD;IACtD,yDAAyD;IACzD,uDAAuD;IACvD,uDAAuD;IACvD,KAAK;IAEL,OAAO,CACH,8BACK,qBAAqB,IAAI,KAAC,eAAe,KAAG,EAC5C,CAAC,qBAAqB,IAAI,cAAK,SAAS,EAAC,kCAAkC,YAAC,KAAC,UAAU,IAAC,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAI,GAAM,IACvJ,CACN,CAAA;AAEL,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.d.ts

@@ -0,0 +1,4 @@
+import { SolidFormWidgetProps } from "../../../../../types";
+declare const ChartFormPreviewWidget: ({ formData, field, fieldsMetadata, viewMetadata, formViewData }: SolidFormWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export default ChartFormPreviewWidget;
+//# sourceMappingURL=ChartFormPreviewWidget.d.ts.map

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFormPreviewWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,QAAA,MAAM,sBAAsB,oEAAqE,oBAAoB,4CA2BpH,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Message } from 'primereact/message';
+import { SolidQuestionRenderer } from "../../../../../components/core/dashboard/SolidQuestionRenderer";
+var ChartFormPreviewWidget = function (_a) {
+    var formData = _a.formData, field = _a.field, fieldsMetadata = _a.fieldsMetadata, viewMetadata = _a.viewMetadata, formViewData = _a.formViewData;
+    console.log("formData: ");
+    console.log(formData);
+    console.log("field: ");
+    console.log(field);
+    console.log("fieldsMetadata: ");
+    console.log(fieldsMetadata);
+    console.log("viewMetadata: ");
+    console.log(viewMetadata);
+    console.log("formViewData: ");
+    console.log(formViewData);
+    if (!formData || !formData.visualisedAs) {
+        return (_jsx(_Fragment, { children: _jsx(Message, { text: "Preview Unavailable" }) }));
+    }
+    var visualisedAs = formData.visualisedAs.value;
+    return (_jsx("div", { className: "mt-3 p-2", children: _jsx(SolidQuestionRenderer, { question: formViewData === null || formViewData === void 0 ? void 0 : formViewData.data, isPreview: true, filters: [] }) }));
+};
+export default ChartFormPreviewWidget;
+//# sourceMappingURL=ChartFormPreviewWidget.js.map

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFormPreviewWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE1F,IAAM,sBAAsB,GAAG,UAAC,EAAqF;QAAnF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA;IACzF,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAChC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC5B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE1B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE;QACrC,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IAED,IAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC;IAEjD,OAAO,CACC,cAAK,SAAS,EAAC,UAAU,YACrB,KAAC,qBAAqB,IAAC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAI,GACnF,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/core/extension/solid-core/question/ChartFormPreviewWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartFormPreviewWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/question/ChartFormPreviewWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAM/C,QAAA,MAAM,sBAAsB,oEAAqE,oBAAoB,4CA+BpH,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ChartFormPreviewWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/question/ChartFormPreviewWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,QAAA,MAAM,sBAAsB,oEAAqE,oBAAoB,4CA2BpH,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/core/extension/solid-core/question/ChartFormPreviewWidget.js

@@ -1,9 +1,7 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import BarChartRenderer from "../../../../../components/core/dashboard/chart-renderers/BarChartRenderer";
-import LineChartRenderer from "../../../../../components/core/dashboard/chart-renderers/LineChartRenderer";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Message } from 'primereact/message';
-import PieChartRenderer from "../../../../../components/core/dashboard/chart-renderers/PieChartRenderer";
+import { SolidQuestionRenderer } from "../../../../../components/core/dashboard/SolidQuestionRenderer";
 var ChartFormPreviewWidget = function (_a) {
     var formData = _a.formData, field = _a.field, fieldsMetadata = _a.fieldsMetadata, viewMetadata = _a.viewMetadata, formViewData = _a.formViewData;
     console.log("formData: ");
@@ -20,7 +18,7 @@ var ChartFormPreviewWidget = function (_a) {
         return (_jsx(_Fragment, { children: _jsx(Message, { text: "Preview Unavailable" }) }));
     }
     var visualisedAs = formData.visualisedAs.value;
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex justify-center", children: [visualisedAs === 'bar' && _jsx(BarChartRenderer, { question: formViewData === null || formViewData === void 0 ? void 0 : formViewData.data }), visualisedAs === 'line' && _jsx(LineChartRenderer, { question: formViewData === null || formViewData === void 0 ? void 0 : formViewData.data }), visualisedAs === 'pie' && _jsx(PieChartRenderer, { question: formViewData === null || formViewData === void 0 ? void 0 : formViewData.data })] }) }));
+    return (_jsx("div", { className: "mt-3 p-2", children: _jsx(SolidQuestionRenderer, { question: formViewData === null || formViewData === void 0 ? void 0 : formViewData.data, isPreview: true, filters: [] }) }));
 };
 export default ChartFormPreviewWidget;
 //# sourceMappingURL=ChartFormPreviewWidget.js.map

package/dist/components/core/extension/solid-core/question/ChartFormPreviewWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartFormPreviewWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/question/ChartFormPreviewWidget.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,gBAAgB,MAAM,8DAA8D,CAAC;AAC5F,OAAO,iBAAiB,MAAM,+DAA+D,CAAC;AAC9F,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,gBAAgB,MAAM,8DAA8D,CAAC;AAE5F,IAAM,sBAAsB,GAAG,UAAC,EAAqF;QAAnF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA;IACzF,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAChC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC5B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE1B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE;QACrC,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IAED,IAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC;IAEjD,OAAO,CACH,4BACI,eAAK,SAAS,EAAC,qBAAqB,aAC/B,YAAY,KAAK,KAAK,IAAI,KAAC,gBAAgB,IAAC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,GAAI,EAC5E,YAAY,KAAK,MAAM,IAAI,KAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,GAAI,EAC9E,YAAY,KAAK,KAAK,IAAI,KAAC,gBAAgB,IAAC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,GAAI,IAC3E,GACP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ChartFormPreviewWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/question/ChartFormPreviewWidget.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE1F,IAAM,sBAAsB,GAAG,UAAC,EAAqF;QAAnF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA;IACzF,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAChC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC5B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE1B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE;QACrC,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IAED,IAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC;IAEjD,OAAO,CACC,cAAK,SAAS,EAAC,UAAU,YACrB,KAAC,qBAAqB,IAAC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAI,GACnF,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/core/form/SolidFormView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidFormView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormView.tsx"],"names":[],"mappings":"AAUA,OAAO,yBAAyB,CAAC;AAuCjC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AASxD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAyBF,eAAO,MAAM,uBAAuB,WAAY,GAAG,EAAE,KAAG,GAQvD,CAAA;AACD,eAAO,MAAM,sBAAsB,QAAS,MAAM,uBAAuB,OAAO,MAAM,EAAE,GAAG,CAAC,QAa3F,CAAC;AA6SF,QAAA,MAAM,aAAa,WAAY,kBAAkB,4CA4/BhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SolidFormView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormView.tsx"],"names":[],"mappings":"AAUA,OAAO,yBAAyB,CAAC;AAuCjC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAWxD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAyBF,eAAO,MAAM,uBAAuB,WAAY,GAAG,EAAE,KAAG,GAQvD,CAAA;AACD,eAAO,MAAM,sBAAsB,QAAS,MAAM,uBAAuB,OAAO,MAAM,EAAE,GAAG,CAAC,QAa3F,CAAC;AA8SF,QAAA,MAAM,aAAa,WAAY,kBAAkB,4CA2/BhD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/core/form/SolidFormView.js

@@ -86,7 +86,6 @@ import Counter from "yet-another-react-lightbox/plugins/counter";
 import Download from "yet-another-react-lightbox/plugins/download";
 import "yet-another-react-lightbox/styles.css";
 import "yet-another-react-lightbox/plugins/counter.css";
-import { SolidChatter } from "../chatter/SolidChatter";
 import { SolidFormActionHeader } from "./SolidFormActionHeader";
 import { SolidFormViewShimmerLoading } from "./SolidFormViewShimmerLoading";
 import { useSelector } from "react-redux";
@@ -296,7 +295,7 @@ var SolidNotebook = function (_a) {
     return (_jsx("div", { className: "solid-tab-view w-full", children: _jsx(TabView, { activeIndex: activeIndex >= 0 ? activeIndex : 0, onTabChange: handleTabChange, children: children }) }));
 };
 var SolidDynamicWidget = function (_a) {
-    var widgetName = _a.widgetName, formik = _a.formik, field = _a.field, solidFormViewMetaData = _a.solidFormViewMetaData;
+    var widgetName = _a.widgetName, formik = _a.formik, field = _a.field, solidFormViewMetaData = _a.solidFormViewMetaData, solidFormViewData = _a.solidFormViewData;
     var solidView = solidFormViewMetaData.data.solidView;
     var solidFieldsMetadata = solidFormViewMetaData.data.solidFieldsMetadata;
     var DynamicWidget = getExtensionComponent(widgetName);
@@ -304,7 +303,8 @@ var SolidDynamicWidget = function (_a) {
         formData: formik.values,
         field: field,
         fieldsMetadata: solidFieldsMetadata,
-        viewMetadata: solidView
+        viewMetadata: solidView,
+        formViewData: solidFormViewData
     };
     return (_jsx("div", { className: "solid-tab-view w-full", children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
 };
@@ -355,28 +355,28 @@ var SolidPage = function (_a) {
 //     });
 // };
 var SolidFormView = function (params) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     var user = useSelector(function (state) { return state.auth; }).user;
     var pathname = usePathname();
     var router = useRouter();
     var toast = useRef(null);
     var searchParams = useSearchParams();
-    var _1 = useState(false), confirmVisible = _1[0], setConfirmVisible = _1[1];
+    var _r = useState(false), confirmVisible = _r[0], setConfirmVisible = _r[1];
     var confirmResolveRef = useRef();
-    var _2 = useState(false), redirectToList = _2[0], setRedirectToList = _2[1];
-    var _3 = useState(null), selectedLocale = _3[0], setSelectedLocale = _3[1];
-    var _4 = useState(null), defaultEntityLocaleId = _4[0], setDefaultEntityLocaleId = _4[1];
-    var _5 = useState(false), isDeleteDialogVisible = _5[0], setDeleteDialogVisible = _5[1];
-    var _6 = useState(false), isLayoutDialogVisible = _6[0], setLayoutDialogVisible = _6[1];
-    var _7 = useState(null), published = _7[0], setPublished = _7[1];
-    var _8 = useState([]), actionsAllowed = _8[0], setActionsAllowed = _8[1];
-    var _9 = useState(params.embeded === true ? "edit" : "view"), viewMode = _9[0], setViewMode = _9[1];
-    var _10 = useState(false), createMode = _10[0], setCreateMode = _10[1];
-    var _11 = useState(false), openLightbox = _11[0], setOpenLightbox = _11[1];
-    var _12 = useState([]), lightboxUrls = _12[0], setLightboxUrls = _12[1];
-    var _13 = useState(true), isShowChatter = _13[0], setShowChatter = _13[1];
-    var _14 = useState(""), solidWorkflowFieldValue = _14[0], setSolidWorkflowFieldValue = _14[1];
-    var _15 = useState(0), defaultTabViewOptionIndex = _15[0], setDefaultTabViewOptionIndex = _15[1];
+    var _s = useState(false), redirectToList = _s[0], setRedirectToList = _s[1];
+    var _t = useState(null), selectedLocale = _t[0], setSelectedLocale = _t[1];
+    var _u = useState(null), defaultEntityLocaleId = _u[0], setDefaultEntityLocaleId = _u[1];
+    var _v = useState(false), isDeleteDialogVisible = _v[0], setDeleteDialogVisible = _v[1];
+    var _w = useState(false), isLayoutDialogVisible = _w[0], setLayoutDialogVisible = _w[1];
+    var _x = useState(null), published = _x[0], setPublished = _x[1];
+    var _y = useState([]), actionsAllowed = _y[0], setActionsAllowed = _y[1];
+    var _z = useState(params.embeded === true ? "edit" : "view"), viewMode = _z[0], setViewMode = _z[1];
+    var _0 = useState(false), createMode = _0[0], setCreateMode = _0[1];
+    var _1 = useState(false), openLightbox = _1[0], setOpenLightbox = _1[1];
+    var _2 = useState([]), lightboxUrls = _2[0], setLightboxUrls = _2[1];
+    var _3 = useState(true), isShowChatter = _3[0], setShowChatter = _3[1];
+    var _4 = useState(""), solidWorkflowFieldValue = _4[0], setSolidWorkflowFieldValue = _4[1];
+    var _5 = useState(1), defaultTabViewOptionIndex = _5[0], setDefaultTabViewOptionIndex = _5[1];
     var errorFields = [];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var op = useRef(null);
@@ -447,19 +447,19 @@ var SolidFormView = function (params) {
     // }y
     var entityApi = createSolidEntityApi(params.modelName);
     var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation;
-    var _16 = useCreateSolidEntityMutation(), createEntity = _16[0], _17 = _16[1], isEntityCreateSuccess = _17.isSuccess, isEntityCreateError = _17.isError, entityCreateError = _17.error;
-    var _18 = useUpdateSolidEntityMutation(), updateEntity = _18[0], _19 = _18[1], isEntityUpdateSuceess = _19.isSuccess, isEntityUpdateError = _19.isError, entityUpdateError = _19.error;
-    var _20 = useDeleteSolidEntityMutation(), deleteEntity = _20[0], _21 = _20[1], isEntityDeleteSuceess = _21.isSuccess, isEntityDeleteError = _21.isError, entityDeleteError = _21.error;
-    var _22 = usePatchUpdateSolidEntityMutation(), patchEntity = _22[0], _23 = _22[1], isEntityPatchSuceess = _23.isSuccess, isEntityPatchError = _23.isError, entityPatchError = _23.error;
+    var _6 = useCreateSolidEntityMutation(), createEntity = _6[0], _7 = _6[1], isEntityCreateSuccess = _7.isSuccess, isEntityCreateError = _7.isError, entityCreateError = _7.error;
+    var _8 = useUpdateSolidEntityMutation(), updateEntity = _8[0], _9 = _8[1], isEntityUpdateSuceess = _9.isSuccess, isEntityUpdateError = _9.isError, entityUpdateError = _9.error;
+    var _10 = useDeleteSolidEntityMutation(), deleteEntity = _10[0], _11 = _10[1], isEntityDeleteSuceess = _11.isSuccess, isEntityDeleteError = _11.isError, entityDeleteError = _11.error;
+    var _12 = usePatchUpdateSolidEntityMutation(), patchEntity = _12[0], _13 = _12[1], isEntityPatchSuceess = _13.isSuccess, isEntityPatchError = _13.isError, entityPatchError = _13.error;
     // - - - - - - - - - - - -- - - - - - - - - - - - METADATA here
     // Get the form view layout & metadata first. 
     var formViewMetaDataQs = qs.stringify(__assign(__assign({}, params), { viewType: 'form', defaultEntityLocaleId: defaultEntityLocaleId }), {
         encodeValuesOnly: true,
     });
-    var _24 = useState({}), formViewMetaData = _24[0], setFormViewMetaData = _24[1];
-    var _25 = useState(null), formViewLayout = _25[0], setFormViewLayout = _25[1];
-    var _26 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _26.data, solidFormViewMetaDataIsLoading = _26.isLoading;
-    var _27 = useState(true), refreshChatterMessage = _27[0], setRefreshChatterMessage = _27[1];
+    var _14 = useState({}), formViewMetaData = _14[0], setFormViewMetaData = _14[1];
+    var _15 = useState(null), formViewLayout = _15[0], setFormViewLayout = _15[1];
+    var _16 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _16.data, solidFormViewMetaDataIsLoading = _16.isLoading;
+    var _17 = useState(true), refreshChatterMessage = _17[0], setRefreshChatterMessage = _17[1];
     useEffect(function () {
         if (isEntityCreateSuccess == true ||
             isEntityUpdateSuceess == true ||
@@ -696,10 +696,10 @@ var SolidFormView = function (params) {
     var formViewDataQs = qs.stringify({ populate: toPopulate, populateMedia: toPopulateMedia }, {
         encodeValuesOnly: true,
     });
-    var _28 = useState({}), initialEntityData = _28[0], setInitialEntityData = _28[1];
-    var _29 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
+    var _18 = useState({}), initialEntityData = _18[0], setInitialEntityData = _18[1];
+    var _19 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
         skip: params.id === 'new'
-    }), solidFormViewData = _29.data, solidFormViewDataIsLoading = _29.isLoading, refetchSolidFormViewData = _29.refetch;
+    }), solidFormViewData = _19.data, solidFormViewDataIsLoading = _19.isLoading, refetchSolidFormViewData = _19.refetch;
     useEffect(function () {
         if (params.id !== 'new') {
             refetchSolidFormViewData();
@@ -994,7 +994,7 @@ var SolidFormView = function (params) {
                         var fieldMetadata = solidFormViewMetaData.data.solidFieldsMetadata[attrs.name];
                         if (widgetName) {
                             // widgetName, formik, field, fieldMetadata, solidFormViewMetaData
-                            return _jsx(SolidDynamicWidget, { widgetName: widgetName, field: element, formik: formik, fieldMetadata: fieldMetadata, solidFormViewMetaData: solidFormViewMetaData }, key);
+                            return _jsx(SolidDynamicWidget, { widgetName: widgetName, field: element, formik: formik, fieldMetadata: fieldMetadata, solidFormViewMetaData: solidFormViewMetaData, solidFormViewData: solidFormViewData }, key);
                         }
                     }
                 default:
@@ -1056,12 +1056,15 @@ var SolidFormView = function (params) {
         }
         var handleChatterExpandClick_1 = function (option) {
             setShowChatter(true);
-            if (option === 'chatter') {
+            if (option === 'locale') {
+                setDefaultTabViewOptionIndex(0);
+            }
+            else if (option === 'chatter') {
                 setDefaultTabViewOptionIndex(1);
                 setRefreshChatterMessage(true);
             }
             else {
-                setDefaultTabViewOptionIndex(0);
+                setDefaultTabViewOptionIndex(2);
             }
         };
         //en 4 null
@@ -1141,9 +1144,8 @@ var SolidFormView = function (params) {
                                 _jsx(Button, { icon: "pi pi-angle-double-right", size: "small", text: true, className: "chatter-collapse-btn", style: { width: 30, height: 30, aspectRatio: '1/1' }, onClick: function () { return setShowChatter(false); } }), isShowChatter === false ?
                                 _jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-2", children: [((_q = (_p = (_o = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.model) === null || _q === void 0 ? void 0 : _q.internationalisation) &&
                                             _jsx("div", { className: "chatter-collapsed-content", onClick: function () { return handleChatterExpandClick_1('locale'); }, children: "Internationalisation" }), _jsx("div", { className: "chatter-collapsed-content", onClick: function () { return handleChatterExpandClick_1('chatter'); }, children: "Audit Trail" }), _jsx(Button, { icon: "pi pi-chevron-left", size: "small", className: "px-0", style: { width: 30 }, onClick: function () { return handleChatterExpandClick_1('default'); } })] })
-                                : ((_t = (_s = (_r = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.model) === null || _t === void 0 ? void 0 : _t.internationalisation) ?
-                                    _jsx(SolidChatterLocaleTabView, { createMode: createMode, setSelectedLocale: setSelectedLocale, selectedLocale: selectedLocale, solidFormViewMetaData: solidFormViewMetaData, id: params.id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, activeTab: defaultTabViewOptionIndex, internationalisation: (_w = (_v = (_u = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.model) === null || _w === void 0 ? void 0 : _w.internationalisation, viewMode: viewMode, defaultEntityLocaleId: defaultEntityLocaleId, handleLocaleChangeRedirect: handleLocaleChangeRedirect, applicableLocales: (_x = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _x === void 0 ? void 0 : _x.applicableLocales, solidFormViewData: solidFormViewData, published: published }) :
-                                    _jsx(SolidChatter, { modelSingularName: (_0 = (_z = (_y = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _y === void 0 ? void 0 : _y.solidView) === null || _z === void 0 ? void 0 : _z.model) === null || _0 === void 0 ? void 0 : _0.singularName, id: params.id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage })] }), _jsx(Dialog, { visible: isDeleteDialogVisible, header: "Confirm Delete", modal: true, footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", className: 'small-button', severity: "danger", autoFocus: true, onClick: function () { return handleDeleteEntity_1(); } }), _jsx(Button, { label: "No", icon: "pi pi-times", className: 'small-button', onClick: onDeleteClose_1 })] })); }, onHide: function () { return setDeleteDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to delete?" }) }), _jsx(Dialog, { visible: isLayoutDialogVisible, header: "Change Form Layout", modal: true, onHide: function () { return setLayoutDialogVisible(false); }, contentStyle: {
+                                :
+                                    _jsx(SolidChatterLocaleTabView, { createMode: createMode, setSelectedLocale: setSelectedLocale, selectedLocale: selectedLocale, solidFormViewMetaData: solidFormViewMetaData, id: params.id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, activeTab: defaultTabViewOptionIndex, viewMode: viewMode, defaultEntityLocaleId: defaultEntityLocaleId, handleLocaleChangeRedirect: handleLocaleChangeRedirect, solidFormViewData: solidFormViewData, published: published })] }), _jsx(Dialog, { visible: isDeleteDialogVisible, header: "Confirm Delete", modal: true, footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", className: 'small-button', severity: "danger", autoFocus: true, onClick: function () { return handleDeleteEntity_1(); } }), _jsx(Button, { label: "No", icon: "pi pi-times", className: 'small-button', onClick: onDeleteClose_1 })] })); }, onHide: function () { return setDeleteDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to delete?" }) }), _jsx(Dialog, { visible: isLayoutDialogVisible, header: "Change Form Layout", modal: true, onHide: function () { return setLayoutDialogVisible(false); }, contentStyle: {
                         width: 800
                     }, children: _jsx(SolidFormUserViewLayout, { solidFormViewMetaData: solidFormViewMetaData, setLayoutDialogVisible: setLayoutDialogVisible }) }), openLightbox &&
                     _jsx(Lightbox, { open: openLightbox, plugins: [Counter, Download], close: function () { return setOpenLightbox(false); }, slides: lightboxUrls }), _jsx(ConfirmDialog, { visible: confirmVisible, onHide: function () { return setConfirmVisible(false); }, header: "Confirmation", acceptLabel: "Yes, confrim", rejectLabel: "No, cancel", acceptClassName: "p-button-danger", rejectClassName: "p-button-text", position: "center", accept: handleConfirmAccept, reject: handleConfirmReject, message: _jsx("div", { className: "flex flex-col items-center justify-center text-center space-y-3", children: _jsxs("p", { className: "text-gray-800 text-base", children: ["Are you sure you want to ", published !== null ? 'unpublish' : 'publish', "?"] }) }) })] }));