@solidstarters/solid-core-ui 1.1.10 → 1.1.12

package/src/components/core/form/fields/relations/SolidRelationManyToManyField.tsx

@@ -29,7 +29,7 @@ export class SolidRelationManyToManyField implements ISolidField {
 
         const manyToManyFieldData = this.fieldContext.data[this.fieldContext.field.attrs.name];
         const fieldMetadata = this.fieldContext.fieldMetadata;
-        const userKeyField = fieldMetadata.relationModel.userKeyField.name;
+        const userKeyField = fieldMetadata?.relationModel?.userKeyField?.name;
         if (manyToManyFieldData) {
             return manyToManyFieldData.map((e: any) => {
                 const manyToManyColVal = e[userKeyField] || '';
@@ -97,7 +97,7 @@ export class SolidRelationManyToManyField implements ISolidField {
     render(formik: FormikObject) {
         const fieldMetadata = this.fieldContext.fieldMetadata;
         const fieldLayoutInfo = this.fieldContext.field;
-        const className = fieldLayoutInfo.attrs?.className || 'field col-6 flex flex-column gap-2 mt-4';
+        const className = fieldLayoutInfo.attrs?.className || 'field col-12';
         const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
         const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
         const solidFormViewMetaData = this.fieldContext.solidFormViewMetaData;
@@ -134,7 +134,7 @@ export class SolidRelationManyToManyField implements ISolidField {
     renderCheckBoxMode(formik: FormikObject, visibleCreateRelationEntity: any, setvisibleCreateRelationEntity: any) {
         const fieldMetadata = this.fieldContext.fieldMetadata;
         const fieldLayoutInfo = this.fieldContext.field;
-        const className = fieldLayoutInfo.attrs?.className || 'field col-6 flex flex-column gap-2 mt-4';
+        const className = fieldLayoutInfo.attrs?.className || 'field col-12';
         const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
 
         // auto complete specific code. 
@@ -150,7 +150,7 @@ export class SolidRelationManyToManyField implements ISolidField {
             let filterQuery;
             if (query) {
                 filterQuery = {
-                    [fieldMetadata.relationModel.userKeyField.name]: {
+                    [fieldMetadata?.relationModel?.userKeyField?.name]: {
                         '$containsi': query
                     }
                 }
@@ -175,7 +175,7 @@ export class SolidRelationManyToManyField implements ISolidField {
             if (autocompleteData) {
                 const autoCompleteItems = autocompleteData.records.map((item: any) => {
                     return {
-                        label: item[fieldMetadata.relationModel.userKeyField.name],
+                        label: item[fieldMetadata?.relationModel?.userKeyField?.name],
                         value: item['id'],
                         original: item
                     }
@@ -205,7 +205,7 @@ export class SolidRelationManyToManyField implements ISolidField {
             const updatedRelationData = [
                 ...currentRelationData,
                 {
-                    label: jsonValues[fieldMetadata.relationModel.userKeyField.name],
+                    label: jsonValues[fieldMetadata?.relationModel?.userKeyField?.name],
                     value: "new",
                     original: jsonValues,
                 },
@@ -309,7 +309,7 @@ export class SolidRelationManyToManyField implements ISolidField {
                 offset: 0,
                 limit: 10,
                 filters: {
-                    [fieldMetadata.relationModel.userKeyField.name]: {
+                    [fieldMetadata?.relationModel?.userKeyField?.name]: {
                         '$containsi': event.query
                     }
                 }
@@ -328,7 +328,7 @@ export class SolidRelationManyToManyField implements ISolidField {
             if (autocompleteData) {
                 const autoCompleteItems = autocompleteData.records.map((item: any) => {
                     return {
-                        label: item[fieldMetadata.relationModel.userKeyField.name],
+                        label: item[fieldMetadata?.relationModel?.userKeyField?.name],
                         value: item['id'],
                         original: item
 
@@ -344,7 +344,7 @@ export class SolidRelationManyToManyField implements ISolidField {
             const updatedRelationData = [
                 ...currentRelationData,
                 {
-                    label: jsonValues[fieldMetadata.relationModel.userKeyField.name],
+                    label: jsonValues[fieldMetadata?.relationModel?.userKeyField?.name],
                     value: "new",
                     original: jsonValues,
                 },

package/src/components/core/form/fields/relations/SolidRelationManyToOneField.tsx

@@ -21,7 +21,7 @@ export class SolidRelationManyToOneField implements ISolidField {
 
         const manyToOneFieldData = this.fieldContext.data[this.fieldContext.field.attrs.name];
         const fieldMetadata = this.fieldContext.fieldMetadata;
-        const userKeyField = fieldMetadata.relationModel.userKeyField.name;
+        const userKeyField = fieldMetadata?.relationModel?.userKeyField?.name;
         const manyToOneColVal = manyToOneFieldData ? manyToOneFieldData[userKeyField] : '';
         if (manyToOneColVal) {
             return { label: manyToOneColVal || '', value: manyToOneFieldData?.id || '' };
@@ -54,7 +54,7 @@ export class SolidRelationManyToOneField implements ISolidField {
     render(formik: FormikObject) {
         const fieldMetadata = this.fieldContext.fieldMetadata;
         const fieldLayoutInfo = this.fieldContext.field;
-        const className = fieldLayoutInfo.attrs?.className || 'field col-6 flex flex-column gap-2 mt-4';
+        const className = fieldLayoutInfo.attrs?.className || 'field col-12';
         const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
         const solidFormViewMetaData = this.fieldContext.solidFormViewMetaData;
 
@@ -77,7 +77,7 @@ export class SolidRelationManyToOneField implements ISolidField {
                 offset: 0,
                 limit: 10,
                 filters: {
-                    [fieldMetadata.relationModel.userKeyField.name]: {
+                    [fieldMetadata?.relationModel?.userKeyField?.name]: {
                         '$containsi': event.query
                     }
                 }
@@ -96,7 +96,7 @@ export class SolidRelationManyToOneField implements ISolidField {
             if (autocompleteData) {
                 const autoCompleteItems = autocompleteData.records.map((item: any) => {
                     return {
-                        label: item[fieldMetadata.relationModel.userKeyField.name],
+                        label: item[fieldMetadata?.relationModel?.userKeyField?.name],
                         value: item['id']
                     }
                 });
@@ -109,21 +109,22 @@ export class SolidRelationManyToOneField implements ISolidField {
 
         return (
             <div className={className}>
-                <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">{fieldLabel}
-
-                </label>
-                <AutoComplete
-                    readOnly={formReadonly || fieldReadonly}
-                    disabled={formDisabled || fieldDisabled}
-                    {...formik.getFieldProps(fieldLayoutInfo.attrs.name)}
-                    id={fieldLayoutInfo.attrs.name}
-                    field="label"
-                    value={formik.values[fieldLayoutInfo.attrs.name] || ''}
-                    dropdown
-                    suggestions={autoCompleteItems}
-                    completeMethod={autoCompleteSearch}
-                    onChange={formik.handleChange} />
-
+                <div className="flex flex-column gap-2 mt-4">
+                    <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">{fieldLabel}
+                    </label>
+                    <AutoComplete
+                        readOnly={formReadonly || fieldReadonly}
+                        disabled={formDisabled || fieldDisabled}
+                        {...formik.getFieldProps(fieldLayoutInfo.attrs.name)}
+                        id={fieldLayoutInfo.attrs.name}
+                        field="label"
+                        value={formik.values[fieldLayoutInfo.attrs.name] || ''}
+                        dropdown
+                        suggestions={autoCompleteItems}
+                        completeMethod={autoCompleteSearch}
+                        onChange={formik.handleChange}
+                    />
+                </div>
                 {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
                     <Message severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />
                 )}

package/src/components/core/form/fields/relations/SolidRelationOneToManyField.tsx

@@ -54,7 +54,7 @@ export class SolidRelationOneToManyField implements ISolidField {
         const fieldMetadata = this.fieldContext.fieldMetadata;
 
         const fieldLayoutInfo = this.fieldContext.field;
-        const className = fieldLayoutInfo.attrs?.className || 'field col-12 flex flex-column gap-2 mt-3';
+        const className = fieldLayoutInfo.attrs?.className || 'field col-12';
         const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
         const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
         const solidFormViewMetaData = this.fieldContext.solidFormViewMetaData;
@@ -151,7 +151,7 @@ export class SolidRelationOneToManyField implements ISolidField {
 
         const fieldMetadata = this.fieldContext.fieldMetadata;
         const fieldLayoutInfo = this.fieldContext.field;
-        const className = fieldLayoutInfo.attrs?.className || 'col-12 s-field';
+        const className = fieldLayoutInfo.attrs?.className || 'col-12';
         const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
 
 

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

@@ -31,6 +31,8 @@ import { SolidConfigureLayoutElement } from '../common/SolidConfigureLayoutEleme
 import { FilterIcon } from '../../modelsComponents/filterIcon';
 import { OverlayPanel } from "primereact/overlaypanel";
 import { Toast } from "primereact/toast";
+import { Divider } from "primereact/divider";
+
 const getRandomInt = (min: number, max: number) => {
   return Math.floor(Math.random() * (max - min + 1)) + min;
 }
@@ -121,20 +123,23 @@ export const SolidListView = (params: SolidListViewParams) => {
 
     const initialFilters: any = {};
     const toPopulate: string[] = [];
-    for (let i = 0; i < solidView.layout.children.length; i++) {
+    for (let i = 0; i < solidView.layout.children?.length; i++) {
       const column = solidView.layout.children[i];
       const fieldMetadata = solidFieldsMetadata[column.attrs.name];
-
+      if (!fieldMetadata?.type) {
+        showFieldError(`${column.attrs.label} is not present in metadata`)
+        return;
+      }
       // Form the initial filters after iterating over the columns and field metadata. 
-      if (['int', 'bigint', 'float', 'decimal'].includes(fieldMetadata.type)) {
+      if (['int', 'bigint', 'float', 'decimal'].includes(fieldMetadata?.type)) {
         // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.EQUALS }] }
         initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.EQUALS }
       }
-      else if (['date', 'datetime', 'time', 'boolean'].includes(fieldMetadata.type)) {
+      else if (['date', 'datetime', 'time', 'boolean'].includes(fieldMetadata?.type)) {
         // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] }
         initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.EQUALS }
       }
-      else if (['relation', 'selectionStatic', 'selectionDynamic'].includes(fieldMetadata.type)) {
+      else if (['relation', 'selectionStatic', 'selectionDynamic'].includes(fieldMetadata?.type)) {
         initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.IN }
       }
       else {
@@ -402,7 +407,7 @@ export const SolidListView = (params: SolidListViewParams) => {
     if (sortField) {
       const sortFieldMetadata = solidFieldsMetadata[sortField];
       if (sortFieldMetadata.type === 'relation' && sortFieldMetadata.relationType === 'many-to-one') {
-        sortField = `${sortField}.${sortFieldMetadata.relationModel.userKeyField.name}`;
+        sortField = `${sortField}.${sortFieldMetadata?.relationModel?.userKeyField?.name}`;
       }
       queryData.sort = [
         `${sortField}:${sortOrder == 0 ? null : sortOrder == 1 ? "asc" : "desc"}`,
@@ -440,8 +445,12 @@ export const SolidListView = (params: SolidListViewParams) => {
     solidGlobalSearchElementRef.current.clearFilter()
   };
 
-  const [solidsolidViewDataId, setSolidViewDataId] = useState<number | null>()
+  const [solidsolidViewDataId, setSolidViewDataId] = useState<number | null>();
+  const [solidFieldName, setSolidFieldName] = useState<string>("")
+
   const op = useRef(null)
+  const [deleteEntity, setDeleteEntity] = useState(false);
+
 
   // clickable link allowing one to open the detail / form view.
   const detailsBodyTemplate = (solidViewData: any) => {
@@ -455,7 +464,8 @@ export const SolidListView = (params: SolidListViewParams) => {
           // @ts-ignore 
           {
             op.current.toggle(e);
-            setSolidViewDataId(solidViewData.id)
+            setSolidViewDataId(solidViewData.id);
+            setSolidFieldName(solidViewData?.singularName)
           }
           }
 
@@ -494,8 +504,30 @@ export const SolidListView = (params: SolidListViewParams) => {
               icon={<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                 <path d="M4.66666 14C4.29999 14 3.9861 13.8694 3.72499 13.6083C3.46388 13.3472 3.33332 13.0333 3.33332 12.6667V4H2.66666V2.66667H5.99999V2H9.99999V2.66667H13.3333V4H12.6667V12.6667C12.6667 13.0333 12.5361 13.3472 12.275 13.6083C12.0139 13.8694 11.7 14 11.3333 14H4.66666ZM11.3333 4H4.66666V12.6667H11.3333V4ZM5.99999 11.3333H7.33332V5.33333H5.99999V11.3333ZM8.66666 11.3333H9.99999V5.33333H8.66666V11.3333Z" fill="#4B4D52" />
               </svg>}
-              onClick={() => deleteSolidSingleEntiry(solidViewData.id)}
+              onClick={() => setDeleteEntity(true)}
             />
+            {solidListViewMetaData?.data?.solidView?.layout?.attrs?.rowButtons &&
+              solidListViewMetaData?.data?.solidView?.layout?.attrs?.rowButtons.map((rowAction: any) => {
+                return (
+                  <Button
+                    text
+                    size="small"
+                    icon={rowAction?.attrs?.className ? rowAction?.attrs?.className : "pi pi-pencil"}
+                    onClick={() => {
+                      setListRowActionData({
+                        modelName: params.modelName,
+                        moduleName: params.moduleName,
+                        rowAction: rowAction,
+                        rowData: rowData,
+                        closeListViewRowActionPopup: closeListViewRowActionPopup
+
+                      });
+                      setListViewRowActionPopupState(true)
+                    }
+                    }
+                  />
+                );
+              })}
           </div>
         </OverlayPanel>
       </div>
@@ -556,6 +588,28 @@ export const SolidListView = (params: SolidListViewParams) => {
     }
   };
 
+  const showFieldError = async (error) => {
+    if (error) {
+      toast?.current?.show({
+        severity: "error",
+        summary: "Can you send me the report?",
+        // sticky: true,
+        life: 3000,
+        //@ts-ignore
+        content: (props) => (
+          <div
+            className="flex flex-column align-items-left"
+            style={{ flex: "1" }}
+          >
+            <div className="flex align-items-center gap-2" >
+              <span className="font-bold text-900">{String(error)}</span>
+            </div>
+          </div>
+        ),
+      });
+    }
+  };
+
   // handle bulk deletion
   const deleteBulk = () => {
     let deleteList: any = [];
@@ -587,7 +641,7 @@ export const SolidListView = (params: SolidListViewParams) => {
     if (!solidView || !solidFieldsMetadata) {
       return;
     }
-    return solidView.layout.children.map((column: any) => {
+    return solidView.layout.children?.map((column: any) => {
       const fieldMetadata = solidFieldsMetadata[column.attrs.name];
       if (!fieldMetadata) {
         return;
@@ -624,7 +678,7 @@ export const SolidListView = (params: SolidListViewParams) => {
   return (
     <>
       <div className="page-header">
-      <Toast ref={toast} />
+        <Toast ref={toast} />
         <div className="flex gap-3 align-items-center">
 
 
@@ -633,10 +687,9 @@ export const SolidListView = (params: SolidListViewParams) => {
             label="Delete"
             size="small"
             onClick={() => setDialogVisible(true)}
-            className="small-button"
             severity="danger"
           />}
-          {isFilterApplied &&
+          {/* {isFilterApplied &&
             <Button
               type="button"
               icon="pi pi-filter-slash"
@@ -646,10 +699,10 @@ export const SolidListView = (params: SolidListViewParams) => {
               onClick={clearFilter}
               className="small-button"
             />
-          }
+          } */}
 
           {solidListViewMetaData?.data?.solidView?.layout?.attrs?.enableGlobalSearch === true && params.embeded === false &&
-            <SolidGlobalSearchElement ref={solidGlobalSearchElementRef} viewData={solidListViewMetaData} handleApplyCustomFilter={handleApplyCustomFilter}  setShowArchived={setShowArchived} showArchived={showArchived}></SolidGlobalSearchElement>
+            <SolidGlobalSearchElement filters={filters} clearFilter={clearFilter} ref={solidGlobalSearchElementRef} viewData={solidListViewMetaData} handleApplyCustomFilter={handleApplyCustomFilter}></SolidGlobalSearchElement>
           }
         </div>
         <div className="flex align-items-center gap-3">
@@ -659,12 +712,12 @@ export const SolidListView = (params: SolidListViewParams) => {
           }
           {actionsAllowed.includes(`${createPermission(params.modelName)}`) && solidListViewMetaData?.data?.solidView?.layout?.attrs?.create !== false && params.embeded == true && params.inlineCreate == true &&
             // < SolidCreateButton url={createButtonUrl} />
-            <Button type="button" icon="pi pi-plus" label="Add" size='small' className='small-button'
+            <Button type="button" icon="pi pi-plus" label="Add" size='small'
               onClick={() => params.handlePopUpOpen(true)}
             ></Button>
           }
-          {showArchived && <Button type="button" icon="pi pi-refresh" label="Recover" size='small' severity="warning"
-              onClick={() => setRecoverDialogVisible(true)}
+          {showArchived && <Button type="button" icon="pi pi-refresh" label="Recover" size='small' severity="secondary"
+            onClick={() => setRecoverDialogVisible(true)}
           ></Button>}
           <SolidLayoutViews
             sizeOptions={sizeOptions}
@@ -675,7 +728,7 @@ export const SolidListView = (params: SolidListViewParams) => {
             view={view}
           />
           {params.embeded === false &&
-            <SolidConfigureLayoutElement></SolidConfigureLayoutElement>
+            <SolidConfigureLayoutElement setShowArchived={setShowArchived} showArchived={showArchived} viewData={solidListViewMetaData}></SolidConfigureLayoutElement>
           }
           {/* {params.embeded === false &&
             <SolidListViewOptions></SolidListViewOptions>
@@ -724,39 +777,15 @@ export const SolidListView = (params: SolidListViewParams) => {
 
           {renderColumnsDynamically(listViewMetaData)}
           {actionsAllowed.includes(`${updatePermission(params.modelName)}`) && solidListViewMetaData?.data?.solidView?.layout?.attrs?.edit !== false &&
-            <Column body={(rowData) => (
+            <Column frozen alignFrozen="right" body={(rowData) => (
               rowData.deletedAt ? (
                 <a onClick={() => recoverById(rowData.id)} className="retrieve-button">
-                  <i className="pi pi-refresh" style={{ fontSize: "1rem" }}/>
+                  <i className="pi pi-refresh" style={{ fontSize: "1rem" }} />
                 </a>
               ) :
                 detailsBodyTemplate(rowData)
             )}></Column>
           }
-          {solidListViewMetaData?.data?.solidView?.layout?.attrs?.rowButtons &&
-            solidListViewMetaData?.data?.solidView?.layout?.attrs?.rowButtons.map((rowAction: any) => {
-              return (
-                <Column
-                  key={rowAction}
-                  body={(rowData) => (
-                    <a onClick={() => {
-                      setListRowActionData({
-                        modelName: params.modelName,
-                        moduleName: params.moduleName,
-                        rowAction: rowAction,
-                        rowData: rowData,
-                        closeListViewRowActionPopup: closeListViewRowActionPopup
-
-                      });
-                      setListViewRowActionPopupState(true)
-                    }
-                    }>
-                      <i className={rowAction?.attrs?.className ? rowAction?.attrs?.className : "pi pi-pencil"} /> {/* PrimeIcons pencil icon */}
-                    </a>
-                  )}
-                />
-              );
-            })}
         </DataTable>
       </div>
       <Dialog
@@ -765,8 +794,8 @@ export const SolidListView = (params: SolidListViewParams) => {
         modal
         footer={() => (
           <div className="flex justify-content-center">
-            <Button label="Yes" icon="pi pi-check" className='small-button' severity="danger" autoFocus onClick={deleteBulk} />
-            <Button label="No" icon="pi pi-times" className='small-button' onClick={onDeleteClose} />
+            <Button label="Yes" icon="pi pi-check" severity="danger" autoFocus onClick={deleteBulk} />
+            <Button label="No" icon="pi pi-times" onClick={onDeleteClose} />
           </div>
         )}
         onHide={() => setDialogVisible(false)}
@@ -780,8 +809,8 @@ export const SolidListView = (params: SolidListViewParams) => {
         modal
         footer={() => (
           <div className="flex justify-content-center">
-            <Button label="Yes" icon="pi pi-check" className='small-button' severity="danger" autoFocus onClick={recoverAll} />
-            <Button label="No" icon="pi pi-times" className='small-button' onClick={() => setRecoverDialogVisible(false)} />
+            <Button label="Yes" icon="pi pi-check" severity="danger" autoFocus onClick={recoverAll} />
+            <Button label="No" icon="pi pi-times" onClick={() => setRecoverDialogVisible(false)} />
           </div>
         )}
         onHide={() => setRecoverDialogVisible(false)}
@@ -798,6 +827,19 @@ export const SolidListView = (params: SolidListViewParams) => {
           <ListViewRowActionPopup context={listViewRowActionData}></ListViewRowActionPopup>
         </Dialog>
       }
+      <Dialog header="Delete Field" headerClassName="py-2" contentClassName="px-0 pb-0" visible={deleteEntity} style={{ width: '20vw' }} onHide={() => { if (!deleteEntity) return; setDeleteEntity(false); }}>
+        <Divider className="m-0" />
+        <div className="p-4">
+          <p className="m-0 solid-primary-title" style={{ fontSize: 16 }}>
+            Are you sure you want to delete this Field ?
+          </p>
+          <p className="" style={{ color: 'var{--solid-grey-500}' }}>{solidFieldName}</p>
+          <div className="flex align-items-center gap-2 mt-3">
+            <Button label="Delete" size="small" onClick={() => { deleteSolidSingleEntiry(solidsolidViewDataId); setDeleteEntity(false); }} />
+            <Button label="Cancel" size="small" onClick={() => setDeleteEntity(false)} outlined />
+          </div>
+        </div>
+      </Dialog>
     </>
   );
 };

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

@@ -19,7 +19,7 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
             offset: 0,
             limit: 10,
             filters: {
-                [fieldMetadata.relationModel.userKeyField.name]: {
+                [fieldMetadata?.relationModel?.userKeyField?.name]: {
                     $containsi: event.query
                 }
             }
@@ -38,7 +38,7 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
         if (autocompleteData) {
             const autoCompleteItems = autocompleteData.records.map((item: any) => {
                 return {
-                    label: item[fieldMetadata.relationModel.userKeyField.name],
+                    label: item[fieldMetadata?.relationModel?.userKeyField?.name],
                     value: item['id']
                 }
             });

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

@@ -30,12 +30,12 @@ const SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: So
 
     // Custom body template for Boolean column
     const bodyTemplate = (rowData: any) => {
-        return rowData.isActive ? 'Yes' : 'No';
+        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 (

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

@@ -34,7 +34,7 @@ const SolidRelationManyToOneColumn = ({ solidListViewMetaData, fieldMetadata, co
         // 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 userKeyField = fieldMetadata?.relationModel?.userKeyField?.name;
 
             const manyToOneColVal = manyToOneFieldData[userKeyField];