@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.3

package/dist/components/core/list/SolidListViewHeaderContextMenuButton.js

@@ -1,21 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
-import { Button } from "primereact/button";
 import { useSession } from "../../../hooks/useSession";
+import { SquarePen } from "lucide-react";
+import { SolidDropdownMenuItem } from "../../shad-cn-ui";
+import { SolidIcon, parseSolidIconMeta } from "../../shad-cn-ui/SolidIcon";
 export var SolidListViewHeaderContextMenuButton = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var button = _a.button, params = _a.params, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick;
-    var _g = useSession(), session = _g.data, status = _g.status;
+    var _b, _c, _d, _e;
+    var button = _a.button, params = _a.params, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick, onActionComplete = _a.onActionComplete;
+    var _f = useSession(), session = _f.data, status = _f.status;
     var user = session === null || session === void 0 ? void 0 : session.user;
     var hasRole = !((_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.roles) || ((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.roles.length) === 0 ? true : hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.roles);
     if (!hasRole)
         return null;
-    return (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-2", label: button.attrs.label, size: "small", iconPos: "left", icon: ((_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.className) ? (_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.className : "pi pi-pencil", onClick: function () {
+    return (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
             var event = {
                 params: params,
                 solidListViewMetaData: solidListViewMetaData.data,
             };
             handleCustomButtonClick(button.attrs, event);
-        } }));
+            onActionComplete === null || onActionComplete === void 0 ? void 0 : onActionComplete();
+        }, children: [((_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.icon)
+                ? (function () { var m = parseSolidIconMeta(button.attrs.icon); return m ? _jsx(SolidIcon, { name: m.name, spin: m.spin, className: "solid-header-action-button-icon" }) : _jsx("i", { className: "".concat(button.attrs.icon, " solid-header-action-button-icon") }); })()
+                : _jsx(SquarePen, { size: 14, className: "solid-header-action-button-icon" }), _jsx("span", { className: "solid-header-action-button-label", children: button.attrs.label })] }));
 };
 //# sourceMappingURL=SolidListViewHeaderContextMenuButton.js.map

package/dist/components/core/list/SolidListViewHeaderContextMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewHeaderContextMenuButton.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,MAAM,CAAC,IAAM,oCAAoC,GAAG,UAAC,EAAuE;;QAArE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA;IAE3G,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAC/C,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;IAE3B,IAAM,OAAO,GAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IAElI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACH,KAAC,MAAM,IACH,IAAI,QACJ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EACzB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC,CAAC,cAAc,EAC1E,OAAO,EAAE;YACL,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;aACpD,CAAC;YACF,uBAAuB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { Button } from \"primereact/button\";\nimport { useSession } from \"../../../hooks/useSession\";\n\nexport const SolidListViewHeaderContextMenuButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick }: any) => {\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n\n    if (!hasRole) return null;\n\n    return (\n        <Button\n            text\n            type=\"button\"\n            className=\"w-full text-left gap-2\"\n            label={button.attrs.label}\n            size=\"small\"\n            iconPos=\"left\"\n            icon={button?.attrs?.className ? button?.attrs?.className : \"pi pi-pencil\"}\n            onClick={() => {\n                const event = {\n                    params,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                };\n                handleCustomButtonClick(button.attrs, event);\n            }}\n        />\n    );\n};"]}
+{"version":3,"file":"SolidListViewHeaderContextMenuButton.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,MAAM,CAAC,IAAM,oCAAoC,GAAG,UAAC,EAAyF;;QAAvF,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA,EAAE,gBAAgB,sBAAA;IAE7H,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAC/C,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;IAE3B,IAAM,OAAO,GAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IAElI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACH,MAAC,qBAAqB,IAClB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE;YACN,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;aACpD,CAAC;YACF,uBAAuB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC7C,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACzB,CAAC,aAEA,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI;gBAChB,CAAC,CAAC,CAAC,cAAQ,IAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAC,iCAAiC,GAAG,CAAC,CAAC,CAAC,YAAG,SAAS,EAAE,UAAG,MAAM,CAAC,KAAK,CAAC,IAAI,qCAAkC,GAAI,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC7O,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iCAAiC,GAAG,EACzE,eAAM,SAAS,EAAC,kCAAkC,YAAE,MAAM,CAAC,KAAK,CAAC,KAAK,GAAQ,IAC1D,CAC3B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../hooks/useSession\";\nimport { SquarePen } from \"lucide-react\";\nimport { SolidDropdownMenuItem } from \"../../shad-cn-ui\";\nimport { SolidIcon, parseSolidIconMeta } from \"../../shad-cn-ui/SolidIcon\";\n\nexport const SolidListViewHeaderContextMenuButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n\n    if (!hasRole) return null;\n\n    return (\n        <SolidDropdownMenuItem\n            className=\"solid-header-dropdown-item\"\n            onSelect={() => {\n                const event = {\n                    params,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                };\n                handleCustomButtonClick(button.attrs, event);\n                onActionComplete?.();\n            }}\n        >\n            {button?.attrs?.icon\n                ? (() => { const m = parseSolidIconMeta(button.attrs.icon); return m ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-header-action-button-icon\" /> : <i className={`${button.attrs.icon} solid-header-action-button-icon`} />; })()\n                : <SquarePen size={14} className=\"solid-header-action-button-icon\" />}\n            <span className=\"solid-header-action-button-label\">{button.attrs.label}</span>\n        </SolidDropdownMenuItem>\n    );\n};\n"]}

