@solidstarters/solid-core-ui 1.1.74 → 1.1.77

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

@@ -1,87 +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 { getExtensionComponent } from '@/helpers/registry';
-import { SolidListFieldWidgetProps } from '@/types/solid-core';
-
-const SolidIntColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
-    const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = 'numeric';
-    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.Numeric}
-                solidListViewMetaData={solidListViewMetaData}
-                fieldMetadata={fieldMetadata}
-                column={column}
-            >
-            </SolidVarInputsFilterElement>
-        )
-    };
-    const filterMatchModeOptions = [
-        { 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 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 SolidIntColumn;

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

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

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

@@ -1,100 +0,0 @@
-'use client';
-import React from 'react';
-import { Column } from "primereact/column";
-import { SolidListViewColumnParams } from '../SolidListViewColumn';
-import { Button } from 'primereact/button';
-import { SolidMediaListFieldWidgetProps } from '@/types/solid-core';
-import { getExtensionComponent } from '@/helpers/registry';
-
-const SolidMediaMultipleColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {
-    console.log("rendered");
-
-    // const filterable = column.attrs.filterable;
-    const filterable = false;
-    const showFilterOperator = false;
-    const columnDataType = undefined;
-    const header = column.attrs.label ?? fieldMetadata.displayName;
-
-    return (
-        <Column
-            key={fieldMetadata.name}
-            field={fieldMetadata.name}
-            header={header}
-            body={(rowData) => {
-                let viewWidget = column.attrs.viewWidget;
-                if (!viewWidget) {
-                    viewWidget = 'DefaultMediaMultipleListWidget';
-                }
-                let DynamicWidget = getExtensionComponent(viewWidget);
-                const widgetProps: SolidMediaListFieldWidgetProps = {
-                    rowData,
-                    solidListViewMetaData,
-                    fieldMetadata,
-                    column,
-                    setLightboxUrls,
-                    setOpenLightbox
-                }
-                return (
-                    <>
-                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
-                    </>
-                )
-            }
-            }            // className="text-sm"
-            sortable={column.attrs.sortable}
-            // filter={filterable}
-            dataType={columnDataType}
-            showFilterOperator={showFilterOperator}
-            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
-            style={{ minWidth: "12rem" }}
-            headerClassName="table-header-fs"
-        ></Column>
-    );
-
-};
-
-export default SolidMediaMultipleColumn;
-
-
-
-export const DefaultMediaMultipleListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {
-    if (!rowData?._media?.[fieldMetadata.name]) return null;
-
-    const imageUrls = rowData._media[fieldMetadata.name].map((i: any) => i._full_url);
-
-    return (
-        imageUrls.length > 0 ?
-            <div className='flex gap-2 align-items-end'>
-                <img
-                    src={imageUrls[0]}
-                    alt={`image-multiple`}
-                    className="shadow-2 border-round"
-                    width={40}
-                    height={40}
-                    style={{ objectFit: "cover" }}
-                    onClick={(event) => {
-                        event.stopPropagation();
-                        setLightboxUrls(imageUrls.map((img: string) => ({ src: img, downloadUrl: img })));
-                        setOpenLightbox(true);
-                    }}
-                />
-                <Button
-                    type='button'
-                    text
-                    size='small'
-                    label='View All'
-                    className='view-media-button'
-                    onClick={(event) => {
-                        event.stopPropagation();
-                        setLightboxUrls(imageUrls.map((img: string) => ({ src: img })));
-                        setOpenLightbox(true);
-                    }}
-                />
-            </div>
-            :
-            <div
-                style={{ height: 40, width: 40 }}
-            >
-            </div>
-    );
-};

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

@@ -1,98 +0,0 @@
-'use client';
-import React, { useState } from 'react';
-import { Column } from "primereact/column";
-import { SolidListViewColumnParams } from '../SolidListViewColumn';
-import { classNames } from 'primereact/utils';
-import { SolidListFieldWidgetProps, SolidMediaListFieldWidgetProps } from '@/types/solid-core';
-import { getExtensionComponent } from '@/helpers/registry';
-
-const isImageFile = (url: string) => {
-    return /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(url);
-};
-
-const MediaWithFallback = ({ src, alt, onClick }: { src: string; alt: string; onClick: (event: React.MouseEvent) => void }) => {
-    const [isBroken, setIsBroken] = useState(false);
-
-    return (
-        <div style={{ width: 40, height: 40, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-            {!isBroken && isImageFile(src) ? (
-                <img
-                    src={src}
-                    alt={alt}
-                    className="shadow-2 border-round"
-                    width={40}
-                    height={40}
-                    style={{ objectFit: "cover" }}
-                    onError={() => setIsBroken(true)}
-                    onClick={onClick}
-                />
-            ) : (
-                <i className={classNames(isImageFile(src) ? "pi pi-image" : "pi pi-file", "text-3xl text-gray-400")}></i>
-            )}
-        </div>
-    );
-};
-
-const SolidMediaSingleColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {
-    const header = column.attrs.label ?? fieldMetadata.displayName;
-    return (
-        <Column
-            key={fieldMetadata.name}
-            field={fieldMetadata.name}
-            header={header}
-            body={(rowData) => {
-                let viewWidget = column.attrs.viewWidget;
-                if (!viewWidget) {
-                    viewWidget = 'DefaultMediaSingleListWidget';
-                }
-                let DynamicWidget = getExtensionComponent(viewWidget);
-                const widgetProps: SolidMediaListFieldWidgetProps = {
-                    rowData,
-                    solidListViewMetaData,
-                    fieldMetadata,
-                    column,
-                    setLightboxUrls,
-                    setOpenLightbox
-                }
-                return (
-                    <>
-                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
-                    </>
-                )
-            }
-            }
-            sortable={column.attrs.sortable}
-            showFilterOperator={false}
-            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
-            style={{ minWidth: "12rem" }}
-            headerClassName="table-header-fs"
-        />
-    );
-};
-
-export default SolidMediaSingleColumn;
-
-
-export const DefaultMediaSingleListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {
-    if (!rowData?._media?.[fieldMetadata.name]) return null;
-    const mediaUrls = rowData._media[fieldMetadata.name].map((i: any) => i._full_url);
-
-    return (
-        mediaUrls.length > 0 ? (
-            <MediaWithFallback
-                src={mediaUrls[0]}
-                alt="media"
-                onClick={(event) => {
-                    event.stopPropagation();
-                    setLightboxUrls([{ src: mediaUrls[0], downloadUrl: mediaUrls[0] }]);
-                    setOpenLightbox(true);
-                }}
-            />
-        ) : (
-            <div
-                style={{ height: 40, width: 40 }}
-            >
-            </div>
-        )
-    );
-};

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

@@ -1,20 +0,0 @@
-'use client';
-import { SolidListViewColumnParams } from '../SolidListViewColumn';
-import SolidRelationManyToManyColumn from './relations/SolidRelationManyToManyColumn';
-import SolidRelationManyToOneColumn from './relations/SolidRelationManyToOneColumn';
-
-const SolidRelationColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
-    if (fieldMetadata.relationType === 'many-to-one') {
-        return SolidRelationManyToOneColumn({ solidListViewMetaData, fieldMetadata, column });
-    }
-    if (fieldMetadata.relationType === 'one-to-many') {
-        return SolidRelationManyToOneColumn({ solidListViewMetaData, fieldMetadata, column });
-    }
-    if (fieldMetadata.relationType === 'many-to-many') {
-        return SolidRelationManyToManyColumn({ solidListViewMetaData, fieldMetadata, column });
-    }
-    // TODO: Support one-to-many
-    // TODO: Support many-to-many
-};
-
-export default SolidRelationColumn;

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

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

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

@@ -1,80 +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 { 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 = 'DefaultTextRenderModeWidget';
-                }
-                let DynamicWidget = getExtensionComponent(viewWidget);
-                const widgetProps: SolidListFieldWidgetProps = {
-                    rowData,
-                    solidListViewMetaData,
-                    fieldMetadata,
-                    column
-                }
-                return (
-                    <>
-                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
-                    </>
-                )
-            }
-            }
-        ></Column>
-    );
-
-};
-
-export default SolidSelectionDynamicColumn;

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

