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

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

@@ -1,24 +1,19 @@
-
 import { DashboardResponse, useGetDashboardQuery } from '../../../redux/api/dashboardApi';
 import { SqlExpression } from '../../../types/solid-core';
-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 { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
-import { SolidXAIIcon } from '../solid-ai/SolidXAIIcon';
+import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import styles from './SolidDashboard.module.css';
 import SolidDashboardBody, { GridItem } 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';
 
@@ -133,19 +128,14 @@ const SolidDashboard = (params: SolidDashboardViewProps) => {
   // TODO [HP]: replace dashboardVariableFilterRules with filters everywhere...
   // const [dashboardVariableFilterRules, setDashboardVariableFilterRules] = useState<ISolidDashboardVariableFilterRule[]>([]);
   const dispatch = useDispatch();
-  const toast = useRef<Toast>(null);
 
   const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);
   const [filters, setFilters] = useState<SqlExpression[]>([]);
-  const [isOpenSolidXAiPanel, setIsOpenSolidXAiPanel] = useState(false);
-  const [chatterWidth, setChatterWidth] = useState(380);
-  const [isResizing, setIsResizing] = useState(false);
   const [questions, setQuestions] = useState<any[]>([]);
   const [dashboardVariables, setDashboardVariables] = useState<DashboardVariableRecord[]>([]);
   const [isDashboardFilterVisible, setIsDashboardFilterVisible] = useState(false);
 
-
-  const [upsertDashboardLayout, { isLoading: isDashboardLayoutLoading, error: dashboardLayoutError, isSuccess: isDashboardLayoutSuccess, data: dashboardLayoutData }] = useUpsertUserDashboardLayoutMutation();
+  const [upsertDashboardLayout] = useUpsertUserDashboardLayoutMutation();
 
   const [dashboardLayout, setDashboardLayout] = useState<GridItem[]>([]);
 
@@ -156,14 +146,13 @@ const SolidDashboard = (params: SolidDashboardViewProps) => {
         layout: JSON.stringify(dashboardLayout),
       }).unwrap();
       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 }));
       }
     } catch (error) {
-      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 }));
     }
   }
 
-
   useEffect(() => {
     // Invoke the dashboard api to fetch the dashboard data
     // console.log('Dashboard Data testing:', isLoading, data, error);
@@ -173,57 +162,6 @@ const SolidDashboard = (params: SolidDashboardViewProps) => {
     }
   }, [isLoading, data]);
 
