@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.3

package/dist/components/core/model/FieldMetaData.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldMetaData.js","sourceRoot":"","sources":["../../../../src/components/core/model/FieldMetaData.tsx"],"names":[],"mappings":"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","sourcesContent":["import { usePathname } from \"../../../hooks/usePathname\";\nimport { Button } from \"primereact/button\";\nimport { Column } from \"primereact/column\";\nimport { DataTable } from \"primereact/datatable\";\nimport { Dialog } from \"primereact/dialog\";\nimport { useMountEffect } from \"primereact/hooks\";\nimport { Messages } from \"primereact/messages\";\nimport { useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport FieldMetaDataForm from \"./FieldMetaDataForm\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\n\n\nconst FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params }: any) => {\n  const pathname = usePathname();\n  const msgs = useRef<Messages>(null);\n\n  useMountEffect(() => {\n    if (msgs.current) {\n      msgs.current.clear();\n      msgs.current.show({\n        id: '1',\n        sticky: true,\n        severity: 'info',\n        detail: `Please select Module and Datasource from the models Tab.`,\n        closable: false,\n      });\n    }\n  });\n  const dispatch = useDispatch();\n  const [visiblePopup, setVisiblePopup] = useState(false);\n  const [isRequiredPopUp, setIsRequiredPopUp] = useState(false);\n  const [currentPopup, setCurrentPopup] = useState();\n  const [selectedFieldMetaData, setSelectedFieldMetaData] = useState(null);\n  const [deleteAlertPopup, setDeleteAlertPopup] = useState(false);\n  const [rowToDelete, setRowToDelete] = useState<any>(null);\n  const onRowSelect = (event: any) => {\n    setVisiblePopup(true);\n\n  };\n\n  // Template for the pencil icon column\n  const editTemplate = (rowData: any) => {\n    return (\n      <>\n\n        {rowData.isSystem !== true && rowData.isMarkedForRemoval !== true &&\n          <Button\n            icon=\"pi pi-pencil\"\n            text\n            onClick={() => {\n              setSelectedFieldMetaData(rowData);\n              setVisiblePopup(true);\n            }}\n            size=\"small\"\n          />\n        }\n      </>\n    )\n  };\n  const bodyTemplate = (rowData: any) => {\n    return (\n      <>\n\n        {rowData.displayName &&\n          <>\n            <p>{rowData.displayName}\n              {rowData.isMarkedForRemoval === true &&\n                <>\n                  <br></br>  <span style={{ fontSize: '11px', color: 'red' }}>This field will be removed next time you generate code for this model.</span>\n                </>\n              }\n            </p>\n          </>\n        }\n      </>\n    )\n  };\n\n\n  // Function to delete a row\n  const deleteRow = (rowData: any) => {\n    //show dialog bbefore deletion & which will have to option ok and cancel\n    setFieldMetaData((prevData: any) => {\n      const updatedData = prevData.filter((item: any) => item.name !== rowData.name);\n      setIsDirty(true); // Ensure dirty state is updated immediately\n      return updatedData;\n    });\n  };\n\n  // Template for the trash (delete) icon column\n  const deleteTemplate = (rowData: any) => {\n    return (\n      <>\n        {(pathname.includes('create') || (rowData.isSystem !== true && rowData.isMarkedForRemoval !== true)) &&\n          <Button icon=\"pi pi-trash\" text severity=\"danger\" onClick={() => { setRowToDelete(rowData); setDeleteAlertPopup(true) }} size=\"small\" />\n\n        }\n      </>\n    )\n  };\n\n  const showToaster = async (message: any, severity: any) => {\n    const errorMessages = Object.values(message);\n    if (errorMessages.length > 0) {\n      dispatch(showToast({ severity, summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.map(String).join(', '), life: 3000 }));\n    }\n  };\n\n\n  // const rowClass = (data: any) => {\n  //   return {\n  //     'bg-red-row': data.isMarkedForRemoval === true\n  //   };\n  // };\n\n\n  return (\n    <>\n\n      {!modelMetaData.moduleId || !modelMetaData.dataSource ?\n        <div className=\"card flex justify-content-center\">\n          <Messages ref={msgs} />\n        </div>\n        :\n        <>\n          <div className=\"absolute\" style={{ top: -3, right: 0 }}>\n            {/* <h3>All Fields</h3> */}\n            {modelMetaData.isSystem !== true &&\n              <Button\n                label=\"Add\"\n                // icon=\"pi pi-external-link\"\n                onClick={() => {\n                  if (!modelMetaData?.dataSourceType) {\n                    dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.ORM_TYPE_REQUIRED }));\n                  } else {\n                    setSelectedFieldMetaData(null);\n                    setVisiblePopup(true)\n                  }\n                }} size=\"small\"\n              />\n            }\n          </div>\n          <DataTable value={fieldMetaData} dataKey=\"id\" tableStyle={{ minWidth: '50rem' }} size=\"small\">\n            <Column field=\"displayName\" header=\"Display Name\" body={bodyTemplate} headerClassName=\"table-header-fs\"></Column>\n            <Column field=\"name\" header=\"Name\" headerClassName=\"table-header-fs\"></Column>\n            <Column field=\"type\" header=\"Type\" headerClassName=\"table-header-fs\"></Column>\n\n            {modelMetaData.isSystem !== true &&\n              <Column body={editTemplate} header=\"Edit\" headerClassName=\"table-header-fs\" style={{ width: '10%' }} />\n            }\n            {modelMetaData.isSystem !== true &&\n              <Column body={deleteTemplate} header=\"Delete\" headerClassName=\"table-header-fs\" style={{ width: '10%' }} />\n            }\n          </DataTable>\n          <Dialog\n            header=\"\"\n            visible={visiblePopup}\n            style={{ width: \"40vw\" }}\n            className=\"solid-dialog solid-field-dialog\"\n            onHide={() => {\n              if (!visiblePopup) return;\n\n              setVisiblePopup(false);\n            }}\n            showHeader={false}\n          >\n            <FieldMetaDataForm setIsDirty={setIsDirty} modelMetaData={modelMetaData} fieldMetaData={selectedFieldMetaData} allFields={fieldMetaData} setFieldMetaData={setFieldMetaData} deleteModelFunction={deleteModelFunction} setVisiblePopup={setVisiblePopup} formikFieldsMetadataRef={formikFieldsMetadataRef} params={params} setIsRequiredPopUp={setIsRequiredPopUp} showToaster={showToaster}></FieldMetaDataForm>\n          </Dialog>\n          <Dialog\n            visible={isRequiredPopUp}\n            header={(\n              <div className=\"flex align-items-center\">\n                <i className=\"pi pi-exclamation-triangle text-yellow-500 text-xl mr-2\"></i>\n                <span>Warning</span>\n              </div>\n            )}\n            headerClassName=\"text-center warning-header-popup\"\n            modal\n            style={{ width: '20vw' }}\n            onHide={() => setIsRequiredPopUp(false)}\n            className=\"solid-dialog solid-confirm-dialog\"\n          >\n            <p className=\"p-3 mb-0\">If there is data against this model this operation might not work and manual intervention will be required</p>\n            <div className=\"flex justify-content-start p-3\">\n              <Button label=\"Ok\" className='small-button' onClick={() => setIsRequiredPopUp(false)} />\n            </div>\n          </Dialog>\n          <Dialog\n            visible={deleteAlertPopup}\n            header={(\n              <div className=\"flex align-items-center justify-content-center\">\n                <i className=\"pi pi-exclamation-triangle text-yellow-500 text-xl mr-2\"></i>\n                <span>Warning</span>\n              </div>\n            )}\n            headerClassName=\"text-center warning-header-popup\"\n            modal\n            style={{ width: '20vw' }}\n            onHide={() => {\n              setDeleteAlertPopup(false);\n              setRowToDelete(null);\n            }}\n            className=\"solid-dialog solid-confirm-dialog\"\n          >\n            <p className=\"p-3 mb-0 text-center\">Are you sure you want to delete this field?</p>\n            <div className=\"flex justify-content-start p-3 align-items-center justify-content-center gap-3\">\n              <Button\n                label=\"Ok\"\n                className='small-button'\n                onClick={() => {\n                  if (rowToDelete) {\n                    deleteRow(rowToDelete);\n                  }\n                  setDeleteAlertPopup(false);\n                  setRowToDelete(null);\n                }}\n              />\n              <Button\n                label=\"Cancel\"\n                className='small-button'\n                outlined\n                severity=\"danger\"\n                onClick={() => {\n                  setDeleteAlertPopup(false);\n                  setRowToDelete(null);\n                }}\n              />\n            </div>\n          </Dialog>\n\n        </>\n      }\n    </>\n\n\n\n  );\n};\nexport default FieldMetaData;\n"]}
+{"version":3,"file":"FieldMetaData.js","sourceRoot":"","sources":["../../../../src/components/core/model/FieldMetaData.tsx"],"names":[],"mappings":"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","sourcesContent":["import { usePathname } from \"../../../hooks/usePathname\";\nimport { SolidDataTable as DataTable, Column } from \"../list/SolidDataTable\";\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport FieldMetaDataForm from \"./FieldMetaDataForm\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { AlertTriangle, Info, Pencil, Plus, Trash2 } from \"lucide-react\";\nimport {\n  SolidButton,\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogFooter,\n} from \"../../shad-cn-ui\";\n\n\nconst FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params }: any) => {\n  const pathname = usePathname();\n  const dispatch = useDispatch();\n  const [visiblePopup, setVisiblePopup] = useState(false);\n  const [isRequiredPopUp, setIsRequiredPopUp] = useState(false);\n  const [currentPopup, setCurrentPopup] = useState();\n  const [selectedFieldMetaData, setSelectedFieldMetaData] = useState(null);\n  const [deleteAlertPopup, setDeleteAlertPopup] = useState(false);\n  const [rowToDelete, setRowToDelete] = useState<any>(null);\n  const onRowSelect = (event: any) => {\n    setVisiblePopup(true);\n\n  };\n\n  // Template for the pencil icon column\n  const editTemplate = (rowData: any) => {\n    return (\n      <>\n\n        {rowData.isSystem !== true && rowData.isMarkedForRemoval !== true &&\n          <SolidButton\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"solid-icon-button\"\n            aria-label=\"Edit field\"\n            leftIcon={<Pencil size={14} />}\n            onClick={() => {\n              setSelectedFieldMetaData(rowData);\n              setVisiblePopup(true);\n            }}\n          />\n        }\n      </>\n    )\n  };\n  const bodyTemplate = (rowData: any) => {\n    return (\n      <>\n\n        {rowData.displayName &&\n          <>\n            <p>{rowData.displayName}\n              {rowData.isMarkedForRemoval === true &&\n                <>\n                  <br></br>  <span style={{ fontSize: '11px', color: 'red' }}>This field will be removed next time you generate code for this model.</span>\n                </>\n              }\n            </p>\n          </>\n        }\n      </>\n    )\n  };\n\n\n  // Function to delete a row\n  const deleteRow = (rowData: any) => {\n    //show dialog bbefore deletion & which will have to option ok and cancel\n    setFieldMetaData((prevData: any) => {\n      const updatedData = prevData.filter((item: any) => item.name !== rowData.name);\n      setIsDirty(true); // Ensure dirty state is updated immediately\n      return updatedData;\n    });\n  };\n\n  // Template for the trash (delete) icon column\n  const deleteTemplate = (rowData: any) => {\n    return (\n      <>\n        {(pathname.includes('create') || (rowData.isSystem !== true && rowData.isMarkedForRemoval !== true)) &&\n          <SolidButton\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"solid-icon-button\"\n            style={{ color: \"var(--solid-danger, #ef4444)\" }}\n            aria-label=\"Delete field\"\n            leftIcon={<Trash2 size={14} />}\n            onClick={() => { setRowToDelete(rowData); setDeleteAlertPopup(true) }}\n          />\n\n        }\n      </>\n    )\n  };\n\n  const showToaster = async (message: any, severity: any) => {\n    const errorMessages = Object.values(message);\n    if (errorMessages.length > 0) {\n      dispatch(showToast({ severity, summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.map(String).join(', '), life: 3000 }));\n    }\n  };\n\n\n  // const rowClass = (data: any) => {\n  //   return {\n  //     'bg-red-row': data.isMarkedForRemoval === true\n  //   };\n  // };\n\n\n  const needsModelSetup = !modelMetaData.moduleId || !modelMetaData.dataSource;\n\n  return (\n    <>\n\n      {needsModelSetup ?\n        <div className=\"solid-placeholder-card-wrapper\">\n          <div className=\"solid-placeholder-card\">\n            <div className=\"solid-placeholder-card-icon\">\n              <Info size={18} />\n            </div>\n            <div className=\"solid-placeholder-card-body\">\n              <p className=\"solid-placeholder-card-title\">Model setup incomplete</p>\n              <p className=\"solid-placeholder-card-text\">Please select Module and Datasource from the models tab before managing fields.</p>\n            </div>\n          </div>\n        </div>\n        :\n        <>\n          <div className=\"absolute\" style={{ top: -3, right: 0 }}>\n            {/* <h3>All Fields</h3> */}\n            {modelMetaData.isSystem !== true &&\n              <SolidButton\n                size=\"sm\"\n                leftIcon={<Plus size={14} />}\n                onClick={() => {\n                  if (!modelMetaData?.dataSourceType) {\n                    dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.ORM_TYPE_REQUIRED }));\n                  } else {\n                    setSelectedFieldMetaData(null);\n                    setVisiblePopup(true)\n                  }\n                }}\n              >\n                Add\n              </SolidButton>\n            }\n          </div>\n          <div className=\"solid-datatable-wrapper solid-list-table-area flex-1 min-h-0 overflow-hidden\">\n            <DataTable\n              value={fieldMetaData}\n              dataKey=\"id\"\n              size=\"small\"\n              emptyMessage=\"No fields configured\"\n              rowClassName={(rowData) => rowData.isMarkedForRemoval === true ? \"greyed-out-row\" : \"\"}\n            >\n              <Column field=\"displayName\" header=\"Display Name\" body={bodyTemplate}></Column>\n              <Column field=\"name\" header=\"Name\"></Column>\n              <Column field=\"type\" header=\"Type\"></Column>\n\n              {modelMetaData.isSystem !== true &&\n                <Column body={editTemplate} header=\"Edit\" style={{ width: '80px' }} />\n              }\n              {modelMetaData.isSystem !== true &&\n                <Column body={deleteTemplate} header=\"Delete\" style={{ width: '90px' }} />\n              }\n            </DataTable>\n          </div>\n          <SolidDialog\n            open={visiblePopup}\n            onOpenChange={(open) => {\n              if (!open) {\n                setVisiblePopup(false);\n              }\n            }}\n            className=\"solid-dialog solid-field-dialog\"\n            style={{ width: \"30vw\" }}\n            showHeader={false}\n          >\n            <SolidDialogBody className=\"solid-dialog-body-flush\">\n              <FieldMetaDataForm setIsDirty={setIsDirty} modelMetaData={modelMetaData} fieldMetaData={selectedFieldMetaData} allFields={fieldMetaData} setFieldMetaData={setFieldMetaData} deleteModelFunction={deleteModelFunction} setVisiblePopup={setVisiblePopup} formikFieldsMetadataRef={formikFieldsMetadataRef} params={params} setIsRequiredPopUp={setIsRequiredPopUp} showToaster={showToaster}></FieldMetaDataForm>\n            </SolidDialogBody>\n          </SolidDialog>\n          <SolidDialog\n            open={isRequiredPopUp}\n            onOpenChange={(open) => {\n              if (!open) {\n                setIsRequiredPopUp(false);\n              }\n            }}\n            className=\"solid-dialog solid-confirm-dialog\"\n            style={{ width: \"20vw\" }}\n            header={\n              <div className=\"flex align-items-center gap-2\">\n                <AlertTriangle size={18} className=\"text-yellow-500\" />\n                <span>Warning</span>\n              </div>\n            }\n          >\n            <SolidDialogBody>\n              <p className=\"mb-0\">If there is data against this model this operation might not work and manual intervention will be required.</p>\n            </SolidDialogBody>\n            <SolidDialogFooter className=\"justify-content-start\">\n              <SolidButton size=\"sm\" onClick={() => setIsRequiredPopUp(false)}>\n                Ok\n              </SolidButton>\n            </SolidDialogFooter>\n          </SolidDialog>\n          <SolidDialog\n            open={deleteAlertPopup}\n            onOpenChange={(open) => {\n              if (!open) {\n                setDeleteAlertPopup(false);\n                setRowToDelete(null);\n              }\n            }}\n            className=\"solid-dialog solid-confirm-dialog\"\n            style={{ width: \"20vw\" }}\n            header={\n              <div className=\"flex align-items-center justify-content-center gap-2\">\n                <AlertTriangle size={18} className=\"text-yellow-500\" />\n                <span>Warning</span>\n              </div>\n            }\n          >\n            <SolidDialogBody>\n              <p className=\"mb-0 text-center\">Are you sure you want to delete this field?</p>\n            </SolidDialogBody>\n            <SolidDialogFooter className=\"flex justify-content-center gap-2\">\n              <SolidButton\n                size=\"sm\"\n                onClick={() => {\n                  if (rowToDelete) {\n                    deleteRow(rowToDelete);\n                  }\n                  setDeleteAlertPopup(false);\n                  setRowToDelete(null);\n                }}\n              >\n                Ok\n              </SolidButton>\n              <SolidButton\n                size=\"sm\"\n                variant=\"outline\"\n                onClick={() => {\n                  setDeleteAlertPopup(false);\n                  setRowToDelete(null);\n                }}\n              >\n                Cancel\n              </SolidButton>\n            </SolidDialogFooter>\n          </SolidDialog>\n\n        </>\n      }\n    </>\n\n\n\n  );\n};\nexport default FieldMetaData;\n"]}