package/dist/components/core/list/SolidListViewHeaderContextMenuButton.tsx

@@ -1,8 +1,10 @@
 import { hasAnyRole } from "../../../helpers/rolesHelper";
-import { Button } from "primereact/button";
 import { useSession } from "../../../hooks/useSession";
+import { SquarePen } from "lucide-react";
+import { SolidDropdownMenuItem } from "../../shad-cn-ui";
+import { SolidIcon, parseSolidIconMeta } from "../../shad-cn-ui/SolidIcon";
 
-export const SolidListViewHeaderContextMenuButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick }: any) => {
+export const SolidListViewHeaderContextMenuButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {
 
     const { data: session, status } = useSession();
     const user = session?.user;
@@ -12,21 +14,21 @@ export const SolidListViewHeaderContextMenuButton = ({ button, params, solidList
     if (!hasRole) return null;
 
     return (
-        <Button
-            text
-            type="button"
-            className="w-full text-left gap-2"
-            label={button.attrs.label}
-            size="small"
-            iconPos="left"
-            icon={button?.attrs?.className ? button?.attrs?.className : "pi pi-pencil"}
-            onClick={() => {
+        <SolidDropdownMenuItem
+            className="solid-header-dropdown-item"
+            onSelect={() => {
                 const event = {
                     params,
                     solidListViewMetaData: solidListViewMetaData.data,
                 };
                 handleCustomButtonClick(button.attrs, event);
+                onActionComplete?.();
             }}
-        />
+        >
+            {button?.attrs?.icon
+                ? (() => { const m = parseSolidIconMeta(button.attrs.icon); return m ? <SolidIcon name={m.name} spin={m.spin} className="solid-header-action-button-icon" /> : <i className={`${button.attrs.icon} solid-header-action-button-icon`} />; })()
+                : <SquarePen size={14} className="solid-header-action-button-icon" />}
+            <span className="solid-header-action-button-label">{button.attrs.label}</span>
+        </SolidDropdownMenuItem>
     );
-};
+};

package/dist/components/core/list/SolidListViewRowActionMenuItem.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidListViewRowActionMenuItem: ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SolidListViewRowActionMenuItem.d.ts.map

package/dist/components/core/list/SolidListViewRowActionMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewRowActionMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionMenuItem.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B,kGAAmG,GAAG,mDAqChJ,CAAC"}

package/dist/components/core/list/SolidListViewRowActionMenuItem.js

@@ -0,0 +1,42 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSession } from "../../../hooks/useSession";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { SquarePen } from "lucide-react";
+import { SolidIcon, parseSolidIconMeta } from "../../shad-cn-ui/SolidIcon";
+export var SolidListViewRowActionMenuItem = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var button = _a.button, params = _a.params, rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick, onActionComplete = _a.onActionComplete;
+    var _h = useSession(), session = _h.data, status = _h.status;
+    var user = session === null || session === void 0 ? void 0 : session.user;
+    var hasRole = !((_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.roles) || ((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.roles.length) === 0 ? true : hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.roles);
+    if (!hasRole)
+        return null;
+    return (_jsxs("button", { type: "button", className: "solid-row-action-button ".concat(((_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.className) ? (_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.className : ''), onClick: function () {
+            var event = {
+                params: params,
+                rowData: rowData,
+                solidListViewMetaData: solidListViewMetaData.data,
+            };
+            var modifiedButtonAttrs = __assign({}, button.attrs); // Create a copy
+            // Conditionally add popupWidth for specific actions
+            if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {
+                modifiedButtonAttrs.popupWidth = '30vw';
+            }
+            handleCustomButtonClick(modifiedButtonAttrs, event);
+            onActionComplete === null || onActionComplete === void 0 ? void 0 : onActionComplete();
+        }, children: [((_g = button === null || button === void 0 ? void 0 : button.attrs) === null || _g === void 0 ? void 0 : _g.icon)
+                ? (function () { var m = parseSolidIconMeta(button.attrs.icon); return m ? _jsx(SolidIcon, { name: m.name, spin: m.spin, className: "solid-row-action-button-icon" }) : _jsx("i", { className: "".concat(button.attrs.icon, " solid-row-action-button-icon") }); })()
+                : _jsx(SquarePen, { size: 14, className: "solid-row-action-button-icon" }), _jsx("span", { className: "solid-row-action-button-label", children: button.attrs.label })] }));
+};
+//# sourceMappingURL=SolidListViewRowActionMenuItem.js.map

package/dist/components/core/list/SolidListViewRowActionMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewRowActionMenuItem.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAAC,EAAkG;;QAAhG,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA,EAAE,gBAAgB,sBAAA;IAEhI,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAC/C,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;IAE3B,IAAM,OAAO,GAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IAElI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACH,kBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kCAA2B,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAChG,OAAO,EAAE;YACL,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,OAAO,EAAE,OAAO;gBAChB,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;aACpD,CAAC;YAEF,IAAM,mBAAmB,gBAAQ,MAAM,CAAC,KAAK,CAAE,CAAC,CAAC,gBAAgB;YAEjE,oDAAoD;YACpD,IAAI,mBAAmB,CAAC,MAAM,KAAK,4BAA4B,IAAI,mBAAmB,CAAC,MAAM,KAAK,6BAA6B,EAAE;gBAC7H,mBAAmB,CAAC,UAAU,GAAG,MAAM,CAAC;aAC3C;YAED,uBAAuB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;YACpD,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACzB,CAAC,aAEA,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI;gBAChB,CAAC,CAAC,CAAC,cAAQ,IAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAC,8BAA8B,GAAG,CAAC,CAAC,CAAC,YAAG,SAAS,EAAE,UAAG,MAAM,CAAC,KAAK,CAAC,IAAI,kCAA+B,GAAI,CAAC,CAAC,CAAC,CAAC,EAAE;gBACvO,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,8BAA8B,GAAG,EACtE,eAAM,SAAS,EAAC,+BAA+B,YAAE,MAAM,CAAC,KAAK,CAAC,KAAK,GAAQ,IACtE,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useSession } from \"../../../hooks/useSession\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { SquarePen } from \"lucide-react\";\nimport { SolidIcon, parseSolidIconMeta } from \"../../shad-cn-ui/SolidIcon\";\n\nexport const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n\n    if (!hasRole) return null;\n\n    return (\n        <button\n            type=\"button\"\n            className={`solid-row-action-button ${button?.attrs?.className ? button?.attrs?.className : ''}`}\n            onClick={() => {\n                const event = {\n                    params,\n                    rowData: rowData,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                };\n\n                const modifiedButtonAttrs = { ...button.attrs }; // Create a copy\n\n                // Conditionally add popupWidth for specific actions\n                if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {\n                    modifiedButtonAttrs.popupWidth = '30vw';\n                }\n\n                handleCustomButtonClick(modifiedButtonAttrs, event);\n                onActionComplete?.();\n            }}\n        >\n            {button?.attrs?.icon\n                ? (() => { const m = parseSolidIconMeta(button.attrs.icon); return m ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-row-action-button-icon\" /> : <i className={`${button.attrs.icon} solid-row-action-button-icon`} />; })()\n                : <SquarePen size={14} className=\"solid-row-action-button-icon\" />}\n            <span className=\"solid-row-action-button-label\">{button.attrs.label}</span>\n        </button>\n    );\n};\n"]}

package/dist/components/core/list/SolidListViewRowActionMenuItem.tsx

@@ -0,0 +1,43 @@
+import { useSession } from "../../../hooks/useSession";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { SquarePen } from "lucide-react";
+import { SolidIcon, parseSolidIconMeta } from "../../shad-cn-ui/SolidIcon";
+
+export const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {
+
+    const { data: session, status } = useSession();
+    const user = session?.user;
+
+    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+
+    if (!hasRole) return null;
+
+    return (
+        <button
+            type="button"
+            className={`solid-row-action-button ${button?.attrs?.className ? button?.attrs?.className : ''}`}
+            onClick={() => {
+                const event = {
+                    params,
+                    rowData: rowData,
+                    solidListViewMetaData: solidListViewMetaData.data,
+                };
+
+                const modifiedButtonAttrs = { ...button.attrs }; // Create a copy
+
+                // Conditionally add popupWidth for specific actions
+                if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {
+                    modifiedButtonAttrs.popupWidth = '30vw';
+                }
+
+                handleCustomButtonClick(modifiedButtonAttrs, event);
+                onActionComplete?.();
+            }}
+        >
+            {button?.attrs?.icon
+                ? (() => { const m = parseSolidIconMeta(button.attrs.icon); return m ? <SolidIcon name={m.name} spin={m.spin} className="solid-row-action-button-icon" /> : <i className={`${button.attrs.icon} solid-row-action-button-icon`} />; })()
+                : <SquarePen size={14} className="solid-row-action-button-icon" />}
+            <span className="solid-row-action-button-label">{button.attrs.label}</span>
+        </button>
+    );
+};

package/dist/components/core/list/SolidListViewRowActionsMenu.d.ts

@@ -0,0 +1,2 @@
+export declare function SolidListViewRowActionsMenu({ rowData, hasEditInContextMenu, hasDeleteInContextMenu, hasCustomContextMenuButtons, solidListViewLayout, solidListViewMetaData, params, handleCustomButtonClick, onSelectRow, onEdit, onDelete, contentClassName, }: any): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SolidListViewRowActionsMenu.d.ts.map

package/dist/components/core/list/SolidListViewRowActionsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewRowActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionsMenu.tsx"],"names":[],"mappings":"AAKA,wBAAgB,2BAA2B,CAAC,EAC1C,OAAO,EACP,oBAAoB,EACpB,sBAAsB,EACtB,2BAA2B,EAC3B,mBAAmB,EACnB,qBAAqB,EACrB,MAAM,EACN,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,QAAQ,EACR,gBAAgB,GACjB,EAAE,GAAG,kDAuFL"}

package/dist/components/core/list/SolidListViewRowActionsMenu.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Ellipsis, SquarePen, Trash2 } from "lucide-react";
+import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../../shad-cn-ui/SolidPopover";
+import { SolidListViewRowActionMenuItem } from "./SolidListViewRowActionMenuItem";
+export function SolidListViewRowActionsMenu(_a) {
+    var _b, _c, _d;
+    var rowData = _a.rowData, hasEditInContextMenu = _a.hasEditInContextMenu, hasDeleteInContextMenu = _a.hasDeleteInContextMenu, hasCustomContextMenuButtons = _a.hasCustomContextMenuButtons, solidListViewLayout = _a.solidListViewLayout, solidListViewMetaData = _a.solidListViewMetaData, params = _a.params, handleCustomButtonClick = _a.handleCustomButtonClick, onSelectRow = _a.onSelectRow, onEdit = _a.onEdit, onDelete = _a.onDelete, contentClassName = _a.contentClassName;
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
+    var handleOpenChange = function (nextOpen) {
+        if (nextOpen) {
+            onSelectRow === null || onSelectRow === void 0 ? void 0 : onSelectRow(rowData);
+        }
+        setOpen(nextOpen);
+    };
+    var visibleCustomButtons = (_d = (_c = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons) === null || _c === void 0 ? void 0 : _c.filter(function (rb) { var _a, _b; return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true && ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false; })) !== null && _d !== void 0 ? _d : [];
+    var hasAnyItems = hasEditInContextMenu || (hasDeleteInContextMenu && !params.embeded) || visibleCustomButtons.length > 0;
+    if (!hasAnyItems)
+        return null;
+    return (_jsxs(SolidPopover, { open: open, onOpenChange: handleOpenChange, autoCloseGroup: "solid-list-row-actions", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-row-menu-trigger", "data-no-row-click": "true", onClick: function (event) {
+                        event.stopPropagation();
+                        onSelectRow === null || onSelectRow === void 0 ? void 0 : onSelectRow(rowData);
+                    }, "aria-label": "Open row actions", children: _jsx(Ellipsis, { size: 16 }) }) }), _jsx(SolidPopoverContent, { side: "left", align: "center", className: contentClassName, onClick: function (event) { return event.stopPropagation(); }, children: _jsxs("div", { className: "solid-row-actions-menu", children: [hasEditInContextMenu && (_jsxs("button", { type: "button", className: "solid-row-action-button", onClick: function () {
+                                onEdit === null || onEdit === void 0 ? void 0 : onEdit(rowData);
+                                setOpen(false);
+                            }, children: [_jsx(SquarePen, { size: 14, className: "solid-row-action-button-icon" }), _jsx("span", { className: "solid-row-action-button-label", children: "Edit" })] })), hasDeleteInContextMenu && !params.embeded && (_jsxs("button", { type: "button", className: "solid-row-action-button solid-row-action-button-danger", onClick: function () {
+                                onDelete === null || onDelete === void 0 ? void 0 : onDelete(rowData);
+                                setOpen(false);
+                            }, children: [_jsx(Trash2, { size: 14, className: "solid-row-action-button-icon" }), _jsx("span", { className: "solid-row-action-button-label", children: "Delete" })] })), hasCustomContextMenuButtons &&
+                            visibleCustomButtons.map(function (button, index) { return (_jsx(SolidListViewRowActionMenuItem, { button: button, params: params, rowData: rowData, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, onActionComplete: function () { return setOpen(false); } }, "".concat(index, "-").concat((rowData === null || rowData === void 0 ? void 0 : rowData.id) || ""))); })] }) })] }));
+}
+//# sourceMappingURL=SolidListViewRowActionsMenu.js.map