-  useEffect(() => {
-    const storedOpen = localStorage.getItem('d_solidxai_open');
-    const storedWidth = localStorage.getItem('d_solidxai_width');
-
-    if (storedOpen !== null) {
-      setIsOpenSolidXAiPanel(storedOpen === 'true');
-    }
-
-    if (storedWidth !== null) {
-      const width = parseInt(storedWidth, 10);
-      if (!isNaN(width)) {
-        setChatterWidth(width);
-      }
-    }
-  }, []);
-
-
-  useEffect(() => {
-    if (isResizing) {
-      const handleMouseMove = (e: MouseEvent) => {
-        const newWidth = window.innerWidth - e.clientX;
-        const clampedWidth = Math.max(280, Math.min(newWidth, 700));
-        setChatterWidth(clampedWidth);
-        localStorage.setItem('d_solidxai_width', clampedWidth.toString());
-      };
-
-      const handleMouseUp = () => {
-        setIsResizing(false);
-      };
-
-      window.addEventListener('mousemove', handleMouseMove);
-      window.addEventListener('mouseup', handleMouseUp);
-
-      return () => {
-        window.removeEventListener('mousemove', handleMouseMove);
-        window.removeEventListener('mouseup', handleMouseUp);
-      };
-    }
-  }, [isResizing]);
-
-
-  const handleOpen = () => {
-    setIsOpenSolidXAiPanel(true);
-    localStorage.setItem('d_solidxai_open', 'true');
-  };
-
-  const handleClose = () => {
-    setIsOpenSolidXAiPanel(false);
-    localStorage.setItem('d_solidxai_open', 'false');
-  };
-
   const toggleBothSidebars = () => {
     if (visibleNavbar) {
       dispatch(toggleNavbar());   // close both
@@ -234,41 +172,8 @@ const SolidDashboard = (params: SolidDashboardViewProps) => {
 
 
 
-  const [mcpUrl, setMcpUrl] = useState<string | null>(null);
-  const [getMcpUrl] = useLazyGetMcpUrlQuery();
-
-  const [trigger, { data: solidSettingsData }] = useLazyGetSolidSettingsQuery();
-  useEffect(() => {
-    trigger("") // Fetch settings on mount
-  }, [])
-
-  useEffect(() => {
-    if (solidSettingsData?.data?.mcpEnabled && solidSettingsData?.data?.mcpServerUrl) {
-      enableSolidXAiPanel();
-    }
-  }, [solidSettingsData]);
-
-  const enableSolidXAiPanel = async () => {
-    try {
-      const queryData = {
-        showHeader: "true",
-        inListView: "true"
-      };
-      const queryString = qs.stringify({ ...queryData }, { encodeValuesOnly: true });
-      const response = await getMcpUrl(queryString).unwrap();
-      console.log("response", response);
-      if (response && response?.data?.mcpUrl) {
-        setMcpUrl(response?.data?.mcpUrl);
-      }
-    } catch (error) {
-
-    }
-  }
-
-
   return (
     <div className={`h-screen surface-0 flex`}>
-      <Toast ref={toast} />
 
       <div className={`h-full flex-grow-1 ${styles.SolidDashboardPageContentWrapper}`}>
         {isLoading && <SolidDashboardLoading />}
@@ -281,58 +186,56 @@ const SolidDashboard = (params: SolidDashboardViewProps) => {
             <div className="page-header" style={{ borderBottom: '1px solid var(--primary-light-color)' }}>
               <div className='flex align-items-center gap-2'>
                 <div className="apps-icon block md:hidden cursor-pointer" onClick={toggleBothSidebars}>
-                  <i className="pi pi-th-large"></i>
+                  <SolidIcon name="si-th-large" aria-hidden />
                 </div>
                 <p className={`view-title solid-text-wrapper flex align-items-center gap-1 ${styles.SolidDashboardTitle}`}>
                   {data?.records[0]?.displayName ? data?.records[0]?.displayName : data?.records[0]?.name}
-                  {data?.records[0]?.description &&
-                    <>
-                      <Tooltip className='solid-field-tooltip' target=".solid-field-tooltip-icon" />
-                      <i className="pi pi-info-circle solid-field-tooltip-icon"
-                        data-pr-tooltip={data?.records[0]?.description}
-                        data-pr-position={'right'}
-                      />
-                    </>
-                  }
+                  {data?.records[0]?.description && (
+                    <SolidTooltip>
+                      <SolidTooltipTrigger asChild>
+                        <SolidIcon name="si-info-circle" className="solid-field-tooltip-icon" aria-hidden />
+                      </SolidTooltipTrigger>
+                      <SolidTooltipContent side="right">{data?.records[0]?.description}</SolidTooltipContent>
+                    </SolidTooltip>
+                  )}
                 </p>
               </div>
               {dashboardVariables && dashboardVariables.length > 0 && (
                 <>
                   <div className='flex gap-2'>
-                    <a onClick={() => setIsDashboardFilterVisible(true)}>
-                      <>
-                        <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'
-                        />
-
-                        <Button
-                          type="button"
-                          icon={filters.length > 0 ? "pi pi-filter-fill" : "pi pi-filter"}
-                          label={"Filter"}
-                          className={`hidden lg:inline-flex`}
-                          size='small'
-
-                        />
-                      </>
-                    </a>
+                    <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={() => setIsDashboardFilterVisible(true)}
+                    />
+
+                    <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={() => setIsDashboardFilterVisible(true)}
+                    />
                     {filters.length > 0 && (
-                      <Button
+                      <SolidButton
                         type="button"
-                        size="small"
-                        icon="pi pi-filter-slash"
+                        size="sm"
+                        icon="si si-filter-slash"
                         severity="secondary"
                         className="solid-icon-button "
                         outlined
                         onClick={() => { setFilters([]); setIsDashboardFilterVisible(false); }}
                       />
                     )}
-                    <Button
+                    <SolidButton
                       type="button"
-                      size="small"
-                      icon="pi pi-save"
+                      size="sm"
+                      icon="si si-save"
                       severity="secondary"
                       className="solid-icon-button "
                       outlined
@@ -353,56 +256,7 @@ const SolidDashboard = (params: SolidDashboardViewProps) => {
           </>
         )}
       </div>
-      {
-        mcpUrl && (
-          <div className={`chatter-section ${isOpenSolidXAiPanel === false ? 'collapsed' : 'open'}`} style={{ width: chatterWidth }}>
-            {isOpenSolidXAiPanel && (
-              <div
-                style={{
-                  width: 5,
-                  cursor: 'col-resize',
-                  position: 'absolute',
-                  left: 0,
-                  top: 0,
-                  bottom: 0,
-                  height: '100%',
-                  zIndex: 9,
-                }}
-                onMouseDown={() => setIsResizing(true)}
-              />
-            )}
-            {isOpenSolidXAiPanel &&
-              <Button
-                icon="pi pi-angle-double-right"
-                size="small"
-                text
-                className="chatter-collapse-btn"
-                style={{ width: 30, height: 30, aspectRatio: '1/1' }}
-                onClick={handleClose}
-              />
-            }
-
-            {isOpenSolidXAiPanel === false ?
-              <div className="flex flex-column gap-2 justify-content-center p-2">
-                <div className="chatter-collapsed-content" onClick={handleOpen}>
-                  <div className="flex gap-2"> <SolidXAIIcon /> SolidX AI </div>
-                </div>
-                <Button
-                  icon="pi pi-chevron-left"
-                  size="small"
-                  className="px-0"
-                  style={{ width: 30 }}
-                  onClick={handleOpen}
-                />
-              </div>
-              :
-              <SolidAiMainWrapper mcpUrl={mcpUrl} />
-            }
-          </div>
-        )
-      }
-
-    </div >
+    </div>
   );
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardBody.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardBody.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI1D,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AAMxC,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,EAAE,QAAQ,EAAE,CAAC;IAC5B,kBAAkB,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAqBF,QAAA,MAAM,kBAAkB,6EAAmF,uBAAuB,4CAgHjI,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SolidDashboardBody.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardBody.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI1D,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AAMxC,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,EAAE,QAAQ,EAAE,CAAC;IAC5B,kBAAkB,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAqBF,QAAA,MAAM,kBAAkB,6EAAmF,uBAAuB,4CA+GjI,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -54,7 +54,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import 'gridstack/dist/gridstack.min.css';
 import styles from './SolidDashboard.module.css';
 import { SolidQuestionRenderer } from './SolidQuestionRenderer';
@@ -64,9 +64,9 @@ import PrimeDataTableWrapper from './PrimeDataTableWrapper';
 import 'react-grid-layout/css/styles.css';
 import 'react-resizable/css/styles.css';
 import { useLazyGetUserDashboardLayoutByDashboardIdQuery } from '../../../redux/api/dashboardLayoutApi';
-import showToast from '../../../helpers/showToast';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
-import { Toast } from 'primereact/toast';
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../redux/features/toastSlice';
 var generateDefaultLayout = function (questions) {
     return questions.map(function (q, index) {
         var col = index % 3;
@@ -82,7 +82,7 @@ var generateDefaultLayout = function (questions) {
 };
 var SolidDashboardBody = function (_a) {
     var dashboardId = _a.dashboardId, questions = _a.questions, _b = _a.filters, filters = _b === void 0 ? [] : _b, dashboardLayout = _a.dashboardLayout, setDashboardLayout = _a.setDashboardLayout;
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     var sortedQuestions = __spreadArray([], questions, true).map(function (q, index) { return (__assign(__assign({}, q), { defaultIndex: index + 1 })); })
         .sort(function (a, b) { var _a, _b; return ((_a = a.sequenceNumber) !== null && _a !== void 0 ? _a : a.defaultIndex) - ((_b = b.sequenceNumber) !== null && _b !== void 0 ? _b : b.defaultIndex); });
     var _c = useContainerWidth(), width = _c.width, containerRef = _c.containerRef, mounted = _c.mounted;
@@ -115,10 +115,10 @@ var SolidDashboardBody = function (_a) {
                     case 2:
                         error_1 = _b.sent();
                         if (error_1.status === 403) {
-                            showToast(toast, "error", ERROR_MESSAGES.FORBIDDEN_ERROR, ERROR_MESSAGES.FORBIDDEN_ERROR);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FORBIDDEN_ERROR, detail: ERROR_MESSAGES.FORBIDDEN_ERROR, sticky: true }));
                         }
                         else {
-                            showToast(toast, "error", ERROR_MESSAGES.SOMETHING_WRONG, ERROR_MESSAGES.SOMETHING_WRONG);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SOMETHING_WRONG, detail: ERROR_MESSAGES.SOMETHING_WRONG }));
                         }
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
@@ -149,14 +149,14 @@ var SolidDashboardBody = function (_a) {
         setDashboardLayout(updated);
         // saving is handled by the parent/caller
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsx("div", { ref: containerRef, className: "p-4 ".concat(styles.SolidDashboardContentWrapper), style: { width: '100%', overflowY: 'auto', minHeight: 0 }, children: mounted && dashboardLayout.length > 0 && (_jsx(ReactGridLayout, { width: width, layout: dashboardLayout, gridConfig: {
-                        cols: 12,
-                        rowHeight: 120,
-                    }, dragConfig: {
-                        handle: ".drag-handle",
-                    }, resizeConfig: {
-                        enabled: true,
-                    }, onLayoutChange: handleLayoutChange, children: sortedQuestions.map(function (question) { return (_jsx("div", { className: "drag-handle cursor-move rounded shadow p-2 overflow-hidden", style: { backgroundColor: 'transparent' }, children: question.visualisedAs === "prime-datatable" ? (_jsx(PrimeDataTableWrapper, { question: question, filters: filters })) : (_jsx(SolidQuestionRenderer, { question: question, filters: filters, isPreview: false })) }, String(question.name))); }) })) })] }));
+    return (_jsx(_Fragment, { children: _jsx("div", { ref: containerRef, className: "p-4 ".concat(styles.SolidDashboardContentWrapper), style: { width: '100%', overflowY: 'auto', minHeight: 0 }, children: mounted && dashboardLayout.length > 0 && (_jsx(ReactGridLayout, { width: width, layout: dashboardLayout, gridConfig: {
+                    cols: 12,
+                    rowHeight: 120,
+                }, dragConfig: {
+                    handle: ".drag-handle",
+                }, resizeConfig: {
+                    enabled: true,
+                }, onLayoutChange: handleLayoutChange, children: sortedQuestions.map(function (question) { return (_jsx("div", { className: "drag-handle cursor-move rounded shadow p-2 overflow-hidden", style: { backgroundColor: 'transparent' }, children: question.visualisedAs === "prime-datatable" ? (_jsx(PrimeDataTableWrapper, { question: question, filters: filters })) : (_jsx(SolidQuestionRenderer, { question: question, filters: filters, isPreview: false })) }, String(question.name))); }) })) }) }));
 };
 export default SolidDashboardBody;
 //# sourceMappingURL=SolidDashboardBody.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardBody.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardBody.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport 'gridstack/dist/gridstack.min.css';\nimport { GridStackOptions, GridStackWidget } from 'gridstack';\nimport styles from './SolidDashboard.module.css'\nimport { SolidQuestionRenderer } from './SolidQuestionRenderer';\nimport { SqlExpression } from '../../../types/solid-core';\nimport ReactGridLayout, { useContainerWidth, Layout, LayoutItem } from \"react-grid-layout\";\nimport { useEffect, useRef, useState } from 'react';\nimport PrimeDataTableWrapper from './PrimeDataTableWrapper';\nimport 'react-grid-layout/css/styles.css';\nimport 'react-resizable/css/styles.css';\nimport { useLazyGetUserDashboardLayoutByDashboardIdQuery } from '../../../redux/api/dashboardLayoutApi';\nimport showToast from '../../../helpers/showToast';\nimport { ERROR_MESSAGES } from '../../../constants/error-messages';\nimport { Toast } from 'primereact/toast';\n\nexport interface SolidDashboardBodyProps {\n  dashboardOptions?: GridStackOptions;\n  widgetOptions?: GridStackWidget[];\n  // Replace `any` with a proper `Question` type when available\n  dashboardId: string;\n  questions: any[];\n  filters: SqlExpression[];\n  dashboardLayout: GridItem[];\n  setDashboardLayout: (dashboardLayout: GridItem[]) => void;\n}\n\nexport type GridItem = {\n  i: string;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n};\n\n// Layout is Layout[] at runtime in v2 — the type definition is misleading\ntype LayoutArray = LayoutItem[];\n\n\nconst generateDefaultLayout = (questions: any[]): GridItem[] => {\n  return questions.map((q, index) => {\n    const col = index % 3;\n    const row = Math.floor(index / 3);\n    return {\n      i: String(q.name),\n      x: col * 4,   // 0, 4, 8 in a 12-col grid\n      y: row * 4,\n      w: 4,\n      h: 4,\n    };\n  });\n};\n\n\nconst SolidDashboardBody = ({ dashboardId, questions, filters = [], dashboardLayout, setDashboardLayout }: SolidDashboardBodyProps) => {\n  const toast = useRef<Toast>(null);\n\n  const sortedQuestions = [...questions]\n    .map((q, index) => ({ ...q, defaultIndex: index + 1 }))\n    .sort((a, b) => (a.sequenceNumber ?? a.defaultIndex) - (b.sequenceNumber ?? b.defaultIndex));\n\n  const { width, containerRef, mounted } = useContainerWidth();\n  const isLayoutReady = useRef(false);\n\n  const [fetchUserLayout, { data: userLayoutData, isSuccess, isLoading }] =\n    useLazyGetUserDashboardLayoutByDashboardIdQuery();\n\n  useEffect(() => {\n    if (!dashboardId || questions.length === 0) return;\n    const loadLayout = async () => {\n      try {\n        const response = await fetchUserLayout(dashboardId).unwrap();\n        const raw = response?.data?.layout;\n        const savedLayout = typeof raw === 'string' ? JSON.parse(raw) : raw;\n\n        const layout = savedLayout\n          ? sortedQuestions.map((q) => {\n            const saved = (savedLayout as GridItem[]).find(s => s.i === String(q.name));\n            return saved ?? generateDefaultLayout([q])[0];\n          })\n          : generateDefaultLayout(sortedQuestions);\n\n        setDashboardLayout(layout);\n        setTimeout(() => { isLayoutReady.current = true; }, 100);\n      } catch (error: any) {\n        if (error.status === 403) {\n          showToast(toast, \"error\", ERROR_MESSAGES.FORBIDDEN_ERROR, ERROR_MESSAGES.FORBIDDEN_ERROR);\n        } else {\n          showToast(toast, \"error\", ERROR_MESSAGES.SOMETHING_WRONG, ERROR_MESSAGES.SOMETHING_WRONG);\n        }\n      }\n    };\n\n    loadLayout();\n  }, [questions, dashboardId]);\n\n\n  // useEffect(() => {\n  //   if (questions.length === 0) return;\n  //   const saved = getSavedLayout();\n  //   setDashboardLayout(generateLayout(sortedQuestions, saved));\n  //   // Delay the ready flag so onLayoutChange doesn't fire before we're set\n  //   setTimeout(() => { isLayoutReady.current = true; }, 100);\n  // }, [questions]);\n\n\n  const handleLayoutChange = (newLayout: Layout) => {\n    if (!isLayoutReady.current) return;\n\n    // v2 passes LayoutItem[] at runtime despite the type saying Layout\n    const layoutArray = newLayout as unknown as LayoutItem[];\n\n    const updated: GridItem[] = layoutArray.map(item => ({\n      i: item.i,\n      x: item.x,\n      y: item.y,\n      w: item.w,\n      h: item.h,\n    }));\n\n    setDashboardLayout(updated);\n    // saving is handled by the parent/caller\n  };\n\n  return (\n    <>\n      <Toast ref={toast} />\n      <div\n        ref={containerRef as React.RefObject<HTMLDivElement>}\n        className={`p-4 ${styles.SolidDashboardContentWrapper}`}\n        style={{ width: '100%', overflowY: 'auto', minHeight: 0 }}\n\n      >\n        {mounted && dashboardLayout.length > 0 && (\n          <ReactGridLayout\n            width={width}\n            layout={dashboardLayout}\n            gridConfig={{\n              cols: 12,\n              rowHeight: 120,\n            }}\n            dragConfig={{\n              handle: \".drag-handle\",\n            }}\n            resizeConfig={{\n              enabled: true,\n            }}\n            onLayoutChange={handleLayoutChange}\n          >\n            {sortedQuestions.map((question: any) => (\n              <div key={String(question.name)} className=\"drag-handle cursor-move rounded shadow p-2 overflow-hidden\" style={{ backgroundColor: 'transparent' }}>\n                {/* <div className=\" mb-2 font-bold\">\n                {question.name}\n              </div> */}\n                {question.visualisedAs === \"prime-datatable\" ? (\n                  <PrimeDataTableWrapper question={question} filters={filters} />\n                ) : (\n                  <SolidQuestionRenderer question={question} filters={filters} isPreview={false} />\n                )}\n              </div>\n            ))}\n          </ReactGridLayout>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default SolidDashboardBody;"]}