package/dist/components/core/model/FieldMetaData.tsx

@@ -1,33 +1,21 @@
 import { usePathname } from "../../../hooks/usePathname";
-import { Button } from "primereact/button";
-import { Column } from "primereact/column";
-import { DataTable } from "primereact/datatable";
-import { Dialog } from "primereact/dialog";
-import { useMountEffect } from "primereact/hooks";
-import { Messages } from "primereact/messages";
-import { useRef, useState } from "react";
+import { SolidDataTable as DataTable, Column } from "../list/SolidDataTable";
+import { useState } from "react";
 import { useDispatch } from "react-redux";
 import { showToast } from "../../../redux/features/toastSlice";
 import FieldMetaDataForm from "./FieldMetaDataForm";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import { AlertTriangle, Info, Pencil, Plus, Trash2 } from "lucide-react";
+import {
+  SolidButton,
+  SolidDialog,
+  SolidDialogBody,
+  SolidDialogFooter,
+} from "../../shad-cn-ui";
 
 
 const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params }: any) => {
   const pathname = usePathname();
-  const msgs = useRef<Messages>(null);
-
-  useMountEffect(() => {
-    if (msgs.current) {
-      msgs.current.clear();
-      msgs.current.show({
-        id: '1',
-        sticky: true,
-        severity: 'info',
-        detail: `Please select Module and Datasource from the models Tab.`,
-        closable: false,
-      });
-    }
-  });
   const dispatch = useDispatch();
   const [visiblePopup, setVisiblePopup] = useState(false);
   const [isRequiredPopUp, setIsRequiredPopUp] = useState(false);
@@ -46,14 +34,16 @@ const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaD
       <>
 
         {rowData.isSystem !== true && rowData.isMarkedForRemoval !== true &&
-          <Button
-            icon="pi pi-pencil"
-            text
+          <SolidButton
+            variant="ghost"
+            size="sm"
+            className="solid-icon-button"
+            aria-label="Edit field"
+            leftIcon={<Pencil size={14} />}
             onClick={() => {
               setSelectedFieldMetaData(rowData);
               setVisiblePopup(true);
             }}
-            size="small"
           />
         }
       </>
@@ -94,7 +84,15 @@ const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaD
     return (
       <>
         {(pathname.includes('create') || (rowData.isSystem !== true && rowData.isMarkedForRemoval !== true)) &&
-          <Button icon="pi pi-trash" text severity="danger" onClick={() => { setRowToDelete(rowData); setDeleteAlertPopup(true) }} size="small" />
+          <SolidButton
+            variant="ghost"
+            size="sm"
+            className="solid-icon-button"
+            style={{ color: "var(--solid-danger, #ef4444)" }}
+            aria-label="Delete field"
+            leftIcon={<Trash2 size={14} />}
+            onClick={() => { setRowToDelete(rowData); setDeleteAlertPopup(true) }}
+          />
 
         }
       </>
@@ -116,21 +114,31 @@ const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaD
   // };
 
 
+  const needsModelSetup = !modelMetaData.moduleId || !modelMetaData.dataSource;
+
   return (
     <>
 
-      {!modelMetaData.moduleId || !modelMetaData.dataSource ?
-        <div className="card flex justify-content-center">
-          <Messages ref={msgs} />
+      {needsModelSetup ?
+        <div className="solid-placeholder-card-wrapper">
+          <div className="solid-placeholder-card">
+            <div className="solid-placeholder-card-icon">
+              <Info size={18} />
+            </div>
+            <div className="solid-placeholder-card-body">
+              <p className="solid-placeholder-card-title">Model setup incomplete</p>
+              <p className="solid-placeholder-card-text">Please select Module and Datasource from the models tab before managing fields.</p>
+            </div>
+          </div>
         </div>
         :
         <>
           <div className="absolute" style={{ top: -3, right: 0 }}>
             {/* <h3>All Fields</h3> */}
             {modelMetaData.isSystem !== true &&
-              <Button
-                label="Add"
-                // icon="pi pi-external-link"
+              <SolidButton
+                size="sm"
+                leftIcon={<Plus size={14} />}
                 onClick={() => {
                   if (!modelMetaData?.dataSourceType) {
                     dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.ORM_TYPE_REQUIRED }));
@@ -138,77 +146,95 @@ const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaD
                     setSelectedFieldMetaData(null);
                     setVisiblePopup(true)
                   }
-                }} size="small"
-              />
+                }}
+              >
+                Add
+              </SolidButton>
             }
           </div>
