@solidxai/core-ui 0.1.14-beta.6 → 0.1.14-beta.9

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 { 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  SolidDialogClose,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n} from \"../../shad-cn-ui\";\n\n\nconst FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params, showSaveButton = false, onSave }: 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<any>(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\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  // Template for the pencil icon column\n  const editTemplate = (rowData: any) => {\n    return (\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\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      if (setFieldDeleted) setFieldDeleted(true);\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\n          <div className=\"flex justify-end gap-2\" style={{ marginBottom: '0.5rem' }}>\n            {showSaveButton && (\n              <SolidButton\n                size=\"sm\"\n                onClick={onSave}\n              >\n                Save\n              </SolidButton>\n            )}\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: \"min(720px, calc(100vw - 2rem))\", minWidth:\"20rem\", maxWidth:\"95vw\" }}\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 solid-field-confirm-dialog\"\n            style={{ width: \"min(420px, calc(100vw - 2rem))\" }}\n          >\n            <SolidDialogHeader className=\"solid-field-confirm-header\">\n              <SolidDialogTitle>\n                <span className=\"flex items-center gap-2\">\n                  <AlertTriangle size={18} className=\"text-yellow-500\" />\n                  <span>Warning</span>\n                </span>\n              </SolidDialogTitle>\n              <SolidDialogClose />\n            </SolidDialogHeader>\n            <SolidDialogBody className=\"solid-field-confirm-dialog-body\">\n              <p className=\"solid-field-confirm-message\">If there is data against this model this operation might not work and manual intervention will be required.</p>\n            </SolidDialogBody>\n            <SolidDialogFooter className=\"solid-field-confirm-actions\">\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-shadcn-confirm-dialog solid-field-delete-flow-dialog\"\n            style={{ width: \"min(560px, calc(100vw - 2rem))\" }}\n          >\n            <SolidDialogHeader className=\"solid-shadcn-dialog-head solid-field-delete-flow-head\">\n              <SolidDialogTitle>\n                <span className=\"flex items-center gap-2\">\n                  <AlertTriangle size={18} className=\"text-yellow-500\" />\n                  <span>Remove Field</span>\n                </span>\n              </SolidDialogTitle>\n              <SolidDialogClose />\n            </SolidDialogHeader>\n            <SolidDialogSeparator className=\"solid-shadcn-dialog-sep\" />\n            <SolidDialogBody className=\"solid-shadcn-dialog-body solid-field-delete-flow-body\">\n              <p className=\"solid-shadcn-dialog-text solid-field-delete-flow-intro\">\n                Removing a field is a 2 step process.\n              </p>\n              <ol className=\"solid-field-delete-flow-list\">\n                <li>\n                  <span className=\"solid-field-delete-flow-index\">1.</span>\n                  <div className=\"solid-field-delete-flow-step\">\n                    <p className=\"solid-field-delete-flow-step-title\">Delete the field and save the model form.</p>\n                    <span className=\"solid-field-delete-flow-step-note\">This marks the field for removal.</span>\n                  </div>\n                </li>\n                <li>\n                  <span className=\"solid-field-delete-flow-index\">2.</span>\n                  <div className=\"solid-field-delete-flow-step\">\n                    <p className=\"solid-field-delete-flow-step-title\">Generate code for this model.</p>\n                    <span className=\"solid-field-delete-flow-step-note\">This removes the field from generated code, metadata tables, and JSON.</span>\n                  </div>\n                </li>\n              </ol>\n            </SolidDialogBody>\n            <SolidDialogFooter className=\"solid-shadcn-dialog-actions solid-field-delete-flow-actions\">\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"]}
+{"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  SolidDialogClose,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n} from \"../../shad-cn-ui\";\n\n\nconst FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params, showSaveButton = false, hideAddButton = false, onSave }: 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<any>(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\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  // Template for the pencil icon column\n  const editTemplate = (rowData: any) => {\n    return (\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\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      if (setFieldDeleted) setFieldDeleted(true);\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\n          <div className=\"flex justify-end gap-2\" style={{ marginBottom: '0.5rem' }}>\n            {showSaveButton && (\n              <SolidButton\n                size=\"sm\"\n                onClick={onSave}\n              >\n                Save\n              </SolidButton>\n            )}\n            {modelMetaData.isSystem !== true && !hideAddButton &&\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: \"min(720px, calc(100vw - 2rem))\", minWidth:\"20rem\", maxWidth:\"95vw\" }}\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 solid-field-confirm-dialog\"\n            style={{ width: \"min(420px, calc(100vw - 2rem))\" }}\n          >\n            <SolidDialogHeader className=\"solid-field-confirm-header\">\n              <SolidDialogTitle>\n                <span className=\"flex items-center gap-2\">\n                  <AlertTriangle size={18} className=\"text-yellow-500\" />\n                  <span>Warning</span>\n                </span>\n              </SolidDialogTitle>\n              <SolidDialogClose />\n            </SolidDialogHeader>\n            <SolidDialogBody className=\"solid-field-confirm-dialog-body\">\n              <p className=\"solid-field-confirm-message\">If there is data against this model this operation might not work and manual intervention will be required.</p>\n            </SolidDialogBody>\n            <SolidDialogFooter className=\"solid-field-confirm-actions\">\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-shadcn-confirm-dialog solid-field-delete-flow-dialog\"\n            style={{ width: \"min(560px, calc(100vw - 2rem))\" }}\n          >\n            <SolidDialogHeader className=\"solid-shadcn-dialog-head solid-field-delete-flow-head\">\n              <SolidDialogTitle>\n                <span className=\"flex items-center gap-2\">\n                  <AlertTriangle size={18} className=\"text-yellow-500\" />\n                  <span>Remove Field</span>\n                </span>\n              </SolidDialogTitle>\n              <SolidDialogClose />\n            </SolidDialogHeader>\n            <SolidDialogSeparator className=\"solid-shadcn-dialog-sep\" />\n            <SolidDialogBody className=\"solid-shadcn-dialog-body solid-field-delete-flow-body\">\n              <p className=\"solid-shadcn-dialog-text solid-field-delete-flow-intro\">\n                Removing a field is a 2 step process.\n              </p>\n              <ol className=\"solid-field-delete-flow-list\">\n                <li>\n                  <span className=\"solid-field-delete-flow-index\">1.</span>\n                  <div className=\"solid-field-delete-flow-step\">\n                    <p className=\"solid-field-delete-flow-step-title\">Delete the field and save the model form.</p>\n                    <span className=\"solid-field-delete-flow-step-note\">This marks the field for removal.</span>\n                  </div>\n                </li>\n                <li>\n                  <span className=\"solid-field-delete-flow-index\">2.</span>\n                  <div className=\"solid-field-delete-flow-step\">\n                    <p className=\"solid-field-delete-flow-step-title\">Generate code for this model.</p>\n                    <span className=\"solid-field-delete-flow-step-note\">This removes the field from generated code, metadata tables, and JSON.</span>\n                  </div>\n                </li>\n              </ol>\n            </SolidDialogBody>\n            <SolidDialogFooter className=\"solid-shadcn-dialog-actions solid-field-delete-flow-actions\">\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

@@ -18,7 +18,7 @@ import {
 } from "../../shad-cn-ui";
 
 
-const FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params, showSaveButton = false, onSave }: any) => {
+const FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params, showSaveButton = false, hideAddButton = false, onSave }: any) => {
   const pathname = usePathname();
   const dispatch = useDispatch();
   const [visiblePopup, setVisiblePopup] = useState(false);
@@ -149,7 +149,7 @@ const FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaDa
                 Save
               </SolidButton>
             )}