+{"version":3,"file":"SolidDashboardBody.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardBody.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport 'gridstack/dist/gridstack.min.css';\nimport { GridStackOptions, GridStackWidget } from 'gridstack';\nimport styles from './SolidDashboard.module.css'\nimport { SolidQuestionRenderer } from './SolidQuestionRenderer';\nimport { SqlExpression } from '../../../types/solid-core';\nimport ReactGridLayout, { useContainerWidth, Layout, LayoutItem } from \"react-grid-layout\";\nimport { useEffect, useRef, useState } from 'react';\nimport PrimeDataTableWrapper from './PrimeDataTableWrapper';\nimport 'react-grid-layout/css/styles.css';\nimport 'react-resizable/css/styles.css';\nimport { useLazyGetUserDashboardLayoutByDashboardIdQuery } from '../../../redux/api/dashboardLayoutApi';\nimport { ERROR_MESSAGES } from '../../../constants/error-messages';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../redux/features/toastSlice';\n\nexport interface SolidDashboardBodyProps {\n  dashboardOptions?: GridStackOptions;\n  widgetOptions?: GridStackWidget[];\n  // Replace `any` with a proper `Question` type when available\n  dashboardId: string;\n  questions: any[];\n  filters: SqlExpression[];\n  dashboardLayout: GridItem[];\n  setDashboardLayout: (dashboardLayout: GridItem[]) => void;\n}\n\nexport type GridItem = {\n  i: string;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n};\n\n// Layout is Layout[] at runtime in v2 — the type definition is misleading\ntype LayoutArray = LayoutItem[];\n\n\nconst generateDefaultLayout = (questions: any[]): GridItem[] => {\n  return questions.map((q, index) => {\n    const col = index % 3;\n    const row = Math.floor(index / 3);\n    return {\n      i: String(q.name),\n      x: col * 4,   // 0, 4, 8 in a 12-col grid\n      y: row * 4,\n      w: 4,\n      h: 4,\n    };\n  });\n};\n\n\nconst SolidDashboardBody = ({ dashboardId, questions, filters = [], dashboardLayout, setDashboardLayout }: SolidDashboardBodyProps) => {\n  const dispatch = useDispatch();\n\n  const sortedQuestions = [...questions]\n    .map((q, index) => ({ ...q, defaultIndex: index + 1 }))\n    .sort((a, b) => (a.sequenceNumber ?? a.defaultIndex) - (b.sequenceNumber ?? b.defaultIndex));\n\n  const { width, containerRef, mounted } = useContainerWidth();\n  const isLayoutReady = useRef(false);\n\n  const [fetchUserLayout, { data: userLayoutData, isSuccess, isLoading }] =\n    useLazyGetUserDashboardLayoutByDashboardIdQuery();\n\n  useEffect(() => {\n    if (!dashboardId || questions.length === 0) return;\n    const loadLayout = async () => {\n      try {\n        const response = await fetchUserLayout(dashboardId).unwrap();\n        const raw = response?.data?.layout;\n        const savedLayout = typeof raw === 'string' ? JSON.parse(raw) : raw;\n\n        const layout = savedLayout\n          ? sortedQuestions.map((q) => {\n            const saved = (savedLayout as GridItem[]).find(s => s.i === String(q.name));\n            return saved ?? generateDefaultLayout([q])[0];\n          })\n          : generateDefaultLayout(sortedQuestions);\n\n        setDashboardLayout(layout);\n        setTimeout(() => { isLayoutReady.current = true; }, 100);\n      } catch (error: any) {\n        if (error.status === 403) {\n          dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FORBIDDEN_ERROR, detail: ERROR_MESSAGES.FORBIDDEN_ERROR, sticky: true }));\n        } else {\n          dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.SOMETHING_WRONG, detail: ERROR_MESSAGES.SOMETHING_WRONG }));\n        }\n      }\n    };\n\n    loadLayout();\n  }, [questions, dashboardId]);\n\n\n  // useEffect(() => {\n  //   if (questions.length === 0) return;\n  //   const saved = getSavedLayout();\n  //   setDashboardLayout(generateLayout(sortedQuestions, saved));\n  //   // Delay the ready flag so onLayoutChange doesn't fire before we're set\n  //   setTimeout(() => { isLayoutReady.current = true; }, 100);\n  // }, [questions]);\n\n\n  const handleLayoutChange = (newLayout: Layout) => {\n    if (!isLayoutReady.current) return;\n\n    // v2 passes LayoutItem[] at runtime despite the type saying Layout\n    const layoutArray = newLayout as unknown as LayoutItem[];\n\n    const updated: GridItem[] = layoutArray.map(item => ({\n      i: item.i,\n      x: item.x,\n      y: item.y,\n      w: item.w,\n      h: item.h,\n    }));\n\n    setDashboardLayout(updated);\n    // saving is handled by the parent/caller\n  };\n\n  return (\n    <>\n      <div\n        ref={containerRef as React.RefObject<HTMLDivElement>}\n        className={`p-4 ${styles.SolidDashboardContentWrapper}`}\n        style={{ width: '100%', overflowY: 'auto', minHeight: 0 }}\n\n      >\n        {mounted && dashboardLayout.length > 0 && (\n          <ReactGridLayout\n            width={width}\n            layout={dashboardLayout}\n            gridConfig={{\n              cols: 12,\n              rowHeight: 120,\n            }}\n            dragConfig={{\n              handle: \".drag-handle\",\n            }}\n            resizeConfig={{\n              enabled: true,\n            }}\n            onLayoutChange={handleLayoutChange}\n          >\n            {sortedQuestions.map((question: any) => (\n              <div key={String(question.name)} className=\"drag-handle cursor-move rounded shadow p-2 overflow-hidden\" style={{ backgroundColor: 'transparent' }}>\n                {/* <div className=\" mb-2 font-bold\">\n                {question.name}\n              </div> */}\n                {question.visualisedAs === \"prime-datatable\" ? (\n                  <PrimeDataTableWrapper question={question} filters={filters} />\n                ) : (\n                  <SolidQuestionRenderer question={question} filters={filters} isPreview={false} />\n                )}\n              </div>\n            ))}\n          </ReactGridLayout>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default SolidDashboardBody;\n"]}

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

