@solidxai/core-ui 0.1.9-beta.9 → 0.1.10

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) {

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

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaSingleColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaSingleColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { File, Volume2 } from \"lucide-react\";\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\n\nconst getCleanUrl = (url: string) => url.split(\"?\")[0];\n\n// Helpers for file type detection\nconst isImageFile = (url: string) => /\\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(getCleanUrl(url));\nconst isVideoFile = (url: string) => /\\.(mp4|webm|ogg)$/i.test(getCleanUrl(url));\nconst isAudioFile = (url: string) => /\\.(mp3|wav|ogg)$/i.test(getCleanUrl(url));\n\n// Extensions that should be downloaded directly\nconst downloadOnlyExt = [\n    \"txt\", \"zip\", \"rar\",\n    \"doc\", \"docx\",\n    \"xls\", \"xlsx\",\n    \"ppt\", \"pptx\",\n    \"pdf\"\n];\n\n// Media component with fallback for broken links\nconst MediaWithFallback = ({ src, alt, onClick }: { src: string; alt: string; onClick: (event: React.MouseEvent) => void }) => {\n    const [isBroken, setIsBroken] = useState(false);\n\n    const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        const cleanUrl = src.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            // Trigger download for docs/archives\n            const link = document.createElement(\"a\");\n            link.href = src;\n            link.download = \"\";\n            link.target = \"_blank\";\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n        } else {\n            onClick(event);\n        }\n    };\n\n    if (!isBroken) {\n        if (isImageFile(src)) {\n            return (\n                <img\n                    src={src}\n                    alt={alt}\n                    className=\"shadow-2 border-round\"\n                    width={40}\n                    height={40}\n                    style={{ objectFit: \"cover\", cursor: \"pointer\" }}\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\", cursor: \"pointer\" }}\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, cursor: \"pointer\" }}\n                    onClick={handleClick}\n                >\n                    <Volume2 size={18} className=\"text-gray-600\" />\n                </div>\n            );\n        }\n    }\n\n    // fallback icon (docs/others)\n    return (\n        <div\n            style={{ width: 40, height: 40, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", cursor: \"pointer\" }}\n            onClick={handleClick}\n        >\n            <File size={24} className=\"text-gray-400\" />\n        </div>\n    );\n};\n\n// Main column renderer\nconst SolidMediaSingleColumn = ({ 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 = 'DefaultMediaSingleListWidget';\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                        {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                    </>\n                )\n            }}\n            sortable={column.attrs.sortable}\n            showFilterOperator={false}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        />\n    );\n};\n\nexport default SolidMediaSingleColumn;\n\n// Default widget for single media field\nexport const DefaultMediaSingleListWidget = ({\n    rowData,\n    solidListViewMetaData,\n    fieldMetadata,\n    column,\n    setLightboxUrls,\n    setOpenLightbox\n}: SolidMediaListFieldWidgetProps) => {\n    if (!rowData?._media?.[fieldMetadata.name]) return null;\n    const mediaUrls = rowData._media[fieldMetadata.name].map((i: any) => i._full_url);\n\n    const firstUrl = mediaUrls[0];\n    if (!firstUrl) return <div style={{ height: 40, width: 40 }} />;\n    const cleanUrl = getCleanUrl(firstUrl);\n    return (\n        <MediaWithFallback\n            src={firstUrl}\n            alt=\"media\"\n            onClick={(event) => {\n                // Only open lightbox for image, video, or audio\n                event.stopPropagation()\n                if (isImageFile(cleanUrl) || isVideoFile(cleanUrl) || isAudioFile(cleanUrl)) {\n                    setLightboxUrls([{ src: firstUrl, downloadUrl: firstUrl }]);\n                    setOpenLightbox(true);\n                }\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"file":"SolidMediaSingleColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaSingleColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { Volume2 } from \"lucide-react\";\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';\n\nconst getCleanUrl = (url: string) => url.split(\"?\")[0];\n\n// Helpers for file type detection\nconst isImageFile = (url: string) => /\\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(getCleanUrl(url));\nconst isVideoFile = (url: string) => /\\.(mp4|webm|ogg)$/i.test(getCleanUrl(url));\nconst isAudioFile = (url: string) => /\\.(mp3|wav|ogg)$/i.test(getCleanUrl(url));\n\n// Extensions that should be downloaded directly\nconst downloadOnlyExt = [\n    \"txt\", \"zip\", \"rar\",\n    \"doc\", \"docx\",\n    \"xls\", \"xlsx\",\n    \"ppt\", \"pptx\",\n    \"pdf\"\n];\n\n// Media component with fallback for broken links\nconst MediaWithFallback = ({ src, alt, onClick }: { src: string; alt: string; onClick: (event: React.MouseEvent) => void }) => {\n    const [isBroken, setIsBroken] = useState(false);\n\n    const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        const cleanUrl = src.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            // Trigger download for docs/archives\n            const link = document.createElement(\"a\");\n            link.href = src;\n            link.download = \"\";\n            link.target = \"_blank\";\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n        } else {\n            onClick(event);\n        }\n    };\n\n    if (!isBroken) {\n        if (isImageFile(src)) {\n            return (\n                <img\n                    src={src}\n                    alt={alt}\n                    className=\"rounded shadow-md\"\n                    width={40}\n                    height={40}\n                    style={{ objectFit: \"cover\", cursor: \"pointer\" }}\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\", cursor: \"pointer\" }}\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, cursor: \"pointer\" }}\n                    onClick={handleClick}\n                >\n                    <Volume2 size={18} className=\"text-gray-600\" />\n                </div>\n            );\n        }\n    }\n\n    // fallback icon (docs/others)\n    return (\n        <div\n            style={{ width: 40, height: 40, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", cursor: \"pointer\" }}\n            onClick={handleClick}\n        >\n            <SolidFileTypeIcon fileUrl={src} size={24} />\n        </div>\n    );\n};\n\n// Main column renderer\nconst SolidMediaSingleColumn = ({ 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 = 'DefaultMediaSingleListWidget';\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                        {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                    </>\n                )\n            }}\n            sortable={column.attrs.sortable}\n            showFilterOperator={false}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        />\n    );\n};\n\nexport default SolidMediaSingleColumn;\n\n// Default widget for single media field\nexport const DefaultMediaSingleListWidget = ({\n    rowData,\n    solidListViewMetaData,\n    fieldMetadata,\n    column,\n    setLightboxUrls,\n    setOpenLightbox\n}: SolidMediaListFieldWidgetProps) => {\n    if (!rowData?._media?.[fieldMetadata.name]) return null;\n    const mediaUrls = rowData._media[fieldMetadata.name].map((i: any) => i._full_url);\n\n    const firstUrl = mediaUrls[0];\n    if (!firstUrl) return <div style={{ height: 40, width: 40 }} />;\n    const cleanUrl = getCleanUrl(firstUrl);\n    return (\n        <MediaWithFallback\n            src={firstUrl}\n            alt=\"media\"\n            onClick={(event) => {\n                // Only open lightbox for image, video, or audio\n                event.stopPropagation()\n                if (isImageFile(cleanUrl) || isVideoFile(cleanUrl) || isAudioFile(cleanUrl)) {\n                    setLightboxUrls([{ src: firstUrl, downloadUrl: firstUrl }]);\n                    setOpenLightbox(true);\n                }\n            }}\n        />\n    );\n};\n"]}

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

