@solidxai/core-ui 0.1.9-beta.2 → 0.1.9-beta.21

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

@@ -1,6 +1,6 @@
 import { useSession } from "../../../hooks/useSession";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
-import { SquarePen } from "lucide-react";
+import { resolveButtonPresentation } from "../../../helpers/buttonPresentation";
 import { SolidIcon, parseSolidIconMeta } from "../../shad-cn-ui/SolidIcon";
 
 export const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {
@@ -9,13 +9,25 @@ export const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidL
     const user = session?.user;
 
     const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+    const presentation = resolveButtonPresentation(button?.attrs);
+    const iconNode = presentation.showIcon
+        ? (() => {
+            const m = parseSolidIconMeta(presentation.icon);
+            return m
+                ? <SolidIcon name={m.name} spin={m.spin} className="solid-row-action-button-icon" />
+                : <i className={`${presentation.icon} solid-row-action-button-icon`} />;
+        })()
+        : null;
 
     if (!hasRole) return null;
+    if (!presentation.showIcon && !presentation.showLabel) return null;
 
     return (
         <button
             type="button"
-            className={`solid-row-action-button ${button?.attrs?.className ? button?.attrs?.className : ''}`}
+            className={`solid-row-action-button ${presentation.buttonClassName ? presentation.buttonClassName : ''}`}
+            title={presentation.tooltip}
+            aria-label={presentation.isIconOnly ? (presentation.tooltip ?? button?.attrs?.action ?? "Action") : undefined}
             onClick={() => {
                 const event = {
                     params,
@@ -34,10 +46,9 @@ export const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidL
                 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>
+            {presentation.iconPos === "left" ? iconNode : null}
+            {presentation.showLabel ? <span className="solid-row-action-button-label">{presentation.label}</span> : null}
+            {presentation.iconPos === "right" ? iconNode : null}
         </button>
     );
 };

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

@@ -1 +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"}
+{"version":3,"file":"SolidListViewRowActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionsMenu.tsx"],"names":[],"mappings":"AAMA,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,kDA0FL"}

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

@@ -3,6 +3,7 @@ import { useState } from "react";
 import { EllipsisVertical, SquarePen, Trash2 } from "lucide-react";
 import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../../shad-cn-ui/SolidPopover";
 import { SolidListViewRowActionMenuItem } from "./SolidListViewRowActionMenuItem";
+import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment";
 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;
@@ -13,7 +14,12 @@ export function SolidListViewRowActionsMenu(_a) {
         }
         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 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 &&
+            isButtonVisibleInCurrentEnv(rb === null || rb === void 0 ? void 0 : rb.attrs);
+    })) !== null && _d !== void 0 ? _d : [];
     var hasAnyItems = hasEditInContextMenu || (hasDeleteInContextMenu && !params.embeded) || visibleCustomButtons.length > 0;
     if (!hasAnyItems)
         return null;

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