@@ -10,9 +10,9 @@ import PrimeDataTableWrapper from './PrimeDataTableWrapper';
 import 'react-grid-layout/css/styles.css';
 import 'react-resizable/css/styles.css';
 import { useLazyGetUserDashboardLayoutByDashboardIdQuery } from '../../../redux/api/dashboardLayoutApi';
-import showToast from '../../../helpers/showToast';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
-import { Toast } from 'primereact/toast';
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../redux/features/toastSlice';
 
 export interface SolidDashboardBodyProps {
   dashboardOptions?: GridStackOptions;
@@ -53,7 +53,7 @@ const generateDefaultLayout = (questions: any[]): GridItem[] => {
 
 
 const SolidDashboardBody = ({ dashboardId, questions, filters = [], dashboardLayout, setDashboardLayout }: SolidDashboardBodyProps) => {
-  const toast = useRef<Toast>(null);
+  const dispatch = useDispatch();
 
   const sortedQuestions = [...questions]
     .map((q, index) => ({ ...q, defaultIndex: index + 1 }))
@@ -84,9 +84,9 @@ const SolidDashboardBody = ({ dashboardId, questions, filters = [], dashboardLay
         setTimeout(() => { isLayoutReady.current = true; }, 100);
       } catch (error: any) {
         if (error.status === 403) {
-          showToast(toast, "error", ERROR_MESSAGES.FORBIDDEN_ERROR, ERROR_MESSAGES.FORBIDDEN_ERROR);
+          dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FORBIDDEN_ERROR, detail: ERROR_MESSAGES.FORBIDDEN_ERROR, sticky: true }));
         } else {
-          showToast(toast, "error", ERROR_MESSAGES.SOMETHING_WRONG, ERROR_MESSAGES.SOMETHING_WRONG);
+          dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SOMETHING_WRONG, detail: ERROR_MESSAGES.SOMETHING_WRONG }));
         }
       }
     };