package/dist/components/core/list/SolidListViewRowActionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewRowActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport { Ellipsis, SquarePen, Trash2 } from \"lucide-react\";\nimport { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../../shad-cn-ui/SolidPopover\";\nimport { SolidListViewRowActionMenuItem } from \"./SolidListViewRowActionMenuItem\";\n\nexport function SolidListViewRowActionsMenu({\n  rowData,\n  hasEditInContextMenu,\n  hasDeleteInContextMenu,\n  hasCustomContextMenuButtons,\n  solidListViewLayout,\n  solidListViewMetaData,\n  params,\n  handleCustomButtonClick,\n  onSelectRow,\n  onEdit,\n  onDelete,\n  contentClassName,\n}: any) {\n  const [open, setOpen] = useState(false);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (nextOpen) {\n      onSelectRow?.(rowData);\n    }\n    setOpen(nextOpen);\n  };\n\n  const visibleCustomButtons =\n    solidListViewLayout?.attrs?.rowButtons?.filter(\n      (rb: any) => rb?.attrs?.actionInContextMenu === true && rb?.attrs?.visible !== false\n    ) ?? [];\n\n  const hasAnyItems =\n    hasEditInContextMenu || (hasDeleteInContextMenu && !params.embeded) || visibleCustomButtons.length > 0;\n\n  if (!hasAnyItems) return null;\n\n  return (\n    <SolidPopover open={open} onOpenChange={handleOpenChange} autoCloseGroup=\"solid-list-row-actions\">\n      <SolidPopoverTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"solid-row-menu-trigger\"\n          data-no-row-click=\"true\"\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            onSelectRow?.(rowData);\n          }}\n          aria-label=\"Open row actions\"\n        >\n          <Ellipsis size={16} />\n        </button>\n      </SolidPopoverTrigger>\n      <SolidPopoverContent\n        side=\"left\"\n        align=\"center\"\n        className={contentClassName}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <div className=\"solid-row-actions-menu\">\n          {hasEditInContextMenu && (\n            <button\n              type=\"button\"\n              className=\"solid-row-action-button\"\n              onClick={() => {\n                onEdit?.(rowData);\n                setOpen(false);\n              }}\n            >\n              <SquarePen size={14} className=\"solid-row-action-button-icon\" />\n              <span className=\"solid-row-action-button-label\">Edit</span>\n            </button>\n          )}\n\n          {hasDeleteInContextMenu && !params.embeded && (\n            <button\n              type=\"button\"\n              className=\"solid-row-action-button solid-row-action-button-danger\"\n              onClick={() => {\n                onDelete?.(rowData);\n                setOpen(false);\n              }}\n            >\n              <Trash2 size={14} className=\"solid-row-action-button-icon\" />\n              <span className=\"solid-row-action-button-label\">Delete</span>\n            </button>\n          )}\n\n          {hasCustomContextMenuButtons &&\n            visibleCustomButtons.map((button: any, index: number) => (\n              <SolidListViewRowActionMenuItem\n                key={`${index}-${rowData?.id || \"\"}`}\n                button={button}\n                params={params}\n                rowData={rowData}\n                solidListViewMetaData={solidListViewMetaData}\n                handleCustomButtonClick={handleCustomButtonClick}\n                onActionComplete={() => setOpen(false)}\n              />\n            ))}\n        </div>\n      </SolidPopoverContent>\n    </SolidPopover>\n  );\n}\n"]}

