@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.10

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

@@ -1,14 +1,9 @@
 import React, { useState, useEffect } from "react";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
-import { Dropdown } from "primereact/dropdown";
-import { Calendar } from "primereact/calendar";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
+import { SolidAutocomplete, SolidButton, SolidDatePicker, SolidDialog, SolidDivider, SolidSelect } from "../../shad-cn-ui";
 import { SqlExpression } from "../../../types/solid-core";
 import { DashboardVariableRecord } from "./SolidDashboard";
 import { useLazyGetDashboardVariableSelectionDynamicValuesQuery } from "../../../redux/api/dashboardApi";
-import { Divider } from "primereact/divider";
-import { Fieldset } from "primereact/fieldset";
+type AutoCompleteCompleteEvent = { query: string };
 
 interface DashboardFilterProps {
     dashboardVariables: DashboardVariableRecord[];
@@ -85,17 +80,16 @@ const FilterValueInput = ({ rule, onChange }: any) => {
         let dateVal = val ? new Date(val) : null;
         if (isNaN(dateVal?.getTime() || 0)) dateVal = null;
         return (
-            <Calendar
-                value={dateVal}
-                onChange={(e) => {
-                    const dateStr = e.value ? (e.value as Date).toISOString().split('T')[0] : '';
+        <SolidDatePicker
+          selected={dateVal || undefined}
+          onChange={(nextDate: Date | null) => {
+            const dateStr = nextDate ? nextDate.toISOString().split('T')[0] : '';
                     updateValue(index, dateStr);
                 }}
-                dateFormat="mm/dd/yy"
-                placeholder="mm/dd/yyyy"
-                mask="99/99/9999"
+                dateFormat="MM/dd/yyyy"
+                placeholderText="mm/dd/yyyy"
                 className="w-full"
-                inputClassName="w-full p-inputtext-sm"
+                inputClassName="w-full text-sm"
             />
         );
     };
@@ -114,7 +108,7 @@ const FilterValueInput = ({ rule, onChange }: any) => {
         };
 
         return (
-            <AutoComplete
+            <SolidAutocomplete
                 value={val}
                 suggestions={filteredItems}
                 completeMethod={search}
@@ -122,7 +116,7 @@ const FilterValueInput = ({ rule, onChange }: any) => {
                 field="label"
                 dropdown
                 className="w-full"
-                inputClassName="w-full p-inputtext-sm"
+                inputClassName="w-full text-sm"
             />
         );
     };
@@ -145,7 +139,7 @@ const FilterValueInput = ({ rule, onChange }: any) => {
         };
 
         return (
-            <AutoComplete
+            <SolidAutocomplete
                 value={val}
                 suggestions={filteredItems}
                 completeMethod={search}
@@ -153,7 +147,7 @@ const FilterValueInput = ({ rule, onChange }: any) => {
                 field="label"
                 dropdown
                 className="w-full"
-                inputClassName="w-full p-inputtext-sm"
+                inputClassName="w-full text-sm"
             />
         );
     };
@@ -171,8 +165,8 @@ const FilterValueInput = ({ rule, onChange }: any) => {
                     </div>
                     {numberOfInputs === null && (
                         <div className="flex align-items-center">
-                            <Button type="button" text severity='secondary' icon="pi pi-plus" size='small' onClick={addInput} className='p-0 mr-2 target-btn' style={{ width: 30, minWidth: 30 }} />
-                            <Button type="button" text severity='secondary' icon="pi pi-trash" size='small' onClick={() => deleteInput(index)} className='p-0 target-btn' style={{ width: 30, minWidth: 30 }} disabled={values.length <= 1} />
+                            <SolidButton type="button" text severity='secondary' icon="si si-plus" size='sm' onClick={addInput} className='p-0 mr-2 target-btn' style={{ width: 30, minWidth: 30 }} />
+                            <SolidButton type="button" text severity='secondary' icon="si si-trash" size='sm' onClick={() => deleteInput(index)} className='p-0 target-btn' style={{ width: 30, minWidth: 30 }} disabled={values.length <= 1} />
                         </div>
                     )}
                 </div>
@@ -301,14 +295,14 @@ export const DashboardFilter: React.FC<DashboardFilterProps> = ({
     return (
 
 
-        <Dialog header={false} className="solid-global-search-filter" showHeader={false} visible={visible} style={{ width: '50vw' }} breakpoints={{ '1024px': '75vw', '991px': '90vw', '767px': '94w', '250px': '96vw' }} onHide={onHide}>
+        <SolidDialog showHeader={false} visible={visible} className="solid-global-search-filter solid-dialog-lg" onHide={onHide}>
             <div className="flex align-items-center justify-content-between px-3">
                 <h5 className="solid-custom-title m-0">Add Dashboard Filter</h5>
-                <Button icon="pi pi-times" rounded text aria-label="Cancel" type="reset" size="small" onClick={onHide} />
+                <SolidButton icon="si si-times" rounded text aria-label="Cancel" type="reset" size="sm" onClick={onHide} />
             </div>
-            <Divider className="m-0" />
+            <SolidDivider className="m-0" />
             <div className="p-2 lg:p-2">
-                <Fieldset className='primary-filter-fieldset'>
+                <div className='primary-filter-fieldset'>
                     <div className="flex flex-column gap-3 py-3">
 
                         {rules.map((rule) => (
@@ -319,14 +313,12 @@ export const DashboardFilter: React.FC<DashboardFilterProps> = ({
                                     </div>
                                 </div>
                                 <div className="col-12 md:col-4 pr-2">
-                                    <Dropdown
+                                    <SolidSelect
                                         value={rule.matchMode}
                                         onChange={(e: any) => handleChange(rule.id, 'matchMode', e.value)}
                                         options={rule.variable.variableType === 'date' ? dateFilterMatchModeOptions : selectionFilterMatchModeOptions}
-                                        optionLabel='label'
-                                        optionValue='value'
                                         placeholder="Select Operator"
-                                        className="p-inputtext-sm w-full"
+                                        className="w-full"
                                     />
                                 </div>
                                 <div className="col-12 md:col-4">
@@ -338,19 +330,19 @@ export const DashboardFilter: React.FC<DashboardFilterProps> = ({
                             <div className="text-color-secondary italic">No variables available for this dashboard.</div>
                         )}
                     </div>
-                </Fieldset>
+                </div>
                 {/* <div className="flex justify-content-between align-items-center mt-4">
-                    <Button label="Clear Filters" icon="pi pi-filter-slash" severity="danger" text onClick={handleClear} />
+                    <Button label="Clear Filters" icon="si si-filter-slash" severity="danger" text onClick={handleClear} />
                     <div className="flex gap-2">
                     </div>
                 </div> */}
                 <div className='flex gap-3 mt-3'>
-                    <Button label="Apply" size="small" onClick={handleApply} autoFocus />
-                    <Button type='button' label='Cancel' outlined size='small' onClick={onHide} />
+                    <SolidButton label="Apply" size="sm" onClick={handleApply} autoFocus />
+                    <SolidButton type='button' label='Cancel' outlined size='sm' onClick={onHide} />
                 </div>
 
             </div>
-        </Dialog>
+        </SolidDialog>
 
     );
 };

package/dist/components/core/dashboard/PrimeDataTableWrapper.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';
 import PrimeReactDatatableRenderer from "./chart-renderers/PrimeReactDatatableRenderer";
-import { ProgressSpinner } from "primereact/progressspinner";
+import { SolidSpinner } from "../../shad-cn-ui";
 import styles from './SolidDashboard.module.css';
 import qs from 'qs';
 var PrimeDataTableWrapper = function (_a) {
@@ -13,7 +13,7 @@ var PrimeDataTableWrapper = function (_a) {
         qs: queryParams,
     }), data = _e.data, isLoading = _e.isLoading;
     if (isLoading)
-        return _jsx(ProgressSpinner, {});
+        return _jsx(SolidSpinner, {});
     var textAlign = (_b = question === null || question === void 0 ? void 0 : question.textAlign) !== null && _b !== void 0 ? _b : 'start';
     return (_jsxs("div", { className: "".concat(styles.SolidChartCardWrapper, " p-4"), style: { maxHeight: '40vh', overflowY: 'auto' }, children: [_jsx("div", { className: "font-medium text-".concat(textAlign), children: question.name }), _jsx("div", { className: "mt-2 font-bold text-3xl text-".concat(textAlign), children: (_c = data === null || data === void 0 ? void 0 : data.data) === null || _c === void 0 ? void 0 : _c.kpi }), _jsx(PrimeReactDatatableRenderer, { options: JSON.parse(question === null || question === void 0 ? void 0 : question.chartOptions), visualizationData: (_d = data === null || data === void 0 ? void 0 : data.data) === null || _d === void 0 ? void 0 : _d.visualizationData })] }));
 };

package/dist/components/core/dashboard/PrimeDataTableWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeDataTableWrapper.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/PrimeDataTableWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,2BAA2B,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,IAAM,qBAAqB,GAAG,UAAC,EAA0B;;QAAxB,QAAQ,cAAA,EAAE,OAAO,aAAA;IAC9C,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAC5B,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,SAAA,EAAE,EAC7B,EAAE,WAAW,EAAE,UAAU,EAAE,CAC9B,CAAC;IAEI,IAAA,KAAsB,oCAAoC,CAAC;QAC7D,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,EAAE,EAAE,WAAW;KAClB,CAAC,EAHM,IAAI,UAAA,EAAE,SAAS,eAGrB,CAAC;IAEH,IAAI,SAAS;QAAE,OAAO,KAAC,eAAe,KAAG,CAAC;IAE1C,IAAM,SAAS,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,mCAAI,OAAO,CAAC;IAEjD,OAAO,CACH,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,SAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAClG,cAAK,SAAS,EAAE,2BAAoB,SAAS,CAAE,YAC1C,QAAQ,CAAC,IAAI,GACZ,EAEN,cAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE,YACtD,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,GAAG,GACd,EAEN,KAAC,2BAA2B,IACxB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,CAAC,EAC3C,iBAAiB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,iBAAiB,GAClD,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';\nimport PrimeReactDatatableRenderer from \"./chart-renderers/PrimeReactDatatableRenderer\";\nimport { ProgressSpinner } from \"primereact/progressspinner\";\nimport styles from './SolidDashboard.module.css'\nimport qs from 'qs';\n\nconst PrimeDataTableWrapper = ({ question, filters }: any) => {\n    const queryParams = qs.stringify(\n        { isPreview: false, filters },\n        { arrayFormat: 'brackets' }\n    );\n\n    const { data, isLoading } = useGetDashboardQuestionDataByIdQuery({\n        id: question.id,\n        qs: queryParams,\n    });\n\n    if (isLoading) return <ProgressSpinner />;\n\n    const textAlign = question?.textAlign ?? 'start';\n\n    return (\n        <div className={`${styles.SolidChartCardWrapper} p-4`} style={{ maxHeight: '40vh', overflowY: 'auto' }}>\n            <div className={`font-medium text-${textAlign}`}>\n                {question.name}\n            </div>\n\n            <div className={`mt-2 font-bold text-3xl text-${textAlign}`}>\n                {data?.data?.kpi}\n            </div>\n\n            <PrimeReactDatatableRenderer\n                options={JSON.parse(question?.chartOptions)}\n                visualizationData={data?.data?.visualizationData}\n            />\n        </div>\n    );\n};\n\nexport default PrimeDataTableWrapper;"]}
+{"version":3,"file":"PrimeDataTableWrapper.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/PrimeDataTableWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,2BAA2B,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,IAAM,qBAAqB,GAAG,UAAC,EAA0B;;QAAxB,QAAQ,cAAA,EAAE,OAAO,aAAA;IAC9C,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAC5B,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,SAAA,EAAE,EAC7B,EAAE,WAAW,EAAE,UAAU,EAAE,CAC9B,CAAC;IAEI,IAAA,KAAsB,oCAAoC,CAAC;QAC7D,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,EAAE,EAAE,WAAW;KAClB,CAAC,EAHM,IAAI,UAAA,EAAE,SAAS,eAGrB,CAAC;IAEH,IAAI,SAAS;QAAE,OAAO,KAAC,YAAY,KAAG,CAAC;IAEvC,IAAM,SAAS,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,mCAAI,OAAO,CAAC;IAEjD,OAAO,CACH,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,SAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAClG,cAAK,SAAS,EAAE,2BAAoB,SAAS,CAAE,YAC1C,QAAQ,CAAC,IAAI,GACZ,EAEN,cAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE,YACtD,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,GAAG,GACd,EAEN,KAAC,2BAA2B,IACxB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,CAAC,EAC3C,iBAAiB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,iBAAiB,GAClD,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';\nimport PrimeReactDatatableRenderer from \"./chart-renderers/PrimeReactDatatableRenderer\";\nimport { SolidSpinner } from \"../../shad-cn-ui\";\nimport styles from './SolidDashboard.module.css'\nimport qs from 'qs';\n\nconst PrimeDataTableWrapper = ({ question, filters }: any) => {\n    const queryParams = qs.stringify(\n        { isPreview: false, filters },\n        { arrayFormat: 'brackets' }\n    );\n\n    const { data, isLoading } = useGetDashboardQuestionDataByIdQuery({\n        id: question.id,\n        qs: queryParams,\n    });\n\n    if (isLoading) return <SolidSpinner />;\n\n    const textAlign = question?.textAlign ?? 'start';\n\n    return (\n        <div className={`${styles.SolidChartCardWrapper} p-4`} style={{ maxHeight: '40vh', overflowY: 'auto' }}>\n            <div className={`font-medium text-${textAlign}`}>\n                {question.name}\n            </div>\n\n            <div className={`mt-2 font-bold text-3xl text-${textAlign}`}>\n                {data?.data?.kpi}\n            </div>\n\n            <PrimeReactDatatableRenderer\n                options={JSON.parse(question?.chartOptions)}\n                visualizationData={data?.data?.visualizationData}\n            />\n        </div>\n    );\n};\n\nexport default PrimeDataTableWrapper;\n"]}

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

@@ -1,6 +1,6 @@
 import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';
 import PrimeReactDatatableRenderer from "./chart-renderers/PrimeReactDatatableRenderer";
-import { ProgressSpinner } from "primereact/progressspinner";
+import { SolidSpinner } from "../../shad-cn-ui";
 import styles from './SolidDashboard.module.css'
 import qs from 'qs';
 
@@ -15,7 +15,7 @@ const PrimeDataTableWrapper = ({ question, filters }: any) => {
         qs: queryParams,
     });
 
-    if (isLoading) return <ProgressSpinner />;
+    if (isLoading) return <SolidSpinner />;
 
     const textAlign = question?.textAlign ?? 'start';
 
@@ -37,4 +37,4 @@ const PrimeDataTableWrapper = ({ question, filters }: any) => {
     );
 };
 
-export default PrimeDataTableWrapper;
+export default PrimeDataTableWrapper;

package/dist/components/core/dashboard/SolidDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAwBA,oBAAY,qBAAqB;IAC/B,IAAI,SAAS;IACb,gBAAgB,oBAAoB;IACpC,iBAAiB,qBAAqB;CACvC;AAED,aAAK,WAAW;IACd,GAAG,QAAQ;IACX,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,qBAAqB,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0BAA0B,CAAC,EAAE,WAAW,CAAC;IACzC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAsED,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,cAAc,WAAY,uBAAuB,4CA6RtD,CAAA;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SolidDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAmBA,oBAAY,qBAAqB;IAC/B,IAAI,SAAS;IACb,gBAAgB,oBAAoB;IACpC,iBAAiB,qBAAqB;CACvC;AAED,aAAK,WAAW;IACd,GAAG,QAAQ;IACX,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,qBAAqB,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0BAA0B,CAAC,EAAE,WAAW,CAAC;IACzC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAsED,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,cAAc,WAAY,uBAAuB,4CAgJtD,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/components/core/dashboard/SolidDashboard.js

@@ -1,14 +1,3 @@
-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);
-};
 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) {
@@ -45,26 +34,22 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useGetDashboardQuery } from '../../../redux/api/dashboardApi';
-import { Button } from 'primereact/button';
-import { Tooltip } from "primereact/tooltip";
+import { SolidButton, SolidIcon, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from '../../shad-cn-ui';
 import qs from 'qs';
-import { useEffect, useRef, useState } from 'react';
-import { SolidXAIIcon } from '../solid-ai/SolidXAIIcon';
+import { useEffect, useState } from 'react';
 import styles from './SolidDashboard.module.css';
 import SolidDashboardBody from './SolidDashboardBody';
 import { DashboardFilter } from './DashboardFilter';
-import { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper';
+// import { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper'; // moved to SolidX Studio panel
 import { SolidDashboardFilterRequired } from './SolidDashboardFilterRequired';
 import { SolidDashboardLoading } from './SolidDashboardLoading';
 import { SolidDashboardRenderError } from './SolidDashboardRenderError';
 import { useDispatch, useSelector } from "react-redux";
 import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
 import SolidDashboardNotAvailable from './SolidDashboardNotAvailable';
-import { useLazyGetMcpUrlQuery, useLazyGetSolidSettingsQuery } from '../../../redux/api/solidSettingsApi';
-import showToast from '../../../helpers/showToast';
-import { Toast } from "primereact/toast";
+import { showToast } from '../../../redux/features/toastSlice';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
 import { useUpsertUserDashboardLayoutMutation } from '../../../redux/api/dashboardLayoutApi';
 export var DashboardVariableType;
@@ -145,17 +130,13 @@ var SolidDashboard = function (params) {
     // TODO [HP]: replace dashboardVariableFilterRules with filters everywhere...
     // const [dashboardVariableFilterRules, setDashboardVariableFilterRules] = useState<ISolidDashboardVariableFilterRule[]>([]);
     var dispatch = useDispatch();
-    var toast = useRef(null);
     var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
     var _h = useState([]), filters = _h[0], setFilters = _h[1];
-    var _j = useState(false), isOpenSolidXAiPanel = _j[0], setIsOpenSolidXAiPanel = _j[1];
-    var _k = useState(380), chatterWidth = _k[0], setChatterWidth = _k[1];
-    var _l = useState(false), isResizing = _l[0], setIsResizing = _l[1];
-    var _m = useState([]), questions = _m[0], setQuestions = _m[1];
-    var _o = useState([]), dashboardVariables = _o[0], setDashboardVariables = _o[1];
-    var _p = useState(false), isDashboardFilterVisible = _p[0], setIsDashboardFilterVisible = _p[1];
-    var _q = useUpsertUserDashboardLayoutMutation(), upsertDashboardLayout = _q[0], _r = _q[1], isDashboardLayoutLoading = _r.isLoading, dashboardLayoutError = _r.error, isDashboardLayoutSuccess = _r.isSuccess, dashboardLayoutData = _r.data;
-    var _s = useState([]), dashboardLayout = _s[0], setDashboardLayout = _s[1];
+    var _j = useState([]), questions = _j[0], setQuestions = _j[1];
+    var _k = useState([]), dashboardVariables = _k[0], setDashboardVariables = _k[1];
+    var _l = useState(false), isDashboardFilterVisible = _l[0], setIsDashboardFilterVisible = _l[1];
+    var upsertDashboardLayout = useUpsertUserDashboardLayoutMutation()[0];
+    var _m = useState([]), dashboardLayout = _m[0], setDashboardLayout = _m[1];
     var updateUserDashboardLayout = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
         return __generator(this, function (_a) {
@@ -169,12 +150,12 @@ var SolidDashboard = function (params) {
                 case 1:
                     response = _a.sent();
                     if (response.statusCode === 200) {
-                        showToast(toast, "success", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_SUCCESSFULLY);
+                        dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_SUCCESSFULLY }));
                     }
                     return [3 /*break*/, 3];
                 case 2:
                     error_1 = _a.sent();
-                    showToast(toast, "error", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_FAILED);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_FAILED }));
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
@@ -188,46 +169,6 @@ var SolidDashboard = function (params) {
             handleDashboardData(data, setDashboardVariables, setQuestions);
         }
     }, [isLoading, data]);
-    useEffect(function () {
-        var storedOpen = localStorage.getItem('d_solidxai_open');
-        var storedWidth = localStorage.getItem('d_solidxai_width');
-        if (storedOpen !== null) {
-            setIsOpenSolidXAiPanel(storedOpen === 'true');
-        }
-        if (storedWidth !== null) {
-            var width = parseInt(storedWidth, 10);
-            if (!isNaN(width)) {
-                setChatterWidth(width);
-            }
-        }
-    }, []);
-    useEffect(function () {
-        if (isResizing) {
-            var handleMouseMove_1 = function (e) {
-                var newWidth = window.innerWidth - e.clientX;
-                var clampedWidth = Math.max(280, Math.min(newWidth, 700));
-                setChatterWidth(clampedWidth);
-                localStorage.setItem('d_solidxai_width', clampedWidth.toString());
-            };
-            var handleMouseUp_1 = function () {
-                setIsResizing(false);
-            };
-            window.addEventListener('mousemove', handleMouseMove_1);
-            window.addEventListener('mouseup', handleMouseUp_1);
-            return function () {
-                window.removeEventListener('mousemove', handleMouseMove_1);
-                window.removeEventListener('mouseup', handleMouseUp_1);
-            };
-        }
-    }, [isResizing]);
-    var handleOpen = function () {
-        setIsOpenSolidXAiPanel(true);
-        localStorage.setItem('d_solidxai_open', 'true');
-    };
-    var handleClose = function () {
-        setIsOpenSolidXAiPanel(false);
-        localStorage.setItem('d_solidxai_open', 'false');
-    };
     var toggleBothSidebars = function () {
         if (visibleNavbar) {
             dispatch(toggleNavbar()); // close both
@@ -236,60 +177,7 @@ var SolidDashboard = function (params) {
             dispatch(showNavbar()); // open both
         }
     };
-    var _t = useState(null), mcpUrl = _t[0], setMcpUrl = _t[1];
-    var getMcpUrl = useLazyGetMcpUrlQuery()[0];
-    var _u = useLazyGetSolidSettingsQuery(), trigger = _u[0], solidSettingsData = _u[1].data;
-    useEffect(function () {
-        trigger(""); // Fetch settings on mount
-    }, []);
-    useEffect(function () {
-        var _a, _b;
-        if (((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.mcpEnabled) && ((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.mcpServerUrl)) {
-            enableSolidXAiPanel();
-        }
-    }, [solidSettingsData]);
-    var enableSolidXAiPanel = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var queryData, queryString, response, error_2;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _c.trys.push([0, 2, , 3]);
-                    queryData = {
-                        showHeader: "true",
-                        inListView: "true"
-                    };
-                    queryString = qs.stringify(__assign({}, queryData), { encodeValuesOnly: true });
-                    return [4 /*yield*/, getMcpUrl(queryString).unwrap()];
-                case 1:
-                    response = _c.sent();
-                    console.log("response", response);
-                    if (response && ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.mcpUrl)) {
-                        setMcpUrl((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.mcpUrl);
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_2 = _c.sent();
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsxs("div", { className: "h-screen surface-0 flex", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.SolidDashboardPageContentWrapper), children: [isLoading && _jsx(SolidDashboardLoading, {}), error && _jsx(SolidDashboardRenderError, {}), !isLoading && !error && data && data.records.length === 0 && (_jsx(SolidDashboardNotAvailable, {})), !isLoading && !error && data && data.records.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "page-header", style: { borderBottom: '1px solid var(--primary-light-color)' }, children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) }), _jsxs("p", { className: "view-title solid-text-wrapper flex align-items-center gap-1 ".concat(styles.SolidDashboardTitle), children: [((_a = data === null || data === void 0 ? void 0 : data.records[0]) === null || _a === void 0 ? void 0 : _a.displayName) ? (_b = data === null || data === void 0 ? void 0 : data.records[0]) === null || _b === void 0 ? void 0 : _b.displayName : (_c = data === null || data === void 0 ? void 0 : data.records[0]) === null || _c === void 0 ? void 0 : _c.name, ((_d = data === null || data === void 0 ? void 0 : data.records[0]) === null || _d === void 0 ? void 0 : _d.description) &&
-                                                        _jsxs(_Fragment, { children: [_jsx(Tooltip, { className: 'solid-field-tooltip', target: ".solid-field-tooltip-icon" }), _jsx("i", { className: "pi pi-info-circle solid-field-tooltip-icon", "data-pr-tooltip": (_e = data === null || data === void 0 ? void 0 : data.records[0]) === null || _e === void 0 ? void 0 : _e.description, "data-pr-position": 'right' })] })] })] }), dashboardVariables && dashboardVariables.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'flex gap-2', children: [_jsx("a", { onClick: function () { return setIsDashboardFilterVisible(true); }, children: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", icon: filters.length > 0 ? "pi pi-filter-fill" : "pi pi-filter", className: "p-button-sm lg:hidden solid-icon-button ", size: 'small' }), _jsx(Button, { type: "button", icon: filters.length > 0 ? "pi pi-filter-fill" : "pi pi-filter", label: "Filter", className: "hidden lg:inline-flex", size: 'small' })] }) }), filters.length > 0 && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-filter-slash", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () { setFilters([]); setIsDashboardFilterVisible(false); } })), _jsx(Button, { type: "button", size: "small", icon: "pi pi-save", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () { return updateUserDashboardLayout(); } })] }), _jsx(DashboardFilter, { dashboardVariables: dashboardVariables, initialFilters: filters, onApply: setFilters, visible: isDashboardFilterVisible, onHide: function () { return setIsDashboardFilterVisible(false); } })] }))] }), !isRenderDashboardBody(questions, dashboardVariables, filters) && _jsx(SolidDashboardFilterRequired, {}), isRenderDashboardBody(questions, dashboardVariables, filters) && _jsx(SolidDashboardBody, { dashboardId: (_f = data === null || data === void 0 ? void 0 : data.records[0]) === null || _f === void 0 ? void 0 : _f.id, questions: questions, filters: filters, dashboardLayout: dashboardLayout, setDashboardLayout: setDashboardLayout })] }))] }), mcpUrl && (_jsxs("div", { className: "chatter-section ".concat(isOpenSolidXAiPanel === false ? 'collapsed' : 'open'), style: { width: chatterWidth }, children: [isOpenSolidXAiPanel && (_jsx("div", { style: {
-                            width: 5,
-                            cursor: 'col-resize',
-                            position: 'absolute',
-                            left: 0,
-                            top: 0,
-                            bottom: 0,
-                            height: '100%',
-                            zIndex: 9,
-                        }, onMouseDown: function () { return setIsResizing(true); } })), isOpenSolidXAiPanel &&
-                        _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: handleClose }), isOpenSolidXAiPanel === false ?
-                        _jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-2", children: [_jsx("div", { className: "chatter-collapsed-content", onClick: handleOpen, children: _jsxs("div", { className: "flex gap-2", children: [" ", _jsx(SolidXAIIcon, {}), " SolidX AI "] }) }), _jsx(Button, { icon: "pi pi-chevron-left", size: "small", className: "px-0", style: { width: 30 }, onClick: handleOpen })] })
-                        :
-                            _jsx(SolidAiMainWrapper, { mcpUrl: mcpUrl })] }))] }));
+    return (_jsx("div", { className: "h-screen surface-0 flex", children: _jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.SolidDashboardPageContentWrapper), children: [isLoading && _jsx(SolidDashboardLoading, {}), error && _jsx(SolidDashboardRenderError, {}), !isLoading && !error && data && data.records.length === 0 && (_jsx(SolidDashboardNotAvailable, {})), !isLoading && !error && data && data.records.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "page-header", style: { borderBottom: '1px solid var(--primary-light-color)' }, children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large", "aria-hidden": true }) }), _jsxs("p", { className: "view-title solid-text-wrapper flex align-items-center gap-1 ".concat(styles.SolidDashboardTitle), children: [((_a = data === null || data === void 0 ? void 0 : data.records[0]) === null || _a === void 0 ? void 0 : _a.displayName) ? (_b = data === null || data === void 0 ? void 0 : data.records[0]) === null || _b === void 0 ? void 0 : _b.displayName : (_c = data === null || data === void 0 ? void 0 : data.records[0]) === null || _c === void 0 ? void 0 : _c.name, ((_d = data === null || data === void 0 ? void 0 : data.records[0]) === null || _d === void 0 ? void 0 : _d.description) && (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx(SolidIcon, { name: "si-info-circle", className: "solid-field-tooltip-icon", "aria-hidden": true }) }), _jsx(SolidTooltipContent, { side: "right", children: (_e = data === null || data === void 0 ? void 0 : data.records[0]) === null || _e === void 0 ? void 0 : _e.description })] }))] })] }), dashboardVariables && dashboardVariables.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'flex gap-2', children: [_jsx(SolidButton, { type: "button", icon: filters.length > 0 ? "si si-filter-fill" : "si si-filter", className: "lg:hidden solid-icon-button", size: 'sm', variant: 'secondary', onClick: function () { return setIsDashboardFilterVisible(true); } }), _jsx(SolidButton, { type: "button", icon: filters.length > 0 ? "si si-filter-fill" : "si si-filter", label: "Filter", className: "hidden lg:inline-flex", size: 'sm', variant: 'secondary', onClick: function () { return setIsDashboardFilterVisible(true); } }), filters.length > 0 && (_jsx(SolidButton, { type: "button", size: "sm", icon: "si si-filter-slash", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () { setFilters([]); setIsDashboardFilterVisible(false); } })), _jsx(SolidButton, { type: "button", size: "sm", icon: "si si-save", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () { return updateUserDashboardLayout(); } })] }), _jsx(DashboardFilter, { dashboardVariables: dashboardVariables, initialFilters: filters, onApply: setFilters, visible: isDashboardFilterVisible, onHide: function () { return setIsDashboardFilterVisible(false); } })] }))] }), !isRenderDashboardBody(questions, dashboardVariables, filters) && _jsx(SolidDashboardFilterRequired, {}), isRenderDashboardBody(questions, dashboardVariables, filters) && _jsx(SolidDashboardBody, { dashboardId: (_f = data === null || data === void 0 ? void 0 : data.records[0]) === null || _f === void 0 ? void 0 : _f.id, questions: questions, filters: filters, dashboardLayout: dashboardLayout, setDashboardLayout: setDashboardLayout })] }))] }) }));
 };
 export default SolidDashboard;
 //# sourceMappingURL=SolidDashboard.js.map

package/dist/components/core/dashboard/SolidDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboard.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { DashboardResponse, useGetDashboardQuery } from '../../../redux/api/dashboardApi';\nimport { SqlExpression } from '../../../types/solid-core';\nimport { Button } from 'primereact/button';\nimport { Tooltip } from \"primereact/tooltip\";\nimport qs from 'qs';\nimport { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\nimport { SolidXAIIcon } from '../solid-ai/SolidXAIIcon';\nimport styles from './SolidDashboard.module.css';\nimport SolidDashboardBody, { GridItem } from './SolidDashboardBody';\nimport { DashboardFilter } from './DashboardFilter';\nimport { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper';\nimport { SolidDashboardFilterRequired } from './SolidDashboardFilterRequired';\nimport { SolidDashboardLoading } from './SolidDashboardLoading';\nimport { SolidDashboardRenderError } from './SolidDashboardRenderError';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showNavbar, toggleNavbar } from \"../../../redux/features/navbarSlice\";\nimport SolidDashboardNotAvailable from './SolidDashboardNotAvailable';\nimport { useLazyGetMcpUrlQuery, useLazyGetSolidSettingsQuery } from '../../../redux/api/solidSettingsApi';\nimport showToast from '../../../helpers/showToast';\nimport { Toast } from \"primereact/toast\";\nimport { ERROR_MESSAGES } from '../../../constants/error-messages';\nimport { useUpsertUserDashboardLayoutMutation } from '../../../redux/api/dashboardLayoutApi';\n\nexport enum DashboardVariableType {\n  DATE = 'date',\n  SELECTION_STATIC = 'selectionStatic',\n  SELECTION_DYNAMIC = 'selectionDynamic',\n}\n\nenum SOURCE_TYPE {\n  SQL = 'sql',\n  PROVIDER = 'provider',\n}\n\nexport interface DashboardVariableRecord {\n  id: number;\n  variableName: string;\n  variableType: DashboardVariableType;\n  selectionStaticValues?: string;\n  selectionDynamicSourceType?: SOURCE_TYPE;\n  selectionDynamicProviderName?: string;\n  selectionDynamicSQL?: string;\n  isMultiSelect?: boolean;\n  defaultValue?: string;\n  defaultOperator?: string;\n}\n\nfunction handleDashboardData(\n  data: DashboardResponse,\n  setDashboardVariables: Dispatch<SetStateAction<DashboardVariableRecord[]>>,\n  setQuestions: Dispatch<SetStateAction<any[]>>,\n) {\n  const { records, meta } = data;\n  if (records && records.length > 0) {\n    // Set the layout options for the dashboard body\n    const dashboardData = records[0]; // Assuming we want the first dashboard\n\n    // Set the dashboard variables\n    setDashboardVariables(dashboardData.dashboardVariables || []);\n\n    // Set the dashboard questions\n    setQuestions(dashboardData.questions)\n\n  }\n}\n\nfunction getQueryParams(moduleName: string, dashboardName?: string) {\n  const filters: any = {\n    module: {\n      name: {\n        $eq: moduleName\n      }\n    }\n  };\n\n  if (dashboardName !== undefined) {\n    filters.name = { $eqi: dashboardName };\n  }\n\n  const query = {\n    filters,\n    populate: ['dashboardVariables', 'questions']\n  };\n  const urlQuery = qs.stringify(query, {\n    encodeValuesOnly: true,\n  });\n  return urlQuery;\n}\n\n// Render the dashboard body only if:\n// 1. There are dashboard questions\n// AND\n// (\n// 1. There are dashboard variables and all dashboard variable filter rules have been applied i.e (all dashboard variables have been selected)\n//. OR\n// 2. There are no dashboard variables\n// )\n// \nfunction isRenderDashboardBody(questions: any[], dashboardVariables: DashboardVariableRecord[], filters: SqlExpression[]) {\n  if (questions.length === 0) {\n    return false;\n  }\n\n  if (dashboardVariables.length === 0) {\n    return true;\n  }\n\n  // Check if all dashboard variables have corresponding filters applied\n  const allVariablesFiltered = dashboardVariables.every(variable =>\n    filters.some(filter => filter.variableName === variable.variableName)\n  );\n\n  return allVariablesFiltered;\n}\n\ntype SolidDashboardViewProps = {\n  moduleName: string;\n  dashboardName?: string;\n};\n\nconst SolidDashboard = (params: SolidDashboardViewProps) => {\n  const { data, isLoading, error } = useGetDashboardQuery(getQueryParams(params.moduleName, params.dashboardName)) // FIXME : error handling should be done properly\n  // Define a state called layoutOption and pass it after destructing the widgetOptions and dashboardOptions from layoutOption\n  // TODO [HP]: Shouldn't the type of this state variable be something different? Why are we muddling this with layout but calling it body props? \n  // TODO [HP]: Body props should be clearly made up of Gridstack layout options, the questions that make up the body & the filter[] which is an array of SqlExpressions\n  // TODO [HP]: This is fully CONFUSED\n  // const [layoutOption, setLayoutOption] = useState<SolidDashboardBodyProps>({\n  //   filters: [],\n  //   questions: [],\n  // });\n\n  // TODO [HP]: replace dashboardVariableFilterRules with filters everywhere...\n  // const [dashboardVariableFilterRules, setDashboardVariableFilterRules] = useState<ISolidDashboardVariableFilterRule[]>([]);\n  const dispatch = useDispatch();\n  const toast = useRef<Toast>(null);\n\n  const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);\n  const [filters, setFilters] = useState<SqlExpression[]>([]);\n  const [isOpenSolidXAiPanel, setIsOpenSolidXAiPanel] = useState(false);\n  const [chatterWidth, setChatterWidth] = useState(380);\n  const [isResizing, setIsResizing] = useState(false);\n  const [questions, setQuestions] = useState<any[]>([]);\n  const [dashboardVariables, setDashboardVariables] = useState<DashboardVariableRecord[]>([]);\n  const [isDashboardFilterVisible, setIsDashboardFilterVisible] = useState(false);\n\n\n  const [upsertDashboardLayout, { isLoading: isDashboardLayoutLoading, error: dashboardLayoutError, isSuccess: isDashboardLayoutSuccess, data: dashboardLayoutData }] = useUpsertUserDashboardLayoutMutation();\n\n  const [dashboardLayout, setDashboardLayout] = useState<GridItem[]>([]);\n\n  const updateUserDashboardLayout = async () => {\n    try {\n      const response = await upsertDashboardLayout({\n        dashboardId: data?.records[0].id,\n        layout: JSON.stringify(dashboardLayout),\n      }).unwrap();\n      if (response.statusCode === 200) {\n        showToast(toast, \"success\", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_SUCCESSFULLY);\n      }\n    } catch (error) {\n      showToast(toast, \"error\", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_FAILED);\n    }\n  }\n\n\n  useEffect(() => {\n    // Invoke the dashboard api to fetch the dashboard data\n    // console.log('Dashboard Data testing:', isLoading, data, error);\n    if (!isLoading && data) {\n      // Assuming data contains the layout options\n      handleDashboardData(data, setDashboardVariables, setQuestions);\n    }\n  }, [isLoading, data]);\n\n  useEffect(() => {\n    const storedOpen = localStorage.getItem('d_solidxai_open');\n    const storedWidth = localStorage.getItem('d_solidxai_width');\n\n    if (storedOpen !== null) {\n      setIsOpenSolidXAiPanel(storedOpen === 'true');\n    }\n\n    if (storedWidth !== null) {\n      const width = parseInt(storedWidth, 10);\n      if (!isNaN(width)) {\n        setChatterWidth(width);\n      }\n    }\n  }, []);\n\n\n  useEffect(() => {\n    if (isResizing) {\n      const handleMouseMove = (e: MouseEvent) => {\n        const newWidth = window.innerWidth - e.clientX;\n        const clampedWidth = Math.max(280, Math.min(newWidth, 700));\n        setChatterWidth(clampedWidth);\n        localStorage.setItem('d_solidxai_width', clampedWidth.toString());\n      };\n\n      const handleMouseUp = () => {\n        setIsResizing(false);\n      };\n\n      window.addEventListener('mousemove', handleMouseMove);\n      window.addEventListener('mouseup', handleMouseUp);\n\n      return () => {\n        window.removeEventListener('mousemove', handleMouseMove);\n        window.removeEventListener('mouseup', handleMouseUp);\n      };\n    }\n  }, [isResizing]);\n\n\n  const handleOpen = () => {\n    setIsOpenSolidXAiPanel(true);\n    localStorage.setItem('d_solidxai_open', 'true');\n  };\n\n  const handleClose = () => {\n    setIsOpenSolidXAiPanel(false);\n    localStorage.setItem('d_solidxai_open', 'false');\n  };\n\n  const toggleBothSidebars = () => {\n    if (visibleNavbar) {\n      dispatch(toggleNavbar());   // close both\n    } else {\n      dispatch(showNavbar());     // open both\n    }\n  };\n\n\n\n  const [mcpUrl, setMcpUrl] = useState<string | null>(null);\n  const [getMcpUrl] = useLazyGetMcpUrlQuery();\n\n  const [trigger, { data: solidSettingsData }] = useLazyGetSolidSettingsQuery();\n  useEffect(() => {\n    trigger(\"\") // Fetch settings on mount\n  }, [])\n\n  useEffect(() => {\n    if (solidSettingsData?.data?.mcpEnabled && solidSettingsData?.data?.mcpServerUrl) {\n      enableSolidXAiPanel();\n    }\n  }, [solidSettingsData]);\n\n  const enableSolidXAiPanel = async () => {\n    try {\n      const queryData = {\n        showHeader: \"true\",\n        inListView: \"true\"\n      };\n      const queryString = qs.stringify({ ...queryData }, { encodeValuesOnly: true });\n      const response = await getMcpUrl(queryString).unwrap();\n      console.log(\"response\", response);\n      if (response && response?.data?.mcpUrl) {\n        setMcpUrl(response?.data?.mcpUrl);\n      }\n    } catch (error) {\n\n    }\n  }\n\n\n  return (\n    <div className={`h-screen surface-0 flex`}>\n      <Toast ref={toast} />\n\n      <div className={`h-full flex-grow-1 ${styles.SolidDashboardPageContentWrapper}`}>\n        {isLoading && <SolidDashboardLoading />}\n        {error && <SolidDashboardRenderError />}\n        {!isLoading && !error && data && data.records.length === 0 && (\n          <SolidDashboardNotAvailable />\n        )}\n        {!isLoading && !error && data && data.records.length > 0 && (\n          <>\n            <div className=\"page-header\" style={{ borderBottom: '1px solid var(--primary-light-color)' }}>\n              <div className='flex align-items-center gap-2'>\n                <div className=\"apps-icon block md:hidden cursor-pointer\" onClick={toggleBothSidebars}>\n                  <i className=\"pi pi-th-large\"></i>\n                </div>\n                <p className={`view-title solid-text-wrapper flex align-items-center gap-1 ${styles.SolidDashboardTitle}`}>\n                  {data?.records[0]?.displayName ? data?.records[0]?.displayName : data?.records[0]?.name}\n                  {data?.records[0]?.description &&\n                    <>\n                      <Tooltip className='solid-field-tooltip' target=\".solid-field-tooltip-icon\" />\n                      <i className=\"pi pi-info-circle solid-field-tooltip-icon\"\n                        data-pr-tooltip={data?.records[0]?.description}\n                        data-pr-position={'right'}\n                      />\n                    </>\n                  }\n                </p>\n              </div>\n              {dashboardVariables && dashboardVariables.length > 0 && (\n                <>\n                  <div className='flex gap-2'>\n                    <a onClick={() => setIsDashboardFilterVisible(true)}>\n                      <>\n                        <Button\n                          type=\"button\"\n                          icon={filters.length > 0 ? \"pi pi-filter-fill\" : \"pi pi-filter\"}\n                          className={`p-button-sm lg:hidden solid-icon-button `}\n                          size='small'\n                        />\n\n                        <Button\n                          type=\"button\"\n                          icon={filters.length > 0 ? \"pi pi-filter-fill\" : \"pi pi-filter\"}\n                          label={\"Filter\"}\n                          className={`hidden lg:inline-flex`}\n                          size='small'\n\n                        />\n                      </>\n                    </a>\n                    {filters.length > 0 && (\n                      <Button\n                        type=\"button\"\n                        size=\"small\"\n                        icon=\"pi pi-filter-slash\"\n                        severity=\"secondary\"\n                        className=\"solid-icon-button \"\n                        outlined\n                        onClick={() => { setFilters([]); setIsDashboardFilterVisible(false); }}\n                      />\n                    )}\n                    <Button\n                      type=\"button\"\n                      size=\"small\"\n                      icon=\"pi pi-save\"\n                      severity=\"secondary\"\n                      className=\"solid-icon-button \"\n                      outlined\n                      onClick={() => updateUserDashboardLayout()} />\n                  </div>\n                  <DashboardFilter\n                    dashboardVariables={dashboardVariables}\n                    initialFilters={filters}\n                    onApply={setFilters}\n                    visible={isDashboardFilterVisible}\n                    onHide={() => setIsDashboardFilterVisible(false)}\n                  />\n                </>\n              )}\n            </div>\n            {!isRenderDashboardBody(questions, dashboardVariables, filters) && <SolidDashboardFilterRequired />}\n            {isRenderDashboardBody(questions, dashboardVariables, filters) && <SolidDashboardBody dashboardId={data?.records[0]?.id} questions={questions} filters={filters} dashboardLayout={dashboardLayout} setDashboardLayout={setDashboardLayout} />}\n          </>\n        )}\n      </div>\n      {\n        mcpUrl && (\n          <div className={`chatter-section ${isOpenSolidXAiPanel === false ? 'collapsed' : 'open'}`} style={{ width: chatterWidth }}>\n            {isOpenSolidXAiPanel && (\n              <div\n                style={{\n                  width: 5,\n                  cursor: 'col-resize',\n                  position: 'absolute',\n                  left: 0,\n                  top: 0,\n                  bottom: 0,\n                  height: '100%',\n                  zIndex: 9,\n                }}\n                onMouseDown={() => setIsResizing(true)}\n              />\n            )}\n            {isOpenSolidXAiPanel &&\n              <Button\n                icon=\"pi pi-angle-double-right\"\n                size=\"small\"\n                text\n                className=\"chatter-collapse-btn\"\n                style={{ width: 30, height: 30, aspectRatio: '1/1' }}\n                onClick={handleClose}\n              />\n            }\n\n            {isOpenSolidXAiPanel === false ?\n              <div className=\"flex flex-column gap-2 justify-content-center p-2\">\n                <div className=\"chatter-collapsed-content\" onClick={handleOpen}>\n                  <div className=\"flex gap-2\"> <SolidXAIIcon /> SolidX AI </div>\n                </div>\n                <Button\n                  icon=\"pi pi-chevron-left\"\n                  size=\"small\"\n                  className=\"px-0\"\n                  style={{ width: 30 }}\n                  onClick={handleOpen}\n                />\n              </div>\n              :\n              <SolidAiMainWrapper mcpUrl={mcpUrl} />\n            }\n          </div>\n        )\n      }\n\n    </div >\n  );\n}\n\nexport default SolidDashboard;\n"]}
+{"version":3,"file":"SolidDashboard.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAE1F,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAClH,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAA4B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,kBAAgC,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,uGAAuG;AACvG,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,0BAA0B,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,oCAAoC,EAAE,MAAM,uCAAuC,CAAC;AAE7F,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,sCAAa,CAAA;IACb,6DAAoC,CAAA;IACpC,+DAAsC,CAAA;AACxC,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,IAAK,WAGJ;AAHD,WAAK,WAAW;IACd,0BAAW,CAAA;IACX,oCAAqB,CAAA;AACvB,CAAC,EAHI,WAAW,KAAX,WAAW,QAGf;AAeD,SAAS,mBAAmB,CAC1B,IAAuB,EACvB,qBAA0E,EAC1E,YAA6C;IAErC,IAAA,OAAO,GAAW,IAAI,QAAf,EAAE,IAAI,GAAK,IAAI,KAAT,CAAU;IAC/B,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACjC,gDAAgD;QAChD,IAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,uCAAuC;QAEzE,8BAA8B;QAC9B,qBAAqB,CAAC,aAAa,CAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC;QAE9D,8BAA8B;QAC9B,YAAY,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;KAEtC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,UAAkB,EAAE,aAAsB;IAChE,IAAM,OAAO,GAAQ;QACnB,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,GAAG,EAAE,UAAU;aAChB;SACF;KACF,CAAC;IAEF,IAAI,aAAa,KAAK,SAAS,EAAE;QAC/B,OAAO,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;KACxC;IAED,IAAM,KAAK,GAAG;QACZ,OAAO,SAAA;QACP,QAAQ,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;KAC9C,CAAC;IACF,IAAM,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE;QACnC,gBAAgB,EAAE,IAAI;KACvB,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,qCAAqC;AACrC,mCAAmC;AACnC,MAAM;AACN,IAAI;AACJ,8IAA8I;AAC9I,MAAM;AACN,sCAAsC;AACtC,IAAI;AACJ,GAAG;AACH,SAAS,qBAAqB,CAAC,SAAgB,EAAE,kBAA6C,EAAE,OAAwB;IACtH,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,OAAO,KAAK,CAAC;KACd;IAED,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;QACnC,OAAO,IAAI,CAAC;KACb;IAED,sEAAsE;IACtE,IAAM,oBAAoB,GAAG,kBAAkB,CAAC,KAAK,CAAC,UAAA,QAAQ;QAC5D,OAAA,OAAO,CAAC,IAAI,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,YAAY,KAAK,QAAQ,CAAC,YAAY,EAA7C,CAA6C,CAAC;IAArE,CAAqE,CACtE,CAAC;IAEF,OAAO,oBAAoB,CAAC;AAC9B,CAAC;AAOD,IAAM,cAAc,GAAG,UAAC,MAA+B;;IAC/C,IAAA,KAA6B,oBAAoB,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAxG,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAkF,CAAA,CAAC,iDAAiD;IAClK,4HAA4H;IAC5H,gJAAgJ;IAChJ,sKAAsK;IACtK,oCAAoC;IACpC,8EAA8E;IAC9E,iBAAiB;IACjB,mBAAmB;IACnB,MAAM;IAEN,6EAA6E;IAC7E,6HAA6H;IAC7H,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,aAAa,GAAG,WAAW,CAAC,UAAC,KAAU,YAAK,OAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,aAAa,CAAA,EAAA,CAAC,CAAC;IAC9E,IAAA,KAAwB,QAAQ,CAAkB,EAAE,CAAC,EAApD,OAAO,QAAA,EAAE,UAAU,QAAiC,CAAC;IACtD,IAAA,KAA4B,QAAQ,CAAQ,EAAE,CAAC,EAA9C,SAAS,QAAA,EAAE,YAAY,QAAuB,CAAC;IAChD,IAAA,KAA8C,QAAQ,CAA4B,EAAE,CAAC,EAApF,kBAAkB,QAAA,EAAE,qBAAqB,QAA2C,CAAC;IACtF,IAAA,KAA0D,QAAQ,CAAC,KAAK,CAAC,EAAxE,wBAAwB,QAAA,EAAE,2BAA2B,QAAmB,CAAC;IAEzE,IAAA,qBAAqB,GAAI,oCAAoC,EAAE,GAA1C,CAA2C;IAEjE,IAAA,KAAwC,QAAQ,CAAa,EAAE,CAAC,EAA/D,eAAe,QAAA,EAAE,kBAAkB,QAA4B,CAAC;IAEvE,IAAM,yBAAyB,GAAG;;;;;;oBAEb,qBAAM,qBAAqB,CAAC;4BAC3C,WAAW,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC,EAAE,EAAE;4BAChC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC;yBACxC,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAHL,QAAQ,GAAG,SAGN;oBACX,IAAI,QAAQ,CAAC,UAAU,KAAK,GAAG,EAAE;wBAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,oCAAoC,EAAE,CAAC,CAAC,CAAC;qBAC3I;;;;oBAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,8BAA8B,EAAE,CAAC,CAAC,CAAC;;;;;SAErI,CAAA;IAED,SAAS,CAAC;QACR,uDAAuD;QACvD,kEAAkE;QAClE,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;YACtB,4CAA4C;YAC5C,mBAAmB,CAAC,IAAI,EAAE,qBAAqB,EAAE,YAAY,CAAC,CAAC;SAChE;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAEtB,IAAM,kBAAkB,GAAG;QACzB,IAAI,aAAa,EAAE;YACjB,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC,CAAG,aAAa;SAC1C;aAAM;YACL,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,CAAK,YAAY;SACzC;IACH,CAAC,CAAC;IAIF,OAAO,CACL,cAAK,SAAS,EAAE,yBAAyB,YAEvC,eAAK,SAAS,EAAE,6BAAsB,MAAM,CAAC,gCAAgC,CAAE,aAC5E,SAAS,IAAI,KAAC,qBAAqB,KAAG,EACtC,KAAK,IAAI,KAAC,yBAAyB,KAAG,EACtC,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5D,KAAC,0BAA0B,KAAG,CAC/B,EACA,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1D,8BACE,eAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,sCAAsC,EAAE,aAC1F,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,0CAA0C,EAAC,OAAO,EAAE,kBAAkB,YACnF,KAAC,SAAS,IAAC,IAAI,EAAC,aAAa,wBAAe,GACxC,EACN,aAAG,SAAS,EAAE,sEAA+D,MAAM,CAAC,mBAAmB,CAAE,aACtG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC,CAAC,0CAAE,WAAW,EAAC,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC,CAAC,0CAAE,WAAW,CAAC,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC,CAAC,0CAAE,IAAI,EACtF,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC,CAAC,0CAAE,WAAW,KAAI,CAChC,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,SAAS,IAAC,IAAI,EAAC,gBAAgB,EAAC,SAAS,EAAC,0BAA0B,wBAAe,GAChE,EACtB,KAAC,mBAAmB,IAAC,IAAI,EAAC,OAAO,YAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC,CAAC,0CAAE,WAAW,GAAuB,IAC1E,CAChB,IACC,IACA,EACL,kBAAkB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACtD,8BACE,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,EAC/D,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,cAAM,OAAA,2BAA2B,CAAC,IAAI,CAAC,EAAjC,CAAiC,GAChD,EAEF,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,EAC/D,KAAK,EAAE,QAAQ,EACf,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,cAAM,OAAA,2BAA2B,CAAC,IAAI,CAAC,EAAjC,CAAiC,GAChD,EACD,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,oBAAoB,EACzB,QAAQ,EAAC,WAAW,EACpB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,QACR,OAAO,EAAE,cAAQ,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACtE,CACH,EACD,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAC,WAAW,EACpB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,QACR,OAAO,EAAE,cAAM,OAAA,yBAAyB,EAAE,EAA3B,CAA2B,GAAI,IAC5C,EACN,KAAC,eAAe,IACd,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,OAAO,EACvB,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,wBAAwB,EACjC,MAAM,EAAE,cAAM,OAAA,2BAA2B,CAAC,KAAK,CAAC,EAAlC,CAAkC,GAChD,IACD,CACJ,IACG,EACL,CAAC,qBAAqB,CAAC,SAAS,EAAE,kBAAkB,EAAE,OAAO,CAAC,IAAI,KAAC,4BAA4B,KAAG,EAClG,qBAAqB,CAAC,SAAS,EAAE,kBAAkB,EAAE,OAAO,CAAC,IAAI,KAAC,kBAAkB,IAAC,WAAW,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC,CAAC,0CAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,IAC5O,CACJ,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,cAAc,CAAC","sourcesContent":["import { DashboardResponse, useGetDashboardQuery } from '../../../redux/api/dashboardApi';\nimport { SqlExpression } from '../../../types/solid-core';\nimport { SolidButton, SolidIcon, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from '../../shad-cn-ui';\nimport qs from 'qs';\nimport { Dispatch, SetStateAction, useEffect, useState } from 'react';\nimport styles from './SolidDashboard.module.css';\nimport SolidDashboardBody, { GridItem } from './SolidDashboardBody';\nimport { DashboardFilter } from './DashboardFilter';\n// import { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper'; // moved to SolidX Studio panel\nimport { SolidDashboardFilterRequired } from './SolidDashboardFilterRequired';\nimport { SolidDashboardLoading } from './SolidDashboardLoading';\nimport { SolidDashboardRenderError } from './SolidDashboardRenderError';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showNavbar, toggleNavbar } from \"../../../redux/features/navbarSlice\";\nimport SolidDashboardNotAvailable from './SolidDashboardNotAvailable';\nimport { showToast } from '../../../redux/features/toastSlice';\nimport { ERROR_MESSAGES } from '../../../constants/error-messages';\nimport { useUpsertUserDashboardLayoutMutation } from '../../../redux/api/dashboardLayoutApi';\n\nexport enum DashboardVariableType {\n  DATE = 'date',\n  SELECTION_STATIC = 'selectionStatic',\n  SELECTION_DYNAMIC = 'selectionDynamic',\n}\n\nenum SOURCE_TYPE {\n  SQL = 'sql',\n  PROVIDER = 'provider',\n}\n\nexport interface DashboardVariableRecord {\n  id: number;\n  variableName: string;\n  variableType: DashboardVariableType;\n  selectionStaticValues?: string;\n  selectionDynamicSourceType?: SOURCE_TYPE;\n  selectionDynamicProviderName?: string;\n  selectionDynamicSQL?: string;\n  isMultiSelect?: boolean;\n  defaultValue?: string;\n  defaultOperator?: string;\n}\n\nfunction handleDashboardData(\n  data: DashboardResponse,\n  setDashboardVariables: Dispatch<SetStateAction<DashboardVariableRecord[]>>,\n  setQuestions: Dispatch<SetStateAction<any[]>>,\n) {\n  const { records, meta } = data;\n  if (records && records.length > 0) {\n    // Set the layout options for the dashboard body\n    const dashboardData = records[0]; // Assuming we want the first dashboard\n\n    // Set the dashboard variables\n    setDashboardVariables(dashboardData.dashboardVariables || []);\n\n    // Set the dashboard questions\n    setQuestions(dashboardData.questions)\n\n  }\n}\n\nfunction getQueryParams(moduleName: string, dashboardName?: string) {\n  const filters: any = {\n    module: {\n      name: {\n        $eq: moduleName\n      }\n    }\n  };\n\n  if (dashboardName !== undefined) {\n    filters.name = { $eqi: dashboardName };\n  }\n\n  const query = {\n    filters,\n    populate: ['dashboardVariables', 'questions']\n  };\n  const urlQuery = qs.stringify(query, {\n    encodeValuesOnly: true,\n  });\n  return urlQuery;\n}\n\n// Render the dashboard body only if:\n// 1. There are dashboard questions\n// AND\n// (\n// 1. There are dashboard variables and all dashboard variable filter rules have been applied i.e (all dashboard variables have been selected)\n//. OR\n// 2. There are no dashboard variables\n// )\n// \nfunction isRenderDashboardBody(questions: any[], dashboardVariables: DashboardVariableRecord[], filters: SqlExpression[]) {\n  if (questions.length === 0) {\n    return false;\n  }\n\n  if (dashboardVariables.length === 0) {\n    return true;\n  }\n\n  // Check if all dashboard variables have corresponding filters applied\n  const allVariablesFiltered = dashboardVariables.every(variable =>\n    filters.some(filter => filter.variableName === variable.variableName)\n  );\n\n  return allVariablesFiltered;\n}\n\ntype SolidDashboardViewProps = {\n  moduleName: string;\n  dashboardName?: string;\n};\n\nconst SolidDashboard = (params: SolidDashboardViewProps) => {\n  const { data, isLoading, error } = useGetDashboardQuery(getQueryParams(params.moduleName, params.dashboardName)) // FIXME : error handling should be done properly\n  // Define a state called layoutOption and pass it after destructing the widgetOptions and dashboardOptions from layoutOption\n  // TODO [HP]: Shouldn't the type of this state variable be something different? Why are we muddling this with layout but calling it body props? \n  // TODO [HP]: Body props should be clearly made up of Gridstack layout options, the questions that make up the body & the filter[] which is an array of SqlExpressions\n  // TODO [HP]: This is fully CONFUSED\n  // const [layoutOption, setLayoutOption] = useState<SolidDashboardBodyProps>({\n  //   filters: [],\n  //   questions: [],\n  // });\n\n  // TODO [HP]: replace dashboardVariableFilterRules with filters everywhere...\n  // const [dashboardVariableFilterRules, setDashboardVariableFilterRules] = useState<ISolidDashboardVariableFilterRule[]>([]);\n  const dispatch = useDispatch();\n\n  const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);\n  const [filters, setFilters] = useState<SqlExpression[]>([]);\n  const [questions, setQuestions] = useState<any[]>([]);\n  const [dashboardVariables, setDashboardVariables] = useState<DashboardVariableRecord[]>([]);\n  const [isDashboardFilterVisible, setIsDashboardFilterVisible] = useState(false);\n\n  const [upsertDashboardLayout] = useUpsertUserDashboardLayoutMutation();\n\n  const [dashboardLayout, setDashboardLayout] = useState<GridItem[]>([]);\n\n  const updateUserDashboardLayout = async () => {\n    try {\n      const response = await upsertDashboardLayout({\n        dashboardId: data?.records[0].id,\n        layout: JSON.stringify(dashboardLayout),\n      }).unwrap();\n      if (response.statusCode === 200) {\n        dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_SUCCESSFULLY }));\n      }\n    } catch (error) {\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_FAILED }));\n    }\n  }\n\n  useEffect(() => {\n    // Invoke the dashboard api to fetch the dashboard data\n    // console.log('Dashboard Data testing:', isLoading, data, error);\n    if (!isLoading && data) {\n      // Assuming data contains the layout options\n      handleDashboardData(data, setDashboardVariables, setQuestions);\n    }\n  }, [isLoading, data]);\n\n  const toggleBothSidebars = () => {\n    if (visibleNavbar) {\n      dispatch(toggleNavbar());   // close both\n    } else {\n      dispatch(showNavbar());     // open both\n    }\n  };\n\n\n\n  return (\n    <div className={`h-screen surface-0 flex`}>\n\n      <div className={`h-full flex-grow-1 ${styles.SolidDashboardPageContentWrapper}`}>\n        {isLoading && <SolidDashboardLoading />}\n        {error && <SolidDashboardRenderError />}\n        {!isLoading && !error && data && data.records.length === 0 && (\n          <SolidDashboardNotAvailable />\n        )}\n        {!isLoading && !error && data && data.records.length > 0 && (\n          <>\n            <div className=\"page-header\" style={{ borderBottom: '1px solid var(--primary-light-color)' }}>\n              <div className='flex align-items-center gap-2'>\n                <div className=\"apps-icon block md:hidden cursor-pointer\" onClick={toggleBothSidebars}>\n                  <SolidIcon name=\"si-th-large\" aria-hidden />\n                </div>\n                <p className={`view-title solid-text-wrapper flex align-items-center gap-1 ${styles.SolidDashboardTitle}`}>\n                  {data?.records[0]?.displayName ? data?.records[0]?.displayName : data?.records[0]?.name}\n                  {data?.records[0]?.description && (\n                    <SolidTooltip>\n                      <SolidTooltipTrigger asChild>\n                        <SolidIcon name=\"si-info-circle\" className=\"solid-field-tooltip-icon\" aria-hidden />\n                      </SolidTooltipTrigger>\n                      <SolidTooltipContent side=\"right\">{data?.records[0]?.description}</SolidTooltipContent>\n                    </SolidTooltip>\n                  )}\n                </p>\n              </div>\n              {dashboardVariables && dashboardVariables.length > 0 && (\n                <>\n                  <div className='flex gap-2'>\n                    <SolidButton\n                      type=\"button\"\n                      icon={filters.length > 0 ? \"si si-filter-fill\" : \"si si-filter\"}\n                      className=\"lg:hidden solid-icon-button\"\n                      size='sm'\n                      variant='secondary'\n                      onClick={() => setIsDashboardFilterVisible(true)}\n                    />\n\n                    <SolidButton\n                      type=\"button\"\n                      icon={filters.length > 0 ? \"si si-filter-fill\" : \"si si-filter\"}\n                      label={\"Filter\"}\n                      className=\"hidden lg:inline-flex\"\n                      size='sm'\n                      variant='secondary'\n                      onClick={() => setIsDashboardFilterVisible(true)}\n                    />\n                    {filters.length > 0 && (\n                      <SolidButton\n                        type=\"button\"\n                        size=\"sm\"\n                        icon=\"si si-filter-slash\"\n                        severity=\"secondary\"\n                        className=\"solid-icon-button \"\n                        outlined\n                        onClick={() => { setFilters([]); setIsDashboardFilterVisible(false); }}\n                      />\n                    )}\n                    <SolidButton\n                      type=\"button\"\n                      size=\"sm\"\n                      icon=\"si si-save\"\n                      severity=\"secondary\"\n                      className=\"solid-icon-button \"\n                      outlined\n                      onClick={() => updateUserDashboardLayout()} />\n                  </div>\n                  <DashboardFilter\n                    dashboardVariables={dashboardVariables}\n                    initialFilters={filters}\n                    onApply={setFilters}\n                    visible={isDashboardFilterVisible}\n                    onHide={() => setIsDashboardFilterVisible(false)}\n                  />\n                </>\n              )}\n            </div>\n            {!isRenderDashboardBody(questions, dashboardVariables, filters) && <SolidDashboardFilterRequired />}\n            {isRenderDashboardBody(questions, dashboardVariables, filters) && <SolidDashboardBody dashboardId={data?.records[0]?.id} questions={questions} filters={filters} dashboardLayout={dashboardLayout} setDashboardLayout={setDashboardLayout} />}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default SolidDashboard;\n"]}

package/dist/components/core/dashboard/SolidDashboard.module.css

@@ -69,9 +69,9 @@
 .SolidXAIListPanel {
     position: fixed !important;
     top: 0;
-    right: -380px;
+    right: -700px;
     /* Hidden by default */
-    width: 380px;
+    width: 700px;
     height: 100vh;
     transition: right 0.3s ease;
     z-index: 999;
@@ -80,4 +80,4 @@
 
 .SolidXAIListPanelOpen {
     right: 0;
-}
+}