@archbase/components 4.0.34 → 4.0.36

package/package.json

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

package/src/editors/ArchbaseAsyncSelect.tsx

@@ -135,6 +135,8 @@ export interface ArchbaseAsyncSelectProps<T, ID, O> {
 	converter?: (value: O) => any;
 	/** Function que busca o valor original antes de converter pelo valor de retorno do converter */
 	getConvertedOption?: (value: any) => Promise<O>;
+	/** Função que determina se uma opção individual está desabilitada */
+	isOptionDisabled?: (option: O) => boolean;
 }
 function buildOptions<O>(
 	initialOptions: O[],
@@ -210,7 +212,8 @@ export function ArchbaseAsyncSelect<T, ID, O>({
 	innerRef,
 	onSearchChange,
 	converter,
-	getConvertedOption
+	getConvertedOption,
+	isOptionDisabled,
   }: ArchbaseAsyncSelectProps<T, ID, O>) {
 	const forceUpdate = useForceUpdate();
 
@@ -539,7 +542,11 @@ export function ArchbaseAsyncSelect<T, ID, O>({
 				{filteredOptions.slice(0, limit ? limit : filteredOptions.length).map((option) => {
 					const {key, ...rest} = option
 					return (
-					<Combobox.Option value={option.value} key={option.key}>
+					<Combobox.Option
+						value={option.value}
+						key={option.key}
+						disabled={isOptionDisabled ? isOptionDisabled(option.origin) : false}
+					>
 						{ItemComponent ? <ItemComponent {...rest} /> : option.label}
 					</Combobox.Option>
 					)

package/src/editors/ArchbaseSelect.tsx

@@ -117,6 +117,8 @@ export interface ArchbaseSelectProps<T, ID, O> {
    * Por exemplo: (id) => fetchObjectById(id) para converter ID de volta ao objeto
    */
   getConvertedOption?: (value: any) => Promise<O>
+  /** Função que determina se uma opção individual está desabilitada */
+  isOptionDisabled?: (option: O) => boolean
 }
 
 function buildGroupOptions(
@@ -248,7 +250,8 @@ export function ArchbaseSelect<T, ID, O>({
   classNames,
   styles,
   converter,
-  getConvertedOption
+  getConvertedOption,
+  isOptionDisabled,
 }: ArchbaseSelectProps<T, ID, O>) {
   const forceUpdate = useForceUpdate();
 
@@ -282,7 +285,7 @@ export function ArchbaseSelect<T, ID, O>({
   const contextError = validationContext?.getError(fieldKey);
 
   const currentOptions: any[] = useMemo(() => {
-    return buildOptions<O>(
+    const opts = buildOptions<O>(
       options,
       initialOptions,
       children,
@@ -290,6 +293,19 @@ export function ArchbaseSelect<T, ID, O>({
       getOptionValue,
       optionsLabelField
     )
+    if (!isOptionDisabled) return opts
+    return opts.map((opt: any) => {
+      if (opt.group !== undefined) {
+        return {
+          ...opt,
+          items: opt.items.map((item: any) => ({
+            ...item,
+            disabled: isOptionDisabled(item.origin ?? item),
+          })),
+        }
+      }
+      return { ...opt, disabled: isOptionDisabled(opt.origin ?? opt) }
+    })
   }, [
     updateCounter,
     options,
@@ -297,7 +313,8 @@ export function ArchbaseSelect<T, ID, O>({
     children,
     getOptionLabel,
     getOptionValue,
-    optionsLabelField
+    optionsLabelField,
+    isOptionDisabled,
   ])
 
   const handleConverter = (value) => {

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 }}
                     />