@solidxai/core-ui 0.0.1

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

@@ -0,0 +1,7 @@
+import SolidShortTextColumn from './SolidShortTextColumn';
+var SolidRichTextColumn = function (_a) {
+    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    return SolidShortTextColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column });
+};
+export default SolidRichTextColumn;
+//# sourceMappingURL=SolidRichTextColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRichTextColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidRichTextColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,IAAM,mBAAmB,GAAG,UAAC,EAA2E;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACvE,OAAO,oBAAoB,CAAC,EAAE,qBAAqB,uBAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;AAClF,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { FilterMatchMode } from 'primereact/api';
+import { Column } from "primereact/column";
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
+import { getExtensionComponent } from '../../../../helpers/registry';
+var SolidSelectionDynamicColumn = 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 = fieldMetadata.selectionValueType === 'int' ? 'numeric' : '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.SelectionDynamic, 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("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
+        }, body: function (rowData) {
+            var viewWidget = column.attrs.viewWidget;
+            if (!viewWidget) {
+                viewWidget = 'DefaultTextListWidget';
+            }
+            var DynamicWidget = getExtensionComponent(viewWidget);
+            var widgetProps = {
+                rowData: rowData,
+                solidListViewMetaData: solidListViewMetaData,
+                fieldMetadata: fieldMetadata,
+                column: column
+            };
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+        } }, fieldMetadata.name));
+};
+export default SolidSelectionDynamicColumn;
+//# sourceMappingURL=SolidSelectionDynamicColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionDynamicColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidSelectionDynamicColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAsC,MAAM,mBAAmB,CAAC;AAG/E,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,IAAM,2BAA2B,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC/E,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAC3C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,aAAa,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IACvF,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,CAAC,EAAE,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,CAAC,MAAM,EAAE;KACrD,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,OAA2C;QAE/D,OAAO,CACH,KAAC,2BAA2B,IACxB,MAAM,EAAE,OAAO,CAAC,KAAK,EACrB,QAAQ,EAAE,UAAC,CAA8B,IAAK,OAAA,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAxC,CAAwC,EACtF,SAAS,EAAE,UAAU,CAAC,gBAAgB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,GAEY,CACjC,CAAA;IACL,CAAC,CAAA;IAED,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;QACzB,kBAAkB;QAClB,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC/B,sBAAsB;QACtB,QAAQ,EAAE,cAAc,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,oBAAa,aAAa,CAAC,WAAW,CAAE;QAC3D,gCAAgC;QAChC,oCAAoC;QACpC,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,IAjCI,aAAa,CAAC,IAAI,CAmCjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

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

@@ -0,0 +1,80 @@
+
+import { FilterMatchMode } from 'primereact/api';
+import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
+import { FormEvent } from "primereact/ts-helpers";
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
+import SolidTableRowCell from '../SolidTableRowCell';
+import { getExtensionComponent } from '../../../../helpers/registry';
+import { SolidListFieldWidgetProps } from '../../../../types/solid-core';
+
+const SolidSelectionDynamicColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : '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.SelectionDynamic}
+                solidListViewMetaData={solidListViewMetaData}
+                fieldMetadata={fieldMetadata}
+                column={column}
+            >
+            </SolidVarInputsFilterElement>
+        )
+    }
+
+    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
+    const header = column.attrs.label ?? fieldMetadata.displayName;
+
+    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}
+            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>)
+            }}
+            body={(rowData) => {
+                let viewWidget = column.attrs.viewWidget;
+                if (!viewWidget) {
+                    viewWidget = 'DefaultTextListWidget';
+                }
+                let DynamicWidget = getExtensionComponent(viewWidget);
+                const widgetProps: SolidListFieldWidgetProps = {
+                    rowData,
+                    solidListViewMetaData,
+                    fieldMetadata,
+                    column
+                }
+                return (
+                    <>
+                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
+                    </>
+                )
+            }
+            }
+        ></Column>
+    );
+
+};
+
+export default SolidSelectionDynamicColumn;

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

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

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

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

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

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { FilterMatchMode } from 'primereact/api';
+import { Column } from "primereact/column";
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
+import { getExtensionComponent } from '../../../../helpers/registry';
+var SolidSelectionStaticColumn = 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 = fieldMetadata.selectionValueType === 'int' ? 'numeric' : '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.SelectionStatic, 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("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
+        }, body: function (rowData) {
+            var viewWidget = column.attrs.viewWidget;
+            if (!viewWidget) {
+                viewWidget = 'DefaultTextListWidget';
+            }
+            var DynamicWidget = getExtensionComponent(viewWidget);
+            var widgetProps = {
+                rowData: rowData,
+                solidListViewMetaData: solidListViewMetaData,
+                fieldMetadata: fieldMetadata,
+                column: column
+            };
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+        } }, fieldMetadata.name));
+};
+export default SolidSelectionStaticColumn;
+//# sourceMappingURL=SolidSelectionStaticColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionStaticColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidSelectionStaticColumn.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,81 @@
+
+import { FilterMatchMode } from 'primereact/api';
+import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
+import { FormEvent } from "primereact/ts-helpers";
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
+import SolidTableRowCell from '../SolidTableRowCell';
+import { getExtensionComponent } from '../../../../helpers/registry';
+import { SolidListFieldWidgetProps } from '../../../../types/solid-core';
+
+
+const SolidSelectionStaticColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
+
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : '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.SelectionStatic}
+                solidListViewMetaData={solidListViewMetaData}
+                fieldMetadata={fieldMetadata}
+                column={column}
+            >
+            </SolidVarInputsFilterElement>
+        )
+    }
+
+    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
+    const header = column.attrs.label ?? fieldMetadata.displayName;
+
+    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}
+            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>)
+            }}
+            body={(rowData) => {
+                let viewWidget = column.attrs.viewWidget;
+                if (!viewWidget) {
+                    viewWidget = 'DefaultTextListWidget';
+                }
+                let DynamicWidget = getExtensionComponent(viewWidget);
+                const widgetProps: SolidListFieldWidgetProps = {
+                    rowData,
+                    solidListViewMetaData,
+                    fieldMetadata,
+                    column
+                }
+                return (
+                    <>
+                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
+                    </>
+                )
+            }
+            }
+        ></Column >
+    );
+};
+
+export default SolidSelectionStaticColumn;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidShortTextColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidShortTextColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAItF,OAAO,EAAE,yBAAyB,EAA4E,MAAM,8BAA8B,CAAC;AAGnJ,QAAA,MAAM,oBAAoB,uFAAwF,yBAAyB,4CA+E1I,CAAC;AAEF,eAAe,oBAAoB,CAAC;AAapC,eAAO,MAAM,qBAAqB,8DAA+D,yBAAyB,4CAsDzH,CAAC"}

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