@@ -1 +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 { EllipsisVertical, 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          <EllipsisVertical 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"]}
+{"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 { EllipsisVertical, SquarePen, Trash2 } from \"lucide-react\";\nimport { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../../shad-cn-ui/SolidPopover\";\nimport { SolidListViewRowActionMenuItem } from \"./SolidListViewRowActionMenuItem\";\nimport { isButtonVisibleInCurrentEnv } from \"../../../helpers/buttonEnvironment\";\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) =>\n        rb?.attrs?.actionInContextMenu === true &&\n        rb?.attrs?.visible !== false &&\n        isButtonVisibleInCurrentEnv(rb?.attrs)\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          <EllipsisVertical 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

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import { EllipsisVertical, SquarePen, Trash2 } from "lucide-react";
 import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../../shad-cn-ui/SolidPopover";
 import { SolidListViewRowActionMenuItem } from "./SolidListViewRowActionMenuItem";
+import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment";
 
 export function SolidListViewRowActionsMenu({
   rowData,
@@ -28,7 +29,10 @@ export function SolidListViewRowActionsMenu({
 
   const visibleCustomButtons =
     solidListViewLayout?.attrs?.rowButtons?.filter(
-      (rb: any) => rb?.attrs?.actionInContextMenu === true && rb?.attrs?.visible !== false
+      (rb: any) =>
+        rb?.attrs?.actionInContextMenu === true &&
+        rb?.attrs?.visible !== false &&
+        isButtonVisibleInCurrentEnv(rb?.attrs)
     ) ?? [];
 
   const hasAnyItems =

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

@@ -6,7 +6,7 @@ var SolidListingHeader = function () {
     var getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\b\w/g, function (char) { return char.toUpperCase(); });
     var pathSegments = path.split('/');
     return (_jsx(_Fragment, { children: pathSegments[pathSegments.length - 1] === "list" &&
-            _jsxs("div", { className: "flex justify-content-between align-items-center px-5 relative lg:static", style: { height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }, children: [_jsx("div", { className: "flex align-items-center", children: _jsx("div", { className: "", children: _jsxs("div", { className: 'text-xl font-bold', children: ["All ", plural(getHeading)] }) }) }), _jsx("div", { className: "flex align-items-center", children: _jsx("div", {}) }), _jsx("div", { className: "flex align-items-center" })] }) }));
+            _jsxs("div", { className: "relative flex items-center justify-between px-5 lg:static", style: { height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }, children: [_jsx("div", { className: "flex items-center", children: _jsx("div", { className: "", children: _jsxs("div", { className: 'text-xl font-bold', children: ["All ", plural(getHeading)] }) }) }), _jsx("div", { className: "flex items-center", children: _jsx("div", {}) }), _jsx("div", { className: "flex items-center" })] }) }));
 };
 export default SolidListingHeader;
 //# sourceMappingURL=SolidListingHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidListingHeader.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListingHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,IAAM,kBAAkB,GAAG;IACzB,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAC;IACpH,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAGrC,OAAO,CACL,4BACG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM;YAE/C,eACE,SAAS,EAAC,yEAAyE,EACnF,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,aAEpE,cAAK,SAAS,EAAC,yBAAyB,YACtC,cAAK,SAAS,EAAC,EAAE,YACf,eAAK,SAAS,EAAC,mBAAmB,qBAC3B,MAAM,CAAC,UAAU,CAAC,IACnB,GACF,GACF,EAEN,cAAK,SAAS,EAAC,yBAAyB,YACtC,eAEM,GACF,EACN,cAAK,SAAS,EAAC,yBAAyB,GAClC,IACF,GAEP,CAEJ,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,kBAAkB,CAAC","sourcesContent":["import { usePathname } from \"../../../hooks/usePathname\";\nimport { plural } from \"pluralize\";\nimport { } from \"react\";\n\n\nconst SolidListingHeader = () => {\n  const path = usePathname();\n  const getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase());\n  const pathSegments = path.split('/');\n\n\n  return (\n    <>\n      {pathSegments[pathSegments.length - 1] === \"list\" &&\n\n        <div\n          className=\"flex justify-content-between align-items-center px-5 relative lg:static\"\n          style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n        >\n          <div className=\"flex align-items-center\">\n            <div className=\"\">\n              <div className='text-xl font-bold'>\n                All {plural(getHeading)}\n              </div>\n            </div>\n          </div>\n          {/* <GlobalSearch /> */}\n          <div className=\"flex align-items-center\">\n            <div>\n              {/* <FilterMenu></FilterMenu> */}\n            </div>\n          </div>\n          <div className=\"flex align-items-center\">\n          </div>\n        </div>\n      }\n    </>\n\n  );\n};\nexport default SolidListingHeader;\n"]}
+{"version":3,"file":"SolidListingHeader.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListingHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,IAAM,kBAAkB,GAAG;IACzB,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAC;IACpH,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAGrC,OAAO,CACL,4BACG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM;YAE/C,eACE,SAAS,EAAC,2DAA2D,EACrE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,aAEpE,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAC,EAAE,YACf,eAAK,SAAS,EAAC,mBAAmB,qBAC3B,MAAM,CAAC,UAAU,CAAC,IACnB,GACF,GACF,EAEN,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAEM,GACF,EACN,cAAK,SAAS,EAAC,mBAAmB,GAC5B,IACF,GAEP,CAEJ,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,kBAAkB,CAAC","sourcesContent":["import { usePathname } from \"../../../hooks/usePathname\";\nimport { plural } from \"pluralize\";\nimport { } from \"react\";\n\n\nconst SolidListingHeader = () => {\n  const path = usePathname();\n  const getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase());\n  const pathSegments = path.split('/');\n\n\n  return (\n    <>\n      {pathSegments[pathSegments.length - 1] === \"list\" &&\n\n        <div\n          className=\"relative flex items-center justify-between px-5 lg:static\"\n          style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n        >\n          <div className=\"flex items-center\">\n            <div className=\"\">\n              <div className='text-xl font-bold'>\n                All {plural(getHeading)}\n              </div>\n            </div>\n          </div>\n          {/* <GlobalSearch /> */}\n          <div className=\"flex items-center\">\n            <div>\n              {/* <FilterMenu></FilterMenu> */}\n            </div>\n          </div>\n          <div className=\"flex items-center\">\n          </div>\n        </div>\n      }\n    </>\n\n  );\n};\nexport default SolidListingHeader;\n"]}

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

@@ -14,10 +14,10 @@ const SolidListingHeader = () => {
       {pathSegments[pathSegments.length - 1] === "list" &&
 
         <div
-          className="flex justify-content-between align-items-center px-5 relative lg:static"
+          className="relative flex items-center justify-between px-5 lg:static"
           style={{ height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }}
         >
-          <div className="flex align-items-center">
+          <div className="flex items-center">
             <div className="">
               <div className='text-xl font-bold'>
                 All {plural(getHeading)}
@@ -25,12 +25,12 @@ const SolidListingHeader = () => {
             </div>
           </div>
           {/* <GlobalSearch /> */}
-          <div className="flex align-items-center">
+          <div className="flex items-center">
             <div>
               {/* <FilterMenu></FilterMenu> */}
             </div>
           </div>
-          <div className="flex align-items-center">
+          <div className="flex items-center">
           </div>
         </div>
       }

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

@@ -9,7 +9,7 @@ var SolidTableRowCell = function (_a) {
     // Utility function to strip HTML tags
     var stripHTML = function (str) { return str.replace(/<[^>]+>/g, ''); };
     var displayValue = isHTML(safeValue) ? stripHTML(safeValue) : safeValue;
-    return (_jsxs("div", { className: "flex align-items-center", children: [_jsx("div", { className: "solid-table-row", style: truncateAfter ? { maxWidth: "".concat(truncateAfter, "ch") } : {}, children: displayValue }), truncateAfter && displayValue.length > truncateAfter &&
+    return (_jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "solid-table-row", style: truncateAfter ? { maxWidth: "".concat(truncateAfter, "ch") } : {}, children: displayValue }), truncateAfter && displayValue.length > truncateAfter &&
                 _jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-field-tooltip-icon", "aria-label": "Show full value", children: _jsx(Info, { size: 14 }) }) }), _jsx(SolidTooltipContent, { children: displayValue })] })] }));
 };
 export default SolidTableRowCell;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidTableRowCell.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidTableRowCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE1F,IAAM,iBAAiB,GAAG,UAAC,EAAmE;QAAjE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7C,IAAM,SAAS,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,oDAAoD;IACpD,IAAM,MAAM,GAAG,UAAC,GAAW,IAAK,OAAA,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,EAA9B,CAA8B,CAAC;IAE/D,sCAAsC;IACtC,IAAM,SAAS,GAAG,UAAC,GAAW,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,EAA3B,CAA2B,CAAC;IAE/D,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,yBAAyB,aACpC,cACI,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAG,aAAa,OAAI,EAAE,CAAC,CAAC,CAAC,EAAE,YAG7D,YAAY,GACX,EACL,aAAa,IAAI,YAAY,CAAC,MAAM,GAAG,aAAa;gBACjD,MAAC,YAAY,eACT,KAAC,mBAAmB,IAAC,OAAO,kBACxB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,0BAA0B,gBAAY,iBAAiB,YACnF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,GACS,EACtB,KAAC,mBAAmB,cAAE,YAAY,GAAuB,IAC9C,IAEjB,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { Info } from \"lucide-react\";\nimport { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from \"../../shad-cn-ui\";\n\nconst SolidTableRowCell = ({ value, truncateAfter }: { value: string; truncateAfter?: number }) => {\n    const safeValue = value !== null && value !== undefined ? String(value) : \"\";\n    // Utility function to detect if value contains HTML\n    const isHTML = (str: string) => /<\\/?[a-z][\\s\\S]*>/i.test(str);\n\n    // Utility function to strip HTML tags\n    const stripHTML = (str: string) => str.replace(/<[^>]+>/g, '');\n\n    const displayValue = isHTML(safeValue) ? stripHTML(safeValue) : safeValue;\n\n    return (\n        <div className=\"flex align-items-center\">\n            <div\n                className=\"solid-table-row\"\n                style={truncateAfter ? { maxWidth: `${truncateAfter}ch` } : {}}\n            // title={truncateAfter ? displayValue : undefined}\n            >\n                {displayValue}\n            </div>\n            {truncateAfter && displayValue.length > truncateAfter &&\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <button type=\"button\" className=\"solid-field-tooltip-icon\" aria-label=\"Show full value\">\n                            <Info size={14} />\n                        </button>\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent>{displayValue}</SolidTooltipContent>\n                </SolidTooltip>\n            }\n        </div>\n    );\n\n};\n\nexport default SolidTableRowCell;\n"]}
+{"version":3,"file":"SolidTableRowCell.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidTableRowCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE1F,IAAM,iBAAiB,GAAG,UAAC,EAAmE;QAAjE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7C,IAAM,SAAS,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,oDAAoD;IACpD,IAAM,MAAM,GAAG,UAAC,GAAW,IAAK,OAAA,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,EAA9B,CAA8B,CAAC;IAE/D,sCAAsC;IACtC,IAAM,SAAS,GAAG,UAAC,GAAW,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,EAA3B,CAA2B,CAAC;IAE/D,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,cACI,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAG,aAAa,OAAI,EAAE,CAAC,CAAC,CAAC,EAAE,YAG7D,YAAY,GACX,EACL,aAAa,IAAI,YAAY,CAAC,MAAM,GAAG,aAAa;gBACjD,MAAC,YAAY,eACT,KAAC,mBAAmB,IAAC,OAAO,kBACxB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,0BAA0B,gBAAY,iBAAiB,YACnF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,GACS,EACtB,KAAC,mBAAmB,cAAE,YAAY,GAAuB,IAC9C,IAEjB,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { Info } from \"lucide-react\";\nimport { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from \"../../shad-cn-ui\";\n\nconst SolidTableRowCell = ({ value, truncateAfter }: { value: string; truncateAfter?: number }) => {\n    const safeValue = value !== null && value !== undefined ? String(value) : \"\";\n    // Utility function to detect if value contains HTML\n    const isHTML = (str: string) => /<\\/?[a-z][\\s\\S]*>/i.test(str);\n\n    // Utility function to strip HTML tags\n    const stripHTML = (str: string) => str.replace(/<[^>]+>/g, '');\n\n    const displayValue = isHTML(safeValue) ? stripHTML(safeValue) : safeValue;\n\n    return (\n        <div className=\"flex items-center\">\n            <div\n                className=\"solid-table-row\"\n                style={truncateAfter ? { maxWidth: `${truncateAfter}ch` } : {}}\n            // title={truncateAfter ? displayValue : undefined}\n            >\n                {displayValue}\n            </div>\n            {truncateAfter && displayValue.length > truncateAfter &&\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <button type=\"button\" className=\"solid-field-tooltip-icon\" aria-label=\"Show full value\">\n                            <Info size={14} />\n                        </button>\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent>{displayValue}</SolidTooltipContent>\n                </SolidTooltip>\n            }\n        </div>\n    );\n\n};\n\nexport default SolidTableRowCell;\n"]}

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

@@ -12,7 +12,7 @@ const SolidTableRowCell = ({ value, truncateAfter }: { value: string; truncateAf
     const displayValue = isHTML(safeValue) ? stripHTML(safeValue) : safeValue;
 
     return (
-        <div className="flex align-items-center">
+        <div className="flex items-center">
             <div
                 className="solid-table-row"
                 style={truncateAfter ? { maxWidth: `${truncateAfter}ch` } : {}}

package/dist/components/core/list/columns/SolidBooleanColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidBooleanColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,QAAA,MAAM,kBAAkB,qDAAsD,yBAAyB,4CAqCtG,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,eAAO,MAAM,wBAAwB,8DAA+D,yBAAyB,QAa5H,CAAA"}
+{"version":3,"file":"SolidBooleanColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,QAAA,MAAM,kBAAkB,qDAAsD,yBAAyB,4CAqCtG,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,eAAO,MAAM,wBAAwB,8DAA+D,yBAAyB,QAW5H,CAAA"}

package/dist/components/core/list/columns/SolidBooleanColumn.js

@@ -35,13 +35,11 @@ var SolidBooleanColumn = function (_a) {
 };
 export default SolidBooleanColumn;
 export var DefaultBooleanListWidget = function (_a) {
-    var _b, _c, _d;
+    var _b, _c;
     var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    var fieldKey = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.name;
-    var trueLabel = (_c = column.attrs.trueLabel) !== null && _c !== void 0 ? _c : 'Yes';
-    var falseLabel = (_d = column.attrs.falseLabel) !== null && _d !== void 0 ? _d : 'No';
-    // console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);
-    var value = rowData[fieldKey];
+    var trueLabel = (_b = column.attrs.trueLabel) !== null && _b !== void 0 ? _b : 'Yes';
+    var falseLabel = (_c = column.attrs.falseLabel) !== null && _c !== void 0 ? _c : 'No';
+    var value = rowData[fieldMetadata.name];
     if (value === true) {
         return trueLabel;
     }

package/dist/components/core/list/columns/SolidBooleanColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidBooleanColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,kBAAkB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAEtE,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAG/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM;QACd,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,IAAI,EACA,UAAC,OAAO;YACJ,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,0BAA0B,CAAC;aAC3C;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,EAEL,iBAAiB,EAAE,oBAAa,aAAa,CAAC,WAAW,CAAE,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,IA3B5B,aAAa,CAAC,IAAI,CA4BjB,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,EAAoF;;QAAlF,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC5F,IAAM,QAAQ,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,IAAI,CAAC;IAC1D,IAAM,SAAS,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;IAClD,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;IACnD,yIAAyI;IACzI,IAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,KAAK,KAAK,IAAI,EAAE;QAChB,OAAO,SAAS,CAAC;KACpB;IACD,IAAI,KAAK,KAAK,KAAK,EAAE;QACjB,OAAO,UAAU,CAAC;KACrB;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAA","sourcesContent":["import { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            // className=\"text-sm\"\n            sortable={column.attrs.sortable}\n            body={\n                (rowData) => {\n                    let viewWidget = column.attrs.viewWidget;\n                    if (!viewWidget) {\n                        viewWidget = 'DefaultBooleanListWidget';\n                    }\n                    let DynamicWidget = getExtensionComponent(viewWidget);\n                    const widgetProps: SolidListFieldWidgetProps = {\n                        rowData,\n                        solidListViewMetaData,\n                        fieldMetadata,\n                        column\n                    }\n                    return (\n                        <>\n                            {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                        </>\n                    )\n                }\n            }\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        ></Column>\n    );\n};\n\nexport default SolidBooleanColumn;\n\nexport const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const fieldKey = column.attrs.label ?? fieldMetadata.name;\n    const trueLabel = column.attrs.trueLabel ?? 'Yes';\n    const falseLabel = column.attrs.falseLabel ?? 'No';\n    // console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);\n    const value = rowData[fieldKey];\n    if (value === true) {\n        return trueLabel;\n    }\n    if (value === false) {\n        return falseLabel;\n    }\n    return '';\n}\n"]}
+{"version":3,"file":"SolidBooleanColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,kBAAkB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAEtE,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAG/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM;QACd,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,IAAI,EACA,UAAC,OAAO;YACJ,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,0BAA0B,CAAC;aAC3C;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,EAEL,iBAAiB,EAAE,oBAAa,aAAa,CAAC,WAAW,CAAE,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,IA3B5B,aAAa,CAAC,IAAI,CA4BjB,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,EAAoF;;QAAlF,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC5F,IAAM,SAAS,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;IAClD,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;IACnD,IAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,KAAK,KAAK,IAAI,EAAE;QAChB,OAAO,SAAS,CAAC;KACpB;IACD,IAAI,KAAK,KAAK,KAAK,EAAE;QACjB,OAAO,UAAU,CAAC;KACrB;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAA","sourcesContent":["import { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            // className=\"text-sm\"\n            sortable={column.attrs.sortable}\n            body={\n                (rowData) => {\n                    let viewWidget = column.attrs.viewWidget;\n                    if (!viewWidget) {\n                        viewWidget = 'DefaultBooleanListWidget';\n                    }\n                    let DynamicWidget = getExtensionComponent(viewWidget);\n                    const widgetProps: SolidListFieldWidgetProps = {\n                        rowData,\n                        solidListViewMetaData,\n                        fieldMetadata,\n                        column\n                    }\n                    return (\n                        <>\n                            {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                        </>\n                    )\n                }\n            }\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        ></Column>\n    );\n};\n\nexport default SolidBooleanColumn;\n\nexport const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const trueLabel = column.attrs.trueLabel ?? 'Yes';\n    const falseLabel = column.attrs.falseLabel ?? 'No';\n    const value = rowData[fieldMetadata.name];\n    if (value === true) {\n        return trueLabel;\n    }\n    if (value === false) {\n        return falseLabel;\n    }\n    return '';\n}\n"]}

package/dist/components/core/list/columns/SolidBooleanColumn.tsx

@@ -45,11 +45,9 @@ const SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: So
 export default SolidBooleanColumn;
 
 export const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {
-    const fieldKey = column.attrs.label ?? fieldMetadata.name;
     const trueLabel = column.attrs.trueLabel ?? 'Yes';
     const falseLabel = column.attrs.falseLabel ?? 'No';
-    // console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);
-    const value = rowData[fieldKey];
+    const value = rowData[fieldMetadata.name];
     if (value === true) {
         return trueLabel;
     }

package/dist/components/core/list/columns/SolidMediaMultipleColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAqG9E,QAAA,MAAM,wBAAwB,uFAAwF,yBAAyB,4CAmC9I,CAAC;AAEF,eAAe,wBAAwB,CAAC;AAGxC,eAAO,MAAM,8BAA8B,iEAAkE,8BAA8B,mDAgJ1I,CAAC"}
+{"version":3,"file":"SolidMediaMultipleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAsG9E,QAAA,MAAM,wBAAwB,uFAAwF,yBAAyB,4CAmC9I,CAAC;AAEF,eAAe,wBAAwB,CAAC;AAGxC,eAAO,MAAM,8BAA8B,iEAAkE,8BAA8B,mDAgJ1I,CAAC"}

package/dist/components/core/list/columns/SolidMediaMultipleColumn.js

@@ -11,11 +11,12 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Download, File, Volume2 } from "lucide-react";
+import { Download, Volume2 } from "lucide-react";
 import { Column } from "../SolidDataTable";
 import { getExtensionComponent } from '../../../../helpers/registry';
 import { FileReaderExt } from '../../../../components/common/FileReaderExt';
 import { SolidButton, SolidDialog } from "../../../shad-cn-ui";
+import { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';
 var getCleanUrl = function (url) { return url.split("?")[0]; };
 var isImageFile = function (url) { return /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(getCleanUrl(url)); };
 var isVideoFile = function (url) { return /\.(mp4|webm|ogg)$/i.test(getCleanUrl(url)); };
@@ -51,16 +52,16 @@ var MediaPreview = function (_a) {
     };
     if (!isBroken) {
         if (isImageFile(src)) {
-            return (_jsx("img", { src: src, alt: "media", className: "shadow-2 border-round", width: 40, height: 40, style: { objectFit: "cover" }, onError: function () { return setIsBroken(true); }, onClick: handleClick }));
+            return (_jsx("img", { src: src, alt: "media", className: "rounded shadow-md", width: 40, height: 40, style: { objectFit: "cover" }, onError: function () { return setIsBroken(true); }, onClick: handleClick }));
         }
         if (isVideoFile(src)) {
-            return (_jsx("video", { src: src, width: 40, height: 40, className: "shadow-2 border-round", style: { objectFit: "cover" }, onError: function () { return setIsBroken(true); }, onClick: handleClick, muted: true }));
+            return (_jsx("video", { src: src, width: 40, height: 40, className: "rounded shadow-md", style: { objectFit: "cover" }, onError: function () { return setIsBroken(true); }, onClick: handleClick, muted: true }));
         }
         if (isAudioFile(src)) {
-            return (_jsx("div", { className: "shadow-2 border-round flex align-items-center justify-content-center bg-gray-100", style: { width: 40, height: 40 }, onClick: handleClick, children: _jsx(Volume2, { size: 18, className: "text-gray-600" }) }));
+            return (_jsx("div", { className: "flex items-center justify-center rounded bg-gray-100 shadow-md", style: { width: 40, height: 40 }, onClick: handleClick, children: _jsx(Volume2, { size: 18, className: "text-gray-600" }) }));
         }
     }
-    return (_jsx("div", { style: { width: 40, height: 40, display: "flex", alignItems: "center", justifyContent: "center" }, onClick: handleClick, children: _jsx(File, { size: 24, className: "text-gray-400" }) }));
+    return (_jsx("div", { style: { width: 40, height: 40, display: "flex", alignItems: "center", justifyContent: "center" }, onClick: handleClick, children: _jsx(SolidFileTypeIcon, { fileUrl: src, size: 24 }) }));
 };
 var SolidMediaMultipleColumn = function (_a) {
     var _b;
@@ -113,7 +114,7 @@ export var DefaultMediaMultipleListWidget = function (_a) {
             setOpenLightbox === null || setOpenLightbox === void 0 ? void 0 : setOpenLightbox(true);
         }
     };
-    return fullrecord.length > 0 ? (_jsxs("div", { className: 'flex gap-2 align-items-end', children: [_jsx(MediaPreview, { src: (_d = fullrecord[0]) === null || _d === void 0 ? void 0 : _d.fileUrl, onClick: function (event) {
+    return fullrecord.length > 0 ? (_jsxs("div", { className: 'flex items-end gap-2', children: [_jsx(MediaPreview, { src: (_d = fullrecord[0]) === null || _d === void 0 ? void 0 : _d.fileUrl, onClick: function (event) {
                     var _a, _b, _c;
                     event.stopPropagation();
                     // const cleanUrl = fullrecord[0]?.fileUrl.split("?")[0];
@@ -154,7 +155,7 @@ export var DefaultMediaMultipleListWidget = function (_a) {
                     }
                 }, children: ["+", fullrecord.length - 1] }), _jsx(SolidDialog, { open: isShowAllFiles, onOpenChange: setShowAllFiles, header: "Items Uploaded", style: { width: '32rem', maxWidth: '94vw' }, children: fullrecord === null || fullrecord === void 0 ? void 0 : fullrecord.map(function (file) {
                     var fileId = "".concat(file.name, "-").concat(file.size);
-                    return (_jsx("div", { className: "solid-file-upload-wrapper mb-3", children: _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(FileReaderExt, { fileDetails: file }), _jsxs("div", { className: "w-full flex flex-column gap-1", children: [_jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx("p", { className: "font-normal w-11 text-primary m-0", style: { cursor: "pointer" }, onClick: function () { return handleFileView(file); }, children: file === null || file === void 0 ? void 0 : file.name }), _jsx(SolidButton, { type: "button", size: "small", variant: "ghost", leftIcon: _jsx(Download, { size: 14 }), onClick: function () {
+                    return (_jsx("div", { className: "solid-file-upload-wrapper mb-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileReaderExt, { fileDetails: file }), _jsxs("div", { className: "flex w-full flex-col gap-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "m-0 w-11 font-normal text-[var(--primary-color)] solid-media-column-text-wrapper", style: { cursor: "pointer" }, onClick: function () { return handleFileView(file); }, children: file === null || file === void 0 ? void 0 : file.name }), _jsx(SolidButton, { type: "button", size: "small", variant: "ghost", leftIcon: _jsx(Download, { size: 14 }), onClick: function () {
                                                         downloadFile(file === null || file === void 0 ? void 0 : file.fileUrl, "");
                                                     }, style: { height: 16, width: 16 } })] }), _jsx("div", { className: "text-sm", children: formatFileSize(file.size) })] })] }) }, fileId));
                 }) })] })) : (_jsx("div", { style: { height: 40, width: 40 } }));

package/dist/components/core/list/columns/SolidMediaMultipleColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { Download, File, Volume2 } from \"lucide-react\";\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { FileReaderExt } from '../../../../components/common/FileReaderExt';\nimport { SolidButton, SolidDialog } from \"../../../shad-cn-ui\";\n\nconst getCleanUrl = (url: string) => url.split(\"?\")[0];\n\nconst isImageFile = (url: string) => /\\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(getCleanUrl(url));\n\nconst isVideoFile = (url: string) => /\\.(mp4|webm|ogg)$/i.test(getCleanUrl(url));\n\nconst isAudioFile = (url: string) => /\\.(mp3|wav|ogg)$/i.test(getCleanUrl(url));\n\nconst isDocumentType = (url: string) => {\n    const ext = getCleanUrl(url).split(\".\").pop()?.toLowerCase();\n    return ext ? downloadOnlyExt.includes(ext) : false;\n};\n\nconst downloadOnlyExt = [\n    \"txt\", \"zip\", \"rar\",\n    \"doc\", \"docx\",\n    \"xls\", \"xlsx\",\n    \"ppt\", \"pptx\",\n    \"pdf\", \"csv\"\n];\n\nconst downloadFile = (url: string, name: string = \"\") => {\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = name;\n    link.target = \"_blank\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n};\n\n\n\n// Thumbnail preview component\nconst MediaPreview = ({ src, onClick }: { src: string; onClick: (event: React.MouseEvent) => void }) => {\n    const [isBroken, setIsBroken] = useState(false);\n\n    const handleClick = (event: React.MouseEvent) => {\n        onClick(event);\n    };\n\n    if (!isBroken) {\n        if (isImageFile(src)) {\n            return (\n                <img\n                    src={src}\n                    alt=\"media\"\n                    className=\"shadow-2 border-round\"\n                    width={40}\n                    height={40}\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                />\n            );\n        }\n\n        if (isVideoFile(src)) {\n            return (\n                <video\n                    src={src}\n                    width={40}\n                    height={40}\n                    className=\"shadow-2 border-round\"\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                    muted\n                />\n            );\n        }\n\n        if (isAudioFile(src)) {\n            return (\n                <div\n                    className=\"shadow-2 border-round flex align-items-center justify-content-center bg-gray-100\"\n                    style={{ width: 40, height: 40 }}\n                    onClick={handleClick}\n                >\n                    <Volume2 size={18} className=\"text-gray-600\" />\n                </div>\n            );\n        }\n    }\n\n    return (\n        <div\n            style={{ width: 40, height: 40, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\n            onClick={handleClick}\n        >\n            <File size={24} className=\"text-gray-400\" />\n        </div>\n    );\n};\n\n\nconst SolidMediaMultipleColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultMediaMultipleListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidMediaListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column,\n                    setLightboxUrls,\n                    setOpenLightbox\n                }\n                return (\n                    <>\n                        {\n                            DynamicWidget && <DynamicWidget {...widgetProps} />\n                        }\n                    </>\n                )\n            }}\n            sortable={column.attrs.sortable}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        />\n    );\n};\n\nexport default SolidMediaMultipleColumn;\n\n// Default multiple widget\nexport const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n\n    if (!rowData?._media?.[fieldMetadata.name]) return null;\n\n    const fullrecord = rowData._media[fieldMetadata.name]?.map((file: any) => ({\n        name: file.originalFileName,\n        type: file.mimeType,\n        size: file.fileSize,\n        id: file.id,\n        fileUrl: file._full_url\n    }));\n\n\n    const formatFileSize = (size: number) =>\n        size >= 1024 * 1024 ? `${(size / (1024 * 1024)).toFixed(1)} MB` : `${(size / 1024).toFixed(1)} KB`;\n\n\n    const handleFileView = (file: any) => {\n        const fileUrl = file?.fileUrl || \"\";\n        // const cleanUrl = fileUrl.split(\"?\")[0];\n        // const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (isDocumentType(fileUrl)) {\n            downloadFile(file?.fileUrl, \"\")\n\n        } else {\n            setLightboxUrls?.([{ src: file.fileUrl, downloadUrl: file.fileUrl }]);\n            setOpenLightbox?.(true);\n        }\n    };\n\n\n\n    return fullrecord.length > 0 ? (\n        <div className='flex gap-2 align-items-end'>\n\n            {/* THUMBNAIL - FIXED BEHAVIOR */}\n            <MediaPreview\n                src={fullrecord[0]?.fileUrl}\n                onClick={(event) => {\n                    event.stopPropagation();\n\n                    // const cleanUrl = fullrecord[0]?.fileUrl.split(\"?\")[0];\n                    // const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n                    if (isDocumentType(fullrecord[0]?.fileUrl) && fullrecord?.length > 1) {\n                        setShowAllFiles(true)\n                        return;\n                    }\n\n                    else if (isDocumentType(fullrecord[0]?.fileUrl)) {\n                        downloadFile(fullrecord[0]?.fileUrl, \"\")\n                        return;\n                    }\n                    // FIRST FILE IS MEDIA ⇒ OPEN LIGHTBOX\n                    const urlsWithType = fullrecord.map((file: any) => ({\n                        src: file.fileUrl,\n                        downloadUrl: file.fileUrl,\n                    }));\n                    setLightboxUrls(urlsWithType);\n                    setOpenLightbox(true);\n                }}\n            />\n\n            {fullrecord?.length > 1 && <span\n                style={{\n                    color: \"#0895CD\",\n                    fontWeight: \"bold\",\n                    cursor: \"pointer\",\n                    marginLeft: \"4px\"\n                }}\n                onClick={(event) => {\n                    event.stopPropagation();\n\n                    if (isDocumentType(fullrecord[0]?.fileUrl)) {\n                        setShowAllFiles(true);\n                    } else {\n                        const urlsWithType = fullrecord.map((file: any) => ({\n                            src: file.fileUrl,\n                            downloadUrl: file.fileUrl\n                        }));\n                        setLightboxUrls(urlsWithType);\n                        setOpenLightbox(true);\n                    }\n                }}\n            >\n                +{fullrecord.length - 1}\n            </span>\n            }\n\n\n\n            {/* VIEW ALL DIALOG */}\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                header=\"Items Uploaded\"\n                style={{ width: '32rem', maxWidth: '94vw' }}\n            >\n                {fullrecord?.map((file: any) => {\n                    const fileId = `${file.name}-${file.size}`;\n                    return (\n                        <div key={fileId} className=\"solid-file-upload-wrapper mb-3\">\n                            <div className=\"flex align-items-center gap-2\">\n\n                                <FileReaderExt fileDetails={file} />\n\n                                <div className=\"w-full flex flex-column gap-1\">\n                                    <div className=\"flex align-items-center justify-content-between\">\n\n                                        <p\n                                            className=\"font-normal w-11 text-primary m-0\"\n                                            style={{ cursor: \"pointer\" }}\n                                            onClick={() => handleFileView(file)}\n                                        >\n                                            {file?.name}\n                                        </p>\n\n                                        <SolidButton\n                                            type=\"button\"\n                                            size=\"small\"\n                                            variant=\"ghost\"\n                                            leftIcon={<Download size={14} />}\n                                            onClick={() => {\n                                                downloadFile(file?.fileUrl, \"\")\n                                            }}\n                                            style={{ height: 16, width: 16 }}\n                                        />\n                                    </div>\n\n                                    <div className=\"text-sm\">{formatFileSize(file.size)}</div>\n                                </div>\n\n                            </div>\n                        </div>\n                    )\n                }\n                )}\n            </SolidDialog>\n        </div>\n    ) : (\n        <div style={{ height: 40, width: 40 }} />\n    );\n};\n"]}
+{"version":3,"file":"SolidMediaMultipleColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { Download, Volume2 } from \"lucide-react\";\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { FileReaderExt } from '../../../../components/common/FileReaderExt';\nimport { SolidButton, SolidDialog } from \"../../../shad-cn-ui\";\nimport { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';\n\nconst getCleanUrl = (url: string) => url.split(\"?\")[0];\n\nconst isImageFile = (url: string) => /\\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(getCleanUrl(url));\n\nconst isVideoFile = (url: string) => /\\.(mp4|webm|ogg)$/i.test(getCleanUrl(url));\n\nconst isAudioFile = (url: string) => /\\.(mp3|wav|ogg)$/i.test(getCleanUrl(url));\n\nconst isDocumentType = (url: string) => {\n    const ext = getCleanUrl(url).split(\".\").pop()?.toLowerCase();\n    return ext ? downloadOnlyExt.includes(ext) : false;\n};\n\nconst downloadOnlyExt = [\n    \"txt\", \"zip\", \"rar\",\n    \"doc\", \"docx\",\n    \"xls\", \"xlsx\",\n    \"ppt\", \"pptx\",\n    \"pdf\", \"csv\"\n];\n\nconst downloadFile = (url: string, name: string = \"\") => {\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = name;\n    link.target = \"_blank\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n};\n\n\n\n// Thumbnail preview component\nconst MediaPreview = ({ src, onClick }: { src: string; onClick: (event: React.MouseEvent) => void }) => {\n    const [isBroken, setIsBroken] = useState(false);\n\n    const handleClick = (event: React.MouseEvent) => {\n        onClick(event);\n    };\n\n    if (!isBroken) {\n        if (isImageFile(src)) {\n            return (\n                <img\n                    src={src}\n                    alt=\"media\"\n                    className=\"rounded shadow-md\"\n                    width={40}\n                    height={40}\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                />\n            );\n        }\n\n        if (isVideoFile(src)) {\n            return (\n                <video\n                    src={src}\n                    width={40}\n                    height={40}\n                    className=\"rounded shadow-md\"\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                    muted\n                />\n            );\n        }\n\n        if (isAudioFile(src)) {\n            return (\n                <div\n                    className=\"flex items-center justify-center rounded bg-gray-100 shadow-md\"\n                    style={{ width: 40, height: 40 }}\n                    onClick={handleClick}\n                >\n                    <Volume2 size={18} className=\"text-gray-600\" />\n                </div>\n            );\n        }\n    }\n\n    return (\n        <div\n            style={{ width: 40, height: 40, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\n            onClick={handleClick}\n        >\n            <SolidFileTypeIcon fileUrl={src} size={24} />\n        </div>\n    );\n};\n\n\nconst SolidMediaMultipleColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultMediaMultipleListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidMediaListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column,\n                    setLightboxUrls,\n                    setOpenLightbox\n                }\n                return (\n                    <>\n                        {\n                            DynamicWidget && <DynamicWidget {...widgetProps} />\n                        }\n                    </>\n                )\n            }}\n            sortable={column.attrs.sortable}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        />\n    );\n};\n\nexport default SolidMediaMultipleColumn;\n\n// Default multiple widget\nexport const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n\n    if (!rowData?._media?.[fieldMetadata.name]) return null;\n\n    const fullrecord = rowData._media[fieldMetadata.name]?.map((file: any) => ({\n        name: file.originalFileName,\n        type: file.mimeType,\n        size: file.fileSize,\n        id: file.id,\n        fileUrl: file._full_url\n    }));\n\n\n    const formatFileSize = (size: number) =>\n        size >= 1024 * 1024 ? `${(size / (1024 * 1024)).toFixed(1)} MB` : `${(size / 1024).toFixed(1)} KB`;\n\n\n    const handleFileView = (file: any) => {\n        const fileUrl = file?.fileUrl || \"\";\n        // const cleanUrl = fileUrl.split(\"?\")[0];\n        // const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (isDocumentType(fileUrl)) {\n            downloadFile(file?.fileUrl, \"\")\n\n        } else {\n            setLightboxUrls?.([{ src: file.fileUrl, downloadUrl: file.fileUrl }]);\n            setOpenLightbox?.(true);\n        }\n    };\n\n\n\n    return fullrecord.length > 0 ? (\n        <div className='flex items-end gap-2'>\n\n            {/* THUMBNAIL - FIXED BEHAVIOR */}\n            <MediaPreview\n                src={fullrecord[0]?.fileUrl}\n                onClick={(event) => {\n                    event.stopPropagation();\n\n                    // const cleanUrl = fullrecord[0]?.fileUrl.split(\"?\")[0];\n                    // const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n                    if (isDocumentType(fullrecord[0]?.fileUrl) && fullrecord?.length > 1) {\n                        setShowAllFiles(true)\n                        return;\n                    }\n\n                    else if (isDocumentType(fullrecord[0]?.fileUrl)) {\n                        downloadFile(fullrecord[0]?.fileUrl, \"\")\n                        return;\n                    }\n                    // FIRST FILE IS MEDIA ⇒ OPEN LIGHTBOX\n                    const urlsWithType = fullrecord.map((file: any) => ({\n                        src: file.fileUrl,\n                        downloadUrl: file.fileUrl,\n                    }));\n                    setLightboxUrls(urlsWithType);\n                    setOpenLightbox(true);\n                }}\n            />\n\n            {fullrecord?.length > 1 && <span\n                style={{\n                    color: \"#0895CD\",\n                    fontWeight: \"bold\",\n                    cursor: \"pointer\",\n                    marginLeft: \"4px\"\n                }}\n                onClick={(event) => {\n                    event.stopPropagation();\n\n                    if (isDocumentType(fullrecord[0]?.fileUrl)) {\n                        setShowAllFiles(true);\n                    } else {\n                        const urlsWithType = fullrecord.map((file: any) => ({\n                            src: file.fileUrl,\n                            downloadUrl: file.fileUrl\n                        }));\n                        setLightboxUrls(urlsWithType);\n                        setOpenLightbox(true);\n                    }\n                }}\n            >\n                +{fullrecord.length - 1}\n            </span>\n            }\n\n\n\n            {/* VIEW ALL DIALOG */}\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                header=\"Items Uploaded\"\n                style={{ width: '32rem', maxWidth: '94vw' }}\n            >\n                {fullrecord?.map((file: any) => {\n                    const fileId = `${file.name}-${file.size}`;\n                    return (\n                        <div key={fileId} className=\"solid-file-upload-wrapper mb-3\">\n                            <div className=\"flex items-center gap-2\">\n\n                                <FileReaderExt fileDetails={file} />\n\n                                <div className=\"flex w-full flex-col gap-1\">\n                                    <div className=\"flex items-center justify-between\">\n\n                                        <p\n                                            className=\"m-0 w-11 font-normal text-[var(--primary-color)] solid-media-column-text-wrapper\"\n                                            style={{ cursor: \"pointer\" }}\n                                            onClick={() => handleFileView(file)}\n                                        >\n                                            {file?.name}\n                                        </p>\n\n                                        <SolidButton\n                                            type=\"button\"\n                                            size=\"small\"\n                                            variant=\"ghost\"\n                                            leftIcon={<Download size={14} />}\n                                            onClick={() => {\n                                                downloadFile(file?.fileUrl, \"\")\n                                            }}\n                                            style={{ height: 16, width: 16 }}\n                                        />\n                                    </div>\n\n                                    <div className=\"text-sm\">{formatFileSize(file.size)}</div>\n                                </div>\n\n                            </div>\n                        </div>\n                    )\n                }\n                )}\n            </SolidDialog>\n        </div>\n    ) : (\n        <div style={{ height: 40, width: 40 }} />\n    );\n};\n"]}

package/dist/components/core/list/columns/SolidMediaMultipleColumn.tsx

@@ -1,12 +1,13 @@
 
 import React, { useState } from 'react';
-import { Download, File, Volume2 } from "lucide-react";
+import { Download, Volume2 } from "lucide-react";
 import { Column } from "../SolidDataTable";
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';
 import { getExtensionComponent } from '../../../../helpers/registry';
 import { FileReaderExt } from '../../../../components/common/FileReaderExt';
 import { SolidButton, SolidDialog } from "../../../shad-cn-ui";
+import { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';
 
 const getCleanUrl = (url: string) => url.split("?")[0];
 
@@ -55,7 +56,7 @@ const MediaPreview = ({ src, onClick }: { src: string; onClick: (event: React.Mo
                 <img
                     src={src}
                     alt="media"
-                    className="shadow-2 border-round"
+                    className="rounded shadow-md"
                     width={40}
                     height={40}
                     style={{ objectFit: "cover" }}
@@ -71,7 +72,7 @@ const MediaPreview = ({ src, onClick }: { src: string; onClick: (event: React.Mo
                     src={src}
                     width={40}
                     height={40}
-                    className="shadow-2 border-round"
+                    className="rounded shadow-md"
                     style={{ objectFit: "cover" }}
                     onError={() => setIsBroken(true)}
                     onClick={handleClick}
@@ -83,7 +84,7 @@ const MediaPreview = ({ src, onClick }: { src: string; onClick: (event: React.Mo
         if (isAudioFile(src)) {
             return (
                 <div
-                    className="shadow-2 border-round flex align-items-center justify-content-center bg-gray-100"
+                    className="flex items-center justify-center rounded bg-gray-100 shadow-md"
                     style={{ width: 40, height: 40 }}
                     onClick={handleClick}
                 >
@@ -98,7 +99,7 @@ const MediaPreview = ({ src, onClick }: { src: string; onClick: (event: React.Mo
             style={{ width: 40, height: 40, display: "flex", alignItems: "center", justifyContent: "center" }}
             onClick={handleClick}
         >
-            <File size={24} className="text-gray-400" />
+            <SolidFileTypeIcon fileUrl={src} size={24} />
         </div>
     );
 };
@@ -179,7 +180,7 @@ export const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLigh
 
 
     return fullrecord.length > 0 ? (
-        <div className='flex gap-2 align-items-end'>
+        <div className='flex items-end gap-2'>
 
             {/* THUMBNAIL - FIXED BEHAVIOR */}
             <MediaPreview
@@ -248,15 +249,15 @@ export const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLigh
                     const fileId = `${file.name}-${file.size}`;
                     return (
                         <div key={fileId} className="solid-file-upload-wrapper mb-3">
-                            <div className="flex align-items-center gap-2">
+                            <div className="flex items-center gap-2">
 
                                 <FileReaderExt fileDetails={file} />
 
-                                <div className="w-full flex flex-column gap-1">
-                                    <div className="flex align-items-center justify-content-between">
+                                <div className="flex w-full flex-col gap-1">
+                                    <div className="flex items-center justify-between">
 
                                         <p
-                                            className="font-normal w-11 text-primary m-0"
+                                            className="m-0 w-11 font-normal text-[var(--primary-color)] solid-media-column-text-wrapper"
                                             style={{ cursor: "pointer" }}
                                             onClick={() => handleFileView(file)}
                                         >

package/dist/components/core/list/columns/SolidMediaSingleColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaSingleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaSingleColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAkG9E,QAAA,MAAM,sBAAsB,uFAAwF,yBAAyB,4CAkC5I,CAAC;AAEF,eAAe,sBAAsB,CAAC;AAGtC,eAAO,MAAM,4BAA4B,gGAOtC,8BAA8B,mDAqBhC,CAAC"}
+{"version":3,"file":"SolidMediaSingleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaSingleColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAmG9E,QAAA,MAAM,sBAAsB,uFAAwF,yBAAyB,4CAkC5I,CAAC;AAEF,eAAe,sBAAsB,CAAC;AAGtC,eAAO,MAAM,4BAA4B,gGAOtC,8BAA8B,mDAqBhC,CAAC"}

package/dist/components/core/list/columns/SolidMediaSingleColumn.js

@@ -11,9 +11,10 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { File, Volume2 } from "lucide-react";
+import { Volume2 } from "lucide-react";
 import { Column } from "../SolidDataTable";
 import { getExtensionComponent } from '../../../../helpers/registry';
+import { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';
 var getCleanUrl = function (url) { return url.split("?")[0]; };
 // Helpers for file type detection
 var isImageFile = function (url) { return /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(getCleanUrl(url)); };
@@ -52,17 +53,17 @@ var MediaWithFallback = function (_a) {
     };
     if (!isBroken) {
         if (isImageFile(src)) {
-            return (_jsx("img", { src: src, alt: alt, className: "shadow-2 border-round", width: 40, height: 40, style: { objectFit: "cover", cursor: "pointer" }, onError: function () { return setIsBroken(true); }, onClick: handleClick }));
+            return (_jsx("img", { src: src, alt: alt, className: "rounded shadow-md", width: 40, height: 40, style: { objectFit: "cover", cursor: "pointer" }, onError: function () { return setIsBroken(true); }, onClick: handleClick }));
         }
         if (isVideoFile(src)) {
-            return (_jsx("video", { src: src, width: 40, height: 40, className: "shadow-2 border-round", style: { objectFit: "cover", cursor: "pointer" }, onError: function () { return setIsBroken(true); }, onClick: handleClick, muted: true }));
+            return (_jsx("video", { src: src, width: 40, height: 40, className: "rounded shadow-md", style: { objectFit: "cover", cursor: "pointer" }, onError: function () { return setIsBroken(true); }, onClick: handleClick, muted: true }));
         }
         if (isAudioFile(src)) {
-            return (_jsx("div", { className: "shadow-2 border-round flex align-items-center justify-content-center bg-gray-100", style: { width: 40, height: 40, cursor: "pointer" }, onClick: handleClick, children: _jsx(Volume2, { size: 18, className: "text-gray-600" }) }));
+            return (_jsx("div", { className: "flex items-center justify-center rounded bg-gray-100 shadow-md", style: { width: 40, height: 40, cursor: "pointer" }, onClick: handleClick, children: _jsx(Volume2, { size: 18, className: "text-gray-600" }) }));
         }
     }
     // fallback icon (docs/others)
-    return (_jsx("div", { style: { width: 40, height: 40, display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer" }, onClick: handleClick, children: _jsx(File, { size: 24, className: "text-gray-400" }) }));
+    return (_jsx("div", { style: { width: 40, height: 40, display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer" }, onClick: handleClick, children: _jsx(SolidFileTypeIcon, { fileUrl: src, size: 24 }) }));
 };
 // Main column renderer
 var SolidMediaSingleColumn = function (_a) {