@archbase/components 3.0.15 → 3.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/components",
-  "version": "3.0.15",
+  "version": "3.0.16",
   "description": "UI Components for Archbase React v3 - Form editors, data visualization, and business components",
   "author": "Edson Martins <edsonmartins2005@gmail.com>",
   "license": "MIT",
@@ -100,9 +100,9 @@
     "validator": "^13.12.0",
     "vis-timeline": "^7.7.3",
     "xlsx": "^0.18.5",
-    "@archbase/core": "3.0.15",
-    "@archbase/data": "3.0.15",
-    "@archbase/layout": "3.0.15"
+    "@archbase/core": "3.0.16",
+    "@archbase/data": "3.0.16",
+    "@archbase/layout": "3.0.16"
   },
   "devDependencies": {
     "@types/d3": "^7.4.3",

package/src/editors/ArchbaseTimeRangeSelector.tsx

@@ -89,7 +89,22 @@ export const ArchbaseTimeRangeSelector: FC<ArchbaseTimeRangeSelectorProps> = (pr
   // Aceitar null explicitamente para o valor inicial
   const [selectedRange, setSelectedRange] = useState<string|null>(defaultRangeValue || null);
   const [customRange, setCustomRange] = useState<CustomRange>({ start: null, end: null });
-  const [dateRange, setDateRange] = useState<{ start: Date | null, end: Date | null }>({ start: null, end: null });
+  // Inicializar dateRange diretamente a partir das props para evitar estado null no primeiro render
+  const [dateRange, setDateRange] = useState<{ start: Date | null, end: Date | null }>(() => {
+    if (defaultRangeValue && defaultRangeValue !== 'custom') {
+      const range = ranges.find(r => r.value === defaultRangeValue);
+      if (range) {
+        return range.rangeFunction(new Date());
+      }
+    }
+    if (defaultDateRange && defaultDateRange.start && defaultDateRange.end) {
+      return {
+        start: new Date(defaultDateRange.start.getTime()),
+        end: new Date(defaultDateRange.end.getTime())
+      };
+    }
+    return { start: null, end: null };
+  });
   const [opened, setOpened] = useState(false);
 
   const startRef = useRef<HTMLInputElement>(null);
@@ -159,17 +174,6 @@ export const ArchbaseTimeRangeSelector: FC<ArchbaseTimeRangeSelectorProps> = (pr
     }
   }, [componentRef, internalRef.current]);
 
-  // Inicializar o estado com base nas props
-  useEffect(() => {
-    // Inicializar dateRange a partir de defaultDateRange se disponível
-    if (defaultDateRange && defaultDateRange.start && defaultDateRange.end) {
-      setDateRange({
-        start: new Date(defaultDateRange.start.getTime()),
-        end: new Date(defaultDateRange.end.getTime())
-      });
-    }
-  }, []);
-
   // Atualizar o estado quando o defaultRangeValue muda
   useEffect(() => {
     if (defaultRangeValue !== undefined) {