@@ -0,0 +1,122 @@
+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 SolidTableRowCell from '../SolidTableRowCell';
+import { getExtensionComponent } from '../../../../helpers/registry';
+import dayjs from 'dayjs';
+var SolidShortTextColumn = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
+    var filterable = column.attrs.filterable;
+    var showFilterOperator = false;
+    var columnDataType = 'text';
+    var filterMatchModeOptions = [
+        { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },
+        { label: 'Contains', value: FilterMatchMode.CONTAINS },
+        { label: 'Not Contains', value: FilterMatchMode.NOT_CONTAINS },
+        { label: 'Ends With', value: FilterMatchMode.ENDS_WITH },
+        { label: 'Equals', value: FilterMatchMode.EQUALS },
+        { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },
+        { label: 'In', value: FilterMatchMode.IN },
+        { label: 'Not In', value: FilterMatchMode.NOT_IN }
+    ];
+    var filterTemplate = function (options) {
+        var numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
+        return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
+    };
+    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("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
+        }, body: function (rowData) {
+            //add this widget to render media image in image format  - SolidShortTextFieldImageRenderModeWidget 
+            var viewWidget = column.attrs.viewWidget;
+            if (!viewWidget) {
+                viewWidget = 'DefaultTextListWidget';
+            }
+            var DynamicWidget = getExtensionComponent(viewWidget);
+            var widgetProps = {
+                rowData: rowData,
+                solidListViewMetaData: solidListViewMetaData,
+                fieldMetadata: fieldMetadata,
+                column: column,
+                setLightboxUrls: setLightboxUrls,
+                setOpenLightbox: setOpenLightbox
+            };
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+        } }, fieldMetadata.name));
+};
+export default SolidShortTextColumn;
+function parseIsoDate(value) {
+    if (!value || typeof value !== "string")
+        return null;
+    // Fast reject (avoids false positives)
+    if (!value.includes("T"))
+        return null;
+    var d = new Date(value);
+    return isNaN(d.getTime()) ? null : d;
+}
+export var DefaultTextListWidget = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
+    var displayValue = rowData[fieldMetadata.name];
+    //    if (typeof displayValue === "string" && displayValue.includes("T") && displayValue.endsWith("Z")) {
+    //         const d = new Date(displayValue);
+    //         if (!isNaN(d.getTime())) {
+    //             const year = d.getFullYear();
+    //             const month = String(d.getMonth() + 1).padStart(2, "0");
+    //             const day = String(d.getDate()).padStart(2, "0");
+    //             const hours = String(d.getHours()).padStart(2, "0");
+    //             const minutes = String(d.getMinutes()).padStart(2, "0");
+    //             const seconds = String(d.getSeconds()).padStart(2, "0");
+    //             displayValue = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}.000`;
+    //         }
+    //     }
+    if (typeof displayValue === "string") {
+        var parsedDate = parseIsoDate(displayValue);
+        if (parsedDate) {
+            var format = (_f = column === null || column === void 0 ? void 0 : column.attrs) === null || _f === void 0 ? void 0 : _f.format;
+            // 🔵 Explicit format → dayjs
+            if (format) {
+                displayValue = dayjs(parsedDate).format(format);
+            }
+            // 🟢 Default → user locale
+            else {
+                displayValue = parsedDate.toLocaleString();
+            }
+        }
+    }
+    if ((fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.selectionStaticValues) && displayValue) {
+        var mapping_1 = {};
+        fieldMetadata.selectionStaticValues.forEach(function (entry) {
+            var _a = entry.split(":"), val = _a[0], label = _a[1];
+            mapping_1[val] = label;
+        });
+        var values = displayValue.split(",").map(function (v) { return v.trim(); });
+        displayValue = values.map(function (v) { return mapping_1[v] || v; }).join(", ");
+    }
+    return (_jsx(SolidTableRowCell, { value: displayValue, truncateAfter: truncateAfter }));
+};
+//# sourceMappingURL=SolidShortTextColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidShortTextColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidShortTextColumn.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,160 @@
+
+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 { getExtensionComponent } from '../../../../helpers/registry';
+import { SolidListFieldWidgetProps, SolidMediaListFieldWidgetProps, SolidShortTextImageRenderModeWidgetProps } from '../../../../types/solid-core';
+import dayjs from 'dayjs';
+
+const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {
+    const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = 'text';
+    const filterMatchModeOptions = [
+        { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },
+        { label: 'Contains', value: FilterMatchMode.CONTAINS },
+        { label: 'Not Contains', value: FilterMatchMode.NOT_CONTAINS },
+        { label: 'Ends With', value: FilterMatchMode.ENDS_WITH },
+        { label: 'Equals', value: FilterMatchMode.EQUALS },
+        { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },
+        { label: 'In', value: FilterMatchMode.IN },
+        { label: 'Not In', value: FilterMatchMode.NOT_IN }
+    ];
+    const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
+        const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
+
+        return (
+            <SolidVarInputsFilterElement
+                values={options.value}
+                onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}
+                numberOfInputs={numberOfInputs}
+                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;
+
+    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}
+            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>)
+            }}
+
+            body={(rowData) => {
+                //add this widget to render media image in image format  - SolidShortTextFieldImageRenderModeWidget 
+                let viewWidget = column.attrs.viewWidget;
+                if (!viewWidget) {
+                    viewWidget = 'DefaultTextListWidget';
+                }
+                let DynamicWidget = getExtensionComponent(viewWidget);
+                const widgetProps: SolidMediaListFieldWidgetProps = {
+                    rowData,
+                    solidListViewMetaData,
+                    fieldMetadata,
+                    column,
+                    setLightboxUrls: setLightboxUrls,
+                    setOpenLightbox: setOpenLightbox
+                }
+                return (
+                    <>
+                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
+                    </>
+                )
+            }
+            }
+
+        ></Column >
+    );
+
+};
+
+export default SolidShortTextColumn;
+
+function parseIsoDate(value: string): Date | null {
+    if (!value || typeof value !== "string") return null;
+
+    // Fast reject (avoids false positives)
+    if (!value.includes("T")) return null;
+
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? null : d;
+}
+
+
+export const DefaultTextListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {
+    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;
+    let displayValue = rowData[fieldMetadata.name];
+    //    if (typeof displayValue === "string" && displayValue.includes("T") && displayValue.endsWith("Z")) {
+    //         const d = new Date(displayValue);
+    //         if (!isNaN(d.getTime())) {
+    //             const year = d.getFullYear();
+    //             const month = String(d.getMonth() + 1).padStart(2, "0");
+    //             const day = String(d.getDate()).padStart(2, "0");
+    //             const hours = String(d.getHours()).padStart(2, "0");
+    //             const minutes = String(d.getMinutes()).padStart(2, "0");
+    //             const seconds = String(d.getSeconds()).padStart(2, "0");
+
+    //             displayValue = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}.000`;
+    //         }
+    //     }
+    if (typeof displayValue === "string") {
+        const parsedDate = parseIsoDate(displayValue);
+
+        if (parsedDate) {
+            const format = column?.attrs?.format as string | undefined;
+
+            // 🔵 Explicit format → dayjs
+            if (format) {
+                displayValue = dayjs(parsedDate).format(format);
+            }
+            // 🟢 Default → user locale
+            else {
+                displayValue = parsedDate.toLocaleString();
+            }
+        }
+    }
+
+
+
+    if (fieldMetadata?.selectionStaticValues && displayValue) {
+        const mapping: Record<string, string> = {};
+
+        fieldMetadata.selectionStaticValues.forEach((entry: string) => {
+            const [val, label] = entry.split(":");
+            mapping[val] = label;
+        });
+
+        const values = displayValue.split(",").map((v: string) => v.trim());
+
+        displayValue = values.map((v: string) => mapping[v] || v).join(", ");
+    }
+
+    return (
+        <SolidTableRowCell
+            value={displayValue}
+            truncateAfter={truncateAfter}
+        />
+    );
+};