@solidxai/core-ui 0.1.4-beta.0 → 0.1.4-beta.2

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

@@ -19,6 +19,15 @@ import "../../common/solid-export.css";
 import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { SolidListViewHeaderButton } from "./SolidListViewHeaderButton";
+import { capitalize } from "lodash";
+
+export type ViewMode = {
+    actionId: string;
+    actionName: string;
+    menuItemId: string;
+    menuItemName: string;
+    type: string;
+}
 
 export const SolidListViewConfigure = (
     { listViewMetaData,
@@ -54,11 +63,11 @@ export const SolidListViewConfigure = (
     const [isOverlayOpen, setIsOverlayOpen] = useState(false);
 
 
-    const handleViewChange = (newView: string) => {
-        if (view === newView) return; // Prevent unnecessary updates
+    const handleViewChange = (newView: ViewMode) => {
+        if (view === newView.type) return; // Prevent unnecessary updates
         const pathSegments = pathname.split('/').filter(Boolean);
-        pathSegments[pathSegments.length - 1] = newView; // Replace the last part with new view
-        const newPath = '/' + pathSegments.join('/');
+        pathSegments[pathSegments.length - 1] = newView.type; // Replace the last part with new view
+        const newPath = '/' + pathSegments.join('/') + `?menuItemId=${newView.menuItemId}&menuItemName=${newView.menuItemName}&actionId=${newView.actionId}&actionName=${newView.actionName}`;
         router.push(newPath);
     };
 
@@ -279,18 +288,18 @@ export const SolidListViewConfigure = (
                                 {viewModes && viewModes.length > 0 &&
                                     <AccordionTab header="Switch Type">
                                         <div className="flex flex-column gap-1 p-1">
-                                            {viewModes.map((option: any) => (
-                                                <div key={option.value} className={`flex align-items-center ${option.value === view ? 'solid-active-view' : 'solid-view'}`}>
+                                            {viewModes.map((option: ViewMode) => (
+                                                <div key={option.type} className={`flex align-items-center ${option.type === view ? 'solid-active-view' : 'solid-view'}`}>
                                                     <RadioButton
-                                                        inputId={option.value}
+                                                        inputId={option.type}
                                                         name="views"
-                                                        value={option.value}
+                                                        value={option.type}
                                                         // onChange={(e) => router}
-                                                        onChange={() => handleViewChange(option.value)}
-                                                        checked={option.value === view}
+                                                        onChange={() => handleViewChange(option)}
+                                                        checked={option.type === view}
                                                     />
-                                                    <label htmlFor={option.value} className="ml-2 flex align-items-center justify-content-between w-full">
-                                                        {option.label}
+                                                    <label htmlFor={option.type} className="ml-2 flex align-items-center justify-content-between w-full">
+                                                        {capitalize(option.type)}
                                                     </label>
                                                 </div>
                                             ))}

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

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

@@ -11,37 +11,14 @@ var __assign = (this && this.__assign) || function () {
 };
 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 = [
-        { 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" }));
-    };
-    // 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;
-        return rowData[fieldKey] ? 'Yes' : 'No';
-    };
     var header = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
-    // TODO: filterTemplate, bodyTemplate & filterMatchModeOptions to be provided.
     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) {
+        sortable: column.attrs.sortable, body: function (rowData) {
             var viewWidget = column.attrs.viewWidget;
             if (!viewWidget) {
                 viewWidget = 'DefaultBooleanListWidget';

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

@@ -1 +1 @@
-{"version":3,"file":"SolidBooleanColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAsC,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,kBAAkB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACtE,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAC3C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,SAAS,CAAC;IAEjC,IAAM,cAAc,GAAG;QACnB,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QAC7B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;KAChC,CAAC;IAEF,4CAA4C;IAC5C,IAAM,cAAc,GAAG,UAAC,OAA2C;QAC/D,OAAO,CACH,KAAC,QAAQ,IACL,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,EAA/B,CAA+B,EAChD,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAC,iBAAiB,GAC7B,CACL,CAAC;IACN,CAAC,CAAC;IAEF,0CAA0C;IAC1C,IAAM,YAAY,GAAG,UAAC,OAAY;;QAC9B,IAAM,QAAQ,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,IAAI,CAAC;QAC1D,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5C,CAAC,CAAC;IAEF,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,8EAA8E;IAE9E,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM;QACd,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC/B,sBAAsB;QACtB,QAAQ,EAAE,cAAc,EACxB,kBAAkB,EAAE,kBAAkB;QACtC,kDAAkD;QAClD,aAAa,EAAE,cAAc,EAC7B,IAAI,EACA,UAAC,OAAO;YACJ,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,0BAA0B,CAAC;aAC3C;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,EAEL,iBAAiB,EAAE,oBAAa,aAAa,CAAC,WAAW,CAAE,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,IAhC5B,aAAa,CAAC,IAAI,CAiCjB,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,EAAoF;;QAAlF,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC5F,IAAM,QAAQ,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,IAAI,CAAC;IAC1D,IAAM,SAAS,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;IAClD,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;IACnD,OAAO,CAAC,GAAG,CAAC,mCAA4B,QAAQ,yBAAe,OAAO,CAAC,QAAQ,CAAC,yBAAe,SAAS,0BAAgB,UAAU,CAAE,CAAC,CAAC;IACtI,IAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,KAAK,KAAK,IAAI,EAAE;QAChB,OAAO,SAAS,CAAC;KACpB;IACD,IAAI,KAAK,KAAK,KAAK,EAAE;QACjB,OAAO,UAAU,CAAC;KACrB;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAA","sourcesContent":["import { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { Dropdown } from 'primereact/dropdown';\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\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    const value = rowData[fieldKey];\n    if (value === true) {\n        return trueLabel;\n    }\n    if (value === false) {\n        return falseLabel;\n    }\n    return '';\n}\n"]}
+{"version":3,"file":"SolidBooleanColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,kBAAkB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAEtE,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAG/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM;QACd,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,IAAI,EACA,UAAC,OAAO;YACJ,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,0BAA0B,CAAC;aAC3C;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,EAEL,iBAAiB,EAAE,oBAAa,aAAa,CAAC,WAAW,CAAE,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,IA3B5B,aAAa,CAAC,IAAI,CA4BjB,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,EAAoF;;QAAlF,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC5F,IAAM,QAAQ,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,IAAI,CAAC;IAC1D,IAAM,SAAS,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;IAClD,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;IACnD,OAAO,CAAC,GAAG,CAAC,mCAA4B,QAAQ,yBAAe,OAAO,CAAC,QAAQ,CAAC,yBAAe,SAAS,0BAAgB,UAAU,CAAE,CAAC,CAAC;IACtI,IAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,KAAK,KAAK,IAAI,EAAE;QAChB,OAAO,SAAS,CAAC;KACpB;IACD,IAAI,KAAK,KAAK,KAAK,EAAE;QACjB,OAAO,UAAU,CAAC;KACrB;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAA","sourcesContent":["import { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            // className=\"text-sm\"\n            sortable={column.attrs.sortable}\n            body={\n                (rowData) => {\n                    let viewWidget = column.attrs.viewWidget;\n                    if (!viewWidget) {\n                        viewWidget = 'DefaultBooleanListWidget';\n                    }\n                    let DynamicWidget = getExtensionComponent(viewWidget);\n                    const widgetProps: SolidListFieldWidgetProps = {\n                        rowData,\n                        solidListViewMetaData,\n                        fieldMetadata,\n                        column\n                    }\n                    return (\n                        <>\n                            {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                        </>\n                    )\n                }\n            }\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        ></Column>\n    );\n};\n\nexport default SolidBooleanColumn;\n\nexport const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const fieldKey = column.attrs.label ?? fieldMetadata.name;\n    const trueLabel = column.attrs.trueLabel ?? 'Yes';\n    const falseLabel = column.attrs.falseLabel ?? 'No';\n    console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);\n    const value = rowData[fieldKey];\n    if (value === true) {\n        return trueLabel;\n    }\n    if (value === false) {\n        return falseLabel;\n    }\n    return '';\n}\n"]}

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

@@ -1,41 +1,12 @@
-import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { Dropdown } from 'primereact/dropdown';
+import { Column } from "primereact/column";
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
 import { getExtensionComponent } from "../../../../helpers/registry";
 
 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
@@ -44,11 +15,6 @@ const SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: So
             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;

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

@@ -1,9 +1,4 @@
-import { FilterMatchMode } from 'primereact/api';
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
-export declare const dateFilterMatchModeOptions: {
-    label: string;
-    value: FilterMatchMode;
-}[];
 declare const SolidDateColumn: ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => import("react/jsx-runtime").JSX.Element;
 export default SolidDateColumn;
 //# sourceMappingURL=SolidDateColumn.d.ts.map

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":["../../../../../src/components/core/list/columns/SolidDateColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAInE,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAkCnG,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -10,44 +10,14 @@ var __assign = (this && this.__assign) || function () {
     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 = [
-    { label: 'Equals', value: FilterMatchMode.EQUALS },
-    { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },
-    { label: 'Less Than', value: FilterMatchMode.LESS_THAN },
-    { label: 'Less Than Or Equal', value: FilterMatchMode.LESS_THAN_OR_EQUAL_TO },
-    { label: 'Greater Than', value: FilterMatchMode.GREATER_THAN },
-    { label: 'Greater Than Or Equal', value: FilterMatchMode.GREATER_THAN_OR_EQUAL_TO },
-    { label: 'In', value: FilterMatchMode.IN },
-    { 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 }));
-    };
-    // 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;
-    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), 
-        // style={{ minWidth: "12rem" }}
-        // headerClassName="table-header-fs"
-        header: function () {
+    return (_jsx(Column, { field: fieldMetadata.name, sortable: column.attrs.sortable, 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;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDateColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDateColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\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 { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\n\nexport const dateFilterMatchModeOptions = [\n    { label: 'Equals', value: FilterMatchMode.EQUALS },\n    { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },\n    { label: 'Less Than', value: FilterMatchMode.LESS_THAN },\n    { label: 'Less Than Or Equal', value: FilterMatchMode.LESS_THAN_OR_EQUAL_TO },\n    { label: 'Greater Than', value: FilterMatchMode.GREATER_THAN },\n    { label: 'Greater Than Or Equal', value: FilterMatchMode.GREATER_THAN_OR_EQUAL_TO },\n    { label: 'In', value: FilterMatchMode.IN },\n    { label: 'Not In', value: FilterMatchMode.NOT_IN },\n    { label: 'Between', value: FilterMatchMode.BETWEEN }\n];\n\nconst SolidDateColumn = ({ 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.Date}\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 SolidDateColumn;\n"]}
+{"version":3,"file":"SolidDateColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDateColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,eAAe,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACnE,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,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,UAAC,OAAO;YACV,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,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAvBI,aAAa,CAAC,IAAI,CAyBjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\n\nconst SolidDateColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\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            sortable={column.attrs.sortable}\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 SolidDateColumn;\n"]}

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

@@ -1,47 +1,10 @@
 
-import { FilterMatchMode } from 'primereact/api';
-import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { FormEvent } from "primereact/ts-helpers";
-import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import SolidTableRowCell from '../SolidTableRowCell';
+import { Column } from "primereact/column";
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { SolidListFieldWidgetProps } from '../../../../types/solid-core';
 import { getExtensionComponent } from '../../../../helpers/registry';
 
-export const dateFilterMatchModeOptions = [
-    { label: 'Equals', value: FilterMatchMode.EQUALS },
-    { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },
-    { label: 'Less Than', value: FilterMatchMode.LESS_THAN },
-    { label: 'Less Than Or Equal', value: FilterMatchMode.LESS_THAN_OR_EQUAL_TO },
-    { label: 'Greater Than', value: FilterMatchMode.GREATER_THAN },
-    { label: 'Greater Than Or Equal', value: FilterMatchMode.GREATER_THAN_OR_EQUAL_TO },
-    { label: 'In', value: FilterMatchMode.IN },
-    { label: 'Not In', value: FilterMatchMode.NOT_IN },
-    { label: 'Between', value: FilterMatchMode.BETWEEN }
-];
-
 const SolidDateColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
-    const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = 'date';
-    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
-        const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
-
-        return (
-            <SolidVarInputsFilterElement
-                values={options.value}
-                onChange={(e: FormEvent<Date>) => options.filterCallback(e, options.index)}
-                numberOfInputs={numberOfInputs}
-                inputType={InputTypes.Date}
-                solidListViewMetaData={solidListViewMetaData}
-                fieldMetadata={fieldMetadata}
-                column={column}
-            >
-            </SolidVarInputsFilterElement >
-        )
-    };
-
-    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
     const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
     const header = column.attrs.label ?? fieldMetadata.displayName;
 
@@ -49,17 +12,7 @@ const SolidDateColumn = ({ solidListViewMetaData, fieldMetadata, column }: Solid
         <Column
             key={fieldMetadata.name}
             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 ${fieldMetadata.displayName}`}
-            // style={{ minWidth: "12rem" }}
-            // headerClassName="table-header-fs"
             header={() => {
                 return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)
             }}

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

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

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

@@ -11,32 +11,13 @@ var __assign = (this && this.__assign) || function () {
 };
 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 SolidDatetimeColumn = 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.DateTime, 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;
-    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), 
-        // style={{ minWidth: "12rem" }}
-        // headerClassName="table-header-fs"
-        header: function () {
+    return (_jsx(Column, { field: fieldMetadata.name, sortable: column.attrs.sortable, 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;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDatetimeColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDatetimeColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\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 { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidDatetimeColumn = ({ 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.DateTime}\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 SolidDatetimeColumn;\n\n"]}
+{"version":3,"file":"SolidDatetimeColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDatetimeColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,mBAAmB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACvE,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,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,UAAC,OAAO;YACV,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,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAvBI,aAAa,CAAC,IAAI,CAyBjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidDatetimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\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            sortable={column.attrs.sortable}\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 SolidDatetimeColumn;\n\n"]}

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

@@ -1,35 +1,10 @@
 
-import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { FormEvent } from "primereact/ts-helpers";
-import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { dateFilterMatchModeOptions } from './SolidDateColumn';
-import SolidTableRowCell from "../SolidTableRowCell";
+import { Column } from "primereact/column";
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
 import { getExtensionComponent } from "../../../../helpers/registry";
 
 const SolidDatetimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
-    const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = 'date';
-    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
-        const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
-
-        return (
-            <SolidVarInputsFilterElement
-                values={options.value}
-                onChange={(e: FormEvent<Date>) => options.filterCallback(e, options.index)}
-                numberOfInputs={numberOfInputs}
-                inputType={InputTypes.DateTime}
-                solidListViewMetaData={solidListViewMetaData}
-                fieldMetadata={fieldMetadata}
-                column={column}
-            >
-            </SolidVarInputsFilterElement >
-        )
-    };
-
-    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
     const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
     const header = column.attrs.label ?? fieldMetadata.displayName;
 
@@ -37,17 +12,7 @@ const SolidDatetimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: S
         <Column
             key={fieldMetadata.name}
             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 ${fieldMetadata.displayName}`}
-            // style={{ minWidth: "12rem" }}
-            // headerClassName="table-header-fs"
             header={() => {
                 return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)
             }}

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

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

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

@@ -11,33 +11,13 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Column } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { FilterMatchMode } from 'primereact/api';
 import { getExtensionComponent } from '../../../../helpers/registry';
 var SolidExternalIdColumn = 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 = [
-        { 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 }));
-    };
     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;
-    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), 
-        // style={{ minWidth: "12rem" }}
-        // headerClassName="table-header-fs"
-        header: function () {
+    return (_jsx(Column, { field: fieldMetadata.name, sortable: column.attrs.sortable, 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;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidExternalIdColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidExternalIdColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React from 'react';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { FilterMatchMode } from 'primereact/api';\nimport SolidTableRowCell from '../SolidTableRowCell';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\n\nconst SolidExternalIdColumn = ({ 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 SolidExternalIdColumn;\n"]}
+{"version":3,"file":"SolidExternalIdColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidExternalIdColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,qBAAqB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACzE,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,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,UAAC,OAAO;YACV,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,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAvBI,aAAa,CAAC,IAAI,CAyBjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\n\nconst SolidExternalIdColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\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            sortable={column.attrs.sortable}\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 SolidExternalIdColumn;\n"]}

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

@@ -1,37 +1,10 @@
 
-import React from 'react';
-import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
+import { Column } from "primereact/column";
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
-import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
-import SolidTableRowCell from '../SolidTableRowCell';
 import { SolidListFieldWidgetProps } from '../../../../types/solid-core';
 import { getExtensionComponent } from '../../../../helpers/registry';
 
 const SolidExternalIdColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
-    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 },
-    ];
-    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
-
-        return (
-            <SolidVarInputsFilterElement
-                values={options.value}
-                onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}
-                inputType={InputTypes.Text}
-                solidListViewMetaData={solidListViewMetaData}
-                fieldMetadata={fieldMetadata}
-                column={column}
-            >
-            </SolidVarInputsFilterElement>
-        )
-    }
-
     const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
     const header = column.attrs.label ?? fieldMetadata.displayName;
 
@@ -39,17 +12,7 @@ const SolidExternalIdColumn = ({ solidListViewMetaData, fieldMetadata, column }:
         <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}
-            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
-            // style={{ minWidth: "12rem" }}
-            // headerClassName="table-header-fs"
             header={() => {
                 return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)
             }}

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

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