@solidstarters/solid-core-ui 1.1.210 → 1.1.212

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

@@ -0,0 +1,184 @@
+'use client';
+import { Button } from "primereact/button";
+import { Calendar } from "primereact/calendar";
+import { InputNumber } from "primereact/inputnumber";
+import { InputText } from "primereact/inputtext";
+import { useEffect, useState } from "react";
+import { SolidManyToOneFilterElement } from "./SolidManyToOneFilterElement";
+import { SolidSelectionDynamicFilterElement } from "./SolidSelectionDynamicFilterElement";
+import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
+
+export enum InputTypes {
+    Date = 'Date',
+    DateTime = 'DateTime',
+    Time = 'Time',
+    Numeric = 'Numeric',
+    Text = 'Text',
+    SelectionStatic = 'SelectionStatic',
+    RelationManyToOne = 'RelationManyToOne',
+    SelectionDynamic = 'SelectionDynamic'
+}
+
+
+// Based on numberOfInputs map the input filed and hide add and delete 
+export const SolidVarInputsFilterElement = ({ values, onChange, inputType = InputTypes.Text, numberOfInputs = null, solidListViewMetaData, fieldMetadata }: any) => {
+
+    if (!values) {
+        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        // values = [''];
+    } else {
+        if (values[0] == '') {
+            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        } else {
+
+            values = values
+        }
+    }
+
+    
+
+    // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.
+    const [inputs, setInputs] = useState([...values]);
+    useEffect(() => {
+        setInputs([...values])
+    }, [numberOfInputs])
+
+    const updateInputs = (index: number, value: any) => {
+        const updatedSpecification = inputs.map((item, i) =>
+            i === index ? value : item
+        );
+        setInputs(updatedSpecification);
+    };
+
+    const addInput = () => {
+        setInputs([...inputs, '']);
+    };
+
+    const deleteInput = (index: number) => {
+        if (inputs.length > 1) {
+            const updatedRows = inputs.filter((_, rowIndex) => rowIndex !== index);
+            setInputs(updatedRows);
+
+        } else {
+        }
+    };
+
+    useEffect(() => {
+        onChange(inputs)
+    }, [inputs])
+
+
+
+    return (
+        <div className="grid formgrid">
+            <div className="col-12">
+                <div className="flex flex-column gap-2">
+                    {inputs && inputs.map((value: any, index: number) => (
+
+                        <div key={index} className="flex align-items-center gap-2">
+
+                            {inputType === InputTypes.Text &&
+                                <InputText
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.target.value)}
+                                    placeholder=""
+                                    className="p-inputtext-sm small-input w-full"
+                                />
+                            }
+                            {inputType === InputTypes.Numeric &&
+                                <InputNumber
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.value)}
+                                    placeholder=""
+                                    className="p-inputtext-sm small-input w-full"
+                                />
+                            }
+                            {inputType === InputTypes.Date &&
+                                <Calendar
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.target.value)}
+                                    dateFormat="mm/dd/yy"
+                                    placeholder="mm/dd/yyyy"
+                                    mask="99/99/9999"
+                                />
+                            }
+                            {inputType === InputTypes.DateTime &&
+                                <Calendar
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.target.value)}
+                                    dateFormat="mm/dd/yy"
+                                    placeholder="mm/dd/yyyy hh:mm"
+                                    mask="99/99/9999 99:99"
+                                    showTime
+                                    hourFormat="24"
+                                />
+                            }
+                            {inputType === InputTypes.Time &&
+                                <Calendar
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.target.value)}
+                                    placeholder="hh:mm"
+                                    mask="99:99"
+                                    timeOnly
+                                    hourFormat="24"
+                                />
+                            }
+                            {inputType === InputTypes.RelationManyToOne &&
+                                <SolidManyToOneFilterElement
+                                    value={value}
+                                    index={index}
+                                    updateInputs={updateInputs}
+                                    fieldMetadata={fieldMetadata}
+                                ></SolidManyToOneFilterElement>
+                            }
+                            {inputType === InputTypes.SelectionDynamic &&
+                                <SolidSelectionDynamicFilterElement
+                                    value={value}
+                                    index={index}
+                                    updateInputs={updateInputs}
+                                    fieldMetadata={fieldMetadata}
+                                ></SolidSelectionDynamicFilterElement>
+                            }
+                            {inputType === InputTypes.SelectionStatic &&
+
+                                <SolidSelectionStaticFilterElement
+                                    value={value}
+                                    index={index}
+                                    updateInputs={updateInputs}
+                                    fieldMetadata={fieldMetadata}
+                                ></SolidSelectionStaticFilterElement>
+                            }
+
+                            {numberOfInputs === null &&
+                                <>
+                                    {/* Plus Button to add a new row */}
+                                    < Button
+                                        icon="pi pi-plus"
+                                        size="small"
+                                        className="small-button"
+                                        onClick={addInput}
+                                        type="button"
+                                    />
+
+                                    {/* Trash Button to delete the row */}
+                                    <Button
+                                        icon="pi pi-trash"
+                                        size="small"
+                                        className="small-button"
+                                        onClick={() => deleteInput(index)}
+                                        outlined
+                                        severity="danger"
+                                        type="button"
+                                    />
+                                </>
+                            }
+                        </div>
+
+                    ))}
+
+                </div>
+
+            </div>
+        </div>
+    )
+}

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

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

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

