@solidxai/core-ui 0.1.5-beta.9 → 0.1.7-beta.0

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 { Toast } from \"primereact/toast\";\nimport { useRef, useState } from \"react\";\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 toast = useRef<Toast>(null);\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      toast?.current?.show({\n        severity: severity,\n        summary: ERROR_MESSAGES.SEND_REPORT,\n        life: 3000,\n        //@ts-ignore\n        content: (props) => (\n          <div\n            className=\"flex flex-column align-items-left\"\n            style={{ flex: \"1\" }}\n          >\n            {errorMessages.map((m, index) => (\n              <div className=\"flex align-items-center gap-2\" key={index}>\n                <span className=\"font-bold text-900\">{String(m)}</span>\n              </div>\n            ))}\n          </div>\n        ),\n      });\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                    toast.current?.show({\n                      severity: 'error',\n                      summary: ERROR_MESSAGES.ERROR,\n                      detail: ERROR_MESSAGES.ORM_TYPE_REQUIRED,\n                      sticky: true,\n                    });\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 { 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"]}

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

@@ -5,8 +5,9 @@ import { DataTable } from "primereact/datatable";
 import { Dialog } from "primereact/dialog";
 import { useMountEffect } from "primereact/hooks";
 import { Messages } from "primereact/messages";
-import { Toast } from "primereact/toast";
 import { useRef, 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";
 
@@ -27,7 +28,7 @@ const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaD
       });
     }
   });
-  const toast = useRef<Toast>(null);
+  const dispatch = useDispatch();
   const [visiblePopup, setVisiblePopup] = useState(false);
   const [isRequiredPopUp, setIsRequiredPopUp] = useState(false);
   const [currentPopup, setCurrentPopup] = useState();
@@ -103,24 +104,7 @@ const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaD
   const showToaster = async (message: any, severity: any) => {
     const errorMessages = Object.values(message);
     if (errorMessages.length > 0) {
-      toast?.current?.show({
-        severity: severity,
-        summary: ERROR_MESSAGES.SEND_REPORT,
-        life: 3000,
-        //@ts-ignore
-        content: (props) => (
-          <div
-            className="flex flex-column align-items-left"
-            style={{ flex: "1" }}
-          >
-            {errorMessages.map((m, index) => (
-              <div className="flex align-items-center gap-2" key={index}>
-                <span className="font-bold text-900">{String(m)}</span>
-              </div>
-            ))}
-          </div>
-        ),
-      });
+      dispatch(showToast({ severity, summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.map(String).join(', '), life: 3000 }));
     }
   };
 
