@solidstarters/solid-core-ui 0.1.26

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+
+const SolidExternalIdColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    const showFilterOperator = false;
+    const columnDataType = 'text';
+    const filterMatchModeOptions = [
+        { label: 'In', value: FilterMatchMode.IN },
+        { label: 'Not In', value: FilterMatchMode.NOT_IN },
+    ];
+    const numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+
+    return (
+        <>
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.Text}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+
+};
+
+export default SolidExternalIdColumn;

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

@@ -0,0 +1,8 @@
+import { SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+import SolidIntColumn from './SolidIntColumn';
+
+const SolidFloatColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    return SolidIntColumn({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue });
+};
+
+export default SolidFloatColumn;

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from "../SolidVarInputsFilterElement";
+import { FilterMatchMode } from 'primereact/api';
+import { Dropdown } from 'primereact/dropdown';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+
+const SolidIdColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    const showFilterOperator = false;
+    const columnDataType = 'text';
+    const filterMatchModeOptions = [
+        { label: 'In', value: FilterMatchMode.IN },
+        { label: 'Not In', value: FilterMatchMode.NOT_IN },
+    ];
+    const numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+
+    return (
+       <>
+                  <Dropdown
+                      value={enumValue.operator}
+                      onChange={(e: any) => {
+                          console.log("e", e);
+                          updateEnumValues(index, 'operator', e.value)
+                      }}
+                      options={filterMatchModeOptions}
+                      optionLabel='label'
+                      optionValue='value'
+                      placeholder="Select Operator" className="w-full md:w-14rem" />
+                  <SolidKanbanVarInputsFilterElement
+                      values={enumValue.value}
+                      onChange={(e: any) => {
+                          console.log("e", e);
+                          updateEnumValues(index, 'value', e)
+                      }}
+                      numberOfInputs={numberOfInputs}
+                      inputType={KanbanInputTypes.Numeric}
+                      solidListViewMetaData={solidKanbanViewMetaData}
+                      fieldMetadata={fieldMetadata}
+                  >
+                  </SolidKanbanVarInputsFilterElement>
+              </>
+    );
+
+};
+
+export default SolidIdColumn;

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+
+const SolidIntColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    // const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = 'numeric';
+    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 header = column.attrs.label ?? fieldMetadata.displayName;
+    const numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+    return (
+        <>
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.Numeric}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+};
+
+export default SolidIntColumn;

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

@@ -0,0 +1,8 @@
+import { SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+import SolidShortTextColumn from './SolidShortTextColumn';
+
+const SolidLongTextColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    return SolidShortTextColumn({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue });
+};
+
+export default SolidLongTextColumn;

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

@@ -0,0 +1,54 @@
+import { FilterMatchMode } from 'primereact/api';
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+
+const SolidMediaMultipleColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    // const filterable = column.attrs.filterable;
+    const filterable = false;
+    // const showFilterOperator = false;
+    // const columnDataType = undefined;
+    // const header = column.attrs.label ?? fieldMetadata.displayName;
+    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 numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+    return (
+        <>
+
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.Text}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+
+};
+
+export default SolidMediaMultipleColumn;

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

@@ -0,0 +1,56 @@
+import { FilterMatchMode } from 'primereact/api';
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+
+const SolidMediaSingleColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    // const filterable = column.attrs.filterable;
+    const filterable = false;
+    // const showFilterOperator = false;
+    // const columnDataType = undefined;
+    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 numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+    // const header = column.attrs.label ?? fieldMetadata.displayName;
+
+    return (
+        <>
+
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.Text}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+
+};
+
+export default SolidMediaSingleColumn;

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

@@ -0,0 +1,12 @@
+import { SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+import SolidRelationManyToOneColumn from './relations/SolidRelationManyToOneColumn';
+
+const SolidRelationColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    if (fieldMetadata.relationType === 'many-to-one') {
+        return SolidRelationManyToOneColumn({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue });
+    }
+    // TODO: Support one-to-many
+    // TODO: Support many-to-many
+};
+
+export default SolidRelationColumn;

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

@@ -0,0 +1,8 @@
+import { SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+import SolidShortTextColumn from './SolidShortTextColumn';
+
+const SolidRichTextColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    return SolidShortTextColumn({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue });
+};
+
+export default SolidRichTextColumn;

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

@@ -0,0 +1,46 @@
+import { FilterMatchMode } from 'primereact/api';
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+
+const SolidSelectionDynamicColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    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 numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+
+
+    return (
+        <>
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.SelectionDynamic}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+
+};
+
+export default SolidSelectionDynamicColumn;

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

@@ -0,0 +1,47 @@
+import { FilterMatchMode } from 'primereact/api';
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+
+
+const SolidSelectionStaticColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+
+    // 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 numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+    return (
+        <>
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.SelectionStatic}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+};
+
+export default SolidSelectionStaticColumn;

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