package/dist/components/core/list/SolidListViewRowActionsMenu.tsx

@@ -0,0 +1,106 @@
+import React, { useState } from "react";
+import { Ellipsis, SquarePen, Trash2 } from "lucide-react";
+import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../../shad-cn-ui/SolidPopover";
+import { SolidListViewRowActionMenuItem } from "./SolidListViewRowActionMenuItem";
+
+export function SolidListViewRowActionsMenu({
+  rowData,
+  hasEditInContextMenu,
+  hasDeleteInContextMenu,
+  hasCustomContextMenuButtons,
+  solidListViewLayout,
+  solidListViewMetaData,
+  params,
+  handleCustomButtonClick,
+  onSelectRow,
+  onEdit,
+  onDelete,
+  contentClassName,
+}: any) {
+  const [open, setOpen] = useState(false);
+
+  const handleOpenChange = (nextOpen: boolean) => {
+    if (nextOpen) {
+      onSelectRow?.(rowData);
+    }
+    setOpen(nextOpen);
+  };
+
+  const visibleCustomButtons =
+    solidListViewLayout?.attrs?.rowButtons?.filter(
+      (rb: any) => rb?.attrs?.actionInContextMenu === true && rb?.attrs?.visible !== false
+    ) ?? [];
+
+  const hasAnyItems =
+    hasEditInContextMenu || (hasDeleteInContextMenu && !params.embeded) || visibleCustomButtons.length > 0;
+
+  if (!hasAnyItems) return null;
+
+  return (
+    <SolidPopover open={open} onOpenChange={handleOpenChange} autoCloseGroup="solid-list-row-actions">
+      <SolidPopoverTrigger asChild>
+        <button
+          type="button"
+          className="solid-row-menu-trigger"
+          data-no-row-click="true"
+          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+            event.stopPropagation();
+            onSelectRow?.(rowData);
+          }}
+          aria-label="Open row actions"
+        >
+          <Ellipsis size={16} />
+        </button>
+      </SolidPopoverTrigger>
+      <SolidPopoverContent
+        side="left"
+        align="center"
+        className={contentClassName}
+        onClick={(event) => event.stopPropagation()}
+      >
+        <div className="solid-row-actions-menu">
+          {hasEditInContextMenu && (
+            <button
+              type="button"
+              className="solid-row-action-button"
+              onClick={() => {
+                onEdit?.(rowData);
+                setOpen(false);
+              }}
+            >
+              <SquarePen size={14} className="solid-row-action-button-icon" />
+              <span className="solid-row-action-button-label">Edit</span>
+            </button>
+          )}
+
+          {hasDeleteInContextMenu && !params.embeded && (
+            <button
+              type="button"
+              className="solid-row-action-button solid-row-action-button-danger"
+              onClick={() => {
+                onDelete?.(rowData);
+                setOpen(false);
+              }}
+            >
+              <Trash2 size={14} className="solid-row-action-button-icon" />
+              <span className="solid-row-action-button-label">Delete</span>
+            </button>
+          )}
+
+          {hasCustomContextMenuButtons &&
+            visibleCustomButtons.map((button: any, index: number) => (
+              <SolidListViewRowActionMenuItem
+                key={`${index}-${rowData?.id || ""}`}
+                button={button}
+                params={params}
+                rowData={rowData}
+                solidListViewMetaData={solidListViewMetaData}
+                handleCustomButtonClick={handleCustomButtonClick}
+                onActionComplete={() => setOpen(false)}
+              />
+            ))}
+        </div>
+      </SolidPopoverContent>
+    </SolidPopover>
+  );
+}

