@solidstarters/solid-core-ui 1.1.210 → 1.1.211

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

@@ -1,15 +1,4 @@
 'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { FilterMatchMode } from 'primereact/api';
 import { Column } from "primereact/column";
@@ -18,13 +7,11 @@ import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilter
 import SolidTableRowCell from '../SolidTableRowCell';
 import { getExtensionComponent } from '../../../../helpers/registry';
 import dayjs from 'dayjs';
-var SolidShortTextColumn = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
-    var filterable = column.attrs.filterable;
-    var showFilterOperator = false;
-    var columnDataType = 'text';
-    var filterMatchModeOptions = [
+const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }) => {
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = 'text';
+    const filterMatchModeOptions = [
         { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },
         { label: 'Contains', value: FilterMatchMode.CONTAINS },
         { label: 'Not Contains', value: FilterMatchMode.NOT_CONTAINS },
@@ -34,38 +21,38 @@ var SolidShortTextColumn = function (_a) {
         { label: 'In', value: FilterMatchMode.IN },
         { label: 'Not In', value: FilterMatchMode.NOT_IN }
     ];
-    var filterTemplate = function (options) {
-        var numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
-        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
+    const filterTemplate = (options) => {
+        const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
+        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: (e) => options.filterCallback(e, options.index), numberOfInputs: numberOfInputs, inputType: InputTypes.Text, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
     };
-    var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
-    var header = (_f = column.attrs.label) !== null && _f !== void 0 ? _f : fieldMetadata.displayName;
+    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;
+    const header = column.attrs.label ?? fieldMetadata.displayName;
     return (_jsx(Column, { field: fieldMetadata.name, 
         // header={header}
         // className="text-sm"
         sortable: column.attrs.sortable, 
         // filter={filterable}
-        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName), 
+        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: `Search by ${fieldMetadata.displayName}`, 
         // style={{ minWidth: "12rem" }}
         // headerClassName="table-header-fs"
-        header: function () {
-            return (_jsx("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
-        }, body: function (rowData) {
+        header: () => {
+            return (_jsx("div", { style: { maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
+        }, body: (rowData) => {
             //add this widget to render media image in image format  - SolidShortTextFieldImageRenderModeWidget 
-            var viewWidget = column.attrs.viewWidget;
+            let viewWidget = column.attrs.viewWidget;
             if (!viewWidget) {
                 viewWidget = 'DefaultTextListWidget';
             }
-            var DynamicWidget = getExtensionComponent(viewWidget);
-            var widgetProps = {
-                rowData: rowData,
-                solidListViewMetaData: solidListViewMetaData,
-                fieldMetadata: fieldMetadata,
-                column: column,
+            let DynamicWidget = getExtensionComponent(viewWidget);
+            const widgetProps = {
+                rowData,
+                solidListViewMetaData,
+                fieldMetadata,
+                column,
                 setLightboxUrls: setLightboxUrls,
                 setOpenLightbox: setOpenLightbox
             };
-            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, { ...widgetProps }) }));
         } }, fieldMetadata.name));
 };
 export default SolidShortTextColumn;
@@ -75,14 +62,12 @@ function parseIsoDate(value) {
     // Fast reject (avoids false positives)
     if (!value.includes("T"))
         return null;
-    var d = new Date(value);
+    const d = new Date(value);
     return isNaN(d.getTime()) ? null : d;
 }
-export var DefaultTextListWidget = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
-    var displayValue = rowData[fieldMetadata.name];
+export const DefaultTextListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }) => {
+    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;
+    let displayValue = rowData[fieldMetadata.name];
     //    if (typeof displayValue === "string" && displayValue.includes("T") && displayValue.endsWith("Z")) {
     //         const d = new Date(displayValue);
     //         if (!isNaN(d.getTime())) {
@@ -96,9 +81,9 @@ export var DefaultTextListWidget = function (_a) {
     //         }
     //     }
     if (typeof displayValue === "string") {
-        var parsedDate = parseIsoDate(displayValue);
+        const parsedDate = parseIsoDate(displayValue);
         if (parsedDate) {
-            var format = (_f = column === null || column === void 0 ? void 0 : column.attrs) === null || _f === void 0 ? void 0 : _f.format;
+            const format = column?.attrs?.format;
             // 🔵 Explicit format → dayjs
             if (format) {
                 displayValue = dayjs(parsedDate).format(format);
@@ -109,14 +94,14 @@ export var DefaultTextListWidget = function (_a) {
             }
         }
     }
-    if ((fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.selectionStaticValues) && displayValue) {
-        var mapping_1 = {};
-        fieldMetadata.selectionStaticValues.forEach(function (entry) {
-            var _a = entry.split(":"), val = _a[0], label = _a[1];
-            mapping_1[val] = label;
+    if (fieldMetadata?.selectionStaticValues && displayValue) {
+        const mapping = {};
+        fieldMetadata.selectionStaticValues.forEach((entry) => {
+            const [val, label] = entry.split(":");
+            mapping[val] = label;
         });
-        var values = displayValue.split(",").map(function (v) { return v.trim(); });
-        displayValue = values.map(function (v) { return mapping_1[v] || v; }).join(", ");
+        const values = displayValue.split(",").map((v) => v.trim());
+        displayValue = values.map((v) => mapping[v] || v).join(", ");
     }
     return (_jsx(SolidTableRowCell, { value: displayValue, truncateAfter: truncateAfter }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SolidShortTextColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidShortTextColumn.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidShortTextColumn.js","sourceRoot":"./","sources":["components/core/list/columns/SolidShortTextColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport { FilterMatchMode } from 'primereact/api';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport SolidTableRowCell from '../SolidTableRowCell';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { SolidListFieldWidgetProps, SolidMediaListFieldWidgetProps, SolidShortTextImageRenderModeWidgetProps } from '../../../../types/solid-core';\nimport dayjs from 'dayjs';\n\nconst SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n    const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'text';\n    const filterMatchModeOptions = [\n        { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },\n        { label: 'Contains', value: FilterMatchMode.CONTAINS },\n        { label: 'Not Contains', value: FilterMatchMode.NOT_CONTAINS },\n        { label: 'Ends With', value: FilterMatchMode.ENDS_WITH },\n        { label: 'Equals', value: FilterMatchMode.EQUALS },\n        { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },\n        { label: 'In', value: FilterMatchMode.IN },\n        { label: 'Not In', value: FilterMatchMode.NOT_IN }\n    ];\n    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n        const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);\n\n        return (\n            <SolidVarInputsFilterElement\n                values={options.value}\n                onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}\n                numberOfInputs={numberOfInputs}\n                inputType={InputTypes.Text}\n                solidListViewMetaData={solidListViewMetaData}\n                fieldMetadata={fieldMetadata}\n                column={column}\n            >\n            </SolidVarInputsFilterElement >\n        )\n    };\n\n    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;\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            // filter={filterable}\n            dataType={columnDataType}\n            showFilterOperator={showFilterOperator}\n            filterMatchModeOptions={filterMatchModeOptions}\n            filterElement={filterTemplate}\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            // style={{ minWidth: \"12rem\" }}\n            // headerClassName=\"table-header-fs\"\n            header={() => {\n                return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n            }}\n\n            body={(rowData) => {\n                //add this widget to render media image in image format  - SolidShortTextFieldImageRenderModeWidget \n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultTextListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidMediaListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column,\n                    setLightboxUrls: setLightboxUrls,\n                    setOpenLightbox: setOpenLightbox\n                }\n                return (\n                    <>\n                        {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                    </>\n                )\n            }\n            }\n\n        ></Column >\n    );\n\n};\n\nexport default SolidShortTextColumn;\n\nfunction parseIsoDate(value: string): Date | null {\n    if (!value || typeof value !== \"string\") return null;\n\n    // Fast reject (avoids false positives)\n    if (!value.includes(\"T\")) return null;\n\n    const d = new Date(value);\n    return isNaN(d.getTime()) ? null : d;\n}\n\n\nexport const DefaultTextListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;\n    let displayValue = rowData[fieldMetadata.name];\n    //    if (typeof displayValue === \"string\" && displayValue.includes(\"T\") && displayValue.endsWith(\"Z\")) {\n    //         const d = new Date(displayValue);\n    //         if (!isNaN(d.getTime())) {\n    //             const year = d.getFullYear();\n    //             const month = String(d.getMonth() + 1).padStart(2, \"0\");\n    //             const day = String(d.getDate()).padStart(2, \"0\");\n    //             const hours = String(d.getHours()).padStart(2, \"0\");\n    //             const minutes = String(d.getMinutes()).padStart(2, \"0\");\n    //             const seconds = String(d.getSeconds()).padStart(2, \"0\");\n\n    //             displayValue = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}.000`;\n    //         }\n    //     }\n    if (typeof displayValue === \"string\") {\n        const parsedDate = parseIsoDate(displayValue);\n\n        if (parsedDate) {\n            const format = column?.attrs?.format as string | undefined;\n\n            // 🔵 Explicit format → dayjs\n            if (format) {\n                displayValue = dayjs(parsedDate).format(format);\n            }\n            // 🟢 Default → user locale\n            else {\n                displayValue = parsedDate.toLocaleString();\n            }\n        }\n    }\n\n\n\n    if (fieldMetadata?.selectionStaticValues && displayValue) {\n        const mapping: Record<string, string> = {};\n\n        fieldMetadata.selectionStaticValues.forEach((entry: string) => {\n            const [val, label] = entry.split(\":\");\n            mapping[val] = label;\n        });\n\n        const values = displayValue.split(\",\").map((v: string) => v.trim());\n\n        displayValue = values.map((v: string) => mapping[v] || v).join(\", \");\n    }\n\n    return (\n        <SolidTableRowCell\n            value={displayValue}\n            truncateAfter={truncateAfter}\n        />\n    );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidTimeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidTimeColumn.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAOtF,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAiEnG,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SolidTimeColumn.d.ts","sourceRoot":"./","sources":["components/core/list/columns/SolidTimeColumn.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAOtF,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAiEnG,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,57 +1,44 @@
 'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Column } from "primereact/column";
 import { getNumberOfInputs } from '../SolidListViewColumn';
 import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 import { dateFilterMatchModeOptions } from './SolidDateColumn';
 import { getExtensionComponent } from "../../../../helpers/registry";
-var SolidTimeColumn = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    var filterable = column.attrs.filterable;
-    var showFilterOperator = false;
-    var columnDataType = 'date';
-    var filterTemplate = function (options) {
-        var numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
-        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, numberOfInputs: numberOfInputs, inputType: InputTypes.Time, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
+const SolidTimeColumn = ({ solidListViewMetaData, fieldMetadata, column }) => {
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = 'date';
+    const filterTemplate = (options) => {
+        const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
+        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: (e) => options.filterCallback(e, options.index), numberOfInputs: numberOfInputs, inputType: InputTypes.Time, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
     };
     // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
-    var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
-    var header = (_f = column.attrs.label) !== null && _f !== void 0 ? _f : fieldMetadata.displayName;
+    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;
+    const header = column.attrs.label ?? fieldMetadata.displayName;
     return (_jsx(Column, { field: fieldMetadata.name, 
         // header={header}
         // className="text-sm"
         sortable: column.attrs.sortable, 
         // filter={filterable}
-        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: dateFilterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName), 
+        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: dateFilterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: `Search by ${fieldMetadata.displayName}`, 
         // style={{ minWidth: "12rem" }}
         // headerClassName="table-header-fs"
-        header: function () {
-            return (_jsx("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
-        }, body: function (rowData) {
-            var viewWidget = column.attrs.viewWidget;
+        header: () => {
+            return (_jsx("div", { style: { maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
+        }, body: (rowData) => {
+            let viewWidget = column.attrs.viewWidget;
             if (!viewWidget) {
                 viewWidget = 'DefaultTextListWidget';
             }
-            var DynamicWidget = getExtensionComponent(viewWidget);
-            var widgetProps = {
-                rowData: rowData,
-                solidListViewMetaData: solidListViewMetaData,
-                fieldMetadata: fieldMetadata,
-                column: column
+            let DynamicWidget = getExtensionComponent(viewWidget);
+            const widgetProps = {
+                rowData,
+                solidListViewMetaData,
+                fieldMetadata,
+                column
             };
-            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, { ...widgetProps }) }));
         } }, fieldMetadata.name));
 };
 export default SolidTimeColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidTimeColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidTimeColumn.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidTimeColumn.js","sourceRoot":"./","sources":["components/core/list/columns/SolidTimeColumn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAsC,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,iBAAiB,EAA6B,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,MAAM,eAAe,GAAG,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAA6B,EAAE,EAAE;IACpG,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAC3C,MAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,MAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,MAAM,cAAc,GAAG,CAAC,OAA2C,EAAE,EAAE;QACnE,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAExE,OAAO,CACH,KAAC,2BAA2B,IACxB,MAAM,EAAE,OAAO,CAAC,KAAK,EACrB,QAAQ,EAAE,CAAC,CAAkB,EAAE,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAC1E,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,GAEa,CAClC,CAAA;IACL,CAAC,CAAC;IAEF,kHAAkH;IAClH,MAAM,aAAa,GAAG,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAA;IAC1F,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI;QACzB,kBAAkB;QAClB,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC/B,sBAAsB;QACtB,QAAQ,EAAE,cAAc,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,0BAA0B,EAClD,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,aAAa,aAAa,CAAC,WAAW,EAAE;QAC3D,gCAAgC;QAChC,oCAAoC;QACpC,MAAM,EAAE,GAAG,EAAE;YACT,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAG,MAAM,GAAO,CAAC,CAAA;QACxK,CAAC,EACD,IAAI,EAAE,CAAC,OAAO,EAAE,EAAE;YACd,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,uBAAuB,CAAC;aACxC;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,MAAM,WAAW,GAA8B;gBAC3C,OAAO;gBACP,qBAAqB;gBACrB,aAAa;gBACb,MAAM;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,OAAK,WAAW,GAAI,GACrD,CACN,CAAA;QACL,CAAC,IAjCI,aAAa,CAAC,IAAI,CAmCjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["'use client';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport { dateFilterMatchModeOptions } from './SolidDateColumn';\nimport SolidTableRowCell from \"../SolidTableRowCell\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nconst SolidTimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'date';\n    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n        const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);\n\n        return (\n            <SolidVarInputsFilterElement\n                values={options.value}\n                onChange={(e: FormEvent<Date>) => options.filterCallback(e, options.index)}\n                numberOfInputs={numberOfInputs}\n                inputType={InputTypes.Time}\n                solidListViewMetaData={solidListViewMetaData}\n                fieldMetadata={fieldMetadata}\n                column={column}\n            >\n            </SolidVarInputsFilterElement >\n        )\n    };\n\n    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.\n    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\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            // filter={filterable}\n            dataType={columnDataType}\n            showFilterOperator={showFilterOperator}\n            filterMatchModeOptions={dateFilterMatchModeOptions}\n            filterElement={filterTemplate}\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            // style={{ minWidth: \"12rem\" }}\n            // headerClassName=\"table-header-fs\"\n            header={() => {\n                return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n            }}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultTextListWidget';\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        ></Column>\n    );\n\n};\n\nexport default SolidTimeColumn;"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidUuidColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidUuidColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMnE,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAkEnG,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SolidUuidColumn.d.ts","sourceRoot":"./","sources":["components/core/list/columns/SolidUuidColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMnE,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAkEnG,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,58 +1,45 @@
 'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { FilterMatchMode } from 'primereact/api';
 import { Column } from "primereact/column";
 import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 import { getExtensionComponent } from '../../../../helpers/registry';
-var SolidUuidColumn = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    var filterable = column.attrs.filterable;
-    var showFilterOperator = false;
-    var columnDataType = 'text';
-    var filterMatchModeOptions = [
+const SolidUuidColumn = ({ solidListViewMetaData, fieldMetadata, column }) => {
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = 'text';
+    const filterMatchModeOptions = [
         { label: 'In', value: FilterMatchMode.IN },
         { label: 'Not In', value: FilterMatchMode.NOT_IN },
     ];
-    var filterTemplate = function (options) {
-        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, inputType: InputTypes.Text, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
+    const filterTemplate = (options) => {
+        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: (e) => options.filterCallback(e, options.index), inputType: InputTypes.Text, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
     };
-    var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
-    var header = (_f = column.attrs.label) !== null && _f !== void 0 ? _f : fieldMetadata.displayName;
+    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;
+    const header = column.attrs.label ?? fieldMetadata.displayName;
     return (_jsx(Column, { field: fieldMetadata.name, 
         // header={header}
         // className="text-sm"
         sortable: column.attrs.sortable, 
         // filter={filterable}
-        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName), 
+        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: `Search by ${fieldMetadata.displayName}`, 
         // style={{ minWidth: "12rem" }}
         // headerClassName="table-header-fs"
-        header: function () {
-            return (_jsx("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
-        }, body: function (rowData) {
-            var viewWidget = column.attrs.viewWidget;
+        header: () => {
+            return (_jsx("div", { style: { maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
+        }, body: (rowData) => {
+            let viewWidget = column.attrs.viewWidget;
             if (!viewWidget) {
                 viewWidget = 'DefaultTextListWidget';
             }
-            var DynamicWidget = getExtensionComponent(viewWidget);
-            var widgetProps = {
-                rowData: rowData,
-                solidListViewMetaData: solidListViewMetaData,
-                fieldMetadata: fieldMetadata,
-                column: column
+            let DynamicWidget = getExtensionComponent(viewWidget);
+            const widgetProps = {
+                rowData,
+                solidListViewMetaData,
+                fieldMetadata,
+                column
             };
-            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, { ...widgetProps }) }));
         } }, fieldMetadata.name));
 };
 export default SolidUuidColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidUuidColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidUuidColumn.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidUuidColumn.js","sourceRoot":"./","sources":["components/core/list/columns/SolidUuidColumn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAsC,MAAM,mBAAmB,CAAC;AAG/E,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAGzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,eAAe,GAAG,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAA6B,EAAE,EAAE;IACpG,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAC3C,MAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,MAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,MAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,CAAC,EAAE,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,CAAC,MAAM,EAAE;KACrD,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,OAA2C,EAAE,EAAE;QAEnE,OAAO,CACH,KAAC,2BAA2B,IACxB,MAAM,EAAE,OAAO,CAAC,KAAK,EACrB,QAAQ,EAAE,CAAC,CAA8B,EAAE,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EACtF,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,GAEY,CACjC,CAAA;IACL,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAA;IAC1F,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI;QACzB,kBAAkB;QAClB,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC/B,sBAAsB;QACtB,QAAQ,EAAE,cAAc,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,aAAa,aAAa,CAAC,WAAW,EAAE;QAC3D,gCAAgC;QAChC,oCAAoC;QACpC,MAAM,EAAE,GAAG,EAAE;YACT,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAG,MAAM,GAAO,CAAC,CAAA;QACxK,CAAC,EACD,IAAI,EAAE,CAAC,OAAO,EAAE,EAAE;YACd,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,uBAAuB,CAAC;aACxC;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,MAAM,WAAW,GAA8B;gBAC3C,OAAO;gBACP,qBAAqB;gBACrB,aAAa;gBACb,MAAM;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,OAAK,WAAW,GAAI,GACrD,CACN,CAAA;QACL,CAAC,IAjCI,aAAa,CAAC,IAAI,CAmCjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["'use client';\nimport { FilterMatchMode } from 'primereact/api';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport SolidTableRowCell from '../SolidTableRowCell';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\n\nconst SolidUuidColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'text';\n    const filterMatchModeOptions = [\n        { label: 'In', value: FilterMatchMode.IN },\n        { label: 'Not In', value: FilterMatchMode.NOT_IN },\n    ];\n    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n\n        return (\n            <SolidVarInputsFilterElement\n                values={options.value}\n                onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}\n                inputType={InputTypes.Text}\n                solidListViewMetaData={solidListViewMetaData}\n                fieldMetadata={fieldMetadata}\n                column={column}\n            >\n            </SolidVarInputsFilterElement>\n        )\n    }\n\n    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\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            // filter={filterable}\n            dataType={columnDataType}\n            showFilterOperator={showFilterOperator}\n            filterMatchModeOptions={filterMatchModeOptions}\n            filterElement={filterTemplate}\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            // style={{ minWidth: \"12rem\" }}\n            // headerClassName=\"table-header-fs\"\n            header={() => {\n                return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n            }}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultTextListWidget';\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        ></Column>\n    );\n\n};\n\nexport default SolidUuidColumn;"]}

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

@@ -1,4 +1,4 @@
-import { SolidListViewColumnParams } from '../../SolidListViewColumn';
+import { SolidListViewColumnParams } from '../../../../../components/core/list/SolidListViewColumn';
 import { SolidListFieldWidgetProps } from '../../../../../types/solid-core';
 declare const SolidRelationManyToManyColumn: ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => import("react/jsx-runtime").JSX.Element;
 export default SolidRelationManyToManyColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationManyToManyColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/list/columns/relations/SolidRelationManyToManyColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAKtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAG/D,QAAA,MAAM,6BAA6B,qDAAsD,yBAAyB,4CA8DjH,CAAC;AAEF,eAAe,6BAA6B,CAAC;AAG7C,eAAO,MAAM,mCAAmC,8DAA+D,yBAAyB,4CA0BvI,CAAC"}
+{"version":3,"file":"SolidRelationManyToManyColumn.d.ts","sourceRoot":"./","sources":["components/core/list/columns/relations/SolidRelationManyToManyColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAKpG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAG5E,QAAA,MAAM,6BAA6B,qDAAsD,yBAAyB,4CA8DjH,CAAC;AAEF,eAAe,6BAA6B,CAAC;AAG7C,eAAO,MAAM,mCAAmC,8DAA+D,yBAAyB,4CA0BvI,CAAC"}

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

@@ -1,66 +1,51 @@
 'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { FilterMatchMode } from 'primereact/api';
 import { Column } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../../SolidVarInputsFilterElement";
+import { InputTypes, SolidVarInputsFilterElement } from '../../../../../components/core/list/SolidVarInputsFilterElement';
 import { getExtensionComponent } from '../../../../../helpers/registry';
-var SolidRelationManyToManyColumn = function (_a) {
-    var _b;
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    var filterable = column.attrs.filterable;
-    var showFilterOperator = false;
-    var filterMatchModeOptions = [
+const SolidRelationManyToManyColumn = ({ solidListViewMetaData, fieldMetadata, column }) => {
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const filterMatchModeOptions = [
         { label: 'In', value: FilterMatchMode.IN },
         { label: 'Not In', value: FilterMatchMode.NOT_IN },
     ];
-    var columnDataType = undefined;
-    var filterTemplate = function (options) {
-        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, inputType: InputTypes.RelationManyToOne, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
+    const columnDataType = undefined;
+    const filterTemplate = (options) => {
+        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: (e) => options.filterCallback(e, options.index), inputType: InputTypes.RelationManyToOne, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
     };
-    var header = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    const header = column.attrs.label ?? fieldMetadata.displayName;
     return (_jsx(Column, { field: fieldMetadata.name, header: header, 
         // className="text-sm"
         sortable: column.attrs.sortable, 
         // filter={filterable}
-        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, body: function (rowData) {
-            var viewWidget = column.attrs.viewWidget;
+        dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, body: (rowData) => {
+            let viewWidget = column.attrs.viewWidget;
             if (!viewWidget) {
                 viewWidget = 'DefaultRelationManyToManyListWidget';
             }
-            var DynamicWidget = getExtensionComponent(viewWidget);
-            var widgetProps = {
-                rowData: rowData,
-                solidListViewMetaData: solidListViewMetaData,
-                fieldMetadata: fieldMetadata,
-                column: column
+            let DynamicWidget = getExtensionComponent(viewWidget);
+            const widgetProps = {
+                rowData,
+                solidListViewMetaData,
+                fieldMetadata,
+                column
             };
-            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
-        }, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName), style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }, fieldMetadata.name));
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, { ...widgetProps }) }));
+        }, filterPlaceholder: `Search by ${fieldMetadata.displayName}`, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }, fieldMetadata.name));
 };
 export default SolidRelationManyToManyColumn;
-export var DefaultRelationManyToManyListWidget = function (_a) {
-    var _b, _c, _d, _e;
-    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    var manyToManyFieldData = rowData[column.attrs.name];
+export const DefaultRelationManyToManyListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }) => {
+    const manyToManyFieldData = rowData[column.attrs.name];
     // This is the userkey that will be present within the rowData.
     if (manyToManyFieldData) {
         // Since this is a many-to-one field, we fetch the user key field of the associated model.
-        var userKeyField_1 = ((_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 manyToManyColVal = manyToManyFieldData.map(function (f) { return f[userKeyField_1]; });
+        const userKeyField = column?.attrs?.coModelFieldToDisplay ? column?.attrs?.coModelFieldToDisplay : fieldMetadata?.relationModel?.userKeyField?.name;
+        const manyToManyColVal = manyToManyFieldData.map((f) => f[userKeyField]);
         // TODO: change this to use an anchor tag so that on click we open that entity form view. 
         return (_jsx(_Fragment, { children: manyToManyColVal.length > 0 &&
-                _jsxs("p", { children: [_jsx("span", { style: { backgroundColor: '#f5f5f5', padding: '7px', borderRadius: '4px' }, children: manyToManyColVal[0] }), _jsx("span", { style: { color: "#0895CD", fontWeight: 'bold' }, children: manyToManyColVal.length - 1 > 0 ? " +".concat(manyToManyColVal.length - 1) : "" })] }) }));
+                _jsxs("p", { children: [_jsx("span", { style: { backgroundColor: '#f5f5f5', padding: '7px', borderRadius: '4px' }, children: manyToManyColVal[0] }), _jsx("span", { style: { color: "#0895CD", fontWeight: 'bold' }, children: manyToManyColVal.length - 1 > 0 ? ` +${manyToManyColVal.length - 1}` : "" })] }) }));
     }
     else {
         return _jsx("span", {});

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

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationManyToManyColumn.js","sourceRoot":"","sources":["../../../../../../src/components/core/list/columns/relations/SolidRelationManyToManyColumn.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidRelationManyToManyColumn.js","sourceRoot":"./","sources":["components/core/list/columns/relations/SolidRelationManyToManyColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport { FilterMatchMode } from 'primereact/api';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { SolidListViewColumnParams } from '../../../../../components/core/list/SolidListViewColumn';\nimport { InputTypes, SolidVarInputsFilterElement } from '../../../../../components/core/list/SolidVarInputsFilterElement';\nimport { Button } from 'primereact/button';\nimport { getExtensionComponent } from '../../../../../helpers/registry';\nimport { Chip } from 'primereact/chip';\nimport { SolidListFieldWidgetProps } from '../../../../../types/solid-core';\n\n\nconst SolidRelationManyToManyColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const filterMatchModeOptions = [\n        { label: 'In', value: FilterMatchMode.IN },\n        { label: 'Not In', value: FilterMatchMode.NOT_IN },\n    ];\n    const columnDataType = undefined;\n    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n\n        return (\n            <SolidVarInputsFilterElement\n                values={options.value}\n                onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}\n                inputType={InputTypes.RelationManyToOne}\n                solidListViewMetaData={solidListViewMetaData}\n                fieldMetadata={fieldMetadata}\n                column={column}\n            >\n            </SolidVarInputsFilterElement>\n        )\n    };\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            // filter={filterable}\n            dataType={columnDataType}\n            showFilterOperator={showFilterOperator}\n            filterMatchModeOptions={filterMatchModeOptions}\n            filterElement={filterTemplate}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultRelationManyToManyListWidget';\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 SolidRelationManyToManyColumn;\n\n\nexport const DefaultRelationManyToManyListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const manyToManyFieldData = rowData[column.attrs.name];\n\n    // This is the userkey that will be present within the rowData.\n    if (manyToManyFieldData) {\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        const manyToManyColVal = manyToManyFieldData.map((f: any) => f[userKeyField]);\n\n        // TODO: change this to use an anchor tag so that on click we open that entity form view. \n        return (\n            <>\n                {manyToManyColVal.length > 0 &&\n                    <p>\n\n                        <span style={{backgroundColor: '#f5f5f5', padding: '7px', borderRadius: '4px'}}>{manyToManyColVal[0]}</span>\n                        <span style={{ color: \"#0895CD\", fontWeight: 'bold' }}>{manyToManyColVal.length - 1 > 0 ? ` +${manyToManyColVal.length - 1}` : \"\"}</span>\n\n                    </p >\n                }\n            </>\n        )\n    }\n    else {\n        return <span></span>\n    }\n};"]}

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

@@ -1,4 +1,4 @@
-import { SolidListViewColumnParams } from '../../SolidListViewColumn';
+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;
 export default SolidRelationManyToOneColumn;

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":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAGtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAK/D,QAAA,MAAM,4BAA4B,qDAAsD,yBAAyB,4CAiEhH,CAAC;AAEF,eAAe,4BAA4B,CAAC;AAG5C,eAAO,MAAM,kCAAkC,8DAA+D,yBAAyB,4CAkCtI,CAAC"}
+{"version":3,"file":"SolidRelationManyToOneColumn.d.ts","sourceRoot":"./","sources":["components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAGpG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAK5E,QAAA,MAAM,4BAA4B,qDAAsD,yBAAyB,4CAiEhH,CAAC;AAEF,eAAe,4BAA4B,CAAC;AAG5C,eAAO,MAAM,kCAAkC,8DAA+D,yBAAyB,4CAkCtI,CAAC"}