@@ -1,8 +1,7 @@
 'use client';
 import SolidIntColumn from './SolidIntColumn';
-var SolidBigintColumn = function (_a) {
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    return SolidIntColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });
+const SolidBigintColumn = ({ solidListViewMetaData, fieldMetadata, column }) => {
+    return SolidIntColumn({ solidListViewMetaData, fieldMetadata, column });
 };
 export default SolidBigintColumn;
 //# sourceMappingURL=SolidBigintColumn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidBigintColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBigintColumn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,IAAM,iBAAiB,GAAG,UAAC,EAA2E;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACrE,OAAO,cAAc,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SolidBigintColumn.js","sourceRoot":"./","sources":["components/core/list/columns/SolidBigintColumn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,iBAAiB,GAAG,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAA6B,EAAE,EAAE;IACtG,OAAO,cAAc,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["'use client';\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport SolidIntColumn from './SolidIntColumn';\n\nconst SolidBigintColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    return SolidIntColumn({ solidListViewMetaData, fieldMetadata, column });\n};\n\nexport default SolidBigintColumn;"]}

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

@@ -0,0 +1,9 @@
+'use client';
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import SolidIntColumn from './SolidIntColumn';
+
+const SolidBigintColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
+    return SolidIntColumn({ solidListViewMetaData, fieldMetadata, column });
+};
+
+export default SolidBigintColumn;

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

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

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

@@ -1,40 +1,26 @@
 '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 { Dropdown } from 'primereact/dropdown';
 import { getExtensionComponent } from "../../../../helpers/registry";
