@solidstarters/solid-core-ui 1.1.74 → 1.1.75

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

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

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

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

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

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

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

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

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

@@ -1,90 +0,0 @@
-'use client';
-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 { 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;
-
-    return (
-        <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>)
-            }}
-            body={(rowData) => {
-                let viewWidget = column.attrs.viewWidget;
-                if (!viewWidget) {
-                    viewWidget = 'DefaultTextRenderModeWidget';
-                }
-                let DynamicWidget = getExtensionComponent(viewWidget);
-                const widgetProps: SolidListFieldWidgetProps = {
-                    rowData,
-                    solidListViewMetaData,
-                    fieldMetadata,
-                    column
-                }
-                return (
-                    <>
-                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
-                    </>
-                )
-            }
-            }
-        ></Column>
-    );
-
-};
-
-export default SolidDateColumn;

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

@@ -1,79 +0,0 @@
-'use client';
-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 { 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;
-
-    return (
-        <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>)
-            }}
-            body={(rowData) => {
-                let viewWidget = column.attrs.viewWidget;
-                if (!viewWidget) {
-                    viewWidget = 'DefaultTextRenderModeWidget';
-                }
-                let DynamicWidget = getExtensionComponent(viewWidget);
-                const widgetProps: SolidListFieldWidgetProps = {
-                    rowData,
-                    solidListViewMetaData,
-                    fieldMetadata,
-                    column
-                }
-                return (
-                    <>
-                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
-                    </>
-                )
-            }
-            }
-        ></Column>
-    );
-
-};
-
-export default SolidDatetimeColumn;
-

package/src/components/core/list/columns/SolidDecimalColumn.tsx

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

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

@@ -1,80 +0,0 @@
-'use client';
-import React from 'react';
-import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-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;
-
-    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 = 'DefaultTextRenderModeWidget';
-                }
-                let DynamicWidget = getExtensionComponent(viewWidget);
-                const widgetProps: SolidListFieldWidgetProps = {
-                    rowData,
-                    solidListViewMetaData,
-                    fieldMetadata,
-                    column
-                }
-                return (
-                    <>
-                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
-                    </>
-                )
-            }
-            }
-        ></Column>
-    );
-
-};
-
-export default SolidExternalIdColumn;

package/src/components/core/list/columns/SolidFloatColumn.tsx

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

package/src/components/core/list/columns/SolidIdColumn.tsx

@@ -1,79 +0,0 @@
-'use client';
-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 { SolidListFieldWidgetProps } from '@/types/solid-core';
-import { getExtensionComponent } from '@/helpers/registry';
-
-const SolidIdColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
-    const filterable = column.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<Date>) => options.filterCallback(e, options.index)}
-                inputType={InputTypes.Numeric}
-                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.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 = 'DefaultTextRenderModeWidget';
-                }
-                let DynamicWidget = getExtensionComponent(viewWidget);
-                const widgetProps: SolidListFieldWidgetProps = {
-                    rowData,
-                    solidListViewMetaData,
-                    fieldMetadata,
-                    column
-                }
-                return (
-                    <>
-                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
-                    </>
-                )
-            }
-            }
-        ></Column>
-    );
-
-};
-
-export default SolidIdColumn;