-          <DataTable value={fieldMetaData} dataKey="id" tableStyle={{ minWidth: '50rem' }} size="small">
-            <Column field="displayName" header="Display Name" body={bodyTemplate} headerClassName="table-header-fs"></Column>
-            <Column field="name" header="Name" headerClassName="table-header-fs"></Column>
-            <Column field="type" header="Type" headerClassName="table-header-fs"></Column>
-
-            {modelMetaData.isSystem !== true &&
-              <Column body={editTemplate} header="Edit" headerClassName="table-header-fs" style={{ width: '10%' }} />
-            }
-            {modelMetaData.isSystem !== true &&
-              <Column body={deleteTemplate} header="Delete" headerClassName="table-header-fs" style={{ width: '10%' }} />
-            }
-          </DataTable>
-          <Dialog
-            header=""
-            visible={visiblePopup}
-            style={{ width: "40vw" }}
-            className="solid-dialog solid-field-dialog"
-            onHide={() => {
-              if (!visiblePopup) return;
+          <div className="solid-datatable-wrapper solid-list-table-area flex-1 min-h-0 overflow-hidden">
+            <DataTable
+              value={fieldMetaData}
+              dataKey="id"
+              size="small"
+              emptyMessage="No fields configured"
+              rowClassName={(rowData) => rowData.isMarkedForRemoval === true ? "greyed-out-row" : ""}
+            >
+              <Column field="displayName" header="Display Name" body={bodyTemplate}></Column>
+              <Column field="name" header="Name"></Column>
+              <Column field="type" header="Type"></Column>
 
-              setVisiblePopup(false);
+              {modelMetaData.isSystem !== true &&
+                <Column body={editTemplate} header="Edit" style={{ width: '80px' }} />
+              }
+              {modelMetaData.isSystem !== true &&
+                <Column body={deleteTemplate} header="Delete" style={{ width: '90px' }} />
+              }
+            </DataTable>
+          </div>
+          <SolidDialog
+            open={visiblePopup}
+            onOpenChange={(open) => {
+              if (!open) {
+                setVisiblePopup(false);
+              }
             }}
+            className="solid-dialog solid-field-dialog"
+            style={{ width: "30vw" }}
             showHeader={false}
           >
-            <FieldMetaDataForm setIsDirty={setIsDirty} modelMetaData={modelMetaData} fieldMetaData={selectedFieldMetaData} allFields={fieldMetaData} setFieldMetaData={setFieldMetaData} deleteModelFunction={deleteModelFunction} setVisiblePopup={setVisiblePopup} formikFieldsMetadataRef={formikFieldsMetadataRef} params={params} setIsRequiredPopUp={setIsRequiredPopUp} showToaster={showToaster}></FieldMetaDataForm>
-          </Dialog>
-          <Dialog
-            visible={isRequiredPopUp}
-            header={(
-              <div className="flex align-items-center">
-                <i className="pi pi-exclamation-triangle text-yellow-500 text-xl mr-2"></i>
-                <span>Warning</span>
-              </div>
-            )}
-            headerClassName="text-center warning-header-popup"
-            modal
-            style={{ width: '20vw' }}
-            onHide={() => setIsRequiredPopUp(false)}
+            <SolidDialogBody className="solid-dialog-body-flush">
+              <FieldMetaDataForm setIsDirty={setIsDirty} modelMetaData={modelMetaData} fieldMetaData={selectedFieldMetaData} allFields={fieldMetaData} setFieldMetaData={setFieldMetaData} deleteModelFunction={deleteModelFunction} setVisiblePopup={setVisiblePopup} formikFieldsMetadataRef={formikFieldsMetadataRef} params={params} setIsRequiredPopUp={setIsRequiredPopUp} showToaster={showToaster}></FieldMetaDataForm>
+            </SolidDialogBody>
+          </SolidDialog>
+          <SolidDialog
+            open={isRequiredPopUp}
+            onOpenChange={(open) => {
+              if (!open) {
+                setIsRequiredPopUp(false);
+              }
+            }}
             className="solid-dialog solid-confirm-dialog"
-          >
-            <p className="p-3 mb-0">If there is data against this model this operation might not work and manual intervention will be required</p>
-            <div className="flex justify-content-start p-3">
-              <Button label="Ok" className='small-button' onClick={() => setIsRequiredPopUp(false)} />
-            </div>
-          </Dialog>
-          <Dialog
-            visible={deleteAlertPopup}
-            header={(
-              <div className="flex align-items-center justify-content-center">
-                <i className="pi pi-exclamation-triangle text-yellow-500 text-xl mr-2"></i>
+            style={{ width: "20vw" }}
+            header={
+              <div className="flex align-items-center gap-2">
+                <AlertTriangle size={18} className="text-yellow-500" />
                 <span>Warning</span>
               </div>
-            )}
-            headerClassName="text-center warning-header-popup"
-            modal
-            style={{ width: '20vw' }}
-            onHide={() => {
-              setDeleteAlertPopup(false);
-              setRowToDelete(null);
+            }
+          >
+            <SolidDialogBody>
+              <p className="mb-0">If there is data against this model this operation might not work and manual intervention will be required.</p>
+            </SolidDialogBody>
+            <SolidDialogFooter className="justify-content-start">
+              <SolidButton size="sm" onClick={() => setIsRequiredPopUp(false)}>
+                Ok
+              </SolidButton>
+            </SolidDialogFooter>
+          </SolidDialog>
+          <SolidDialog
+            open={deleteAlertPopup}
+            onOpenChange={(open) => {
+              if (!open) {
+                setDeleteAlertPopup(false);
+                setRowToDelete(null);
+              }
             }}
             className="solid-dialog solid-confirm-dialog"
+            style={{ width: "20vw" }}
+            header={
+              <div className="flex align-items-center justify-content-center gap-2">
+                <AlertTriangle size={18} className="text-yellow-500" />
+                <span>Warning</span>
+              </div>
+            }
           >
-            <p className="p-3 mb-0 text-center">Are you sure you want to delete this field?</p>
-            <div className="flex justify-content-start p-3 align-items-center justify-content-center gap-3">
-              <Button
-                label="Ok"
-                className='small-button'
+            <SolidDialogBody>
+              <p className="mb-0 text-center">Are you sure you want to delete this field?</p>
+            </SolidDialogBody>
+            <SolidDialogFooter className="flex justify-content-center gap-2">
+              <SolidButton
+                size="sm"
                 onClick={() => {
                   if (rowToDelete) {
                     deleteRow(rowToDelete);
@@ -216,19 +242,21 @@ const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaD
                   setDeleteAlertPopup(false);
                   setRowToDelete(null);
                 }}
-              />
-              <Button
-                label="Cancel"
-                className='small-button'
-                outlined
-                severity="danger"
+              >
+                Ok
+              </SolidButton>
+              <SolidButton
+                size="sm"
+                variant="outline"
                 onClick={() => {
                   setDeleteAlertPopup(false);
                   setRowToDelete(null);
                 }}
-              />
-            </div>
-          </Dialog>
+              >
+                Cancel
+              </SolidButton>
+            </SolidDialogFooter>
+          </SolidDialog>
 
         </>
       }

package/dist/components/core/model/FieldMetaDataForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldMetaDataForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/FieldMetaDataForm.tsx"],"names":[],"mappings":"AAovBA,QAAA,MAAM,iBAAiB,6JAA8J,GAAG,4CAyuFvL,CAAC;AAGF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FieldMetaDataForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/FieldMetaDataForm.tsx"],"names":[],"mappings":"AAs2BA,QAAA,MAAM,iBAAiB,6JAA8J,GAAG,4CAizFvL,CAAC;AAGF,eAAe,iBAAiB,CAAC"}