@@ -124,7 +124,6 @@ const SolidDashboardBody = ({ dashboardId, questions, filters = [], dashboardLay
 
   return (
     <>
-      <Toast ref={toast} />
       <div
         ref={containerRef as React.RefObject<HTMLDivElement>}
         className={`p-4 ${styles.SolidDashboardContentWrapper}`}
@@ -166,4 +165,4 @@ const SolidDashboardBody = ({ dashboardId, questions, filters = [], dashboardLay
   );
 };
 
-export default SolidDashboardBody;
+export default SolidDashboardBody;

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidIcon } from "../../shad-cn-ui";
 export var SolidDashboardFilterRequired = function () {
     return (_jsx("div", { className: "flex align-items-center justify-content-center", style: { minHeight: '400px', padding: '2rem' }, children: _jsxs("div", { className: "flex flex-column align-items-center gap-3 text-center", style: { maxWidth: '500px' }, children: [_jsx("div", { className: "flex align-items-center justify-content-center border-circle", style: {
                         width: '80px',
                         height: '80px',
                         backgroundColor: 'var(--blue-50)',
                         color: 'var(--blue-500)'
-                    }, children: _jsx("i", { className: "pi pi-filter", style: { color: "var(--primary-color)", fontSize: '2.5rem' } }) }), _jsx("div", { children: _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("h3", { className: "m-0", style: { color: 'var(--text-color)', fontSize: '1.25rem', fontWeight: 600 }, children: "Filters Required" }), _jsx("p", { className: "m-0", style: { color: 'var(--text-color-secondary)', fontSize: '0.95rem', lineHeight: '1.5' }, children: "Please select the required filters to render your dashboard." })] }) })] }) }));
+                    }, children: _jsx(SolidIcon, { name: "si-filter", style: { color: "var(--primary-color)", fontSize: '2.5rem' }, "aria-hidden": true }) }), _jsx("div", { children: _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("h3", { className: "m-0", style: { color: 'var(--text-color)', fontSize: '1.25rem', fontWeight: 600 }, children: "Filters Required" }), _jsx("p", { className: "m-0", style: { color: 'var(--text-color-secondary)', fontSize: '0.95rem', lineHeight: '1.5' }, children: "Please select the required filters to render your dashboard." })] }) })] }) }));
 };
 //# sourceMappingURL=SolidDashboardFilterRequired.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardFilterRequired.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardFilterRequired.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAC5G,eAAK,SAAS,EAAC,uDAAuD,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,aACjG,cACE,SAAS,EAAC,8DAA8D,EACxE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,gBAAgB;wBACjC,KAAK,EAAE,iBAAiB;qBACzB,YAED,YAAG,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAI,GACxF,EACN,wBACE,eAAK,SAAS,EAAC,wBAAwB,aACrC,aAAI,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,iCAAuB,EACtH,YAAG,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,6EAEtG,IACA,GACF,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["\nexport const SolidDashboardFilterRequired = () => {\n  return (\n    <div className=\"flex align-items-center justify-content-center\" style={{ minHeight: '400px', padding: '2rem' }}>\n      <div className=\"flex flex-column align-items-center gap-3 text-center\" style={{ maxWidth: '500px' }}>\n        <div\n          className=\"flex align-items-center justify-content-center border-circle\"\n          style={{\n            width: '80px',\n            height: '80px',\n            backgroundColor: 'var(--blue-50)',\n            color: 'var(--blue-500)'\n          }}\n        >\n          <i className=\"pi pi-filter\" style={{ color: \"var(--primary-color)\", fontSize: '2.5rem' }} />\n        </div>\n        <div>\n          <div className=\"flex flex-column gap-2\">\n            <h3 className=\"m-0\" style={{ color: 'var(--text-color)', fontSize: '1.25rem', fontWeight: 600 }}>Filters Required</h3>\n            <p className=\"m-0\" style={{ color: 'var(--text-color-secondary)', fontSize: '0.95rem', lineHeight: '1.5' }}>\n              Please select the required filters to render your dashboard.\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}"]}