@@ -1,10 +1,11 @@
 
 import React, { useState } from 'react';
-import { File, Volume2 } from "lucide-react";
+import { Volume2 } from "lucide-react";
 import { Column } from "../SolidDataTable";
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';
 import { getExtensionComponent } from '../../../../helpers/registry';
+import { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';
 
 const getCleanUrl = (url: string) => url.split("?")[0];
 
@@ -51,7 +52,7 @@ const MediaWithFallback = ({ src, alt, onClick }: { src: string; alt: string; on
                 <img
                     src={src}
                     alt={alt}
-                    className="shadow-2 border-round"
+                    className="rounded shadow-md"
                     width={40}
                     height={40}
                     style={{ objectFit: "cover", cursor: "pointer" }}
@@ -67,7 +68,7 @@ const MediaWithFallback = ({ src, alt, onClick }: { src: string; alt: string; on
                     src={src}
                     width={40}
                     height={40}
-                    className="shadow-2 border-round"
+                    className="rounded shadow-md"
                     style={{ objectFit: "cover", cursor: "pointer" }}
                     onError={() => setIsBroken(true)}
                     onClick={handleClick}
@@ -79,7 +80,7 @@ const MediaWithFallback = ({ src, alt, onClick }: { src: string; alt: string; on
         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, cursor: "pointer" }}
                     onClick={handleClick}
                 >
@@ -95,7 +96,7 @@ const MediaWithFallback = ({ src, alt, onClick }: { src: string; alt: string; on
             style={{ width: 40, height: 40, display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer" }}
             onClick={handleClick}
         >
-            <File size={24} className="text-gray-400" />
+            <SolidFileTypeIcon fileUrl={src} size={24} />
         </div>
     );
 };

package/dist/components/core/list/columns/SolidRelationColumn.d.ts

@@ -1,4 +1,4 @@
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
-declare const SolidRelationColumn: ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => import("react/jsx-runtime").JSX.Element | undefined;
+declare const SolidRelationColumn: ({ solidListViewMetaData, fieldMetadata, column, embeded }: SolidListViewColumnParams) => import("react/jsx-runtime").JSX.Element | undefined;
 export default SolidRelationColumn;
 //# sourceMappingURL=SolidRelationColumn.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidRelationColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAKnE,QAAA,MAAM,mBAAmB,qDAAsD,yBAAyB,wDAYvG,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SolidRelationColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidRelationColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAKnE,QAAA,MAAM,mBAAmB,8DAA+D,yBAAyB,wDAYhH,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -2,9 +2,9 @@ import SolidRelationManyToManyColumn from './relations/SolidRelationManyToManyCo
 import SolidRelationManyToOneColumn from './relations/SolidRelationManyToOneColumn';
 import SolidRelationOneToManyColumn from './relations/SolidRelationOneToManyColumn';
 var SolidRelationColumn = function (_a) {
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column, embeded = _a.embeded;
     if (fieldMetadata.relationType === 'many-to-one') {
-        return SolidRelationManyToOneColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });
+        return SolidRelationManyToOneColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column, embeded: embeded });
     }
     if (fieldMetadata.relationType === 'one-to-many') {
         return SolidRelationOneToManyColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });

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

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidRelationColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,6BAA6B,MAAM,2CAA2C,CAAC;AACtF,OAAO,4BAA4B,MAAM,0CAA0C,CAAC;AACpF,OAAO,4BAA4B,MAAM,0CAA0C,CAAC;AAEpF,IAAM,mBAAmB,GAAG,UAAC,EAA2E;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACvE,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,4BAA4B,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KACzF;IACD,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,4BAA4B,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KACzF;IACD,IAAI,aAAa,CAAC,YAAY,KAAK,cAAc,EAAE;QAC/C,OAAO,6BAA6B,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KAC1F;IACD,4BAA4B;IAC5B,6BAA6B;AACjC,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport SolidRelationManyToManyColumn from './relations/SolidRelationManyToManyColumn';\nimport SolidRelationManyToOneColumn from './relations/SolidRelationManyToOneColumn';\nimport SolidRelationOneToManyColumn from './relations/SolidRelationOneToManyColumn';\n\nconst SolidRelationColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    if (fieldMetadata.relationType === 'many-to-one') {\n        return SolidRelationManyToOneColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    if (fieldMetadata.relationType === 'one-to-many') {\n        return SolidRelationOneToManyColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    if (fieldMetadata.relationType === 'many-to-many') {\n        return SolidRelationManyToManyColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    // TODO: Support one-to-many\n    // TODO: Support many-to-many\n};\n\nexport default SolidRelationColumn;"]}
+{"version":3,"file":"SolidRelationColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidRelationColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,6BAA6B,MAAM,2CAA2C,CAAC;AACtF,OAAO,4BAA4B,MAAM,0CAA0C,CAAC;AACpF,OAAO,4BAA4B,MAAM,0CAA0C,CAAC;AAEpF,IAAM,mBAAmB,GAAG,UAAC,EAAoF;QAAlF,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IAChF,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,4BAA4B,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;KAClG;IACD,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,4BAA4B,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KACzF;IACD,IAAI,aAAa,CAAC,YAAY,KAAK,cAAc,EAAE;QAC/C,OAAO,6BAA6B,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KAC1F;IACD,4BAA4B;IAC5B,6BAA6B;AACjC,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport SolidRelationManyToManyColumn from './relations/SolidRelationManyToManyColumn';\nimport SolidRelationManyToOneColumn from './relations/SolidRelationManyToOneColumn';\nimport SolidRelationOneToManyColumn from './relations/SolidRelationOneToManyColumn';\n\nconst SolidRelationColumn = ({ solidListViewMetaData, fieldMetadata, column, embeded }: SolidListViewColumnParams) => {\n    if (fieldMetadata.relationType === 'many-to-one') {\n        return SolidRelationManyToOneColumn({ solidListViewMetaData, fieldMetadata, column, embeded });\n    }\n    if (fieldMetadata.relationType === 'one-to-many') {\n        return SolidRelationOneToManyColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    if (fieldMetadata.relationType === 'many-to-many') {\n        return SolidRelationManyToManyColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    // TODO: Support one-to-many\n    // TODO: Support many-to-many\n};\n\nexport default SolidRelationColumn;"]}

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

@@ -4,9 +4,9 @@ import SolidRelationManyToManyColumn from './relations/SolidRelationManyToManyCo
 import SolidRelationManyToOneColumn from './relations/SolidRelationManyToOneColumn';
 import SolidRelationOneToManyColumn from './relations/SolidRelationOneToManyColumn';
 
-const SolidRelationColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
+const SolidRelationColumn = ({ solidListViewMetaData, fieldMetadata, column, embeded }: SolidListViewColumnParams) => {
     if (fieldMetadata.relationType === 'many-to-one') {
-        return SolidRelationManyToOneColumn({ solidListViewMetaData, fieldMetadata, column });
+        return SolidRelationManyToOneColumn({ solidListViewMetaData, fieldMetadata, column, embeded });
     }
     if (fieldMetadata.relationType === 'one-to-many') {
         return SolidRelationOneToManyColumn({ solidListViewMetaData, fieldMetadata, column });

package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.d.ts

@@ -1,6 +1,6 @@
 import { SolidListViewColumnParams } from '../../../../../components/core/list/SolidListViewColumn';
 import { SolidListFieldWidgetProps } from '../../../../../types/solid-core';
-declare const SolidRelationManyToOneColumn: ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => import("react/jsx-runtime").JSX.Element;
+declare const SolidRelationManyToOneColumn: ({ solidListViewMetaData, fieldMetadata, column, embeded }: SolidListViewColumnParams) => import("react/jsx-runtime").JSX.Element;
 export default SolidRelationManyToOneColumn;
-export declare const DefaultRelationManyToOneListWidget: ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultRelationManyToOneListWidget: ({ rowData, solidListViewMetaData, fieldMetadata, column, embeded }: SolidListFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SolidRelationManyToOneColumn.d.ts.map

package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationManyToOneColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAEpG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAI5E,QAAA,MAAM,4BAA4B,qDAAsD,yBAAyB,4CAoChH,CAAC;AAEF,eAAe,4BAA4B,CAAC;AAG5C,eAAO,MAAM,kCAAkC,8DAA+D,yBAAyB,4CA4CtI,CAAC"}
+{"version":3,"file":"SolidRelationManyToOneColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAEpG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAI5E,QAAA,MAAM,4BAA4B,8DAA+D,yBAAyB,4CAqCzH,CAAC;AAEF,eAAe,4BAA4B,CAAC;AAG5C,eAAO,MAAM,kCAAkC,uEAAwE,yBAAyB,4CAqD/I,CAAC"}

package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js

@@ -16,7 +16,7 @@ import { kebabCase } from 'lodash';
 import { ExternalLink } from "lucide-react";
 var SolidRelationManyToOneColumn = function (_a) {
     var _b;
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column, embeded = _a.embeded;
     var header = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
     return (_jsx(Column, { field: fieldMetadata.name, header: header, 
         // className="text-sm"
@@ -30,21 +30,26 @@ var SolidRelationManyToOneColumn = function (_a) {
                 rowData: rowData,
                 solidListViewMetaData: solidListViewMetaData,
                 fieldMetadata: fieldMetadata,
-                column: column
+                column: column,
+                embeded: embeded
             };
             return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
         }, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName), style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }, fieldMetadata.name));
 };
 export default SolidRelationManyToOneColumn;
 export var DefaultRelationManyToOneListWidget = function (_a) {
-    var _b, _c, _d, _e;
-    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var _b, _c, _d, _e, _f;
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column, embeded = _a.embeded;
     var manyToOneFieldData = rowData[column.attrs.name];
     // This is the userkey that will be present within the rowData.
     if (manyToOneFieldData) {
         // Since this is a many-to-one field, we fetch the user key field of the associated model.
         var userKeyField = ((_b = column === null || column === void 0 ? void 0 : column.attrs) === null || _b === void 0 ? void 0 : _b.coModelFieldToDisplay) ? (_c = column === null || column === void 0 ? void 0 : column.attrs) === null || _c === void 0 ? void 0 : _c.coModelFieldToDisplay : (_e = (_d = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _d === void 0 ? void 0 : _d.userKeyField) === null || _e === void 0 ? void 0 : _e.name;
         var manyToOneColVal = manyToOneFieldData[userKeyField];
+        var isDisabled = ((_f = column === null || column === void 0 ? void 0 : column.attrs) === null || _f === void 0 ? void 0 : _f.disabled) === true;
+        if (embeded === true || isDisabled) {
+            return (_jsx("span", { className: "solid-list-external-link-text", children: manyToOneColVal }));
+        }
         return (_jsxs("button", { type: "button", className: "solid-list-external-link", onClick: function () {
                 var _a, _b;
                 var pathSegments = window.location.pathname.split('/').filter(Boolean);

package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationManyToOneColumn.js","sourceRoot":"","sources":["../../../../../../src/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Column } from \"../../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../../../../../components/core/list/SolidListViewColumn';\nimport { getExtensionComponent } from '../../../../../helpers/registry';\nimport { SolidListFieldWidgetProps } from '../../../../../types/solid-core';\nimport { kebabCase } from 'lodash';\nimport { ExternalLink } from \"lucide-react\";\n\nconst SolidRelationManyToOneColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n\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            // className=\"text-sm\"\n            sortable={column.attrs.sortable}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultRelationManyToOneListWidget';\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};\n\nexport default SolidRelationManyToOneColumn;\n\n\nexport const DefaultRelationManyToOneListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const manyToOneFieldData = rowData[column.attrs.name];\n\n    // This is the userkey that will be present within the rowData.\n    if (manyToOneFieldData) {\n        // Since this is a many-to-one field, we fetch the user key field of the associated model.\n        const userKeyField = column?.attrs?.coModelFieldToDisplay ? column?.attrs?.coModelFieldToDisplay : fieldMetadata?.relationModel?.userKeyField?.name;\n\n        const manyToOneColVal = manyToOneFieldData[userKeyField];\n\n        return (\n            <button\n                type=\"button\"\n                className=\"solid-list-external-link\"\n                onClick={() => {\n                    const pathSegments = window.location.pathname.split('/').filter(Boolean);\n\n                    const listIndex = pathSegments.lastIndexOf('list');\n\n                    if (listIndex > 0) {\n                        pathSegments[listIndex - 1] = kebabCase(fieldMetadata?.relationModel?.singularName);\n                        pathSegments[listIndex] = `form/${manyToOneFieldData?.id}`;\n                    }\n                    else if (pathSegments[pathSegments.length - 2] === \"form\") {\n                        pathSegments[pathSegments.length - 3] = kebabCase(fieldMetadata?.relationModel?.singularName);\n                        pathSegments[pathSegments.length - 2] = \"form\";\n                        pathSegments[pathSegments.length - 1] = manyToOneFieldData?.id;\n                    }\n\n                    const newPath = `/${pathSegments.join('/')}?viewMode=view`;\n\n                    // open in new tab\n                    window.open(newPath, \"_blank\");\n\n                }}\n            >\n                <span className=\"solid-list-external-link-text\">{manyToOneColVal}</span>\n                <ExternalLink size={13} strokeWidth={2} className=\"solid-list-external-link-icon\" />\n            </button>\n        );\n    }\n    else {\n        return <span></span>\n    }\n};\n"]}
+{"version":3,"file":"SolidRelationManyToOneColumn.js","sourceRoot":"","sources":["../../../../../../src/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Column } from \"../../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../../../../../components/core/list/SolidListViewColumn';\nimport { getExtensionComponent } from '../../../../../helpers/registry';\nimport { SolidListFieldWidgetProps } from '../../../../../types/solid-core';\nimport { kebabCase } from 'lodash';\nimport { ExternalLink } from \"lucide-react\";\n\nconst SolidRelationManyToOneColumn = ({ solidListViewMetaData, fieldMetadata, column, embeded }: SolidListViewColumnParams) => {\n\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            // className=\"text-sm\"\n            sortable={column.attrs.sortable}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultRelationManyToOneListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column,\n                    embeded\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};\n\nexport default SolidRelationManyToOneColumn;\n\n\nexport const DefaultRelationManyToOneListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column, embeded }: SolidListFieldWidgetProps) => {\n    const manyToOneFieldData = rowData[column.attrs.name];\n    // This is the userkey that will be present within the rowData.\n    if (manyToOneFieldData) {\n        // Since this is a many-to-one field, we fetch the user key field of the associated model.\n        const userKeyField = column?.attrs?.coModelFieldToDisplay ? column?.attrs?.coModelFieldToDisplay : fieldMetadata?.relationModel?.userKeyField?.name;\n\n        const manyToOneColVal = manyToOneFieldData[userKeyField];\n\n        const isDisabled = column?.attrs?.disabled === true;\n\n        if (embeded === true || isDisabled) {\n            return (\n                <span className=\"solid-list-external-link-text\">\n                    {manyToOneColVal}\n                </span>\n            );\n        }\n\n        return (\n            <button\n                type=\"button\"\n                className=\"solid-list-external-link\"\n                onClick={() => {\n                    const pathSegments = window.location.pathname.split('/').filter(Boolean);\n\n                    const listIndex = pathSegments.lastIndexOf('list');\n\n                    if (listIndex > 0) {\n                        pathSegments[listIndex - 1] = kebabCase(fieldMetadata?.relationModel?.singularName);\n                        pathSegments[listIndex] = `form/${manyToOneFieldData?.id}`;\n                    }\n                    else if (pathSegments[pathSegments.length - 2] === \"form\") {\n                        pathSegments[pathSegments.length - 3] = kebabCase(fieldMetadata?.relationModel?.singularName);\n                        pathSegments[pathSegments.length - 2] = \"form\";\n                        pathSegments[pathSegments.length - 1] = manyToOneFieldData?.id;\n                    }\n\n                    const newPath = `/${pathSegments.join('/')}?viewMode=view`;\n\n                    // open in new tab\n                    window.open(newPath, \"_blank\");\n\n                }}\n            >\n                <span className=\"solid-list-external-link-text\">{manyToOneColVal}</span>\n                <ExternalLink size={13} strokeWidth={2} className=\"solid-list-external-link-icon\" />\n            </button>\n        );\n    }\n    else {\n        return <span></span>\n    }\n};\n"]}

package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx

@@ -6,7 +6,7 @@ import { SolidListFieldWidgetProps } from '../../../../../types/solid-core';
 import { kebabCase } from 'lodash';
 import { ExternalLink } from "lucide-react";
 
-const SolidRelationManyToOneColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
+const SolidRelationManyToOneColumn = ({ solidListViewMetaData, fieldMetadata, column, embeded }: SolidListViewColumnParams) => {
 
     const header = column.attrs.label ?? fieldMetadata.displayName;
 
@@ -27,7 +27,8 @@ const SolidRelationManyToOneColumn = ({ solidListViewMetaData, fieldMetadata, co
                     rowData,
                     solidListViewMetaData,
                     fieldMetadata,
-                    column
+                    column,
+                    embeded
                 }
                 return (
                     <>
@@ -47,9 +48,8 @@ const SolidRelationManyToOneColumn = ({ solidListViewMetaData, fieldMetadata, co
 export default SolidRelationManyToOneColumn;
 
 
-export const DefaultRelationManyToOneListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {
+export const DefaultRelationManyToOneListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column, embeded }: SolidListFieldWidgetProps) => {
     const manyToOneFieldData = rowData[column.attrs.name];
-
     // This is the userkey that will be present within the rowData.
     if (manyToOneFieldData) {
         // Since this is a many-to-one field, we fetch the user key field of the associated model.
@@ -57,6 +57,16 @@ export const DefaultRelationManyToOneListWidget = ({ rowData, solidListViewMetaD
 
         const manyToOneColVal = manyToOneFieldData[userKeyField];
 
+        const isDisabled = column?.attrs?.disabled === true;
+
+        if (embeded === true || isDisabled) {
+            return (
+                <span className="solid-list-external-link-text">
+                    {manyToOneColVal}
+                </span>
+            );
+        }
+
         return (
             <button
                 type="button"

package/dist/components/core/list/field-quality-check-fixes.md

@@ -0,0 +1,178 @@
+# Field Quality Checks And Fixes
+
+This checklist tracks list and tree rendering issues and logical enhancements for each field type in `solid-core-ui`.
+
+Use it for frontend concerns only:
+
+- list and tree column behavior
+- list widgets and render modes
+- filtering and scanability UX
+- visual density, truncation, and discoverability
+
+Backend validation, persistence, and query concerns belong in `solid-core-module`.
+
+## `shortText`
+
+- [ ] Decide whether truncation should remain layout-level only through `truncateAfter`, or whether `shortText` columns should also support a per-column override.
+- [ ] If per-column truncation is needed, add a field-node level attr that can override the layout default without changing the existing behavior for other columns.
+- [ ] Review whether default text columns should support an explicit no-truncate mode when the list layout uses `truncateAfter`.
+- [ ] Consider richer alternative widgets for identifier-heavy fields such as copyable text, badge or chip rendering, link-style rendering, or compact monospace output.
+- [ ] Review whether `SolidShortTextAvatarWidget` should remain a general text widget that can also render object-shaped values, or whether that behavior should move to relation-oriented widgets only.
+- [ ] Add a real-world example and a stricter rendering contract for `SolidShortTextAvatarWidget` so its intended usage is unambiguous.
+- [ ] Improve `SolidShortTextFieldImageListWidget` with safe empty-state handling, broken-image fallbacks, and optional size configuration.
+- [ ] Consider optional widget attrs for avatar and image-based widgets such as size, shape, fallback text, or tooltip behavior.
+- [ ] Review whether masked list rendering should support a configurable mask style for high-sensitivity versus low-sensitivity secrets.
+
+## `longText`
+
+- [ ] Decide whether `longText` should continue to reuse the shared text-column path or receive a dedicated long-text column renderer.
+- [ ] Review whether list rendering should support an expanded preview mode instead of only relying on truncation and tooltip behavior.
+- [ ] If list previews are important, consider a dedicated widget for excerpt-style rendering with configurable line or character limits.
+- [ ] Review whether `truncateAfter` is sufficient for multiline content or whether `longText` columns need field-node level overrides.
+- [ ] Consider a dedicated read-more or modal-preview widget for verbose administrative notes and descriptions.
+- [ ] Add focused coverage for how multiline text is flattened or displayed inside list and tree cells.
+
+## `richText`
+
+- [ ] Decide whether `richText` should continue to reuse the shared text-column path or receive a dedicated rich-text list renderer.
+- [ ] Review whether list rendering should strip HTML more explicitly before truncation and search presentation.
+- [ ] Consider a dedicated excerpt widget that converts rich text to clean plain text for list and tree readability.
+- [ ] Review whether tooltip behavior is sufficient when rich-text content contains markup, links, or long structured blocks.
+- [ ] Add focused coverage for how formatted content is flattened or displayed inside list and tree cells.
+
+## `json`
+
+- [ ] Add an explicit core list-column path for `json`, since JSON fields are not currently wired into list dispatch.
+- [ ] Decide what the default list rendering strategy should be for JSON values: raw string, compact preview, key summary, or expandable inspector.
+- [ ] Consider a dedicated widget for compact JSON previews with truncation and pretty-print affordances.
+- [ ] Review whether JSON fields should participate in list search and filtering by default or require more deliberate configuration.
+- [ ] Add focused coverage for how JSON fields behave when they are included in list metadata before a dedicated renderer exists.
+
+## `int`
+
+- [ ] Review whether `int` should continue to render through `DefaultTextListWidget`, or whether a dedicated numeric list widget would make formatting and numeric semantics clearer.
+- [ ] Consider per-column numeric formatting options such as thousand separators, compact notation, or score-style emphasis without requiring a custom widget.
+- [ ] Review whether integer columns should support a clearer separation between exact numeric filtering and text-style global search behavior.
+- [ ] Add focused coverage for sorting, filtering, zero values, negative values, and tree-view reuse of the shared numeric column path.
+
+
+## `bigint`
+
+- [ ] Review whether `bigint` should continue to reuse the `int` list-column path, especially when values may exceed JavaScript safe-integer handling or need exact display fidelity.
+- [ ] Consider a dedicated bigint renderer that preserves large values reliably and supports copy-friendly presentation for legacy IDs and external request keys.
+- [ ] Review whether global search and filter behavior for bigint fields should be more deliberate, since large identifiers are often looked up exactly rather than searched fuzzily.
+- [ ] Add focused coverage for very large values, sorting behavior, truncation, and tree-view reuse of the shared numeric column path.
+
+
+## `decimal`
+
+- [ ] Review whether `decimal` should continue to render through `DefaultTextListWidget`, or whether a dedicated numeric renderer should own precision-aware display.
+- [ ] Consider per-column decimal formatting options such as fixed precision, compact display, currency-style rendering, or percentage-style rendering.
+- [ ] Review whether decimal fields need clearer behavior for sorting and filtering when stored values arrive as numbers in some flows and strings in others.
+- [ ] Add focused coverage for fractional values, zero values, sorting, filtering, and tree-view reuse of the shared numeric column path.
+
+
+## `boolean`
+
+- [ ] Fix the default boolean list widget so it always reads the row value by field name rather than falling back to the column label, which can break rendering when `label` is customized.
+- [ ] Review whether `boolean` columns should support richer visual states such as badges, chips, icons, or colored status pills in addition to plain text.
+- [ ] Consider whether per-column boolean styling should support explicit positive and negative tone configuration without requiring a custom widget.
+- [ ] Review whether `trueLabel` and `falseLabel` should also influence filtering affordances or only the rendered cell output.
+- [ ] Add focused test coverage for label overrides, empty values, nullable booleans, and tree-view reuse of the default boolean list widget.
+
+## `date`
+
+- [ ] Review whether `date` should continue to rely on the single default list widget or support a richer set of date-oriented render modes such as relative time, calendar badges, or status-style date indicators.
+- [ ] Clarify the ownership of the `format` attr, because list formatting is currently layout-driven while form view formatting can be field-node driven.
+- [ ] Consider whether date columns should support per-column format overrides without requiring a layout-wide date format.
+- [ ] Add focused coverage for empty dates, invalid incoming values, sorting behavior, and tree-view reuse of the default date renderer.
+
+## `datetime`
+
+- [ ] Review whether `datetime` should continue to rely on the single default list widget or support richer render modes such as relative time, age indicators, or event-state styling.
+- [ ] Clarify the ownership of the `format` attr, because list formatting is currently layout-driven while form view formatting can be field-node driven.
+- [ ] Consider whether datetime columns should support per-column format overrides without requiring a layout-wide datetime format.
+- [ ] Add focused coverage for empty datetimes, invalid incoming values, sorting behavior, and tree-view reuse of the default datetime renderer.
+
+## `time`
+
+- [ ] Review whether the shared text-column path is sufficient for `time`, or whether this field type should have a dedicated list widget that formats time-only values consistently.
+- [ ] Clarify how `format` should behave for time fields in list and tree views, since the current list path does not use a dedicated time renderer.
+- [ ] Consider whether schedule-heavy screens would benefit from compact time badges, range rendering, or more explicit time-only display modes.
+- [ ] Add focused coverage for truncation, time-only formatting, invalid incoming values, and tree-view reuse of the current time renderer.
+
+## `email`
+
+- [ ] Review whether the shared text-column path is sufficient for `email`, or whether this field type should have a dedicated list widget for mailto links, copy actions, or privacy-aware masking.
+- [ ] Consider whether long email addresses need a field-node level truncation override beyond the existing layout-wide `truncateAfter` behavior.
+- [ ] Review whether searchable email columns should expose more deliberate affordances for exact lookup versus partial text search.
+- [ ] Add focused coverage for truncation, null values, long addresses, and tree-view reuse of the shared email renderer.
+
+## `password`
+
+- [ ] Decide whether password fields should be blocked more explicitly from ordinary list and tree rendering rather than simply lacking a core renderer.
+- [ ] Review whether metadata-driven lists should surface a clearer error or omit the field automatically when a password field is configured in a list layout.
+- [ ] Add focused coverage for how unsupported password list rendering should behave so accidental exposure risks are easier to catch.
+
+## `selectionStatic`
+
+- [ ] Review whether the shared text-column path is sufficient for `selectionStatic`, or whether this field type should have a dedicated list widget that makes the label-mapping contract more explicit.
+- [ ] Fix or clarify multi-select list rendering, because the current shared mapping logic looks reliable for scalar values but fragile for JSON-stringified multi-select values.
+- [ ] Consider richer list presentations for status-style selection fields such as badges, chips, color-coded pills, or icon-assisted labels.
+- [ ] Decide whether per-column styling for selection-like fields should be configurable without requiring a custom widget.
+- [ ] Add focused coverage for single-select label mapping, multi-select display, truncation behavior, and tree-view reuse of the shared renderer.
+
+## `selectionDynamic`
+
+- [ ] Review whether the shared text-column path is sufficient for `selectionDynamic`, because core list rendering currently shows the row value directly and does not perform provider-backed label resolution at render time.
+- [ ] Consider whether provider-backed fields need a dedicated list widget that can render resolved labels, chips, or badges more explicitly.
+- [ ] Review how multi-select dynamic values should appear in list and tree cells when the stored value is an array or a JSON-stringified array.
+- [ ] Add focused coverage for single-select rendering, multi-select rendering, truncation behavior, and provider-backed values that arrive in object-shaped forms.
+
+## `many-to-one`
+
+- [ ] Review whether the default relation column should continue opening the related record from the cell, or whether that behavior should be configurable per column for denser operational lists.
+- [ ] Clarify how `disabled` should affect rendering, because it currently changes both interactivity and the user’s expectation of whether the cell is navigable.
+- [ ] Consider whether `many-to-one` columns should support richer visual modes such as link-plus-subtitle, avatar-plus-label, or badge-style rendering without requiring custom widgets.
+- [ ] Review whether `coModelFieldToDisplay` should support safer fallbacks when the configured related field is missing from the loaded relation payload.
+- [ ] Add focused coverage for interactive versus disabled cells, missing related records, search-oriented relation columns, and tree-view reuse of the default renderer.
+
+## `one-to-many`
+
+- [ ] Review whether showing only the first related label plus `+N` is sufficient for collection-heavy screens, or whether a dedicated summary widget should support configurable previews.
+- [ ] Consider whether one-to-many columns should support a popover, dialog, or tooltip preview of the first few related records for faster scanning.
+- [ ] Clarify how `coModelFieldToDisplay` should behave when child records are partially loaded or when the configured display field is absent.
+- [ ] Review whether long child labels or large child collections need better truncation and overflow behavior than the current compact summary path.
+- [ ] Add focused coverage for empty collections, one-item collections, larger collections, missing child labels, and tree-view reuse of the default renderer.
+
+## `many-to-many`
+
+- [ ] Review whether the default membership summary should support richer previews for tag-heavy or user-heavy relationships instead of always showing one label plus `+N`.
+- [ ] Consider whether many-to-many columns should support chip- or badge-based rendering for small membership sets without requiring a custom widget.
+- [ ] Clarify how `coModelFieldToDisplay` should behave when relation payloads are partial, sparse, or missing the configured display field.
+- [ ] Review whether the avatar widget should support configurable preview count, tooltip behavior, or overflow presentation for larger relation sets.
+- [ ] Add focused coverage for empty memberships, one-item memberships, larger memberships, avatar rendering, and tree-view reuse of the default renderer.
+
+## `mediaSingle`
+
+- [ ] Review whether the default single-media column should support configurable preview size so media-heavy lists can trade density for visual clarity.
+- [ ] Consider whether non-image files should show richer metadata such as file extension or download hint instead of only icon-driven rendering.
+- [ ] Review whether lightbox and download behavior should be more explicit in the cell UI so users can predict what clicking the preview will do.
+- [ ] Consider whether broken preview URLs and missing media payloads should degrade to a clearer empty or error state.
+- [ ] Add focused coverage for image, video, audio, and document rendering, missing media payloads, and tree-view reuse of the default renderer.
+
+## `mediaMultiple`
+
+- [ ] Review whether the first-item-plus-count summary is sufficient for document-heavy attachment sets, or whether a non-gallery list preview is needed.
+- [ ] Consider whether multi-media columns should support configurable preview count or a more deliberate overflow affordance for large collections.
+- [ ] Review whether clicking the cell should behave differently for image-led collections versus document-led collections so the interaction stays predictable.
+- [ ] Consider whether the `+N` badge should expose a hover or dialog preview of the remaining attachments for quicker scanning.
+- [ ] Add focused coverage for mixed media collections, image-led collections, document-led collections, empty collections, and tree-view reuse of the default renderer.
+
+## `computed`
+
+- [ ] Review whether delegating entirely by `computedFieldValueType` is sufficient, or whether computed fields need a dedicated list wrapper for consistent affordances and styling.
+- [ ] Consider whether computed identifier-style fields should support copyable or badge-style rendering without forcing every screen to treat them as generic text.
+- [ ] Review whether computed numeric and date values should inherit all formatting options from their delegated scalar renderers or support computed-specific overrides.
+- [ ] Clarify what should happen when `computedFieldValueType` is unsupported, missing, or mismatched with the actual stored value shape.
+- [ ] Add focused coverage for text, int, decimal, boolean, date, and datetime computed values, unsupported value types, and tree-view reuse of delegated rendering.