package/dist/components/core/list/SolidListViewShimmerLoading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewShimmerLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewShimmerLoading.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,+CA0EvC,CAAA"}
+{"version":3,"file":"SolidListViewShimmerLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewShimmerLoading.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,+CAMvC,CAAA"}

package/dist/components/core/list/SolidListViewShimmerLoading.js

@@ -1,7 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton } from 'primereact/skeleton';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SolidSpinner } from "../../shad-cn-ui";
 export var SolidListViewShimmerLoading = function () {
-    var rows = Array.from({ length: 14 });
-    return (_jsx("div", { className: 'h-screen surface-0', children: _jsxs("div", { className: 'solid-list-skeleton-wrapper', children: [_jsxs("table", { className: "solid-list-skeleton-table", style: { borderCollapse: 'collapse', width: '100%' }, children: [_jsx("thead", { children: _jsxs("tr", { className: "solid-list-skeleton-header", children: [_jsx("th", { className: "solid-list-skeleton-col-1", children: _jsx(Skeleton, { width: "16px", height: '16px', className: 'border-round-xs' }) }), _jsx("th", { className: "solid-list-skeleton-col-2", children: _jsx(Skeleton, { width: "70px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-3", children: _jsx(Skeleton, { width: "90px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-4", children: _jsx(Skeleton, { width: "80px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-5", children: _jsx(Skeleton, { width: "90px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-6", children: _jsx(Skeleton, { width: "100px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-7", children: _jsx(Skeleton, { width: "30px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-8", children: _jsx(Skeleton, { width: "30px", className: 'border-round-lg' }) })] }) }), _jsx("tbody", { children: rows.map(function (_, i) { return (_jsxs("tr", { className: "solid-list-skeleton-row", children: [_jsx("td", { children: _jsx(Skeleton, { width: "16px", height: '16px', className: 'border-round-xs' }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { shape: "circle", height: '15px', width: '15px' }) }), _jsx("td", { children: _jsx(Skeleton, { width: "5px", height: '20px' }) })] }, i)); }) })] }), _jsxs("div", { className: 'solid-list-skeleton-footer flex align-items-center justify-content-between', children: [_jsxs("div", { className: 'flex align-items-center gap-3', children: [_jsx(Skeleton, { width: "5rem", height: "1rem" }), _jsx(Skeleton, { width: "30px", height: '15px', className: 'border-round-sm' })] }), _jsxs("div", { className: 'flex align-items-center gap-3', children: [_jsx(Skeleton, { width: "70px" }), _jsx(Skeleton, { width: "10px", height: '15px', className: 'border-round-sm' }), _jsx(Skeleton, { width: "15px", height: '15px', className: 'border-round-sm' })] })] })] }) }));
+    return (_jsx("div", { className: 'solid-list-loading-state', children: _jsx(SolidSpinner, { size: 30, label: "Loading records" }) }));
 };
 //# sourceMappingURL=SolidListViewShimmerLoading.js.map

package/dist/components/core/list/SolidListViewShimmerLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewShimmerLoading.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewShimmerLoading.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Skeleton } from 'primereact/skeleton'\nimport React from 'react'\n\nexport const SolidListViewShimmerLoading = () => {\n    const rows = Array.from({ length: 14 });\n    return (\n        <div className='h-screen surface-0'>\n            {/* <div className=\"page-header pl-2 \">\n                <div className='flex align-items-center gap-3'>\n                    <Skeleton width=\"50px\" height='1.4rem' className='md:h-1.3rem border-round-lg '></Skeleton>\n                    <Skeleton width=\"300px\" className='border-round-lg hidden md:flex'></Skeleton>\n                </div>\n                <div className='flex align-items-center gap-3'>\n                    <Skeleton width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem\" />\n                    <Skeleton width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem\" />\n                    <Skeleton width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem flex md:hidden\" />\n                </div>\n            </div> */}\n            <div className='solid-list-skeleton-wrapper'>\n                <table className=\"solid-list-skeleton-table\" style={{ borderCollapse: 'collapse', width: '100%' }}>\n                    <thead>\n                        <tr className=\"solid-list-skeleton-header\">\n                            <th className=\"solid-list-skeleton-col-1\">\n                                <Skeleton width=\"16px\" height='16px' className='border-round-xs' />\n                            </th>\n                            <th className=\"solid-list-skeleton-col-2\">\n                                <Skeleton width=\"70px\" className='border-round-lg' />\n                            </th>\n                            <th className=\"solid-list-skeleton-col-3\">\n                                <Skeleton width=\"90px\" className='border-round-lg' />\n                            </th>\n                            <th className=\"solid-list-skeleton-col-4\">\n                                <Skeleton width=\"80px\" className='border-round-lg' />\n                            </th>\n                            <th className=\"solid-list-skeleton-col-5\">\n                                <Skeleton width=\"90px\" className='border-round-lg' />\n                            </th>\n                            <th className=\"solid-list-skeleton-col-6\">\n                                <Skeleton width=\"100px\" className='border-round-lg' />\n                            </th>\n                            <th className=\"solid-list-skeleton-col-7\">\n                                <Skeleton width=\"30px\" className='border-round-lg' />\n                            </th>\n                            <th className=\"solid-list-skeleton-col-8\">\n                                <Skeleton width=\"30px\" className='border-round-lg' />\n                            </th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {rows.map((_, i) => (\n                            <tr className=\"solid-list-skeleton-row\" key={i}>\n                                <td><Skeleton width=\"16px\" height='16px' className='border-round-xs'/></td>\n                                <td><Skeleton width=\"50%\" /></td>\n                                <td><Skeleton width=\"50%\" /></td>\n                                <td><Skeleton width=\"50%\" /></td>\n                                <td><Skeleton width=\"50%\" /></td>\n                                <td><Skeleton width=\"50%\" /></td>\n                                <td><Skeleton shape=\"circle\" height='15px' width='15px' /></td>\n                                <td><Skeleton width=\"5px\" height='20px' /></td>\n                            </tr>\n                        ))}\n                    </tbody>\n                </table>\n                <div className='solid-list-skeleton-footer flex align-items-center justify-content-between'>\n                    <div className='flex align-items-center gap-3'>\n                        <Skeleton width=\"5rem\" height=\"1rem\"></Skeleton>\n                        <Skeleton width=\"30px\" height='15px' className='border-round-sm'></Skeleton>\n                    </div>\n                    <div className='flex align-items-center gap-3'>\n                        <Skeleton width=\"70px\"></Skeleton>\n                        <Skeleton width=\"10px\" height='15px' className='border-round-sm'></Skeleton>\n                        <Skeleton width=\"15px\" height='15px' className='border-round-sm'></Skeleton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}"]}
+{"version":3,"file":"SolidListViewShimmerLoading.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewShimmerLoading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,CAAC,IAAM,2BAA2B,GAAG;IACvC,OAAO,CACH,cAAK,SAAS,EAAC,0BAA0B,YACrC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,GAChD,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { SolidSpinner } from \"../../shad-cn-ui\";\n\nexport const SolidListViewShimmerLoading = () => {\n    return (\n        <div className='solid-list-loading-state'>\n            <SolidSpinner size={30} label=\"Loading records\" />\n        </div>\n    )\n}\n"]}

package/dist/components/core/list/SolidListViewShimmerLoading.tsx

@@ -1,78 +1,10 @@
-import { Skeleton } from 'primereact/skeleton'
 import React from 'react'
+import { SolidSpinner } from "../../shad-cn-ui";
 
 export const SolidListViewShimmerLoading = () => {
-    const rows = Array.from({ length: 14 });
     return (
-        <div className='h-screen surface-0'>
-            {/* <div className="page-header pl-2 ">
-                <div className='flex align-items-center gap-3'>
-                    <Skeleton width="50px" height='1.4rem' className='md:h-1.3rem border-round-lg '></Skeleton>
-                    <Skeleton width="300px" className='border-round-lg hidden md:flex'></Skeleton>
-                </div>
-                <div className='flex align-items-center gap-3'>
-                    <Skeleton width="2.7rem" height="1.6rem" className="md:w-4rem md:h-2rem" />
-                    <Skeleton width="2.7rem" height="1.6rem" className="md:w-4rem md:h-2rem" />
-                    <Skeleton width="2.7rem" height="1.6rem" className="md:w-4rem md:h-2rem flex md:hidden" />
-                </div>
-            </div> */}
-            <div className='solid-list-skeleton-wrapper'>
-                <table className="solid-list-skeleton-table" style={{ borderCollapse: 'collapse', width: '100%' }}>
-                    <thead>
-                        <tr className="solid-list-skeleton-header">
-                            <th className="solid-list-skeleton-col-1">
-                                <Skeleton width="16px" height='16px' className='border-round-xs' />
-                            </th>
-                            <th className="solid-list-skeleton-col-2">
-                                <Skeleton width="70px" className='border-round-lg' />
-                            </th>
-                            <th className="solid-list-skeleton-col-3">
-                                <Skeleton width="90px" className='border-round-lg' />
-                            </th>
-                            <th className="solid-list-skeleton-col-4">
-                                <Skeleton width="80px" className='border-round-lg' />
-                            </th>
-                            <th className="solid-list-skeleton-col-5">
-                                <Skeleton width="90px" className='border-round-lg' />
-                            </th>
-                            <th className="solid-list-skeleton-col-6">
-                                <Skeleton width="100px" className='border-round-lg' />
-                            </th>
-                            <th className="solid-list-skeleton-col-7">
-                                <Skeleton width="30px" className='border-round-lg' />
-                            </th>
-                            <th className="solid-list-skeleton-col-8">
-                                <Skeleton width="30px" className='border-round-lg' />
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {rows.map((_, i) => (
-                            <tr className="solid-list-skeleton-row" key={i}>
-                                <td><Skeleton width="16px" height='16px' className='border-round-xs'/></td>
-                                <td><Skeleton width="50%" /></td>
-                                <td><Skeleton width="50%" /></td>
-                                <td><Skeleton width="50%" /></td>
-                                <td><Skeleton width="50%" /></td>
-                                <td><Skeleton width="50%" /></td>
-                                <td><Skeleton shape="circle" height='15px' width='15px' /></td>
-                                <td><Skeleton width="5px" height='20px' /></td>
-                            </tr>
-                        ))}
-                    </tbody>
-                </table>
-                <div className='solid-list-skeleton-footer flex align-items-center justify-content-between'>
-                    <div className='flex align-items-center gap-3'>
-                        <Skeleton width="5rem" height="1rem"></Skeleton>
-                        <Skeleton width="30px" height='15px' className='border-round-sm'></Skeleton>
-                    </div>
-                    <div className='flex align-items-center gap-3'>
-                        <Skeleton width="70px"></Skeleton>
-                        <Skeleton width="10px" height='15px' className='border-round-sm'></Skeleton>
-                        <Skeleton width="15px" height='15px' className='border-round-sm'></Skeleton>
-                    </div>
-                </div>
-            </div>
+        <div className='solid-list-loading-state'>
+            <SolidSpinner size={30} label="Loading records" />
         </div>
     )
-}
+}