+{"version":3,"file":"SolidDashboardFilterRequired.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardFilterRequired.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAC5G,eAAK,SAAS,EAAC,uDAAuD,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,aACjG,cACE,SAAS,EAAC,8DAA8D,EACxE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,gBAAgB;wBACjC,KAAK,EAAE,iBAAiB;qBACzB,YAED,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,QAAQ,EAAE,wBAAgB,GACpG,EACN,wBACE,eAAK,SAAS,EAAC,wBAAwB,aACrC,aAAI,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,iCAAuB,EACtH,YAAG,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,6EAEtG,IACA,GACF,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { SolidIcon } from \"../../shad-cn-ui\";\nexport const SolidDashboardFilterRequired = () => {\n  return (\n    <div className=\"flex align-items-center justify-content-center\" style={{ minHeight: '400px', padding: '2rem' }}>\n      <div className=\"flex flex-column align-items-center gap-3 text-center\" style={{ maxWidth: '500px' }}>\n        <div\n          className=\"flex align-items-center justify-content-center border-circle\"\n          style={{\n            width: '80px',\n            height: '80px',\n            backgroundColor: 'var(--blue-50)',\n            color: 'var(--blue-500)'\n          }}\n        >\n          <SolidIcon name=\"si-filter\" style={{ color: \"var(--primary-color)\", fontSize: '2.5rem' }} aria-hidden />\n        </div>\n        <div>\n          <div className=\"flex flex-column gap-2\">\n            <h3 className=\"m-0\" style={{ color: 'var(--text-color)', fontSize: '1.25rem', fontWeight: 600 }}>Filters Required</h3>\n            <p className=\"m-0\" style={{ color: 'var(--text-color-secondary)', fontSize: '0.95rem', lineHeight: '1.5' }}>\n              Please select the required filters to render your dashboard.\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}

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

@@ -1,4 +1,4 @@
-
+import { SolidIcon } from "../../shad-cn-ui";
 export const SolidDashboardFilterRequired = () => {
   return (
     <div className="flex align-items-center justify-content-center" style={{ minHeight: '400px', padding: '2rem' }}>
@@ -12,7 +12,7 @@ export const SolidDashboardFilterRequired = () => {
             color: 'var(--blue-500)'
           }}
         >
-          <i className="pi pi-filter" style={{ color: "var(--primary-color)", fontSize: '2.5rem' }} />
+          <SolidIcon name="si-filter" style={{ color: "var(--primary-color)", fontSize: '2.5rem' }} aria-hidden />
         </div>
         <div>
           <div className="flex flex-column gap-2">
@@ -25,4 +25,4 @@ export const SolidDashboardFilterRequired = () => {
       </div>
     </div>
   )
-}
+}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardLoading.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,+CAmDjC,CAAA"}
+{"version":3,"file":"SolidDashboardLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardLoading.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,qBAAqB,+CAmDjC,CAAA"}

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

