@archbase/components 4.0.0 → 4.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/components",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "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": "4.0.0",
-    "@archbase/data": "4.0.0",
-    "@archbase/layout": "4.0.0",
+    "@archbase/core": "4.0.2",
+    "@archbase/data": "4.0.2",
+    "@archbase/layout": "4.0.2",
     "@fortune-sheet/core": "^1.0.4",
     "@fortune-sheet/react": "^1.0.4",
     "@pdfme/ui": "^5.3.6",
@@ -143,7 +143,7 @@
     "@types/react-mentions": "^4.1.13"
   },
   "publishConfig": {
-    "registry": "http://192.168.1.110:4873"
+    "registry": "http://192.168.100.5:4873"
   },
   "scripts": {
     "dev": "NODE_OPTIONS=\"--max-old-space-size=16384\" vite build --watch",

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

@@ -260,12 +260,15 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
   });
 
   // Estado para paginação com limitação de tamanho de página (MIT version)
-  const [paginationModel, setPaginationModel] = useState({
-    page: Number.isFinite(getCurrentPageFromDataSource(dataSource)) ? getCurrentPageFromDataSource(dataSource) : pageIndex,
-    pageSize: Math.min(
-      Number.isFinite(dataSource?.getPageSize?.()) ? dataSource.getPageSize() : pageSize,
-      MAX_PAGE_SIZE_MIT
-    )
+  const [paginationModel, setPaginationModel] = useState(() => {
+    const page = getCurrentPageFromDataSource(dataSource);
+    return {
+      page: Number.isFinite(page) ? page : pageIndex,
+      pageSize: Math.min(
+        Number.isFinite(dataSource?.getPageSize?.()) ? dataSource.getPageSize() : pageSize,
+        MAX_PAGE_SIZE_MIT
+      )
+    };
   });
 
   const [sortModel, setSortModel] = useState(() => getInitialSortModel(dataSource))
@@ -312,6 +315,13 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
     rowHeight,
     detailPanelMinHeight
   })
+  // Ref que mantém sempre os valores mais recentes para uso no handler do DataSource.
+  // Evita que o listener useEffect precise re-registrar o handler a cada mudança de deps instáveis.
+  const handlerDepsRef = useRef<any>({})
+  useEffect(() => {
+    handlerDepsRef.current = { rows, getRowId, columns, apiRef, onSelectedRowsChanged, closeAllDetailPanels }
+  })
+
   // Refs para controle de operações internas
   const syncInProgress = useRef<boolean>(false)
   const keyboardNavDebounceTimer = useRef<NodeJS.Timeout | null>(null)