-var SolidBooleanColumn = function (_a) {
-    var _b;
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    var filterable = column.attrs.filterable;
-    var showFilterOperator = false;
-    var columnDataType = 'boolean';
-    var booleanOptions = [
+const SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }) => {
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = 'boolean';
+    const booleanOptions = [
         { label: 'Yes', value: true },
         { label: 'No', value: false },
     ];
     // Custom filter template for Boolean column
-    var filterTemplate = function (options) {
-        return (_jsx(Dropdown, { value: options.value, options: booleanOptions, onChange: function (e) { return options.filterCallback(e.value); }, placeholder: "Select", className: "p-column-filter" }));
+    const filterTemplate = (options) => {
+        return (_jsx(Dropdown, { value: options.value, options: booleanOptions, onChange: (e) => options.filterCallback(e.value), placeholder: "Select", className: "p-column-filter" }));
     };
     // Custom body template for Boolean column
-    var bodyTemplate = function (rowData) {
-        var _a;
-        var fieldKey = (_a = column.attrs.label) !== null && _a !== void 0 ? _a : fieldMetadata.name;
+    const bodyTemplate = (rowData) => {
+        const fieldKey = column.attrs.label ?? fieldMetadata.name;
         return rowData[fieldKey] ? 'Yes' : 'No';
     };
-    var header = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    const header = column.attrs.label ?? fieldMetadata.displayName;
     // TODO: filterTemplate, bodyTemplate & filterMatchModeOptions to be provided.
     return (_jsx(Column, { field: fieldMetadata.name, header: header, 
         // className="text-sm"
@@ -42,29 +28,27 @@ var SolidBooleanColumn = function (_a) {
         // filter={filterable}
         dataType: columnDataType, showFilterOperator: showFilterOperator, 
         // filterMatchModeOptions={filterMatchModeOptions}
-        filterElement: filterTemplate, body: function (rowData) {
-            var viewWidget = column.attrs.viewWidget;
+        filterElement: filterTemplate, body: (rowData) => {
+            let viewWidget = column.attrs.viewWidget;
             if (!viewWidget) {
                 viewWidget = 'DefaultBooleanListWidget';
             }
-            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 SolidBooleanColumn;
-export var DefaultBooleanListWidget = function (_a) {
-    var _b, _c, _d;
-    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
-    var fieldKey = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.name;
-    var trueLabel = (_c = column.attrs.trueLabel) !== null && _c !== void 0 ? _c : 'Yes';
-    var falseLabel = (_d = column.attrs.falseLabel) !== null && _d !== void 0 ? _d : 'No';
-    console.log("rendering boolean column ".concat(fieldKey, " with value ").concat(rowData[fieldKey], ", trueLabel=").concat(trueLabel, ", falseLabel=").concat(falseLabel));
+export const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }) => {
+    const fieldKey = column.attrs.label ?? fieldMetadata.name;
+    const trueLabel = column.attrs.trueLabel ?? 'Yes';
+    const falseLabel = column.attrs.falseLabel ?? 'No';
+    console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);
     return rowData[fieldKey] === true ? trueLabel : falseLabel;
 };
 //# sourceMappingURL=SolidBooleanColumn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidBooleanColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidBooleanColumn.js","sourceRoot":"./","sources":["components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { Dropdown } from 'primereact/dropdown';\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { log } from \"console\";\n\nconst SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'boolean';\n\n    const booleanOptions = [\n        { label: 'Yes', value: true },\n        { label: 'No', value: false },\n    ];\n\n    // Custom filter template for Boolean column\n    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n        return (\n            <Dropdown\n                value={options.value}\n                options={booleanOptions}\n                onChange={(e) => options.filterCallback(e.value)}\n                placeholder=\"Select\"\n                className=\"p-column-filter\"\n            />\n        );\n    };\n\n    // Custom body template for Boolean column\n    const bodyTemplate = (rowData: any) => {\n        const fieldKey = column.attrs.label ?? fieldMetadata.name;\n        return rowData[fieldKey] ? 'Yes' : 'No';\n    };\n\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    // TODO: filterTemplate, bodyTemplate & filterMatchModeOptions to be provided.\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={\n                (rowData) => {\n                    let viewWidget = column.attrs.viewWidget;\n                    if (!viewWidget) {\n                        viewWidget = 'DefaultBooleanListWidget';\n                    }\n                    let DynamicWidget = getExtensionComponent(viewWidget);\n                    const widgetProps: SolidListFieldWidgetProps = {\n                        rowData,\n                        solidListViewMetaData,\n                        fieldMetadata,\n                        column\n                    }\n                    return (\n                        <>\n                            {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                        </>\n                    )\n                }\n            }\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        ></Column>\n    );\n};\n\nexport default SolidBooleanColumn;\n\nexport const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const fieldKey = column.attrs.label ?? fieldMetadata.name;\n    const trueLabel = column.attrs.trueLabel ?? 'Yes';\n    const falseLabel = column.attrs.falseLabel ?? 'No';\n    console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);\n    return rowData[fieldKey] === true ? trueLabel : falseLabel;\n}"]}

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

@@ -0,0 +1,90 @@
+'use client';
+
+import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
+import { Dropdown } from 'primereact/dropdown';
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+import { getExtensionComponent } from "../../../../helpers/registry";
+import { log } from "console";
+
+const SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = 'boolean';
+
+    const booleanOptions = [
+        { label: 'Yes', value: true },
+        { label: 'No', value: false },
+    ];
+
+    // Custom filter template for Boolean column
+    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
+        return (
+            <Dropdown
+                value={options.value}
+                options={booleanOptions}
+                onChange={(e) => options.filterCallback(e.value)}
+                placeholder="Select"
+                className="p-column-filter"
+            />
+        );
+    };
+
+    // Custom body template for Boolean column
+    const bodyTemplate = (rowData: any) => {
+        const fieldKey = column.attrs.label ?? fieldMetadata.name;
+        return rowData[fieldKey] ? 'Yes' : 'No';
+    };
+
+    const header = column.attrs.label ?? fieldMetadata.displayName;
+
+    // TODO: filterTemplate, bodyTemplate & filterMatchModeOptions to be provided.
+
+    return (
+        <Column
+            key={fieldMetadata.name}
+            field={fieldMetadata.name}
+            header={header}
+            // className="text-sm"
+            sortable={column.attrs.sortable}
+            // filter={filterable}
+            dataType={columnDataType}
+            showFilterOperator={showFilterOperator}
+            // filterMatchModeOptions={filterMatchModeOptions}
+            filterElement={filterTemplate}
+            body={
+                (rowData) => {
+                    let viewWidget = column.attrs.viewWidget;
+                    if (!viewWidget) {
+                        viewWidget = 'DefaultBooleanListWidget';
+                    }
+                    let DynamicWidget = getExtensionComponent(viewWidget);
+                    const widgetProps: SolidListFieldWidgetProps = {
+                        rowData,
+                        solidListViewMetaData,
+                        fieldMetadata,
+                        column
+                    }
+                    return (
+                        <>
+                            {DynamicWidget && <DynamicWidget {...widgetProps} />}
+                        </>
+                    )
+                }
+            }
+            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
+            style={{ minWidth: "12rem" }}
+            headerClassName="table-header-fs"
+        ></Column>
+    );
+};
+
+export default SolidBooleanColumn;
+
+export const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {
+    const fieldKey = column.attrs.label ?? fieldMetadata.name;
+    const trueLabel = column.attrs.trueLabel ?? 'Yes';
+    const falseLabel = column.attrs.falseLabel ?? 'No';
+    console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);
+    return rowData[fieldKey] === true ? trueLabel : falseLabel;
+}

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

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

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

@@ -4,22 +4,21 @@ import SolidDateColumn from './SolidDateColumn';
 import SolidDatetimeColumn from './SolidDatetimeColumn';
 import SolidIntColumn from './SolidIntColumn';
 import SolidShortTextColumn from './SolidShortTextColumn';
-var SolidComputedColumn = function (_a) {
-    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+const SolidComputedColumn = ({ solidListViewMetaData, fieldMetadata, column }) => {
     if (['text', 'string'].includes(fieldMetadata.computedFieldValueType)) {
-        return SolidShortTextColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });
+        return SolidShortTextColumn({ solidListViewMetaData, fieldMetadata, column });
     }
     if (['int', 'decimal'].includes(fieldMetadata.computedFieldValueType)) {
-        return SolidIntColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });
+        return SolidIntColumn({ solidListViewMetaData, fieldMetadata, column });
     }
     if (fieldMetadata.computedFieldValueType === 'date') {
-        return SolidDateColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });
+        return SolidDateColumn({ solidListViewMetaData, fieldMetadata, column });
     }
     if (fieldMetadata.computedFieldValueType === 'datetime') {
-        return SolidDatetimeColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });
+        return SolidDatetimeColumn({ solidListViewMetaData, fieldMetadata, column });
     }
     if (fieldMetadata.computedFieldValueType === 'boolean') {
-        return SolidBooleanColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });
+        return SolidBooleanColumn({ solidListViewMetaData, fieldMetadata, column });
     }
 };
 export default SolidComputedColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidComputedColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidComputedColumn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,IAAM,mBAAmB,GAAG,UAAC,EAA2E;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACvE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE;QACnE,OAAO,oBAAoB,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KACjF;IACD,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE;QACnE,OAAO,cAAc,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KAC3E;IACD,IAAI,aAAa,CAAC,sBAAsB,KAAK,MAAM,EAAE;QACjD,OAAO,eAAe,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KAC5E;IACD,IAAI,aAAa,CAAC,sBAAsB,KAAK,UAAU,EAAE;QACrD,OAAO,mBAAmB,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KAChF;IACD,IAAI,aAAa,CAAC,sBAAsB,KAAK,SAAS,EAAE;QACpD,OAAO,kBAAkB,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;KAC/E;AACL,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SolidComputedColumn.js","sourceRoot":"./","sources":["components/core/list/columns/SolidComputedColumn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAA6B,EAAE,EAAE;IACxG,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE;QACnE,OAAO,oBAAoB,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;KACjF;IACD,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE;QACnE,OAAO,cAAc,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;KAC3E;IACD,IAAI,aAAa,CAAC,sBAAsB,KAAK,MAAM,EAAE;QACjD,OAAO,eAAe,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;KAC5E;IACD,IAAI,aAAa,CAAC,sBAAsB,KAAK,UAAU,EAAE;QACrD,OAAO,mBAAmB,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;KAChF;IACD,IAAI,aAAa,CAAC,sBAAsB,KAAK,SAAS,EAAE;QACpD,OAAO,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;KAC/E;AACL,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["'use client';\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport SolidBooleanColumn from './SolidBooleanColumn';\nimport SolidDateColumn from './SolidDateColumn';\nimport SolidDatetimeColumn from './SolidDatetimeColumn';\nimport SolidIntColumn from './SolidIntColumn';\nimport SolidShortTextColumn from './SolidShortTextColumn';\n\nconst SolidComputedColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    if (['text', 'string'].includes(fieldMetadata.computedFieldValueType)) {\n        return SolidShortTextColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    if (['int', 'decimal'].includes(fieldMetadata.computedFieldValueType)) {\n        return SolidIntColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    if (fieldMetadata.computedFieldValueType === 'date') {\n        return SolidDateColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    if (fieldMetadata.computedFieldValueType === 'datetime') {\n        return SolidDatetimeColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n    if (fieldMetadata.computedFieldValueType === 'boolean') {\n        return SolidBooleanColumn({ solidListViewMetaData, fieldMetadata, column });\n    }\n};\n\nexport default SolidComputedColumn;\n"]}

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