@@ -1,7 +1,10 @@
 "use client'";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton } from 'primereact/skeleton';
+var SkeletonBlock = function (_a) {
+    var width = _a.width, height = _a.height, className = _a.className;
+    return (_jsx("div", { className: "solid-skeleton ".concat(className !== null && className !== void 0 ? className : ""), style: { width: width, height: height } }));
+};
 export var SolidDashboardLoading = function () {
-    return (_jsxs("div", { className: "grid p-4", children: [_jsx("div", { className: "col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(Skeleton, { width: "40%", height: "1.4rem", className: "mb-2" }), _jsx(Skeleton, { width: "70%", height: "2rem" })] }) }), _jsx("div", { className: "col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(Skeleton, { width: "40%", height: "1.4rem", className: "mb-2" }), _jsx(Skeleton, { width: "70%", height: "2rem" })] }) }), _jsx("div", { className: "col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(Skeleton, { width: "40%", height: "1.4rem", className: "mb-2" }), _jsx(Skeleton, { width: "70%", height: "2rem" })] }) }), _jsx("div", { className: "col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(Skeleton, { width: "30%", height: "1.4rem", className: "mb-3" }), _jsx(Skeleton, { width: "100%", height: "14rem" })] }) }), _jsx("div", { className: "col-12 sm:col-12 md:col-12 lg:col-12 xl:col-8", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(Skeleton, { width: "30%", height: "1.4rem", className: "mb-3" }), _jsx(Skeleton, { width: "100%", height: "14rem" })] }) }), _jsx("div", { className: "col-12", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(Skeleton, { width: "30%", height: "1.4rem", className: "mb-3" }), _jsx(Skeleton, { width: "100%", height: "16rem" })] }) })] }));
+    return (_jsxs("div", { className: "grid p-4", children: [_jsx("div", { className: "col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(SkeletonBlock, { width: "40%", height: "1.4rem", className: "mb-2" }), _jsx(SkeletonBlock, { width: "70%", height: "2rem" })] }) }), _jsx("div", { className: "col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(SkeletonBlock, { width: "40%", height: "1.4rem", className: "mb-2" }), _jsx(SkeletonBlock, { width: "70%", height: "2rem" })] }) }), _jsx("div", { className: "col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(SkeletonBlock, { width: "40%", height: "1.4rem", className: "mb-2" }), _jsx(SkeletonBlock, { width: "70%", height: "2rem" })] }) }), _jsx("div", { className: "col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(SkeletonBlock, { width: "30%", height: "1.4rem", className: "mb-3" }), _jsx(SkeletonBlock, { width: "100%", height: "14rem" })] }) }), _jsx("div", { className: "col-12 sm:col-12 md:col-12 lg:col-12 xl:col-8", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(SkeletonBlock, { width: "30%", height: "1.4rem", className: "mb-3" }), _jsx(SkeletonBlock, { width: "100%", height: "14rem" })] }) }), _jsx("div", { className: "col-12", children: _jsxs("div", { className: "surface-card p-3 border-round shadow-1", children: [_jsx(SkeletonBlock, { width: "30%", height: "1.4rem", className: "mb-3" }), _jsx(SkeletonBlock, { width: "100%", height: "16rem" })] }) })] }));
 };
 //# sourceMappingURL=SolidDashboardLoading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardLoading.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardLoading.tsx"],"names":[],"mappings":"AAAA,aAAa,CAAA;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACjC,OAAO,CACH,eAAK,SAAS,EAAC,UAAU,aAGrB,cAAK,SAAS,EAAC,6CAA6C,YACxD,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,GAAG,IACpC,GACJ,EAEN,cAAK,SAAS,EAAC,6CAA6C,YACxD,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,GAAG,IACpC,GACJ,EAEN,cAAK,SAAS,EAAC,6CAA6C,YACxD,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,GAAG,IACpC,GACJ,EAGN,cAAK,SAAS,EAAC,6CAA6C,YACxD,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,IACtC,GACJ,EAEN,cAAK,SAAS,EAAC,+CAA+C,YAC1D,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,IACtC,GACJ,EAGN,cAAK,SAAS,EAAC,QAAQ,YACnB,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,IACtC,GACJ,IAEJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\"use client'\"\nimport { Skeleton } from 'primereact/skeleton'\n\nexport const SolidDashboardLoading = () => {\n    return (\n        <div className=\"grid p-4\">\n\n            {/* ROW 1 — Responsive KPI Cards */}\n            <div className=\"col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <Skeleton width=\"40%\" height=\"1.4rem\" className=\"mb-2\" />\n                    <Skeleton width=\"70%\" height=\"2rem\" />\n                </div>\n            </div>\n\n            <div className=\"col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <Skeleton width=\"40%\" height=\"1.4rem\" className=\"mb-2\" />\n                    <Skeleton width=\"70%\" height=\"2rem\" />\n                </div>\n            </div>\n\n            <div className=\"col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <Skeleton width=\"40%\" height=\"1.4rem\" className=\"mb-2\" />\n                    <Skeleton width=\"70%\" height=\"2rem\" />\n                </div>\n            </div>\n\n            {/* ROW 2 — Responsive Charts: 2 cards on desktop, but collapses */}\n            <div className=\"col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <Skeleton width=\"30%\" height=\"1.4rem\" className=\"mb-3\" />\n                    <Skeleton width=\"100%\" height=\"14rem\" />\n                </div>\n            </div>\n\n            <div className=\"col-12 sm:col-12 md:col-12 lg:col-12 xl:col-8\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <Skeleton width=\"30%\" height=\"1.4rem\" className=\"mb-3\" />\n                    <Skeleton width=\"100%\" height=\"14rem\" />\n                </div>\n            </div>\n\n            {/* ROW 3 — Full width always */}\n            <div className=\"col-12\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <Skeleton width=\"30%\" height=\"1.4rem\" className=\"mb-3\" />\n                    <Skeleton width=\"100%\" height=\"16rem\" />\n                </div>\n            </div>\n\n        </div>\n    )\n}"]}