-            {modelMetaData.isSystem !== true &&
+            {modelMetaData.isSystem !== true && !hideAddButton &&
               <SolidButton
                 size="sm"
                 leftIcon={<Plus size={14} />}

package/dist/components/core/model/FieldMetaDataForm.css

@@ -26,6 +26,9 @@
   overflow-y: auto;
   overflow-x: hidden;
   padding: 0.5rem;
+  background:
+    radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 7%, transparent), transparent 32%),
+    linear-gradient(180deg, color-mix(in srgb, var(--background) 96%, transparent), color-mix(in srgb, var(--background) 92%, var(--card) 8%));
 }
 
 .solid-field-form-frame {
@@ -34,6 +37,17 @@
   width: 100%;
   flex-direction: column;
   gap: 1rem;
+  padding: 1rem;
+  border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
+  border-radius: 16px;
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--card) 98%, var(--background) 2%),
+    color-mix(in srgb, var(--card) 92%, var(--background) 8%)
+  );
+  box-shadow:
+    0 14px 32px rgba(15, 23, 42, 0.06),
+    inset 0 1px 0 rgba(255, 255, 255, 0.04);
 }
 
 .solid-field-form-header {
@@ -48,14 +62,30 @@
   color: var(--muted-foreground);
 }
 
+.solid-field-form-shell .creat-field-form {
+  width: 100%;
+  padding: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
 .solid-field-form-tabs .solid-notebook-tablist {
   width: 100% !important;
+  padding: 0 0.25rem;
+  border-bottom-color: color-mix(in srgb, var(--border) 84%, transparent);
 }
 
 .solid-field-form-tabs .solid-notebook-content {
   padding-top: 0.85rem;
 }
 
+.solid-field-form-tabs .solid-tabs-panel {
+  border-radius: 14px;
+  background: color-mix(in srgb, var(--background) 52%, var(--card) 48%);
+  border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
+  padding: 0.9rem;
+}
+
 .solid-field-checkbox-row {
   display: flex;
   align-items: center;
@@ -76,6 +106,95 @@
   border-top: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
 }
 
+.solid-field-dialog .solid-radix-dialog-body.solid-dialog-body-flush {
+  background: var(--background);
+}
+
+.solid-field-dialog .solid-radix-dialog-header {
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--card) 96%, var(--background) 4%),
+    color-mix(in srgb, var(--card) 92%, var(--background) 8%)
+  );
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
+}
+
+html.dark .solid-field-dialog .solid-radix-dialog-header,
+[data-theme="dark"] .solid-field-dialog .solid-radix-dialog-header {
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--card) 96%, #172554 4%),
+    color-mix(in srgb, var(--card) 88%, #020617 12%)
+  );
+  border-bottom-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+}
+
+html.dark .solid-field-form-scroll,
+[data-theme="dark"] .solid-field-form-scroll {
+  background:
+    radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 10%, transparent), transparent 34%),
+    linear-gradient(180deg, color-mix(in srgb, var(--background) 96%, #020617 4%), color-mix(in srgb, var(--background) 90%, #0b1220 10%));
+}
+
+html.dark .solid-field-form-frame,
+[data-theme="dark"] .solid-field-form-frame {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--card) 96%, #172554 4%),
+    color-mix(in srgb, var(--card) 88%, #020617 12%)
+  );
+  box-shadow:
+    0 20px 44px rgba(2, 6, 23, 0.32),
+    inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-field-form-tabs .solid-notebook-tablist,
+[data-theme="dark"] .solid-field-form-tabs .solid-notebook-tablist {
+  border-bottom-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+}
+
+html.dark .solid-field-form-tabs .solid-tabs-panel,
+[data-theme="dark"] .solid-field-form-tabs .solid-tabs-panel {
+  background: color-mix(in srgb, var(--background) 74%, var(--card) 26%);
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-field-form-actions,
+[data-theme="dark"] .solid-field-form-actions {
+  border-top-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+}
+
+html.dark .solid-field-form-shell .solid-file-icon-btn,
+[data-theme="dark"] .solid-field-form-shell .solid-file-icon-btn {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: color-mix(in srgb, var(--background) 72%, var(--card) 28%);
+  color: color-mix(in srgb, var(--foreground) 84%, transparent);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-field-form-shell .solid-file-icon-btn:hover:not(:disabled),
+[data-theme="dark"] .solid-field-form-shell .solid-file-icon-btn:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--accent) 48%, #172554 22%);
+  border-color: color-mix(in srgb, var(--primary) 26%, var(--border) 74%);
+  color: var(--foreground);
+}
+
+html.dark .solid-field-form-shell .solid-file-icon-btn.is-danger,
+[data-theme="dark"] .solid-field-form-shell .solid-file-icon-btn.is-danger {
+  background: color-mix(in srgb, #7f1d1d 38%, var(--card) 62%);
+  border-color: color-mix(in srgb, #ef4444 28%, var(--border) 72%);
+  color: #fecaca;
+}
+
+html.dark .solid-field-form-shell .solid-file-icon-btn.is-danger:hover:not(:disabled),
+[data-theme="dark"] .solid-field-form-shell .solid-file-icon-btn.is-danger:hover:not(:disabled) {
+  background: color-mix(in srgb, #991b1b 44%, var(--card) 56%);
+  border-color: color-mix(in srgb, #f87171 34%, var(--border) 66%);
+  color: #fee2e2;
+}
+
 @media (max-width: 640px) {
   .solid-field-form-scroll {
     padding: 0.75rem;

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

@@ -1540,7 +1540,7 @@ var FieldMetaDataForm = function (_a) {
                                                                                         _f[styles.fieldInvalidControl] = isFormFieldValid(formik, "userKey"),
                                                                                         _f)), children: _jsx(SolidAutocomplete, { value: userKeyField.selectedItem, suggestions: userKeyField.filteredItems, completeMethod: userKeyField.searchItems, onChange: userKeyField.handleChange, dropdown: true, field: "displayName", className: "w-full" }) }), _jsx("p", { className: "fieldSubTitle", children: "The co-model you have selected does not have a user key specified. Use the above dropdown to choose from one of the \"unique\" fields in this co-model to be set as its userkey. User keys are required in co-models being used in many-to-one or one-to-many relations as in SolidX when a many-to-one field is rendered it uses an autocomplete dropdown, and the user key value is what is displayed as the label in the dropdown." }), isFormFieldValid(formik, "userKey") && (_jsx("p", { className: styles.fieldError, children: (_27 = (_26 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _26 === void 0 ? void 0 : _26.userKey) === null || _27 === void 0 ? void 0 : _27.toString() }))] })), currentFields.includes("relationFieldFixedFilter") && (_jsxs("div", { className: "field mt-2 flex w-full flex-col gap-2 px-2 pt-2", children: [_jsx("label", { htmlFor: "relationFieldFixedFilter", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Field Fixed Filter" }), _jsx(SolidTextarea, { "aria-describedby": "Fixed Filter", id: "relationFieldFixedFilter", name: "relationFieldFixedFilter", onChange: formik.handleChange, value: formik.values.relationFieldFixedFilter, rows: 5, className: classNames(styles.fieldTextarea, {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationFieldFixedFilter"),
-                                                                                    }) }), isFormFieldValid(formik, "relationFieldFixedFilter") && (_jsx("p", { className: styles.fieldError, children: (_29 = (_28 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _28 === void 0 ? void 0 : _28.relationFieldFixedFilter) === null || _29 === void 0 ? void 0 : _29.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Many to one fields are rendered as autocomplete dropdown on the SolidX ui. Use the fixed filter to load a pre-filtered set of records from the co-model. Please note user input entered in the autocomplete is used to apply a dynamic filter." })] })), currentFields.includes("relationCreateInverse") && (_jsxs("div", { className: "field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsx("label", { htmlFor: "relationCreateInverse", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Create Inverse" }), _jsxs("div", { className: "flex items-center", children: [_jsx(SolidCheckbox, { id: "relationCreateInverse", name: "relationCreateInverse", checked: formik.values.relationCreateInverse, disabled: formik.values.relationType === "one-to-many", onChange: function (event) { return formik.setFieldValue("relationCreateInverse", event.currentTarget.checked); } }), _jsx("label", { htmlFor: "relationCreateInverse", className: classNames("ml-2", "form-field-label", styles.fieldLabel), children: "Create Inverse" })] }), isFormFieldValid(formik, "relationCreateInverse") && (_jsx("p", { className: styles.fieldError, children: (_31 = (_30 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _30 === void 0 ? void 0 : _30.relationCreateInverse) === null || _31 === void 0 ? void 0 : _31.toString() }))] })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && !formik.values.relationCoModelSingularName && (_jsx("div", { className: "field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: _jsx(SolidMessage, { text: "Please select Co-model" }) })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && formik.values.relationCoModelSingularName && (_jsxs("div", { className: "field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsxs("label", { htmlFor: "relationCoModelFieldName", className: classNames("form-field-label", styles.fieldLabel), children: ["Field Name In ", formik.values.relationCoModelSingularName, " Model"] }), _jsx(SolidInput, { type: "text", id: "relationCoModelFieldName", name: "relationCoModelFieldName", onChange: formik.handleChange, disabled: isExistingFieldReadOnly, value: formik.values.relationCoModelFieldName, className: classNames(styles.fieldInput, {
+                                                                                    }) }), isFormFieldValid(formik, "relationFieldFixedFilter") && (_jsx("p", { className: styles.fieldError, children: (_29 = (_28 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _28 === void 0 ? void 0 : _28.relationFieldFixedFilter) === null || _29 === void 0 ? void 0 : _29.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Many to one fields are rendered as autocomplete dropdown on the SolidX ui. Use the fixed filter to load a pre-filtered set of records from the co-model. Please note user input entered in the autocomplete is used to apply a dynamic filter." })] })), currentFields.includes("relationCreateInverse") && (_jsxs("div", { className: "field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsx("label", { htmlFor: "relationCreateInverse", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Create Inverse" }), _jsxs("div", { className: "solid-field-checkbox-row", children: [_jsx(SolidCheckbox, { id: "relationCreateInverse", name: "relationCreateInverse", checked: formik.values.relationCreateInverse, disabled: formik.values.relationType === "one-to-many", onChange: function (event) { return formik.setFieldValue("relationCreateInverse", event.currentTarget.checked); } }), _jsx("label", { htmlFor: "relationCreateInverse", className: classNames("ml-2", "form-field-label", styles.fieldLabel), children: "Create Inverse" })] }), isFormFieldValid(formik, "relationCreateInverse") && (_jsx("p", { className: styles.fieldError, children: (_31 = (_30 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _30 === void 0 ? void 0 : _30.relationCreateInverse) === null || _31 === void 0 ? void 0 : _31.toString() }))] })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && !formik.values.relationCoModelSingularName && (_jsx("div", { className: "field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: _jsx(SolidMessage, { text: "Please select Co-model" }) })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && formik.values.relationCoModelSingularName && (_jsxs("div", { className: "field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsxs("label", { htmlFor: "relationCoModelFieldName", className: classNames("form-field-label", styles.fieldLabel), children: ["Field Name In ", formik.values.relationCoModelSingularName, " Model"] }), _jsx(SolidInput, { type: "text", id: "relationCoModelFieldName", name: "relationCoModelFieldName", onChange: formik.handleChange, disabled: isExistingFieldReadOnly, value: formik.values.relationCoModelFieldName, className: classNames(styles.fieldInput, {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationCoModelFieldName"),
                                                                                     }) }), formik.values.relationType === "one-to-many" &&
                                                                                     _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the child model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: (_32 = formik.values.relationCoModelFieldName) !== null && _32 !== void 0 ? _32 : formik.values.relationCoModelSingularName }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-one" &&