@@ -776,6 +786,10 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
 
         // Scrollbar nativa (fallback) - estilo Mantine
         '& .MuiDataGrid-virtualScroller': {
+          paddingBottom: '0px !important',
+          display: 'flex',
+          flexDirection: 'column',
+          backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
           '&::-webkit-scrollbar': {
             width: '8px',
             height: '8px',
@@ -926,13 +940,6 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
           width: '100%'
         },
         
-        '& .MuiDataGrid-virtualScroller': {
-          paddingBottom: '0px !important',
-          display: 'flex',
-          flexDirection: 'column',
-          backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
-        },
-
         '& .MuiDataGrid-virtualScrollerContent': {
           flexBasis: 'auto !important',
           flexGrow: '1 !important',
@@ -1259,9 +1266,8 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
         setRows(getRecordsFromDataSource<T>(dataSource));
 
       // Validar valores da paginação
-      const currentPage = Number.isFinite(getCurrentPageFromDataSource(dataSource))
-        ? getCurrentPageFromDataSource(dataSource)
-        : 0;
+      const rawPage = getCurrentPageFromDataSource(dataSource);
+      const currentPage = Number.isFinite(rawPage) ? rawPage : 0;
 
       const pageSize = Number.isFinite(dataSource.getPageSize?.())
         ? Math.min(Math.max(1, dataSource.getPageSize()), MAX_PAGE_SIZE_MIT)
@@ -1281,7 +1287,7 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
       setIsLoadingInternal(false);
 
       // Fechar todos os painéis quando os dados são atualizados
-      closeAllDetailPanels();
+      handlerDepsRef.current.closeAllDetailPanels();
       }
       // Quando os dados são modificados
       else if (
@@ -1294,9 +1300,8 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
         setRows(getRecordsFromDataSource<T>(dataSource));
 
       // Validar valores da paginação
-      const currentPage = Number.isFinite(getCurrentPageFromDataSource(dataSource))
-        ? getCurrentPageFromDataSource(dataSource)
-        : 0;
+      const rawPage = getCurrentPageFromDataSource(dataSource);
+      const currentPage = Number.isFinite(rawPage) ? rawPage : 0;
 
       const pageSize = Number.isFinite(dataSource.getPageSize?.())
         ? Math.min(Math.max(1, dataSource.getPageSize()), MAX_PAGE_SIZE_MIT)
@@ -1316,7 +1321,7 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
       setIsLoadingInternal(false);
 
       // Fechar todos os painéis quando os dados são modificados
-      closeAllDetailPanels();
+      handlerDepsRef.current.closeAllDetailPanels();
       }
       // Quando o registro atual do dataSource muda
       else if (event.type === DataSourceEventNames.afterScroll) {
@@ -1326,13 +1331,14 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
         const currentRecord = dataSource.getCurrentRecord()
         if (currentRecord) {
           try {
-            const currentId = safeGetRowId(currentRecord, getRowId)
+            const { rows: currentRows, getRowId: currentGetRowId, columns: currentColumns, apiRef: currentApiRef, onSelectedRowsChanged: currentOnSelectedRowsChanged } = handlerDepsRef.current
+            const currentId = safeGetRowId(currentRecord, currentGetRowId)
 
             if (currentId !== undefined) {
               // Encontrar a primeira coluna disponível
-              const firstField = columns[0]?.field
+              const firstField = currentColumns[0]?.field
 
-              if (firstField && apiRef.current) {
+              if (firstField && currentApiRef.current) {
                 // Iniciar o processo de sincronização
                 syncInProgress.current = true
 
@@ -1342,27 +1348,28 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
                   setRowSelection(newSelection)
 
                   // Encontrar o objeto de linha e atualizá-lo na lista de linhas selecionadas
-                  const rowData = rows.find(
-                    (row) => String(safeGetRowId(row, getRowId)) === String(currentId)
+                  const rowData = currentRows.find(
+                    (row) => String(safeGetRowId(row, currentGetRowId)) === String(currentId)
                   )
 
                   if (rowData) {
                     setSelectedRows([rowData])
 
-                    if (onSelectedRowsChanged) {
-                      onSelectedRowsChanged([rowData])
+                    if (currentOnSelectedRowsChanged) {
+                      currentOnSelectedRowsChanged([rowData])
                     }
                   }
 
                   // Opcional: também atualizar o foco para a célula
                   setTimeout(() => {
                     try {
-                      apiRef.current.scrollToIndexes({
-                        rowIndex: rows.findIndex(
-                          (row) => String(safeGetRowId(row, getRowId)) === String(currentId)
+                      const { rows: latestRows, getRowId: latestGetRowId, apiRef: latestApiRef } = handlerDepsRef.current
+                      latestApiRef.current.scrollToIndexes({
+                        rowIndex: latestRows.findIndex(
+                          (row) => String(safeGetRowId(row, latestGetRowId)) === String(currentId)
                         )
                       })
-                      apiRef.current.setCellFocus(currentId, firstField)
+                      latestApiRef.current.setCellFocus(currentId, firstField)
                     } catch (error) {
                       console.error('[DATASOURCE] Erro ao ajustar foco:', error)
                     }
@@ -1391,7 +1398,7 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
     return () => {
       dataSource.removeListener(handleDataSourceEvent)
     }
-  }, [dataSource, getRowId, columns, rows, apiRef, onSelectedRowsChanged, closeAllDetailPanels])
+  }, [dataSource])
 
   // Criar os modais para exportação e impressão
   const modalColumns = useMemo(() => {

package/src/editors/ArchbaseDatePickerEdit.tsx

@@ -329,10 +329,6 @@ export function ArchbaseDatePickerEdit<T, ID>(props: ArchbaseDatePickerEditProps
 		null
 	);
 
-	// 🔄 DEBUG: Log da versão detectada (apenas desenvolvimento)
-	if (process.env.NODE_ENV === 'development' && dataSource) {
-	}
-
 	// Contexto de validação (opcional - pode não existir)
 	const validationContext = useValidationErrors();
 
@@ -362,8 +358,8 @@ export function ArchbaseDatePickerEdit<T, ID>(props: ArchbaseDatePickerEditProps
 	};
 
 	const [_value, setValue, controlled] = useUncontrolled({
-		value: processValue(value),
-		defaultValue: processValue(defaultValue),
+		value: value !== undefined ? processValue(value) : undefined,
+		defaultValue: defaultValue !== undefined ? processValue(defaultValue) : undefined,
 		finalValue: null,
 		onChange,
 	});
@@ -469,12 +465,23 @@ export function ArchbaseDatePickerEdit<T, ID>(props: ArchbaseDatePickerEditProps
 
 	const setDataSourceFieldValue = useCallback((value: Date | undefined | null | string) => {
 		if (dataSource && dataField) {
-			// 🔄 MIGRAÇÃO V1/V2: Para compatibilidade V1, usar strings formatadas ao invés de ISO
 			let processedValue: any = value;
 
-			if (value && typeof value !== 'string') {
-				// Se for Date, converter para string formatada (formato do input)
-				processedValue = formatValue(value);
+			if (value && value !== '') {
+				if (typeof value === 'string') {
+					// Parsear string formatada (ex: "16/05/2026") e converter para ISO (yyyy-MM-dd)
+					try {
+						const parsedDate = dateFormats[dateFormat!].parse(value);
+						if (!isNaN(parsedDate.getTime())) {
+							processedValue = dayjs(parsedDate).format('YYYY-MM-DD');
+						}
+					} catch {
+						processedValue = value;
+					}
+				} else {
+					// Date object → ISO
+					processedValue = dayjs(value as Date).format('YYYY-MM-DD');
+				}
 			}
 
 			v1v2Compatibility.handleValueChange(processedValue);
@@ -645,7 +652,8 @@ export function ArchbaseDatePickerEdit<T, ID>(props: ArchbaseDatePickerEditProps
 	};
 
 	const _getDayProps = (dayString: DateStringValue) => {
-		const day = new Date(dayString);
+		const [y, m, d] = (dayString as string).split('-').map(Number);
+		const day = new Date(y, m - 1, d);
 		return {
 			...getDayProps?.(dayString),
 			selected: dayjs(_value).isSame(day, 'day'),