+{"version":3,"file":"SolidDashboardLoading.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardLoading.tsx"],"names":[],"mappings":"AAAA,aAAa,CAAA;;AAEb,IAAM,aAAa,GAAG,UAAC,EAAqF;QAAnF,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA;IAAgE,OAAA,CAC7G,cACI,SAAS,EAAE,yBAAkB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,EAC9C,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,GAC1B,CACL;AALgH,CAKhH,CAAC;AAEF,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACjC,OAAO,CACH,eAAK,SAAS,EAAC,UAAU,aAGrB,cAAK,SAAS,EAAC,6CAA6C,YACxD,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EAC9D,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,GAAG,IACzC,GACJ,EAEN,cAAK,SAAS,EAAC,6CAA6C,YACxD,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EAC9D,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,GAAG,IACzC,GACJ,EAEN,cAAK,SAAS,EAAC,6CAA6C,YACxD,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EAC9D,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,GAAG,IACzC,GACJ,EAGN,cAAK,SAAS,EAAC,6CAA6C,YACxD,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EAC9D,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,IAC3C,GACJ,EAEN,cAAK,SAAS,EAAC,+CAA+C,YAC1D,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EAC9D,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,IAC3C,GACJ,EAGN,cAAK,SAAS,EAAC,QAAQ,YACnB,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,EAC9D,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,IAC3C,GACJ,IAEJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\"use client'\"\n\nconst SkeletonBlock = ({ width, height, className }: { width?: string; height?: string; className?: string }) => (\n    <div\n        className={`solid-skeleton ${className ?? \"\"}`}\n        style={{ width, height }}\n    />\n);\n\nexport const SolidDashboardLoading = () => {\n    return (\n        <div className=\"grid p-4\">\n\n            {/* ROW 1 — Responsive KPI Cards */}\n            <div className=\"col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <SkeletonBlock width=\"40%\" height=\"1.4rem\" className=\"mb-2\" />\n                    <SkeletonBlock width=\"70%\" height=\"2rem\" />\n                </div>\n            </div>\n\n            <div className=\"col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <SkeletonBlock width=\"40%\" height=\"1.4rem\" className=\"mb-2\" />\n                    <SkeletonBlock width=\"70%\" height=\"2rem\" />\n                </div>\n            </div>\n\n            <div className=\"col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <SkeletonBlock width=\"40%\" height=\"1.4rem\" className=\"mb-2\" />\n                    <SkeletonBlock width=\"70%\" height=\"2rem\" />\n                </div>\n            </div>\n\n            {/* ROW 2 — Responsive Charts: 2 cards on desktop, but collapses */}\n            <div className=\"col-12 sm:col-12 md:col-6 lg:col-6 xl:col-4\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <SkeletonBlock width=\"30%\" height=\"1.4rem\" className=\"mb-3\" />\n                    <SkeletonBlock width=\"100%\" height=\"14rem\" />\n                </div>\n            </div>\n\n            <div className=\"col-12 sm:col-12 md:col-12 lg:col-12 xl:col-8\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <SkeletonBlock width=\"30%\" height=\"1.4rem\" className=\"mb-3\" />\n                    <SkeletonBlock width=\"100%\" height=\"14rem\" />\n                </div>\n            </div>\n\n            {/* ROW 3 — Full width always */}\n            <div className=\"col-12\">\n                <div className=\"surface-card p-3 border-round shadow-1\">\n                    <SkeletonBlock width=\"30%\" height=\"1.4rem\" className=\"mb-3\" />\n                    <SkeletonBlock width=\"100%\" height=\"16rem\" />\n                </div>\n            </div>\n\n        </div>\n    )\n}\n"]}