@@ -0,0 +1,53 @@
+import { FilterMatchMode } from 'primereact/api';
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+
+const SolidShortTextColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    // 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 header = column.attrs.label ?? fieldMetadata.displayName;
+    const numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+    return (
+        <>
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.Text}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+
+};
+
+export default SolidShortTextColumn;

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

@@ -0,0 +1,42 @@
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+import { kanbanDateFilterMatchModeOptions } from './SolidDateColumn';
+
+const SolidTimeColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    // const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const columnDataType = 'date';
+
+    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
+    // const header = column.attrs.label ?? fieldMetadata.displayName;
+    const numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+    return (
+        <>
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={kanbanDateFilterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.Time}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement></>
+    );
+
+};
+
+export default SolidTimeColumn;

package/src/components/core/kanban/columns/SolidUuidColumn.tsx

@@ -0,0 +1,44 @@
+import { FilterMatchMode } from 'primereact/api';
+import { Dropdown } from 'primereact/dropdown';
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '../../kanban/SolidVarInputsFilterElement';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../SolidKanbanViewSearchColumn';
+
+const SolidUuidColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    const showFilterOperator = false;
+    const columnDataType = 'text';
+    const filterMatchModeOptions = [
+        { label: 'In', value: FilterMatchMode.IN },
+        { label: 'Not In', value: FilterMatchMode.NOT_IN },
+    ];
+    const numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+    return (
+        <>
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.Text}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+
+};
+
+export default SolidUuidColumn;

package/src/components/core/kanban/columns/relations/SolidRelationManyToOneColumn.tsx

@@ -0,0 +1,79 @@
+import { KanbanInputTypes, SolidKanbanVarInputsFilterElement } from '@/components/core/kanban/SolidVarInputsFilterElement';
+import { FilterMatchMode } from 'primereact/api';
+import { Dropdown } from 'primereact/dropdown';
+import { getSolidKanbanViewNumberOfInputs, SolidKanbanViewColumnParams } from '../../SolidKanbanViewSearchColumn';
+
+const SolidRelationManyToOneColumn = ({ solidKanbanViewMetaData, fieldMetadata, updateEnumValues, index, enumValue }: SolidKanbanViewColumnParams) => {
+    // const filterable = column.attrs.filterable;
+    const showFilterOperator = false;
+    const filterMatchModeOptions = [
+        { label: 'In', value: FilterMatchMode.IN },
+        { label: 'Not In', value: FilterMatchMode.NOT_IN },
+    ];
+    const columnDataType = undefined;
+    const numberOfInputs = getSolidKanbanViewNumberOfInputs("in");
+
+    // const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
+
+    //     return (
+    //         <SolidVarInputsFilterElement
+    //             values={options.value}
+    //             onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}
+    //             inputType={InputTypes.RelationManyToOne}
+    //             solidListViewMetaData={solidListViewMetaData}
+    //             fieldMetadata={fieldMetadata}
+    //             column={column}
+    //         >
+    //         </SolidVarInputsFilterElement>
+    //     )
+    // };
+
+    // const bodyTemplate = (rowData: any) => {
+    //     const manyToOneFieldData = rowData[column.attrs.name];
+
+    //     // This is the userkey that will be present within the rowData.
+    //     if (manyToOneFieldData) {
+    //         // Since this is a many-to-one field, we fetch the user key field of the associated model.
+    //         const userKeyField = fieldMetadata.relationModel.userKeyField.name;
+
+    //         const manyToOneColVal = manyToOneFieldData[userKeyField];
+
+    //         // TODO: change this to use an anchor tag so that on click we open that entity form view. 
+    //         return <span>{manyToOneColVal}</span>;
+    //     }
+    //     else {
+    //         return <span></span>
+    //     }
+    // };
+    // const header = column.attrs.label ?? fieldMetadata.displayName;
+
+    return (
+        <>
+            <Dropdown
+                value={enumValue.operator}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'operator', e.value)
+                }}
+                options={filterMatchModeOptions}
+                optionLabel='label'
+                optionValue='value'
+                placeholder="Select Operator" className="w-full md:w-14rem" />
+            <SolidKanbanVarInputsFilterElement
+                values={enumValue.value}
+                onChange={(e: any) => {
+                    console.log("e", e);
+                    updateEnumValues(index, 'value', e)
+                }}
+                numberOfInputs={numberOfInputs}
+                inputType={KanbanInputTypes.RelationManyToOne}
+                solidListViewMetaData={solidKanbanViewMetaData}
+                fieldMetadata={fieldMetadata}
+            >
+            </SolidKanbanVarInputsFilterElement>
+        </>
+    );
+
+};
+
+export default SolidRelationManyToOneColumn;