@@ -1,81 +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 { 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 = 'DefaultTextRenderModeWidget';
-                }
-                let DynamicWidget = getExtensionComponent(viewWidget);
-                const widgetProps: SolidListFieldWidgetProps = {
-                    rowData,
-                    solidListViewMetaData,
-                    fieldMetadata,
-                    column
-                }
-                return (
-                    <>
-                        {DynamicWidget && <DynamicWidget {...widgetProps} />}
-                    </>
-                )
-            }
-            }
-        ></Column >
-    );
-};
-
-export default SolidSelectionStaticColumn;

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

@@ -1,103 +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 { getExtensionComponent } from '@/helpers/registry';
-import { SolidListFieldWidgetProps, SolidMediaListFieldWidgetProps, SolidShortTextImageRenderModeWidgetProps } from '@/types/solid-core';
-
-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;
-
-
-export const DefaultTextListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {
-    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
-    return (
-        <SolidTableRowCell
-            value={rowData[fieldMetadata.name]}
-            truncateAfter={truncateAfter}
-        />
-    )
-};

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

@@ -1,78 +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 { getExtensionComponent } from "@/helpers/registry";
-import { SolidListFieldWidgetProps } from "@/types/solid-core";
-
-const SolidTimeColumn = ({ 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.Time}
-                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 SolidTimeColumn;