@@ -149,12 +133,7 @@ const FieldMetaData = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaD
                 // icon="pi pi-external-link"
                 onClick={() => {
                   if (!modelMetaData?.dataSourceType) {
-                    toast.current?.show({
-                      severity: 'error',
-                      summary: ERROR_MESSAGES.ERROR,
-                      detail: ERROR_MESSAGES.ORM_TYPE_REQUIRED,
-                      sticky: true,
-                    });
+                    dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.ORM_TYPE_REQUIRED }));
                   } else {
                     setSelectedFieldMetaData(null);
                     setVisiblePopup(true)

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

@@ -1 +1 @@
-{"version":3,"file":"ModelMetaData.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/ModelMetaData.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,QAAA,MAAM,aAAa,kFA25BjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ModelMetaData.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/ModelMetaData.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,QAAA,MAAM,aAAa,kFAw4BjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/components/core/model/ModelMetaData.js

@@ -70,17 +70,18 @@ import { InputText } from "primereact/inputtext";
 import { InputTextarea } from "primereact/inputtextarea";
 import { Message } from "primereact/message";
 import { Panel } from "primereact/panel";
-import { Toast } from "primereact/toast";
 import { classNames } from "primereact/utils";
 import qs from "qs";
 import React, { useEffect, useRef, useState } from "react";
+import { useDispatch } from "react-redux";
+import { showToast } from "../../../redux/features/toastSlice";
 import * as Yup from "yup";
 var ModelMetaData = React.forwardRef(function (_a, ref) {
     // const ModelMetaData = ({ modelMetaData, setModelMetaData, deleteModelFunction, nextTab, formikModelMetadataRef }: any) => {   
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     var modelMetaData = _a.modelMetaData, setModelMetaData = _a.setModelMetaData, allModelsNames = _a.allModelsNames, deleteModelFunction = _a.deleteModelFunction, nextTab = _a.nextTab, formikModelMetadataRef = _a.formikModelMetadataRef, params = _a.params, formErrors = _a.formErrors, setIsDirty = _a.setIsDirty;
     var router = useRouter();
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     var pathname = usePathname();
     var _1 = useLazyGetmodulesQuery(), triggerGetModules = _1[0], _2 = _1[1], moduleData = _2.data, isModuleFetching = _2.isFetching, moduleError = _2.error;
     var _3 = useLazyGetModelsQuery(), triggerGetModels = _3[0], _4 = _3[1], modelData = _4.data, isModelFetching = _4.isFetching, modelError = _4.error;
@@ -220,22 +221,14 @@ var ModelMetaData = React.forwardRef(function (_a, ref) {
     }
     var showError = function () { return __awaiter(void 0, void 0, void 0, function () {
         var errors, errorMessages;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0: return [4 /*yield*/, formik.validateForm()];
                 case 1:
-                    errors = _b.sent();
+                    errors = _a.sent();
                     errorMessages = Object.values(errors);
                     if (errorMessages.length > 0) {
-                        (_a = toast === null || toast === void 0 ? void 0 : toast.current) === null || _a === void 0 ? void 0 : _a.show({
-                            severity: "error",
-                            summary: ERROR_MESSAGES.SEND_REPORT,
-                            // sticky: true,
-                            life: 3000,
-                            //@ts-ignore
-                            content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
-                        });
+                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.map(String).join(', '), life: 3000 }));
                     }
                     return [2 /*return*/];
             }
@@ -379,48 +372,48 @@ var ModelMetaData = React.forwardRef(function (_a, ref) {
             setIsDirty(true);
         }
     }, [formik.dirty]);
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsx("form", { onSubmit: formik.handleSubmit, children: _jsx("div", { className: "", children: _jsxs("div", { className: "grid formgrid", children: [_jsxs("div", { className: "field col-12 lg:col-6 lg:pr-3", children: [_jsxs(Panel, { header: "Basic Info", className: "solid-column-panel", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "type", className: "form-field-label", children: "Module" }), _jsx(SingleSelectAutoCompleteField, { disabled: params.id !== 'new', formik: formik, isFormFieldValid: isFormFieldValid, relationField: true, fieldName: "module", fieldNameId: "moduleId", labelKey: "displayName", valueKey: "id", searchData: searchModule, existingData: formik.values.module, formErrors: formErrors, additionalAction: function (e) { return setSelectedModule(e.value); } }, "module"), (isFormFieldValid(formik, "module") || (formErrors["module"])) && (_jsx(Message, { severity: "error", text: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.moduleId) === null || _e === void 0 ? void 0 : _e.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3 lg:mt-4", children: [_jsx("label", { htmlFor: "dataSource", className: "form-field-label", children: "Data Source" }), _jsx(SingleSelectAutoCompleteField, { disabled: params.id !== 'new', formik: formik, isFormFieldValid: isFormFieldValid, 
-                                                        // relationField={false}
-                                                        fieldName: "dataSource", fieldNameId: null, labelKey: "label", valueKey: "value", searchData: serachDataSource, existingData: formik.values.dataSource, additionalAction: function (e) { return formik.setFieldValue("dataSourceType", e.target.value.type); }, formErrors: formErrors }, "dataSource"), formik.values.dataSourceType && _jsxs("p", { className: "form-field-label text-sm", children: ["Your datasource will connect to a ", formik.values.dataSourceType, " database"] }), (isFormFieldValid(formik, "dataSource") || (formErrors["dataSource"])) && (_jsx(Message, { severity: "error", text: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.dataSource) === null || _g === void 0 ? void 0 : _g.toString() }))] })] }), _jsxs(Panel, { header: "Configurations", className: "solid-column-panel mt-3 mb-3 lg:mt-5", children: [_jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "enableSoftDelete", onChange: function (e) {
-                                                            formik.setFieldValue("enableSoftDelete", e.checked);
-                                                        }, disabled: params.id !== 'new', checked: formik.values.enableSoftDelete }), _jsx("label", { htmlFor: "enableSoftDelete", className: "form-field-label", children: "Enable Soft Delete" })] }), params.id !== 'new' && _jsx("p", { className: "form-field-label mt-1 text-sm", children: "Soft-delete can only be set during initial creation to maintain data integrity" }), (isFormFieldValid(formik, "enableSoftDelete") || (formErrors["enableSoftDelete"])) && (_jsx(Message, { severity: "error", text: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.enableSoftDelete) === null || _j === void 0 ? void 0 : _j.toString(), className: "mt-2" })), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "isChild", onChange: function (e) {
-                                                            formik.setFieldValue("isChild", e.checked);
-                                                        }, disabled: params.id !== 'new', checked: formik.values.isChild }), _jsx("label", { htmlFor: "isChild", className: "form-field-label", children: "Is Child" })] }), params.id !== 'new' && _jsx("p", { className: "form-field-label mt-1 text-sm", children: "Is Current Model child of another Model" }), (isFormFieldValid(formik, "isChild") || (formErrors["isChild"])) && (_jsx(Message, { severity: "error", text: (_l = (_k = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _k === void 0 ? void 0 : _k.isChild) === null || _l === void 0 ? void 0 : _l.toString(), className: "mt-2" })), showParentModel &&
-                                                _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "type", className: "form-field-label", children: "Parent Model" }), _jsx(SingleSelectAutoCompleteField, { disabled: params.id !== 'new', formik: formik, isFormFieldValid: isFormFieldValid, relationField: true, fieldName: "parentModel", fieldNameId: "parentModelId", labelKey: "displayName", valueKey: "id", searchData: searchModel, existingData: formik.values.parentModel, formErrors: formErrors }, "parentModel"), (isFormFieldValid(formik, "parentModel") || (formErrors["parentModel"])) && (_jsx(Message, { severity: "error", text: (_o = (_m = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _m === void 0 ? void 0 : _m.parentModelId) === null || _o === void 0 ? void 0 : _o.toString() }))] }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "enableAuditTracking", onChange: function (e) {
-                                                            formik.setFieldValue("enableAuditTracking", e.checked);
-                                                        }, checked: formik.values.enableAuditTracking }), _jsx("label", { htmlFor: "enableAuditTracking", className: "form-field-label", children: "Enable Audit Tracking" })] }), (isFormFieldValid(formik, "enableAuditTracking") || (formErrors["enableAuditTracking"])) && (_jsx(Message, { severity: "error", text: (_q = (_p = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _p === void 0 ? void 0 : _p.enableAuditTracking) === null || _q === void 0 ? void 0 : _q.toString(), className: "mt-2" })), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "internationalisation", onChange: function (e) {
-                                                            formik.setFieldValue("internationalisation", e.checked);
-                                                        }, checked: formik.values.internationalisation }), _jsx("label", { htmlFor: "internationalisation", className: "form-field-label", children: "Is Internationalisation Enabled" })] }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "draftPublishWorkflow", onChange: function (e) {
-                                                            formik.setFieldValue("draftPublishWorkflow", e.checked);
-                                                        }, checked: formik.values.draftPublishWorkflow }), _jsx("label", { htmlFor: "draftPublishWorkflow", className: "form-field-label", children: "Draft/Publish Workflow" })] }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "isLegacyTable", onChange: function (e) {
-                                                            formik.setFieldValue("isLegacyTable", e.checked);
-                                                            // Reset isLegacyTableWithId when isLegacyTable is unchecked
-                                                            if (!e.checked) {
-                                                                formik.setFieldValue("isLegacyTableWithId", false);
-                                                            }
-                                                        }, checked: formik.values.isLegacyTable }), _jsx("label", { htmlFor: "isLegacyTable", className: "form-field-label", children: "Is Legacy Table" })] }), formik.values.isLegacyTable && (_jsxs("div", { className: "flex align-items-center gap-2 mt-2 ml-4", children: [_jsx(Checkbox, { name: "isLegacyTableWithId", onChange: function (e) {
-                                                            formik.setFieldValue("isLegacyTableWithId", e.checked);
-                                                        }, checked: formik.values.isLegacyTableWithId }), _jsx("label", { htmlFor: "isLegacyTableWithId", className: "form-field-label", children: "Has existing Id" })] })), formik.values.isLegacyTable && (_jsx("p", { className: "form-field-label mt-2 text-sm", children: "Note: Legacy tables require at least one field marked as Primary Key during model creation" }))] })] }), _jsx("div", { className: "field col-12 lg:col-6 lg:pl-3", children: _jsxs(Panel, { header: "Basic Settings", className: "solid-column-panel", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Display Name" }), _jsx(InputText, { type: "text", id: "displayName", name: "displayName", onChange: function (e) {
-                                                        formik.handleChange(e);
-                                                        var _a = getSingularAndPlural(e.target.value), toCamelCase = _a.toCamelCase, toSnakeCase = _a.toSnakeCase, toPluralCamelCase = _a.toPluralCamelCase;
-                                                        if (params.id === 'new') {
-                                                            formik.setFieldValue("singularName", toCamelCase);
-                                                            formik.setFieldValue("pluralName", toPluralCamelCase);
-                                                        }
-                                                        if (params.id === 'new') {
-                                                            formik.setFieldValue("tableName", toSnakeCase);
+    return (_jsx(_Fragment, { children: _jsx("form", { onSubmit: formik.handleSubmit, children: _jsx("div", { className: "", children: _jsxs("div", { className: "grid formgrid", children: [_jsxs("div", { className: "field col-12 lg:col-6 lg:pr-3", children: [_jsxs(Panel, { header: "Basic Info", className: "solid-column-panel", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "type", className: "form-field-label", children: "Module" }), _jsx(SingleSelectAutoCompleteField, { disabled: params.id !== 'new', formik: formik, isFormFieldValid: isFormFieldValid, relationField: true, fieldName: "module", fieldNameId: "moduleId", labelKey: "displayName", valueKey: "id", searchData: searchModule, existingData: formik.values.module, formErrors: formErrors, additionalAction: function (e) { return setSelectedModule(e.value); } }, "module"), (isFormFieldValid(formik, "module") || (formErrors["module"])) && (_jsx(Message, { severity: "error", text: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.moduleId) === null || _e === void 0 ? void 0 : _e.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3 lg:mt-4", children: [_jsx("label", { htmlFor: "dataSource", className: "form-field-label", children: "Data Source" }), _jsx(SingleSelectAutoCompleteField, { disabled: params.id !== 'new', formik: formik, isFormFieldValid: isFormFieldValid, 
+                                                    // relationField={false}
+                                                    fieldName: "dataSource", fieldNameId: null, labelKey: "label", valueKey: "value", searchData: serachDataSource, existingData: formik.values.dataSource, additionalAction: function (e) { return formik.setFieldValue("dataSourceType", e.target.value.type); }, formErrors: formErrors }, "dataSource"), formik.values.dataSourceType && _jsxs("p", { className: "form-field-label text-sm", children: ["Your datasource will connect to a ", formik.values.dataSourceType, " database"] }), (isFormFieldValid(formik, "dataSource") || (formErrors["dataSource"])) && (_jsx(Message, { severity: "error", text: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.dataSource) === null || _g === void 0 ? void 0 : _g.toString() }))] })] }), _jsxs(Panel, { header: "Configurations", className: "solid-column-panel mt-3 mb-3 lg:mt-5", children: [_jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "enableSoftDelete", onChange: function (e) {
+                                                        formik.setFieldValue("enableSoftDelete", e.checked);
+                                                    }, disabled: params.id !== 'new', checked: formik.values.enableSoftDelete }), _jsx("label", { htmlFor: "enableSoftDelete", className: "form-field-label", children: "Enable Soft Delete" })] }), params.id !== 'new' && _jsx("p", { className: "form-field-label mt-1 text-sm", children: "Soft-delete can only be set during initial creation to maintain data integrity" }), (isFormFieldValid(formik, "enableSoftDelete") || (formErrors["enableSoftDelete"])) && (_jsx(Message, { severity: "error", text: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.enableSoftDelete) === null || _j === void 0 ? void 0 : _j.toString(), className: "mt-2" })), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "isChild", onChange: function (e) {
+                                                        formik.setFieldValue("isChild", e.checked);
+                                                    }, disabled: params.id !== 'new', checked: formik.values.isChild }), _jsx("label", { htmlFor: "isChild", className: "form-field-label", children: "Is Child" })] }), params.id !== 'new' && _jsx("p", { className: "form-field-label mt-1 text-sm", children: "Is Current Model child of another Model" }), (isFormFieldValid(formik, "isChild") || (formErrors["isChild"])) && (_jsx(Message, { severity: "error", text: (_l = (_k = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _k === void 0 ? void 0 : _k.isChild) === null || _l === void 0 ? void 0 : _l.toString(), className: "mt-2" })), showParentModel &&
+                                            _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "type", className: "form-field-label", children: "Parent Model" }), _jsx(SingleSelectAutoCompleteField, { disabled: params.id !== 'new', formik: formik, isFormFieldValid: isFormFieldValid, relationField: true, fieldName: "parentModel", fieldNameId: "parentModelId", labelKey: "displayName", valueKey: "id", searchData: searchModel, existingData: formik.values.parentModel, formErrors: formErrors }, "parentModel"), (isFormFieldValid(formik, "parentModel") || (formErrors["parentModel"])) && (_jsx(Message, { severity: "error", text: (_o = (_m = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _m === void 0 ? void 0 : _m.parentModelId) === null || _o === void 0 ? void 0 : _o.toString() }))] }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "enableAuditTracking", onChange: function (e) {
+                                                        formik.setFieldValue("enableAuditTracking", e.checked);
+                                                    }, checked: formik.values.enableAuditTracking }), _jsx("label", { htmlFor: "enableAuditTracking", className: "form-field-label", children: "Enable Audit Tracking" })] }), (isFormFieldValid(formik, "enableAuditTracking") || (formErrors["enableAuditTracking"])) && (_jsx(Message, { severity: "error", text: (_q = (_p = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _p === void 0 ? void 0 : _p.enableAuditTracking) === null || _q === void 0 ? void 0 : _q.toString(), className: "mt-2" })), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "internationalisation", onChange: function (e) {
+                                                        formik.setFieldValue("internationalisation", e.checked);
+                                                    }, checked: formik.values.internationalisation }), _jsx("label", { htmlFor: "internationalisation", className: "form-field-label", children: "Is Internationalisation Enabled" })] }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "draftPublishWorkflow", onChange: function (e) {
+                                                        formik.setFieldValue("draftPublishWorkflow", e.checked);
+                                                    }, checked: formik.values.draftPublishWorkflow }), _jsx("label", { htmlFor: "draftPublishWorkflow", className: "form-field-label", children: "Draft/Publish Workflow" })] }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Checkbox, { name: "isLegacyTable", onChange: function (e) {
+                                                        formik.setFieldValue("isLegacyTable", e.checked);
+                                                        // Reset isLegacyTableWithId when isLegacyTable is unchecked
+                                                        if (!e.checked) {
+                                                            formik.setFieldValue("isLegacyTableWithId", false);
                                                         }
-                                                    }, value: formik.values.displayName, className: classNames("", {
-                                                        "p-invalid": isFormFieldValid(formik, "displayName") || formErrors["displayName"],
-                                                    }) }), (isFormFieldValid(formik, "displayName") || (formErrors["displayName"])) && (_jsx(Message, { severity: "error", text: (_s = (_r = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _r === void 0 ? void 0 : _r.displayName) === null || _s === void 0 ? void 0 : _s.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "singularName", className: "form-field-label", children: "Singular Name" }), _jsx(InputText, { disabled: true, type: "text", id: "singularName", name: "singularName", onChange: formik.handleChange, value: formik.values.singularName, className: classNames("", {
-                                                        "p-invalid": isFormFieldValid(formik, "singularName") || formErrors["singularName"],
-                                                    }) }), (isFormFieldValid(formik, "singularName") || (formErrors["singularName"])) && (_jsx(Message, { severity: "error", text: (_u = (_t = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _t === void 0 ? void 0 : _t.singularName) === null || _u === void 0 ? void 0 : _u.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "pluralName", className: "form-field-label", children: "Plural Name" }), _jsx(InputText, { disabled: true, type: "text", id: "pluralName", name: "pluralName", onChange: formik.handleChange, value: formik.values.pluralName, className: classNames("", {
-                                                        "p-invalid": isFormFieldValid(formik, "pluralName") || formErrors["pluralName"],
-                                                    }) }), (isFormFieldValid(formik, "pluralName") || (formErrors["pluralName"])) && (_jsx(Message, { severity: "error", text: (_w = (_v = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _v === void 0 ? void 0 : _v.pluralName) === null || _w === void 0 ? void 0 : _w.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "tableName", className: "form-field-label", children: "Table Name" }), _jsx(InputText, { disabled: params.id !== 'new', type: "text", id: "tableName", name: "tableName", onChange: formik.handleChange, value: formik.values.tableName, className: classNames("", {
-                                                        "p-invalid": isFormFieldValid(formik, "tableName") || formErrors["tableName"],
-                                                    }) }), (isFormFieldValid(formik, "tableName") || (formErrors["tableName"])) && (_jsx(Message, { severity: "error", text: (_y = (_x = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _x === void 0 ? void 0 : _x.tableName) === null || _y === void 0 ? void 0 : _y.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "description", className: "form-field-label", children: "Description" }), _jsx(InputTextarea, { id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, className: classNames("", {
-                                                        "p-invalid": isFormFieldValid(formik, "description") || formErrors["description"],
-                                                    }), rows: 5, cols: 30 }), (isFormFieldValid(formik, "description") || (formErrors["description"])) && (_jsx(Message, { severity: "error", text: (_0 = (_z = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _z === void 0 ? void 0 : _z.description) === null || _0 === void 0 ? void 0 : _0.toString() }))] })] }) })] }) }) })] }));
+                                                    }, checked: formik.values.isLegacyTable }), _jsx("label", { htmlFor: "isLegacyTable", className: "form-field-label", children: "Is Legacy Table" })] }), formik.values.isLegacyTable && (_jsxs("div", { className: "flex align-items-center gap-2 mt-2 ml-4", children: [_jsx(Checkbox, { name: "isLegacyTableWithId", onChange: function (e) {
+                                                        formik.setFieldValue("isLegacyTableWithId", e.checked);
+                                                    }, checked: formik.values.isLegacyTableWithId }), _jsx("label", { htmlFor: "isLegacyTableWithId", className: "form-field-label", children: "Has existing Id" })] })), formik.values.isLegacyTable && (_jsx("p", { className: "form-field-label mt-2 text-sm", children: "Note: Legacy tables require at least one field marked as Primary Key during model creation" }))] })] }), _jsx("div", { className: "field col-12 lg:col-6 lg:pl-3", children: _jsxs(Panel, { header: "Basic Settings", className: "solid-column-panel", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Display Name" }), _jsx(InputText, { type: "text", id: "displayName", name: "displayName", onChange: function (e) {
+                                                    formik.handleChange(e);
+                                                    var _a = getSingularAndPlural(e.target.value), toCamelCase = _a.toCamelCase, toSnakeCase = _a.toSnakeCase, toPluralCamelCase = _a.toPluralCamelCase;
+                                                    if (params.id === 'new') {
+                                                        formik.setFieldValue("singularName", toCamelCase);
+                                                        formik.setFieldValue("pluralName", toPluralCamelCase);
+                                                    }
+                                                    if (params.id === 'new') {
+                                                        formik.setFieldValue("tableName", toSnakeCase);
+                                                    }
+                                                }, value: formik.values.displayName, className: classNames("", {
+                                                    "p-invalid": isFormFieldValid(formik, "displayName") || formErrors["displayName"],
+                                                }) }), (isFormFieldValid(formik, "displayName") || (formErrors["displayName"])) && (_jsx(Message, { severity: "error", text: (_s = (_r = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _r === void 0 ? void 0 : _r.displayName) === null || _s === void 0 ? void 0 : _s.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "singularName", className: "form-field-label", children: "Singular Name" }), _jsx(InputText, { disabled: true, type: "text", id: "singularName", name: "singularName", onChange: formik.handleChange, value: formik.values.singularName, className: classNames("", {
+                                                    "p-invalid": isFormFieldValid(formik, "singularName") || formErrors["singularName"],
+                                                }) }), (isFormFieldValid(formik, "singularName") || (formErrors["singularName"])) && (_jsx(Message, { severity: "error", text: (_u = (_t = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _t === void 0 ? void 0 : _t.singularName) === null || _u === void 0 ? void 0 : _u.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "pluralName", className: "form-field-label", children: "Plural Name" }), _jsx(InputText, { disabled: true, type: "text", id: "pluralName", name: "pluralName", onChange: formik.handleChange, value: formik.values.pluralName, className: classNames("", {
+                                                    "p-invalid": isFormFieldValid(formik, "pluralName") || formErrors["pluralName"],
+                                                }) }), (isFormFieldValid(formik, "pluralName") || (formErrors["pluralName"])) && (_jsx(Message, { severity: "error", text: (_w = (_v = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _v === void 0 ? void 0 : _v.pluralName) === null || _w === void 0 ? void 0 : _w.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "tableName", className: "form-field-label", children: "Table Name" }), _jsx(InputText, { disabled: params.id !== 'new', type: "text", id: "tableName", name: "tableName", onChange: formik.handleChange, value: formik.values.tableName, className: classNames("", {
+                                                    "p-invalid": isFormFieldValid(formik, "tableName") || formErrors["tableName"],
+                                                }) }), (isFormFieldValid(formik, "tableName") || (formErrors["tableName"])) && (_jsx(Message, { severity: "error", text: (_y = (_x = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _x === void 0 ? void 0 : _x.tableName) === null || _y === void 0 ? void 0 : _y.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "description", className: "form-field-label", children: "Description" }), _jsx(InputTextarea, { id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, className: classNames("", {
+                                                    "p-invalid": isFormFieldValid(formik, "description") || formErrors["description"],
+                                                }), rows: 5, cols: 30 }), (isFormFieldValid(formik, "description") || (formErrors["description"])) && (_jsx(Message, { severity: "error", text: (_0 = (_z = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _z === void 0 ? void 0 : _z.description) === null || _0 === void 0 ? void 0 : _0.toString() }))] })] }) })] }) }) }) }));
 });
 export default ModelMetaData;
 //# sourceMappingURL=ModelMetaData.js.map