@archbase/components 3.0.12 → 3.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/components",
-  "version": "3.0.12",
+  "version": "3.0.14",
   "description": "UI Components for Archbase React v3 - Form editors, data visualization, and business components",
   "author": "Edson Martins <edsonmartins2005@gmail.com>",
   "license": "MIT",
@@ -38,9 +38,9 @@
     "react-dom": "^18.3.0 || ^19.2.0"
   },
   "dependencies": {
-    "@archbase/core": "3.0.12",
-    "@archbase/data": "3.0.12",
-    "@archbase/layout": "3.0.12",
+    "@archbase/core": "3.0.14",
+    "@archbase/data": "3.0.14",
+    "@archbase/layout": "3.0.14",
     "@gfazioli/mantine-list-view-table": "^1.1.9",
     "@gfazioli/mantine-onboarding-tour": "^2.6.5",
     "@mui/x-data-grid": "^7.28.3",

package/src/datagrid/main/archbase-data-grid.tsx

@@ -807,13 +807,13 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
         // Estilos dos cabeçalhos - com !important para sobrescrever MUI
         '& .MuiDataGrid-columnHeaders': {
           backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
-          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
+          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors.dark[9]} !important`,
           fontWeight: 600,
           borderBottom: `1px solid ${colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]} !important`
         },
         '& .MuiDataGrid-columnHeader': {
           backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
-          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
+          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors.dark[9]} !important`,
           '&:focus, &:focus-within': {
             outline: 'none !important'
           }
@@ -822,14 +822,14 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
           backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
         },
         '& .MuiDataGrid-columnHeaderTitle': {
-          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
+          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors.dark[9]} !important`,
           fontWeight: '600 !important'
         },
         '& .MuiDataGrid-columnHeaderTitleContainer': {
-          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
+          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors.dark[9]} !important`,
         },
         '& .MuiDataGrid-columnHeaderTitleContainerContent': {
-          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
+          color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors.dark[9]} !important`,
         },
         // Container geral do header
         '& .MuiDataGrid-columnHeadersInner': {

package/src/editors/ArchbaseAsyncSelect.tsx

@@ -473,8 +473,10 @@ export function ArchbaseAsyncSelect<T, ID, O>({
 		  position={dropdownPosition}
 		  zIndex={zIndex}
 		  onOptionSubmit={(val) => {
-			handleChange(val);
-			handleSearchChange(getOptionLabel(val as O));
+			const selectedOption = options.find((opt) => opt.value === val);
+			const originalObject = selectedOption?.origin ?? val;
+			handleChange(originalObject);
+			setQueryValue(selectedOption?.label || '');
 			combobox.closeDropdown();
 		  }}
 		>
@@ -512,11 +514,8 @@ export function ArchbaseAsyncSelect<T, ID, O>({
 					size="sm"
 					onMouseDown={(event) => event.preventDefault()}
 					onClick={() => {
+					  handleChange(null);
 					  setQueryValue('');
-					  setSelectedValue(null);
-						if(onSelectValue) {
-							onSelectValue(null)
-						}
 					}}
 					aria-label="Clear value"
 				  />