@@ -0,0 +1,27 @@
+'use client';
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import SolidBooleanColumn from './SolidBooleanColumn';
+import SolidDateColumn from './SolidDateColumn';
+import SolidDatetimeColumn from './SolidDatetimeColumn';
+import SolidIntColumn from './SolidIntColumn';
+import SolidShortTextColumn from './SolidShortTextColumn';
+
+const SolidComputedColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
+    if (['text', 'string'].includes(fieldMetadata.computedFieldValueType)) {
+        return SolidShortTextColumn({ solidListViewMetaData, fieldMetadata, column });
+    }
+    if (['int', 'decimal'].includes(fieldMetadata.computedFieldValueType)) {
+        return SolidIntColumn({ solidListViewMetaData, fieldMetadata, column });
+    }
+    if (fieldMetadata.computedFieldValueType === 'date') {
+        return SolidDateColumn({ solidListViewMetaData, fieldMetadata, column });
+    }
+    if (fieldMetadata.computedFieldValueType === 'datetime') {
+        return SolidDatetimeColumn({ solidListViewMetaData, fieldMetadata, column });
+    }
+    if (fieldMetadata.computedFieldValueType === 'boolean') {
+        return SolidBooleanColumn({ solidListViewMetaData, fieldMetadata, column });
+    }
+};
+
+export default SolidComputedColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDateColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDateColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAqB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMtF,eAAO,MAAM,0BAA0B;;;GAUtC,CAAC;AAEF,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAiEnG,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SolidDateColumn.d.ts","sourceRoot":"./","sources":["components/core/list/columns/SolidDateColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAqB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMtF,eAAO,MAAM,0BAA0B;;;GAUtC,CAAC;AAEF,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAiEnG,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,22 +1,11 @@
 '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 { getNumberOfInputs } from '../SolidListViewColumn';
 import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 import { getExtensionComponent } from '../../../../helpers/registry';
-export var dateFilterMatchModeOptions = [
+export const dateFilterMatchModeOptions = [
     { label: 'Equals', value: FilterMatchMode.EQUALS },
     { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },
     { label: 'Less Than', value: FilterMatchMode.LESS_THAN },
@@ -27,42 +16,40 @@ export var dateFilterMatchModeOptions = [
     { label: 'Not In', value: FilterMatchMode.NOT_IN },
     { label: 'Between', value: FilterMatchMode.BETWEEN }
 ];
-var SolidDateColumn = 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.Date, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
+const SolidDateColumn = ({ 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.Date, 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 SolidDateColumn;