@archbase/components 4.0.33 → 4.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/components",
-  "version": "4.0.33",
+  "version": "4.0.35",
   "description": "UI Components for Archbase React v3 - Form editors, data visualization, and business components",
   "author": "Edson Martins <edsonmartins2005@gmail.com>",
   "license": "MIT",
@@ -23,16 +23,16 @@
     "src"
   ],
   "peerDependencies": {
-    "@mantine/carousel": "9.3.2",
-    "@mantine/charts": "9.3.2",
-    "@mantine/code-highlight": "9.3.2",
-    "@mantine/core": "9.3.2",
-    "@mantine/dates": "9.3.2",
-    "@mantine/dropzone": "9.3.2",
-    "@mantine/form": "9.3.2",
-    "@mantine/hooks": "9.3.2",
-    "@mantine/modals": "9.3.2",
-    "@mantine/notifications": "9.3.2",
+    "@mantine/carousel": "9.4.0",
+    "@mantine/charts": "9.4.0",
+    "@mantine/code-highlight": "9.4.0",
+    "@mantine/core": "9.4.0",
+    "@mantine/dates": "9.4.0",
+    "@mantine/dropzone": "9.4.0",
+    "@mantine/form": "9.4.0",
+    "@mantine/hooks": "9.4.0",
+    "@mantine/modals": "9.4.0",
+    "@mantine/notifications": "9.4.0",
     "@tabler/icons-react": "^3.26.0",
     "react": "^18.3.0 || ^19.2.0",
     "react-dom": "^18.3.0 || ^19.2.0"
@@ -118,9 +118,9 @@
     "vis-timeline": "^7.7.3",
     "xlsx": "^0.18.5",
     "yet-another-react-lightbox": "^3.21.0",
-    "@archbase/core": "4.0.33",
-    "@archbase/data": "4.0.33",
-    "@archbase/layout": "4.0.33"
+    "@archbase/core": "4.0.35",
+    "@archbase/data": "4.0.35",
+    "@archbase/layout": "4.0.35"
   },
   "devDependencies": {
     "@types/d3": "^7.4.3",

package/src/editors/ArchbaseTimeRangeSelector.tsx

@@ -17,6 +17,25 @@ const formatDate = (date: Date | null): string => {
   return date.toLocaleDateString();
 };
 
+// Formata uma data para "YYYY-MM-DD" em horário LOCAL (DatePickerInput do Mantine 9 é string-based).
+// Usar toISOString() aqui desloca o dia em fusos negativos (ex.: 21:00 BRT vira o dia seguinte em UTC).
+const toLocalDateInputValue = (date: Date | null): string | null => {
+  if (!date) return null;
+  const year = date.getFullYear();
+  const month = (date.getMonth() + 1).toString().padStart(2, '0');
+  const day = date.getDate().toString().padStart(2, '0');
+  return `${year}-${month}-${day}`;
+};
+
+// Aplica a data selecionada ("YYYY-MM-DD") preservando a hora já existente (ou a atual), em horário local.
+const applyDateInputValue = (value: string | null, current: Date | null): Date | null => {
+  if (!value) return null;
+  const [year, month, day] = value.split('-').map(Number);
+  const result = current ? new Date(current.getTime()) : new Date();
+  result.setFullYear(year, month - 1, day);
+  return result;
+};
+
 // Função para formatar o intervalo de datas para exibição resumida (versão curta para o botão)
 const formatDateRange = (start: Date | null, end: Date | null): string => {
   if (!start || !end) return 'Selecionar intervalo';
@@ -176,9 +195,7 @@ export const ArchbaseTimeRangeSelector: FC<ArchbaseTimeRangeSelectorProps> = (pr
 
   // Atualizar o estado quando o defaultRangeValue muda
   useEffect(() => {
-    console.log('[TimeRangeSelector] useEffect defaultRangeValue=%s, selectedRange=%s', defaultRangeValue, selectedRange);
     if (defaultRangeValue !== undefined) {
-      console.log('[TimeRangeSelector] setSelectedRange(%s)', defaultRangeValue);
       // Atualizar o selectedRange
       setSelectedRange(defaultRangeValue);
 
@@ -236,7 +253,6 @@ export const ArchbaseTimeRangeSelector: FC<ArchbaseTimeRangeSelectorProps> = (pr
 
   // Manipular a mudança de range (predefinido ou customizado)
   const handleRangeChange = (value: string | null) => {
-    console.log('[TimeRangeSelector] handleRangeChange value=%s', value);
     setSelectedRange(value);
 
     // Se não for range customizado, aplicar imediatamente
@@ -343,8 +359,8 @@ export const ArchbaseTimeRangeSelector: FC<ArchbaseTimeRangeSelectorProps> = (pr
                   <Group grow mt="xs">
                     <DatePickerInput
                       label="Data inicial"
-                      value={customRange.start ? customRange.start.toISOString().split('T')[0] : null}
-                      onChange={(date: string | null) => setCustomRange(prev => ({ ...prev, start: date ? new Date(date) : null }))}
+                      value={toLocalDateInputValue(customRange.start)}
+                      onChange={(date: string | null) => setCustomRange(prev => ({ ...prev, start: applyDateInputValue(date, prev.start) }))}
                       style={{ flex: 1 }}
                       popoverProps={{ withinPortal: false, closeOnClickOutside: false }}
                     />
@@ -365,8 +381,8 @@ export const ArchbaseTimeRangeSelector: FC<ArchbaseTimeRangeSelectorProps> = (pr
                   <Group grow mt="xs">
                     <DatePickerInput
                       label="Data final"
-                      value={customRange.end ? customRange.end.toISOString().split('T')[0] : null}
-                      onChange={(date: string | null) => setCustomRange(prev => ({ ...prev, end: date ? new Date(date) : null }))}
+                      value={toLocalDateInputValue(customRange.end)}
+                      onChange={(date: string | null) => setCustomRange(prev => ({ ...prev, end: applyDateInputValue(date, prev.end) }))}
                       style={{ flex: 1 }}
                       popoverProps={{ withinPortal: false, closeOnClickOutside: false }}
                     />