@umodeapporg/ui 0.24.2 → 0.24.4

package/dist/components/Form/ControlledSelect.js

@@ -24,6 +24,7 @@ const OVERSCAN_COUNT = 10;
 const SEARCH_DEBOUNCE_MS = 300;
 const MAX_IN_FIELD_CHIPS = 2;
 const SEARCH_INPUT_MARKER_CLASS = "controlled-select-search-input";
+const isCoarsePointer = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(pointer: coarse)").matches;
 const TYPEAHEAD_RESET_MS = 500;
 const FOCUS_RETRY_FRAMES = 6;
 const isPrintableKey = (event) => event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;
@@ -608,7 +609,12 @@ function ControlledSelect({
       handler: (next) => {
         if (disabled) return;
         setIsOpen(next);
-        if (next) onOpen?.();
+        if (!next) return;
+        onOpen?.();
+        if (searchable && !isCoarsePointer()) {
+          pendingFocusIndexRef.current = -1;
+          setFocusRequest((request) => request + 1);
+        }
       },
       dismiss: { itemPress: !multiple },
       children: [

package/dist/components/Form/ControlledSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledSelect.js","sources":["../../../src/components/Form/ControlledSelect.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport { FixedSizeList as List } from 'react-window';\n\nimport {\n  ControlledMenuHandler,\n  ControlledMenuItem,\n  ControlledMenuList,\n  ControlledMenuRoot,\n} from '@/components/UI/ControlledMenu';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { capitalizeAllLetters, formatFilter } from '@/helpers/stringHelpers';\nimport { uiLogger } from '@/helpers/uiLogger';\n\nimport { IFilterOption } from '../../interfaces/IFilterOption';\nimport UnifiedSearchBar from '../Search/UnifiedSearchBar';\nimport OutlinedChip from '../UI/Chips/OutlinedChip';\nimport LoadingSpinner from '../UI/LoadingSpinner';\nimport { MaterialSymbol } from '../UI/MaterialSymbol';\nimport NoDataFound from '../UI/NoDataFound';\n\nimport ControlledCheckbox from './ControlledCheckbox';\nimport ControlledInput from './ControlledInput';\n\nimport '../../styles/virtualizedSelect.css';\n\n/**\n * Contract of `fetchMoreOptions`, the single loader of infinite-scroll selects.\n * `reset: true` means \"replace the list with page 1 of `search`\" (a new search, a cleared\n * search, or the restore to the unfiltered baseline). `reset: false` means \"append the NEXT\n * page of the same `search`\". The consumer owns the page counter and the accumulated\n * `options` prop; this component never accumulates results itself.\n */\nexport interface IControlledSelectFetchParams {\n  search: string;\n  reset: boolean;\n}\n\ntype TDataAttributes = { [key: `data-${string}`]: string | number | boolean | undefined };\n\n/**\n * Native and ARIA attributes forwarded to the combobox trigger: `id` (so a `<label htmlFor>`\n * names it), `aria-labelledby` / `aria-describedby` / `aria-invalid`, `data-*`, `onBlur`.\n * `name` is submitted through hidden inputs carrying the selected value(s), never the label.\n */\ntype TControlledSelectTriggerProps = Pick<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'id' | 'name' | 'required' | 'onBlur' | 'onFocus' | 'autoFocus'\n> &\n  React.AriaAttributes &\n  TDataAttributes;\n\ntype TControlledSelectProps = TControlledSelectTriggerProps & {\n  label?: string;\n  // Mantém a label flutuante visível (encolhida na borda) mesmo com um valor selecionado.\n  // Padrão: false — a label some ao selecionar, assumindo que há um rótulo externo acima.\n  persistentLabel?: boolean;\n  options: Array<IFilterOption>;\n  selectedValue: string | Array<string>;\n  error?: boolean;\n  multiple?: boolean;\n  searchable?: boolean;\n  disabled?: boolean;\n  clearable?: boolean;\n  className?: string;\n  listClassName?: string;\n  onChangeHook: (selected: string | Array<string>) => void;\n  infiniteScroll?: boolean;\n  fetchMoreOptions?: (params: IControlledSelectFetchParams) => Promise<unknown>;\n  hasMoreOptions?: boolean;\n  loading?: boolean;\n  onClearSearch?: () => void;\n  onOpen?: () => void;\n  selectedItemsPosition?: 'bottom' | 'top' | 'left' | 'right';\n  // When false, the selected-items chips are not rendered beside the trigger;\n  // only the count summary (\"N itens selecionados\") shows inside the trigger.\n  showSelectedItems?: boolean;\n  // Multi-select only: render the selected values as chips inside the trigger\n  // field (with a \"+N\" overflow indicator and a tooltip listing all of them)\n  // instead of the generic \"N itens selecionados\" count.\n  inFieldChips?: boolean;\n  // Por padrão as labels passam por capitalizeAllLetters (Primeira Maiúscula, resto\n  // minúsculo). Use true quando a label é um identificador literal — nome de tabela,\n  // coluna, chave — em que o caixa original é significativo e não pode ser alterado.\n  preserveLabelCase?: boolean;\n  // Shape of the option swatch. Colors read as the square chip the libraries use;\n  // the dot stays the default for tags and categories.\n  swatchShape?: 'dot' | 'square';\n  // Accessible name of the trigger, for a field whose meaning comes from the\n  // surrounding layout and therefore renders no visible label or placeholder.\n  ariaLabel?: string;\n  // Marks the combobox trigger as required for assistive tech (aria-required).\n  ariaRequired?: boolean;\n  // Classes for the trigger input itself, for a select embedded in a composed\n  // control (a segmented field) that must drop its own border, fill or minimum\n  // width. `className` styles the wrapper and cannot reach the input.\n  inputClassName?: string;\n  // The dropdown follows the width of the field by default, so the panel and the search\n  // box in it are never narrower than the trigger they belong to. A trigger below\n  // MIN_LIST_WIDTH_CLASS keeps the panel at that floor, because an option list the width\n  // of a 72px picker is unreadable. Pass false for a trigger that is not the visual\n  // field and must keep the fixed panel width.\n  matchTriggerWidth?: boolean;\n  compact?: boolean;\n};\n\n// Width of the panel when it is not following the trigger (`matchTriggerWidth={false}`),\n// and the width the node carries until the measured one is written onto it.\nconst FALLBACK_LIST_WIDTH_CLASS = 'w-80 max-w-[calc(100vw-1.5rem)]';\n// Floor of the panel, applied through `min-width` so it wins over the measured width:\n// a 72px pagination picker or a narrow table cell editor would otherwise open an option\n// list too cramped to read.\nconst MIN_LIST_WIDTH_CLASS = 'min-w-56';\n\nconst ITEM_HEIGHT = 40;\nconst MAX_LIST_HEIGHT = 300;\nconst OVERSCAN_COUNT = 10;\nconst SEARCH_DEBOUNCE_MS = 300;\n// How many selected chips fit inside the trigger before collapsing into \"+N\".\nconst MAX_IN_FIELD_CHIPS = 2;\n\n// Marks the search field so focus can be handed back to it without matching the\n// option checkboxes, which are inputs too.\nconst SEARCH_INPUT_MARKER_CLASS = 'controlled-select-search-input';\nconst TYPEAHEAD_RESET_MS = 500;\nconst FOCUS_RETRY_FRAMES = 6;\n\nconst isPrintableKey = (event: React.KeyboardEvent) =>\n  event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n\n/* Padding wrapper. The click is stopped here so a press on the search field is never read\n   as a press on an option by the list above it. */\nconst SelectSearchSlot: React.FC<{ children?: ReactNode }> = ({ children }) => (\n  <div className=\"px-1 py-0.5\" onClick={(event) => event.stopPropagation()}>\n    {children}\n  </div>\n);\n\nexport function ControlledSelect({\n  label,\n  persistentLabel = false,\n  options: optionsProp,\n  selectedValue,\n  error = false,\n  multiple = false,\n  disabled = false,\n  searchable = true,\n  clearable = true,\n  className,\n  listClassName,\n  onChangeHook,\n  onClearSearch,\n  infiniteScroll = false,\n  fetchMoreOptions,\n  hasMoreOptions = false,\n  loading = false,\n  onOpen,\n  selectedItemsPosition = 'bottom',\n  showSelectedItems = true,\n  inFieldChips = false,\n  preserveLabelCase = false,\n  swatchShape = 'dot',\n  ariaLabel,\n  ariaRequired,\n  inputClassName,\n  matchTriggerWidth = true,\n  compact = false,\n  id,\n  name,\n  required,\n  onBlur,\n  onFocus,\n  autoFocus,\n  ...triggerAttributes\n}: TControlledSelectProps) {\n  const { t } = useTranslation('ui');\n  const options = useMemo(() => (Array.isArray(optionsProp) ? optionsProp : []), [optionsProp]);\n  const formatLabel = useCallback(\n    (value?: string) => (preserveLabelCase ? (value ?? '') : capitalizeAllLetters(value)),\n    [preserveLabelCase],\n  );\n  const normalizeSelected = useCallback(\n    (value: string | Array<string>): string | Array<string> => {\n      if (multiple) {\n        if (typeof value === 'string') {\n          return value === '' ? [] : [value];\n        }\n        if (Array.isArray(value)) {\n          // Legacy multi values arrive as one comma-joined string. A legitimate single value\n          // that happens to contain a comma is recognizable by matching a loaded option.\n          if (value.length === 1 && value[0].includes(',') && !options.some((option) => option.value === value[0])) {\n            return value[0]\n              .split(',')\n              .map((item) => item.trim())\n              .filter((item) => item !== '');\n          }\n          return value;\n        }\n        return [];\n      } else {\n        return typeof value === 'string' ? value : '';\n      }\n    },\n    [multiple, options],\n  );\n\n  const [selected, setSelected] = useState<string | Array<string>>(() => normalizeSelected(selectedValue));\n\n  useEffect(() => {\n    setSelected(normalizeSelected(selectedValue));\n  }, [selectedValue, normalizeSelected]);\n\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [isOpen, setIsOpen] = useState(false);\n  const menuListRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const triggerInputRef = useRef<HTMLInputElement>(null);\n  const virtualListRef = useRef<List>(null);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [focusRequest, setFocusRequest] = useState(0);\n  const pendingFocusIndexRef = useRef<number | null>(null);\n  const typeaheadRef = useRef({ buffer: '', timer: 0 });\n  const [currentSearchText, setCurrentSearchText] = useState('');\n\n  // Unique per instance: a fixed id would make InfiniteScroll attach its scroll listener to\n  // the FIRST matching node in the document, which can be another select's list still\n  // mounted while its close animation plays.\n  const scrollableContainerId = useId();\n  const scrollableContainerRef = useRef<HTMLDivElement>(null);\n  const isLoadingMoreRef = useRef(false);\n\n  // Re-sync the rendered list when the consumer's options change. In client-filtered mode an\n  // active search survives the re-sync (same predicate as UnifiedSearchBar), otherwise a parent\n  // re-render would wipe the filter while the term stays in the search box.\n  useEffect(() => {\n    if (!infiniteScroll && currentSearchText) {\n      setFilteredOptions(\n        options.filter((option) =>\n          [option.label, option.secondaryLabel].some((field) => formatFilter(String(field ?? ''), currentSearchText)),\n        ),\n      );\n      return;\n    }\n    setFilteredOptions(options);\n  }, [options]);\n\n  const requestPagedOptions = useCallback(\n    async (params: IControlledSelectFetchParams) => {\n      if (!fetchMoreOptions) return;\n      try {\n        await fetchMoreOptions(params);\n      } catch (fetchError) {\n        uiLogger.error('Failed to fetch select options', fetchError);\n      }\n    },\n    [fetchMoreOptions],\n  );\n\n  const handleLoadMoreFromScroll = useCallback(async () => {\n    if (!infiniteScroll || !hasMoreOptions || isLoadingMoreRef.current) return;\n    isLoadingMoreRef.current = true;\n    try {\n      await requestPagedOptions({ search: currentSearchText, reset: false });\n    } finally {\n      isLoadingMoreRef.current = false;\n    }\n  }, [infiniteScroll, hasMoreOptions, requestPagedOptions, currentSearchText]);\n\n  const handleServerSearch = useCallback(\n    (searchText: string) => {\n      setCurrentSearchText(searchText);\n      if (!infiniteScroll) return;\n      if (scrollableContainerRef.current) scrollableContainerRef.current.scrollTop = 0;\n      void requestPagedOptions({ search: searchText, reset: true });\n    },\n    [infiniteScroll, requestPagedOptions],\n  );\n\n  // Closing with an active search would leave the consumer's list holding only the search\n  // results, so the next open would show a filtered list with an empty search box. Restore\n  // the unfiltered baseline as the menu closes.\n  useEffect(() => {\n    if (isOpen || !infiniteScroll || currentSearchText === '') return;\n    setCurrentSearchText('');\n    void requestPagedOptions({ search: '', reset: true });\n  }, [isOpen]);\n\n  const handleSelect = useCallback(\n    (option: string, event: React.MouseEvent) => {\n      if (disabled) return;\n\n      if (multiple) {\n        event.stopPropagation();\n        event.preventDefault();\n\n        const currentSelection = selected as Array<string>;\n        if (currentSelection.includes(option)) {\n          const newSelection = currentSelection.filter((item) => item !== option);\n          setSelected(newSelection);\n          onChangeHook(newSelection);\n        } else {\n          const newSelection = [...currentSelection, option];\n          setSelected(newSelection);\n          onChangeHook(newSelection);\n        }\n      } else {\n        setSelected(option);\n        onChangeHook(option);\n        if (!infiniteScroll) {\n          setCurrentSearchText('');\n          setFilteredOptions(options);\n        }\n        setIsOpen(false);\n      }\n    },\n    [disabled, multiple, selected, onChangeHook, options, infiniteScroll],\n  );\n\n  const handleClearSelection = useCallback(() => {\n    if (disabled) return;\n\n    if (multiple) {\n      setSelected([]);\n      onChangeHook([]);\n    } else {\n      setSelected('');\n      onChangeHook('');\n    }\n\n    if (!infiniteScroll) {\n      setCurrentSearchText('');\n      setFilteredOptions(options);\n    }\n\n    if (onClearSearch) {\n      onClearSearch();\n    }\n  }, [disabled, multiple, onChangeHook, onClearSearch, options, infiniteScroll]);\n\n  const getDisplayLabel = useCallback(() => {\n    if (multiple) {\n      const selectedArray = selected as Array<string>;\n      if (selectedArray.length === 0) {\n        return '';\n      } else if (selectedArray.length === 1) {\n        const foundOption = options.find((item) => item.value === selectedArray[0]);\n\n        return formatLabel(foundOption?.label || selectedArray[0]);\n      } else {\n        return `${selectedArray.length} itens selecionados`;\n      }\n    } else {\n      const foundOption = options.find((item) => item.value === selected);\n\n      return formatLabel(foundOption?.label || (selected as string) || label);\n    }\n  }, [multiple, selected, options, label, formatLabel]);\n\n  const getOptionId = useCallback(\n    (index: number) => `${scrollableContainerId}-option-${index}`,\n    [scrollableContainerId],\n  );\n\n  const isOptionEnabled = useCallback(\n    (index: number) => {\n      const option = filteredOptions[index];\n      return Boolean(option) && !option.disabled;\n    },\n    [filteredOptions],\n  );\n\n  /** Next enabled index from `start` walking by `step`, or -1. Never wraps (APG select-only). */\n  const findEnabledIndex = useCallback(\n    (start: number, step: 1 | -1) => {\n      for (let index = start; index >= 0 && index < filteredOptions.length; index += step) {\n        if (isOptionEnabled(index)) return index;\n      }\n      return -1;\n    },\n    [filteredOptions.length, isOptionEnabled],\n  );\n\n  const getSelectedIndex = useCallback(() => {\n    const firstSelected = multiple ? (selected as Array<string>)[0] : (selected as string);\n    const index = filteredOptions.findIndex((option) => option.value === firstSelected);\n    return index >= 0 && isOptionEnabled(index) ? index : -1;\n  }, [multiple, selected, filteredOptions, isOptionEnabled]);\n\n  const focusOptionAt = useCallback((index: number) => {\n    if (index < 0) return;\n    setActiveIndex(index);\n    pendingFocusIndexRef.current = index;\n    setFocusRequest((request) => request + 1);\n  }, []);\n\n  const focusSearchInput = useCallback(() => {\n    const searchInput = menuListRef.current?.querySelector<HTMLInputElement>(`.${SEARCH_INPUT_MARKER_CLASS}`);\n    if (!searchInput) return false;\n    searchInput.focus();\n    return true;\n  }, []);\n\n  const findTypeaheadMatch = useCallback(\n    (key: string, fromIndex: number) => {\n      const state = typeaheadRef.current;\n      window.clearTimeout(state.timer);\n      state.buffer += key.toLowerCase();\n      state.timer = window.setTimeout(() => {\n        state.buffer = '';\n      }, TYPEAHEAD_RESET_MS);\n\n      // Repeating one letter cycles through the options that start with it.\n      const isCycling = state.buffer.split('').every((char) => char === state.buffer[0]);\n      const term = isCycling ? state.buffer[0] : state.buffer;\n      const start = isCycling ? fromIndex + 1 : Math.max(fromIndex, 0);\n      const total = filteredOptions.length;\n\n      for (let offset = 0; offset < total; offset += 1) {\n        const index = (start + offset) % total;\n        const label = formatLabel(filteredOptions[index]?.label).toLowerCase();\n        if (isOptionEnabled(index) && label.startsWith(term)) return index;\n      }\n      return -1;\n    },\n    [filteredOptions, formatLabel, isOptionEnabled],\n  );\n\n  type TOpenTarget = 'selected' | 'first' | 'last' | number;\n\n  const openAndFocus = useCallback(\n    (target: TOpenTarget) => {\n      if (disabled) return;\n      if (!isOpen) {\n        setIsOpen(true);\n        onOpen?.();\n      }\n\n      if (searchable && target === 'selected') {\n        // With a search field the keyboard lands on it; ArrowDown then walks into the options.\n        pendingFocusIndexRef.current = -1;\n        setFocusRequest((request) => request + 1);\n        return;\n      }\n\n      let index: number;\n      if (typeof target === 'number') index = target;\n      else if (target === 'first') index = findEnabledIndex(0, 1);\n      else if (target === 'last') index = findEnabledIndex(filteredOptions.length - 1, -1);\n      else index = getSelectedIndex() >= 0 ? getSelectedIndex() : findEnabledIndex(0, 1);\n      focusOptionAt(index);\n    },\n    [disabled, isOpen, onOpen, searchable, findEnabledIndex, filteredOptions.length, getSelectedIndex, focusOptionAt],\n  );\n\n  // Moves DOM focus to the requested option once it is rendered: a virtualized row far from\n  // the viewport only exists after react-window re-renders at the new scroll offset.\n  useEffect(() => {\n    const index = pendingFocusIndexRef.current;\n    if (!isOpen || index === null) return undefined;\n\n    if (index >= 0) virtualListRef.current?.scrollToItem(index);\n\n    let attempts = 0;\n    let frame = 0;\n    const tryFocus = () => {\n      if (index < 0) {\n        if (focusSearchInput()) {\n          pendingFocusIndexRef.current = null;\n          return;\n        }\n      } else {\n        const node = document.getElementById(getOptionId(index));\n        if (node) {\n          pendingFocusIndexRef.current = null;\n          node.focus({ preventScroll: Boolean(virtualListRef.current) });\n          if (!virtualListRef.current) node.scrollIntoView?.({ block: 'nearest' });\n          return;\n        }\n      }\n      attempts += 1;\n      if (attempts < FOCUS_RETRY_FRAMES) frame = window.requestAnimationFrame(tryFocus);\n    };\n\n    tryFocus();\n    return () => window.cancelAnimationFrame(frame);\n  }, [isOpen, focusRequest]);\n\n  // Closing hands focus back to the trigger when it was inside the list (a keyboard or pointer\n  // selection, ESC) or was lost with it; a click elsewhere keeps the focus it moved.\n  const wasOpenRef = useRef(false);\n  useEffect(() => {\n    if (isOpen) {\n      wasOpenRef.current = true;\n      return;\n    }\n    if (!wasOpenRef.current) return;\n    wasOpenRef.current = false;\n    setActiveIndex(-1);\n    pendingFocusIndexRef.current = null;\n\n    const active = document.activeElement;\n    const focusWasInList = Boolean(active && menuListRef.current?.contains(active));\n    if (focusWasInList || active === document.body || active === null) {\n      triggerInputRef.current?.focus({ preventScroll: true });\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    setActiveIndex(-1);\n  }, [filteredOptions]);\n\n  // A multi-select toggle re-renders the virtualized rows, which replaces the focused node:\n  // put focus back on the same option so the keyboard user keeps their place.\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    const active = document.activeElement;\n    if (active === null || active === document.body) focusOptionAt(activeIndex);\n  }, [selected]);\n\n  useEffect(() => () => window.clearTimeout(typeaheadRef.current.timer), []);\n\n  // The list is named like its trigger, including a trigger named only by `<label htmlFor>`.\n  const listboxLabel =\n    triggerAttributes['aria-label'] ??\n    ariaLabel ??\n    label ??\n    (isOpen ? triggerInputRef.current?.labels?.[0]?.textContent?.trim() || undefined : undefined);\n\n  const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n      case 'ArrowDown':\n        event.preventDefault();\n        openAndFocus(isOpen && event.key === 'ArrowDown' && activeIndex >= 0 ? activeIndex : 'selected');\n        return;\n      case 'ArrowUp':\n        event.preventDefault();\n        openAndFocus(getSelectedIndex() >= 0 ? getSelectedIndex() : 'last');\n        return;\n      case 'Home':\n        event.preventDefault();\n        openAndFocus('first');\n        return;\n      case 'End':\n        event.preventDefault();\n        openAndFocus('last');\n        return;\n      case 'Escape':\n        if (!isOpen) return;\n        // Marks it handled so an enclosing dialog does not close too.\n        event.preventDefault();\n        setIsOpen(false);\n        return;\n      case 'Tab':\n        if (isOpen) setIsOpen(false);\n        return;\n      default:\n        if (!isPrintableKey(event) || searchable) return;\n        event.preventDefault();\n        openAndFocus(findTypeaheadMatch(event.key, getSelectedIndex()));\n    }\n  };\n\n  const handleListKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const target = event.target as HTMLElement;\n    const isOnSearch = target.classList.contains(SEARCH_INPUT_MARKER_CLASS);\n    const optionNode = target.closest<HTMLElement>('[role=\"option\"]');\n    const currentIndex = optionNode ? Number(optionNode.dataset.optionIndex ?? -1) : activeIndex;\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        const next = isOnSearch ? findEnabledIndex(0, 1) : findEnabledIndex(currentIndex + 1, 1);\n        focusOptionAt(next);\n        return;\n      }\n      case 'ArrowUp': {\n        if (isOnSearch) return;\n        event.preventDefault();\n        const previous = findEnabledIndex(currentIndex - 1, -1);\n        if (previous >= 0) focusOptionAt(previous);\n        else if (searchable) focusSearchInput();\n        return;\n      }\n      case 'Home':\n      case 'End':\n        if (isOnSearch) return;\n        event.preventDefault();\n        focusOptionAt(event.key === 'Home' ? findEnabledIndex(0, 1) : findEnabledIndex(filteredOptions.length - 1, -1));\n        return;\n      case 'Escape':\n        event.preventDefault();\n        setIsOpen(false);\n        return;\n      case 'Tab':\n        event.preventDefault();\n        setIsOpen(false);\n        triggerInputRef.current?.focus({ preventScroll: true });\n        return;\n      default:\n        if (isOnSearch || !isPrintableKey(event) || event.key === ' ') return;\n        event.preventDefault();\n        focusOptionAt(findTypeaheadMatch(event.key, currentIndex));\n    }\n  };\n\n  const renderOptionItem = useCallback(\n    (option: IFilterOption, index: number, style?: React.CSSProperties) => {\n      const isSelected = multiple\n        ? Array.isArray(selected) && selected.includes(option.value)\n        : option.value === selected;\n\n      // A disabled option explains itself on hover over the WHOLE row, not just the info icon.\n      const isDisabledWithReason = Boolean(option.disabled && option.tooltip);\n\n      const menuItem = (\n        <ControlledMenuItem\n          key={isDisabledWithReason ? undefined : option.value}\n          disabled={option.disabled}\n          onClick={(event: React.MouseEvent) => handleSelect(option.value, event)}\n          role=\"option\"\n          id={getOptionId(index)}\n          tabIndex={-1}\n          aria-selected={isSelected}\n          aria-setsize={filteredOptions.length}\n          aria-posinset={index + 1}\n          data-option-index={index}\n          className={classNames(\n            'relative flex items-center p-2 pl-3 text-foreground',\n            'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n            {\n              // The hover variant has to live inside the selected branch: the menu item's own\n              // default hover would otherwise wipe the selected tint.\n              'bg-brand-soft font-medium text-brand-emphasis hover:!bg-brand-soft focus:!bg-brand-soft': isSelected,\n              'hover:!bg-muted': !isSelected,\n            },\n          )}\n          style={{\n            ...(isDisabledWithReason ? {} : style),\n            height: ITEM_HEIGHT - 1,\n          }}\n        >\n          {isSelected && <span className=\"absolute inset-y-1 left-0 w-0.5 rounded-full bg-brand\" />}\n          {multiple && (\n            // The option itself carries aria-selected; the checkbox is only its picture.\n            <span aria-hidden className=\"pointer-events-none\">\n              <ControlledCheckbox checked={isSelected} onChange={() => {}} />\n            </span>\n          )}\n          {option.tooltip && !isDisabledWithReason && (\n            <ControlledTooltip content={option.tooltip} className=\"w-full max-w-72\">\n              <MaterialSymbol icon=\"info\" size={15} color=\"rgb(var(--color-foreground-subtle))\" className=\"mr-1\" />\n            </ControlledTooltip>\n          )}\n          {option.swatch && (\n            <span\n              className={classNames(\n                'mr-2 size-3.5 shrink-0 border border-border',\n                swatchShape === 'square' ? 'rounded' : 'rounded-full',\n              )}\n              style={{ backgroundColor: option.swatch }}\n            />\n          )}\n          <span className=\"truncate text-sm\">{formatLabel(option.label)}</span>\n          {option.secondaryLabel && option.emphasizeSecondaryLabel && (\n            <OutlinedChip\n              label={option.secondaryLabel}\n              tone=\"purple\"\n              variant=\"soft\"\n              size=\"xs\"\n              preserveLabelCase\n              truncate\n              className=\"ml-auto max-w-[45%] shrink-0\"\n            />\n          )}\n          {option.secondaryLabel && !option.emphasizeSecondaryLabel && (\n            <span className=\"ml-auto max-w-[45%] shrink-0 truncate pl-3 text-xs text-foreground-faint\">\n              {option.secondaryLabel}\n            </span>\n          )}\n        </ControlledMenuItem>\n      );\n\n      // The wrapper div carries the virtualized position because the tooltip clones its child and\n      // injects its own ref.\n      return isDisabledWithReason ? (\n        <ControlledTooltip key={option.value} content={option.tooltip} className=\"z-[9999] max-w-72\">\n          <div style={style}>{menuItem}</div>\n        </ControlledTooltip>\n      ) : (\n        menuItem\n      );\n    },\n    [multiple, selected, handleSelect, formatLabel, getOptionId, filteredOptions.length],\n  );\n\n  const ItemRenderer = useCallback(\n    ({ index, style }: { index: number; style: React.CSSProperties }) => {\n      const option = filteredOptions[index];\n      if (!option) return null;\n\n      return renderOptionItem(option, index, style);\n    },\n    [filteredOptions, renderOptionItem],\n  );\n\n  const listHeight = useMemo(\n    () => Math.min(filteredOptions.length * ITEM_HEIGHT, MAX_LIST_HEIGHT),\n    [filteredOptions.length],\n  );\n\n  const selectedSwatch = useMemo(\n    () => (multiple ? undefined : options.find((option) => option.value === selected)?.swatch),\n    [multiple, options, selected],\n  );\n\n  // Com uma opção selecionada, o próprio valor identifica o campo: a label flutuante\n  // some (evita duplicar quando já há um rótulo externo acima do select).\n  const selectedHasValue = multiple ? (selected as Array<string>).length > 0 : selected !== '';\n\n  /**\n   * Opção declarada com valor vazio (\"Todas\", \"Nenhum\", \"Sem recorte\"): é uma\n   * escolha de verdade, não a ausência de escolha, então o campo precisa exibir\n   * o rótulo dela em vez de ficar em branco.\n   */\n  const hasEmptyValueOption = useMemo(\n    () => !multiple && options.some((option) => option.value === ''),\n    [multiple, options],\n  );\n\n  // The dropdown is portaled, so a percentage width would resolve against the\n  // page, and a runtime pixel value cannot become a Tailwind arbitrary class.\n  // The measured width is written straight onto the node: the floating logic\n  // overwrites the MenuList `style` prop with its own position, and React never\n  // clears `width` because it is not part of that style object.\n  // It runs as a layout effect because the panel also carries a fallback width class:\n  // measuring after paint would show that width for one frame, mid enter animation.\n  useLayoutEffect(() => {\n    const menuList = menuListRef.current;\n    const trigger = triggerRef.current;\n    if (!matchTriggerWidth || !isOpen || !menuList || !trigger) return undefined;\n\n    const applyTriggerWidth = () => {\n      menuList.style.width = `${trigger.getBoundingClientRect().width}px`;\n    };\n\n    applyTriggerWidth();\n\n    const resizeObserver = new ResizeObserver(applyTriggerWidth);\n    resizeObserver.observe(trigger);\n\n    return () => resizeObserver.disconnect();\n  }, [matchTriggerWidth, isOpen]);\n\n  // Moving the pointer inside the menu makes floating-ui's list navigation pull\n  // focus off the search field (it focuses the hovered option, or the menu\n  // container on pointer leave). Take focus back whenever the pointer caused it,\n  // while leaving keyboard navigation into the options alone.\n  useEffect(() => {\n    const menuList = menuListRef.current;\n    if (!isOpen || !searchable || !menuList) return undefined;\n\n    let isKeyboardInteraction = false;\n    let restoreFrame = 0;\n\n    const markKeyboardInteraction = () => {\n      isKeyboardInteraction = true;\n    };\n\n    const markPointerInteraction = () => {\n      isKeyboardInteraction = false;\n    };\n\n    const restoreSearchFocus = (event: FocusEvent) => {\n      const searchInput = menuList.querySelector<HTMLInputElement>(`.${SEARCH_INPUT_MARKER_CLASS}`);\n      if (!searchInput || event.target !== searchInput || isKeyboardInteraction) return;\n\n      const nextFocused = event.relatedTarget as Node | null;\n      if (nextFocused && !menuList.contains(nextFocused)) return;\n\n      // The steal happens as this event is dispatched, so reclaim on the next frame.\n      restoreFrame = window.requestAnimationFrame(() => searchInput.focus({ preventScroll: true }));\n    };\n\n    menuList.addEventListener('keydown', markKeyboardInteraction, true);\n    menuList.addEventListener('pointermove', markPointerInteraction, true);\n    menuList.addEventListener('focusout', restoreSearchFocus);\n\n    return () => {\n      window.cancelAnimationFrame(restoreFrame);\n      menuList.removeEventListener('keydown', markKeyboardInteraction, true);\n      menuList.removeEventListener('pointermove', markPointerInteraction, true);\n      menuList.removeEventListener('focusout', restoreSearchFocus);\n    };\n  }, [isOpen, searchable]);\n\n  const handleClearSearch = useCallback(() => {\n    setCurrentSearchText('');\n\n    if (infiniteScroll) {\n      if (scrollableContainerRef.current) scrollableContainerRef.current.scrollTop = 0;\n      void requestPagedOptions({ search: '', reset: true });\n    } else {\n      setFilteredOptions(options);\n    }\n\n    if (onClearSearch) {\n      onClearSearch();\n    }\n  }, [infiniteScroll, requestPagedOptions, onClearSearch, options]);\n\n  const getSelectedOptionsLabels = useCallback(() => {\n    if (!multiple || !selected || (selected as Array<string>).length === 0) {\n      return [];\n    }\n\n    const selectedArray = selected as Array<string>;\n\n    return selectedArray.map((value) => {\n      const trimmedValue = value.trim();\n      const foundOption = options.find((option) => option.value === trimmedValue);\n      return {\n        value: trimmedValue,\n        label: foundOption?.label || trimmedValue,\n        swatch: foundOption?.swatch,\n      };\n    });\n  }, [multiple, selected, options]);\n\n  const isLateralPosition = selectedItemsPosition === 'left' || selectedItemsPosition === 'right';\n\n  const inFieldChipItems = inFieldChips ? getSelectedOptionsLabels() : [];\n  const showInFieldChips = inFieldChips && multiple && inFieldChipItems.length > 0;\n  const visibleInFieldChips = inFieldChipItems.slice(0, MAX_IN_FIELD_CHIPS);\n  const inFieldOverflow = inFieldChipItems.length - visibleInFieldChips.length;\n  const inFieldChipsTooltip = inFieldChipItems.map((option) => formatLabel(option.label)).join(', ');\n\n  const selectedItemsChips = showSelectedItems && multiple && getSelectedOptionsLabels().length > 1 && (\n    <div className=\"flex flex-wrap gap-1\">\n      {getSelectedOptionsLabels().map((option) => (\n        <OutlinedChip\n          key={option.value}\n          label={option.label}\n          preserveLabelCase={preserveLabelCase}\n          dot={Boolean(option.swatch)}\n          dotColor={option.swatch}\n          className={classNames('bg-muted-active text-lg', { 'px-4 py-1': isLateralPosition })}\n          labelClassName={isLateralPosition ? 'text-sm' : undefined}\n          onClose={(event: React.MouseEvent) => handleSelect(option.value, event)}\n          canClose={!disabled}\n        />\n      ))}\n    </div>\n  );\n\n  const showClear =\n    clearable &&\n    !disabled &&\n    Boolean(selected) &&\n    (multiple ? (selected as Array<string>).length > 0 : selected !== '');\n\n  const cursorClassName = disabled ? 'cursor-not-allowed' : 'cursor-pointer';\n\n  return (\n    <ControlledMenuRoot\n      placement=\"bottom-start\"\n      open={isOpen && !disabled}\n      handler={(next) => {\n        if (disabled) return;\n        setIsOpen(next);\n        if (next) onOpen?.();\n      }}\n      dismiss={{ itemPress: !multiple }}\n    >\n      <ControlledMenuHandler skipTriggerAria>\n        <div\n          className={classNames('flex', {\n            'flex-col gap-y-2': selectedItemsPosition === 'bottom' || selectedItemsPosition === 'top',\n            'flex-row items-start gap-x-2': selectedItemsPosition === 'left' || selectedItemsPosition === 'right',\n          })}\n        >\n          {(selectedItemsPosition === 'top' || selectedItemsPosition === 'left') && selectedItemsChips}\n          <div ref={triggerRef} className={classNames('relative', cursorClassName, className)}>\n            {selectedSwatch && (\n              <span\n                className={classNames(\n                  'pointer-events-none absolute left-3 top-1/2 z-10 size-3.5 -translate-y-1/2 border border-border',\n                  swatchShape === 'square' ? 'rounded' : 'rounded-full',\n                )}\n                style={{ backgroundColor: selectedSwatch }}\n              />\n            )}\n            {showInFieldChips && (\n              <ControlledTooltip content={inFieldChipsTooltip} className=\"max-w-72\">\n                <div\n                  className={classNames(\n                    'absolute inset-y-0 left-2.5 right-14 z-10 flex items-center gap-1 overflow-hidden',\n                    cursorClassName,\n                  )}\n                >\n                  {visibleInFieldChips.map((option) => (\n                    <OutlinedChip\n                      key={option.value}\n                      label={option.label}\n                      preserveLabelCase={preserveLabelCase}\n                      dot={Boolean(option.swatch)}\n                      dotColor={option.swatch}\n                      className=\"min-w-0 shrink-0 bg-muted-active\"\n                      labelClassName=\"text-xxs\"\n                    />\n                  ))}\n                  {inFieldOverflow > 0 && (\n                    <OutlinedChip\n                      label={t('controlledSelect.moreItems', { count: inFieldOverflow })}\n                      className=\"min-w-0 shrink-0 bg-muted-active\"\n                      labelClassName=\"text-xxs\"\n                    />\n                  )}\n                </div>\n              </ControlledTooltip>\n            )}\n            <ControlledInput\n              {...triggerAttributes}\n              id={id}\n              inputRef={triggerInputRef}\n              onBlur={onBlur}\n              onFocus={onFocus}\n              autoFocus={autoFocus}\n              readOnly\n              role=\"combobox\"\n              // eslint-disable-next-line i18n-check/no-literal-jsx-strings -- ARIA token, not user-facing text\n              aria-haspopup=\"listbox\"\n              aria-expanded={isOpen}\n              aria-controls={isOpen ? scrollableContainerId : undefined}\n              onKeyDown={handleTriggerKeyDown}\n              className={classNames(\n                'controlled-select-input flex w-full min-w-0 justify-between truncate text-left',\n                !compact && 'tablet:min-w-52',\n                cursorClassName,\n                selectedSwatch && '!pl-9',\n                // O \"x\" é absoluto SOBRE o input: sem esta reserva o rótulo passa por baixo dele.\n                showClear && '!pr-14',\n                inputClassName,\n              )}\n              error={error}\n              autoComplete=\"off\"\n              rightSlot={<MaterialSymbol className={cursorClassName} icon=\"keyboard_arrow_down\" size={15} />}\n              label={selectedHasValue && !persistentLabel ? undefined : label}\n              aria-label={triggerAttributes['aria-label'] ?? ariaLabel ?? label}\n              aria-required={ariaRequired || required ? true : triggerAttributes['aria-required']}\n              value={showInFieldChips ? ' ' : selectedHasValue || hasEmptyValueOption ? getDisplayLabel() : ''}\n              disabled={disabled}\n            />\n\n            {showClear && (\n              <ControlledTooltip content={t('dates.clearSelection')}>\n                <div\n                  onClick={handleClearSelection}\n                  className=\"absolute inset-y-0 right-8 top-0.5 flex cursor-pointer items-center\"\n                >\n                  <MaterialSymbol icon=\"close_small\" size={20} color=\"rgb(var(--color-foreground-subtle))\" />\n                </div>\n              </ControlledTooltip>\n            )}\n          </div>\n\n          {name &&\n            (multiple\n              ? (selected as Array<string>).map((value) => (\n                  <input key={value} type=\"hidden\" name={name} value={value} disabled={disabled} />\n                ))\n              : selected !== '' && <input type=\"hidden\" name={name} value={selected as string} disabled={disabled} />)}\n\n          {(selectedItemsPosition === 'bottom' || selectedItemsPosition === 'right') && selectedItemsChips}\n        </div>\n      </ControlledMenuHandler>\n\n      <ControlledMenuList\n        ref={menuListRef}\n        role=\"presentation\"\n        onKeyDown={handleListKeyDown}\n        className={classNames(\n          'zIndexMax overflow-hidden',\n          FALLBACK_LIST_WIDTH_CLASS,\n          MIN_LIST_WIDTH_CLASS,\n          listClassName,\n        )}\n      >\n        {searchable && (\n          <SelectSearchSlot>\n            <UnifiedSearchBar\n              mode=\"default\"\n              label={t('actions.search')}\n              debounceTime={SEARCH_DEBOUNCE_MS}\n              // Em modo infinito quem filtra é o servidor: sem itens, a barra só reporta o\n              // termo via onSearchTermChange e nunca escreve na lista local.\n              searchableItems={infiniteScroll ? null : options}\n              searchKeys={['label', 'secondaryLabel']}\n              setFilteredItems={setFilteredOptions}\n              onSearchTermChange={handleServerSearch}\n              className={classNames('w-full', SEARCH_INPUT_MARKER_CLASS)}\n              onClearFilter={handleClearSearch}\n              initialValue={currentSearchText}\n            />\n          </SelectSearchSlot>\n        )}\n\n        <div\n          ref={scrollableContainerRef}\n          className={classNames({\n            'max-h-[250px] overflow-y-auto overscroll-contain': infiniteScroll,\n            'overflow-hidden': !infiniteScroll,\n          })}\n          id={scrollableContainerId}\n          role=\"listbox\"\n          aria-multiselectable={multiple || undefined}\n          aria-labelledby={triggerAttributes['aria-labelledby']}\n          aria-label={triggerAttributes['aria-labelledby'] ? undefined : listboxLabel}\n        >\n          {infiniteScroll ? (\n            <InfiniteScroll\n              dataLength={filteredOptions.length}\n              // O loader do InfiniteScroll é renderizado sempre que `hasMore` é verdadeiro, ao lado\n              // do conteúdo. Com a lista vazia isso empilhava o spinner sobre o estado vazio (ou\n              // sobre o próprio spinner de `loading`): sem opções, quem manda é o bloco abaixo.\n              hasMore={hasMoreOptions && filteredOptions.length > 0}\n              next={handleLoadMoreFromScroll}\n              loader={\n                <div className=\"flex size-full items-center justify-center py-1\">\n                  <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n                </div>\n              }\n              scrollableTarget={scrollableContainerId}\n              // `overflow-hidden` makes this a scroll port the user cannot scroll, so\n              // `overscroll-none` here stopped the wheel from ever reaching the container\n              // that does scroll: the list only moved by dragging its bar. Containment\n              // belongs to that container, which already declares `overscroll-contain`.\n              className=\"!overflow-hidden\"\n            >\n              {filteredOptions.length > 0 ? (\n                filteredOptions.map((option, index) => renderOptionItem(option, index))\n              ) : loading ? (\n                <div className=\"flex w-full items-center justify-center py-4\">\n                  <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n                </div>\n              ) : (\n                <ControlledMenuItem disabled role=\"presentation\">\n                  <NoDataFound compact message={t('controlledSelect.noDataToShow')} />\n                </ControlledMenuItem>\n              )}\n            </InfiniteScroll>\n          ) : filteredOptions.length > 0 ? (\n            <List\n              ref={virtualListRef}\n              className=\"virtualized-select-list\"\n              height={listHeight}\n              // eslint-disable-next-line i18n-check/no-literal-jsx-strings\n              width=\"100%\"\n              itemCount={filteredOptions.length}\n              itemSize={ITEM_HEIGHT}\n              overscanCount={OVERSCAN_COUNT}\n            >\n              {ItemRenderer}\n            </List>\n          ) : loading ? (\n            <div className=\"flex w-full items-center justify-center py-4\">\n              <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n            </div>\n          ) : (\n            <ControlledMenuItem disabled role=\"presentation\">\n              <NoDataFound compact message={t('controlledSelect.noDataToShow')} />\n            </ControlledMenuItem>\n          )}\n        </div>\n      </ControlledMenuList>\n    </ControlledMenuRoot>\n  );\n}\n"],"names":["label","List"],"mappings":"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"}
+{"version":3,"file":"ControlledSelect.js","sources":["../../../src/components/Form/ControlledSelect.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport { FixedSizeList as List } from 'react-window';\n\nimport {\n  ControlledMenuHandler,\n  ControlledMenuItem,\n  ControlledMenuList,\n  ControlledMenuRoot,\n} from '@/components/UI/ControlledMenu';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { capitalizeAllLetters, formatFilter } from '@/helpers/stringHelpers';\nimport { uiLogger } from '@/helpers/uiLogger';\n\nimport { IFilterOption } from '../../interfaces/IFilterOption';\nimport UnifiedSearchBar from '../Search/UnifiedSearchBar';\nimport OutlinedChip from '../UI/Chips/OutlinedChip';\nimport LoadingSpinner from '../UI/LoadingSpinner';\nimport { MaterialSymbol } from '../UI/MaterialSymbol';\nimport NoDataFound from '../UI/NoDataFound';\n\nimport ControlledCheckbox from './ControlledCheckbox';\nimport ControlledInput from './ControlledInput';\n\nimport '../../styles/virtualizedSelect.css';\n\n/**\n * Contract of `fetchMoreOptions`, the single loader of infinite-scroll selects.\n * `reset: true` means \"replace the list with page 1 of `search`\" (a new search, a cleared\n * search, or the restore to the unfiltered baseline). `reset: false` means \"append the NEXT\n * page of the same `search`\". The consumer owns the page counter and the accumulated\n * `options` prop; this component never accumulates results itself.\n */\nexport interface IControlledSelectFetchParams {\n  search: string;\n  reset: boolean;\n}\n\ntype TDataAttributes = { [key: `data-${string}`]: string | number | boolean | undefined };\n\n/**\n * Native and ARIA attributes forwarded to the combobox trigger: `id` (so a `<label htmlFor>`\n * names it), `aria-labelledby` / `aria-describedby` / `aria-invalid`, `data-*`, `onBlur`.\n * `name` is submitted through hidden inputs carrying the selected value(s), never the label.\n */\ntype TControlledSelectTriggerProps = Pick<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'id' | 'name' | 'required' | 'onBlur' | 'onFocus' | 'autoFocus'\n> &\n  React.AriaAttributes &\n  TDataAttributes;\n\ntype TControlledSelectProps = TControlledSelectTriggerProps & {\n  label?: string;\n  // Mantém a label flutuante visível (encolhida na borda) mesmo com um valor selecionado.\n  // Padrão: false — a label some ao selecionar, assumindo que há um rótulo externo acima.\n  persistentLabel?: boolean;\n  options: Array<IFilterOption>;\n  selectedValue: string | Array<string>;\n  error?: boolean;\n  multiple?: boolean;\n  searchable?: boolean;\n  disabled?: boolean;\n  clearable?: boolean;\n  className?: string;\n  listClassName?: string;\n  onChangeHook: (selected: string | Array<string>) => void;\n  infiniteScroll?: boolean;\n  fetchMoreOptions?: (params: IControlledSelectFetchParams) => Promise<unknown>;\n  hasMoreOptions?: boolean;\n  loading?: boolean;\n  onClearSearch?: () => void;\n  onOpen?: () => void;\n  selectedItemsPosition?: 'bottom' | 'top' | 'left' | 'right';\n  // When false, the selected-items chips are not rendered beside the trigger;\n  // only the count summary (\"N itens selecionados\") shows inside the trigger.\n  showSelectedItems?: boolean;\n  // Multi-select only: render the selected values as chips inside the trigger\n  // field (with a \"+N\" overflow indicator and a tooltip listing all of them)\n  // instead of the generic \"N itens selecionados\" count.\n  inFieldChips?: boolean;\n  // Por padrão as labels passam por capitalizeAllLetters (Primeira Maiúscula, resto\n  // minúsculo). Use true quando a label é um identificador literal — nome de tabela,\n  // coluna, chave — em que o caixa original é significativo e não pode ser alterado.\n  preserveLabelCase?: boolean;\n  // Shape of the option swatch. Colors read as the square chip the libraries use;\n  // the dot stays the default for tags and categories.\n  swatchShape?: 'dot' | 'square';\n  // Accessible name of the trigger, for a field whose meaning comes from the\n  // surrounding layout and therefore renders no visible label or placeholder.\n  ariaLabel?: string;\n  // Marks the combobox trigger as required for assistive tech (aria-required).\n  ariaRequired?: boolean;\n  // Classes for the trigger input itself, for a select embedded in a composed\n  // control (a segmented field) that must drop its own border, fill or minimum\n  // width. `className` styles the wrapper and cannot reach the input.\n  inputClassName?: string;\n  // The dropdown follows the width of the field by default, so the panel and the search\n  // box in it are never narrower than the trigger they belong to. A trigger below\n  // MIN_LIST_WIDTH_CLASS keeps the panel at that floor, because an option list the width\n  // of a 72px picker is unreadable. Pass false for a trigger that is not the visual\n  // field and must keep the fixed panel width.\n  matchTriggerWidth?: boolean;\n  compact?: boolean;\n};\n\n// Width of the panel when it is not following the trigger (`matchTriggerWidth={false}`),\n// and the width the node carries until the measured one is written onto it.\nconst FALLBACK_LIST_WIDTH_CLASS = 'w-80 max-w-[calc(100vw-1.5rem)]';\n// Floor of the panel, applied through `min-width` so it wins over the measured width:\n// a 72px pagination picker or a narrow table cell editor would otherwise open an option\n// list too cramped to read.\nconst MIN_LIST_WIDTH_CLASS = 'min-w-56';\n\nconst ITEM_HEIGHT = 40;\nconst MAX_LIST_HEIGHT = 300;\nconst OVERSCAN_COUNT = 10;\nconst SEARCH_DEBOUNCE_MS = 300;\n// How many selected chips fit inside the trigger before collapsing into \"+N\".\nconst MAX_IN_FIELD_CHIPS = 2;\n\n// Marks the search field so focus can be handed back to it without matching the\n// option checkboxes, which are inputs too.\nconst SEARCH_INPUT_MARKER_CLASS = 'controlled-select-search-input';\n\nconst isCoarsePointer = (): boolean =>\n  typeof window !== 'undefined' &&\n  typeof window.matchMedia === 'function' &&\n  window.matchMedia('(pointer: coarse)').matches;\nconst TYPEAHEAD_RESET_MS = 500;\nconst FOCUS_RETRY_FRAMES = 6;\n\nconst isPrintableKey = (event: React.KeyboardEvent) =>\n  event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n\n/* Padding wrapper. The click is stopped here so a press on the search field is never read\n   as a press on an option by the list above it. */\nconst SelectSearchSlot: React.FC<{ children?: ReactNode }> = ({ children }) => (\n  <div className=\"px-1 py-0.5\" onClick={(event) => event.stopPropagation()}>\n    {children}\n  </div>\n);\n\nexport function ControlledSelect({\n  label,\n  persistentLabel = false,\n  options: optionsProp,\n  selectedValue,\n  error = false,\n  multiple = false,\n  disabled = false,\n  searchable = true,\n  clearable = true,\n  className,\n  listClassName,\n  onChangeHook,\n  onClearSearch,\n  infiniteScroll = false,\n  fetchMoreOptions,\n  hasMoreOptions = false,\n  loading = false,\n  onOpen,\n  selectedItemsPosition = 'bottom',\n  showSelectedItems = true,\n  inFieldChips = false,\n  preserveLabelCase = false,\n  swatchShape = 'dot',\n  ariaLabel,\n  ariaRequired,\n  inputClassName,\n  matchTriggerWidth = true,\n  compact = false,\n  id,\n  name,\n  required,\n  onBlur,\n  onFocus,\n  autoFocus,\n  ...triggerAttributes\n}: TControlledSelectProps) {\n  const { t } = useTranslation('ui');\n  const options = useMemo(() => (Array.isArray(optionsProp) ? optionsProp : []), [optionsProp]);\n  const formatLabel = useCallback(\n    (value?: string) => (preserveLabelCase ? (value ?? '') : capitalizeAllLetters(value)),\n    [preserveLabelCase],\n  );\n  const normalizeSelected = useCallback(\n    (value: string | Array<string>): string | Array<string> => {\n      if (multiple) {\n        if (typeof value === 'string') {\n          return value === '' ? [] : [value];\n        }\n        if (Array.isArray(value)) {\n          // Legacy multi values arrive as one comma-joined string. A legitimate single value\n          // that happens to contain a comma is recognizable by matching a loaded option.\n          if (value.length === 1 && value[0].includes(',') && !options.some((option) => option.value === value[0])) {\n            return value[0]\n              .split(',')\n              .map((item) => item.trim())\n              .filter((item) => item !== '');\n          }\n          return value;\n        }\n        return [];\n      } else {\n        return typeof value === 'string' ? value : '';\n      }\n    },\n    [multiple, options],\n  );\n\n  const [selected, setSelected] = useState<string | Array<string>>(() => normalizeSelected(selectedValue));\n\n  useEffect(() => {\n    setSelected(normalizeSelected(selectedValue));\n  }, [selectedValue, normalizeSelected]);\n\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [isOpen, setIsOpen] = useState(false);\n  const menuListRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const triggerInputRef = useRef<HTMLInputElement>(null);\n  const virtualListRef = useRef<List>(null);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [focusRequest, setFocusRequest] = useState(0);\n  const pendingFocusIndexRef = useRef<number | null>(null);\n  const typeaheadRef = useRef({ buffer: '', timer: 0 });\n  const [currentSearchText, setCurrentSearchText] = useState('');\n\n  // Unique per instance: a fixed id would make InfiniteScroll attach its scroll listener to\n  // the FIRST matching node in the document, which can be another select's list still\n  // mounted while its close animation plays.\n  const scrollableContainerId = useId();\n  const scrollableContainerRef = useRef<HTMLDivElement>(null);\n  const isLoadingMoreRef = useRef(false);\n\n  // Re-sync the rendered list when the consumer's options change. In client-filtered mode an\n  // active search survives the re-sync (same predicate as UnifiedSearchBar), otherwise a parent\n  // re-render would wipe the filter while the term stays in the search box.\n  useEffect(() => {\n    if (!infiniteScroll && currentSearchText) {\n      setFilteredOptions(\n        options.filter((option) =>\n          [option.label, option.secondaryLabel].some((field) => formatFilter(String(field ?? ''), currentSearchText)),\n        ),\n      );\n      return;\n    }\n    setFilteredOptions(options);\n  }, [options]);\n\n  const requestPagedOptions = useCallback(\n    async (params: IControlledSelectFetchParams) => {\n      if (!fetchMoreOptions) return;\n      try {\n        await fetchMoreOptions(params);\n      } catch (fetchError) {\n        uiLogger.error('Failed to fetch select options', fetchError);\n      }\n    },\n    [fetchMoreOptions],\n  );\n\n  const handleLoadMoreFromScroll = useCallback(async () => {\n    if (!infiniteScroll || !hasMoreOptions || isLoadingMoreRef.current) return;\n    isLoadingMoreRef.current = true;\n    try {\n      await requestPagedOptions({ search: currentSearchText, reset: false });\n    } finally {\n      isLoadingMoreRef.current = false;\n    }\n  }, [infiniteScroll, hasMoreOptions, requestPagedOptions, currentSearchText]);\n\n  const handleServerSearch = useCallback(\n    (searchText: string) => {\n      setCurrentSearchText(searchText);\n      if (!infiniteScroll) return;\n      if (scrollableContainerRef.current) scrollableContainerRef.current.scrollTop = 0;\n      void requestPagedOptions({ search: searchText, reset: true });\n    },\n    [infiniteScroll, requestPagedOptions],\n  );\n\n  // Closing with an active search would leave the consumer's list holding only the search\n  // results, so the next open would show a filtered list with an empty search box. Restore\n  // the unfiltered baseline as the menu closes.\n  useEffect(() => {\n    if (isOpen || !infiniteScroll || currentSearchText === '') return;\n    setCurrentSearchText('');\n    void requestPagedOptions({ search: '', reset: true });\n  }, [isOpen]);\n\n  const handleSelect = useCallback(\n    (option: string, event: React.MouseEvent) => {\n      if (disabled) return;\n\n      if (multiple) {\n        event.stopPropagation();\n        event.preventDefault();\n\n        const currentSelection = selected as Array<string>;\n        if (currentSelection.includes(option)) {\n          const newSelection = currentSelection.filter((item) => item !== option);\n          setSelected(newSelection);\n          onChangeHook(newSelection);\n        } else {\n          const newSelection = [...currentSelection, option];\n          setSelected(newSelection);\n          onChangeHook(newSelection);\n        }\n      } else {\n        setSelected(option);\n        onChangeHook(option);\n        if (!infiniteScroll) {\n          setCurrentSearchText('');\n          setFilteredOptions(options);\n        }\n        setIsOpen(false);\n      }\n    },\n    [disabled, multiple, selected, onChangeHook, options, infiniteScroll],\n  );\n\n  const handleClearSelection = useCallback(() => {\n    if (disabled) return;\n\n    if (multiple) {\n      setSelected([]);\n      onChangeHook([]);\n    } else {\n      setSelected('');\n      onChangeHook('');\n    }\n\n    if (!infiniteScroll) {\n      setCurrentSearchText('');\n      setFilteredOptions(options);\n    }\n\n    if (onClearSearch) {\n      onClearSearch();\n    }\n  }, [disabled, multiple, onChangeHook, onClearSearch, options, infiniteScroll]);\n\n  const getDisplayLabel = useCallback(() => {\n    if (multiple) {\n      const selectedArray = selected as Array<string>;\n      if (selectedArray.length === 0) {\n        return '';\n      } else if (selectedArray.length === 1) {\n        const foundOption = options.find((item) => item.value === selectedArray[0]);\n\n        return formatLabel(foundOption?.label || selectedArray[0]);\n      } else {\n        return `${selectedArray.length} itens selecionados`;\n      }\n    } else {\n      const foundOption = options.find((item) => item.value === selected);\n\n      return formatLabel(foundOption?.label || (selected as string) || label);\n    }\n  }, [multiple, selected, options, label, formatLabel]);\n\n  const getOptionId = useCallback(\n    (index: number) => `${scrollableContainerId}-option-${index}`,\n    [scrollableContainerId],\n  );\n\n  const isOptionEnabled = useCallback(\n    (index: number) => {\n      const option = filteredOptions[index];\n      return Boolean(option) && !option.disabled;\n    },\n    [filteredOptions],\n  );\n\n  /** Next enabled index from `start` walking by `step`, or -1. Never wraps (APG select-only). */\n  const findEnabledIndex = useCallback(\n    (start: number, step: 1 | -1) => {\n      for (let index = start; index >= 0 && index < filteredOptions.length; index += step) {\n        if (isOptionEnabled(index)) return index;\n      }\n      return -1;\n    },\n    [filteredOptions.length, isOptionEnabled],\n  );\n\n  const getSelectedIndex = useCallback(() => {\n    const firstSelected = multiple ? (selected as Array<string>)[0] : (selected as string);\n    const index = filteredOptions.findIndex((option) => option.value === firstSelected);\n    return index >= 0 && isOptionEnabled(index) ? index : -1;\n  }, [multiple, selected, filteredOptions, isOptionEnabled]);\n\n  const focusOptionAt = useCallback((index: number) => {\n    if (index < 0) return;\n    setActiveIndex(index);\n    pendingFocusIndexRef.current = index;\n    setFocusRequest((request) => request + 1);\n  }, []);\n\n  const focusSearchInput = useCallback(() => {\n    const searchInput = menuListRef.current?.querySelector<HTMLInputElement>(`.${SEARCH_INPUT_MARKER_CLASS}`);\n    if (!searchInput) return false;\n    searchInput.focus();\n    return true;\n  }, []);\n\n  const findTypeaheadMatch = useCallback(\n    (key: string, fromIndex: number) => {\n      const state = typeaheadRef.current;\n      window.clearTimeout(state.timer);\n      state.buffer += key.toLowerCase();\n      state.timer = window.setTimeout(() => {\n        state.buffer = '';\n      }, TYPEAHEAD_RESET_MS);\n\n      // Repeating one letter cycles through the options that start with it.\n      const isCycling = state.buffer.split('').every((char) => char === state.buffer[0]);\n      const term = isCycling ? state.buffer[0] : state.buffer;\n      const start = isCycling ? fromIndex + 1 : Math.max(fromIndex, 0);\n      const total = filteredOptions.length;\n\n      for (let offset = 0; offset < total; offset += 1) {\n        const index = (start + offset) % total;\n        const label = formatLabel(filteredOptions[index]?.label).toLowerCase();\n        if (isOptionEnabled(index) && label.startsWith(term)) return index;\n      }\n      return -1;\n    },\n    [filteredOptions, formatLabel, isOptionEnabled],\n  );\n\n  type TOpenTarget = 'selected' | 'first' | 'last' | number;\n\n  const openAndFocus = useCallback(\n    (target: TOpenTarget) => {\n      if (disabled) return;\n      if (!isOpen) {\n        setIsOpen(true);\n        onOpen?.();\n      }\n\n      if (searchable && target === 'selected') {\n        // With a search field the keyboard lands on it; ArrowDown then walks into the options.\n        pendingFocusIndexRef.current = -1;\n        setFocusRequest((request) => request + 1);\n        return;\n      }\n\n      let index: number;\n      if (typeof target === 'number') index = target;\n      else if (target === 'first') index = findEnabledIndex(0, 1);\n      else if (target === 'last') index = findEnabledIndex(filteredOptions.length - 1, -1);\n      else index = getSelectedIndex() >= 0 ? getSelectedIndex() : findEnabledIndex(0, 1);\n      focusOptionAt(index);\n    },\n    [disabled, isOpen, onOpen, searchable, findEnabledIndex, filteredOptions.length, getSelectedIndex, focusOptionAt],\n  );\n\n  // Moves DOM focus to the requested option once it is rendered: a virtualized row far from\n  // the viewport only exists after react-window re-renders at the new scroll offset.\n  useEffect(() => {\n    const index = pendingFocusIndexRef.current;\n    if (!isOpen || index === null) return undefined;\n\n    if (index >= 0) virtualListRef.current?.scrollToItem(index);\n\n    let attempts = 0;\n    let frame = 0;\n    const tryFocus = () => {\n      if (index < 0) {\n        if (focusSearchInput()) {\n          pendingFocusIndexRef.current = null;\n          return;\n        }\n      } else {\n        const node = document.getElementById(getOptionId(index));\n        if (node) {\n          pendingFocusIndexRef.current = null;\n          node.focus({ preventScroll: Boolean(virtualListRef.current) });\n          if (!virtualListRef.current) node.scrollIntoView?.({ block: 'nearest' });\n          return;\n        }\n      }\n      attempts += 1;\n      if (attempts < FOCUS_RETRY_FRAMES) frame = window.requestAnimationFrame(tryFocus);\n    };\n\n    tryFocus();\n    return () => window.cancelAnimationFrame(frame);\n  }, [isOpen, focusRequest]);\n\n  // Closing hands focus back to the trigger when it was inside the list (a keyboard or pointer\n  // selection, ESC) or was lost with it; a click elsewhere keeps the focus it moved.\n  const wasOpenRef = useRef(false);\n  useEffect(() => {\n    if (isOpen) {\n      wasOpenRef.current = true;\n      return;\n    }\n    if (!wasOpenRef.current) return;\n    wasOpenRef.current = false;\n    setActiveIndex(-1);\n    pendingFocusIndexRef.current = null;\n\n    const active = document.activeElement;\n    const focusWasInList = Boolean(active && menuListRef.current?.contains(active));\n    if (focusWasInList || active === document.body || active === null) {\n      triggerInputRef.current?.focus({ preventScroll: true });\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    setActiveIndex(-1);\n  }, [filteredOptions]);\n\n  // A multi-select toggle re-renders the virtualized rows, which replaces the focused node:\n  // put focus back on the same option so the keyboard user keeps their place.\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    const active = document.activeElement;\n    if (active === null || active === document.body) focusOptionAt(activeIndex);\n  }, [selected]);\n\n  useEffect(() => () => window.clearTimeout(typeaheadRef.current.timer), []);\n\n  // The list is named like its trigger, including a trigger named only by `<label htmlFor>`.\n  const listboxLabel =\n    triggerAttributes['aria-label'] ??\n    ariaLabel ??\n    label ??\n    (isOpen ? triggerInputRef.current?.labels?.[0]?.textContent?.trim() || undefined : undefined);\n\n  const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n      case 'ArrowDown':\n        event.preventDefault();\n        openAndFocus(isOpen && event.key === 'ArrowDown' && activeIndex >= 0 ? activeIndex : 'selected');\n        return;\n      case 'ArrowUp':\n        event.preventDefault();\n        openAndFocus(getSelectedIndex() >= 0 ? getSelectedIndex() : 'last');\n        return;\n      case 'Home':\n        event.preventDefault();\n        openAndFocus('first');\n        return;\n      case 'End':\n        event.preventDefault();\n        openAndFocus('last');\n        return;\n      case 'Escape':\n        if (!isOpen) return;\n        // Marks it handled so an enclosing dialog does not close too.\n        event.preventDefault();\n        setIsOpen(false);\n        return;\n      case 'Tab':\n        if (isOpen) setIsOpen(false);\n        return;\n      default:\n        if (!isPrintableKey(event) || searchable) return;\n        event.preventDefault();\n        openAndFocus(findTypeaheadMatch(event.key, getSelectedIndex()));\n    }\n  };\n\n  const handleListKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const target = event.target as HTMLElement;\n    const isOnSearch = target.classList.contains(SEARCH_INPUT_MARKER_CLASS);\n    const optionNode = target.closest<HTMLElement>('[role=\"option\"]');\n    const currentIndex = optionNode ? Number(optionNode.dataset.optionIndex ?? -1) : activeIndex;\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        const next = isOnSearch ? findEnabledIndex(0, 1) : findEnabledIndex(currentIndex + 1, 1);\n        focusOptionAt(next);\n        return;\n      }\n      case 'ArrowUp': {\n        if (isOnSearch) return;\n        event.preventDefault();\n        const previous = findEnabledIndex(currentIndex - 1, -1);\n        if (previous >= 0) focusOptionAt(previous);\n        else if (searchable) focusSearchInput();\n        return;\n      }\n      case 'Home':\n      case 'End':\n        if (isOnSearch) return;\n        event.preventDefault();\n        focusOptionAt(event.key === 'Home' ? findEnabledIndex(0, 1) : findEnabledIndex(filteredOptions.length - 1, -1));\n        return;\n      case 'Escape':\n        event.preventDefault();\n        setIsOpen(false);\n        return;\n      case 'Tab':\n        event.preventDefault();\n        setIsOpen(false);\n        triggerInputRef.current?.focus({ preventScroll: true });\n        return;\n      default:\n        if (isOnSearch || !isPrintableKey(event) || event.key === ' ') return;\n        event.preventDefault();\n        focusOptionAt(findTypeaheadMatch(event.key, currentIndex));\n    }\n  };\n\n  const renderOptionItem = useCallback(\n    (option: IFilterOption, index: number, style?: React.CSSProperties) => {\n      const isSelected = multiple\n        ? Array.isArray(selected) && selected.includes(option.value)\n        : option.value === selected;\n\n      // A disabled option explains itself on hover over the WHOLE row, not just the info icon.\n      const isDisabledWithReason = Boolean(option.disabled && option.tooltip);\n\n      const menuItem = (\n        <ControlledMenuItem\n          key={isDisabledWithReason ? undefined : option.value}\n          disabled={option.disabled}\n          onClick={(event: React.MouseEvent) => handleSelect(option.value, event)}\n          role=\"option\"\n          id={getOptionId(index)}\n          tabIndex={-1}\n          aria-selected={isSelected}\n          aria-setsize={filteredOptions.length}\n          aria-posinset={index + 1}\n          data-option-index={index}\n          className={classNames(\n            'relative flex items-center p-2 pl-3 text-foreground',\n            'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n            {\n              // The hover variant has to live inside the selected branch: the menu item's own\n              // default hover would otherwise wipe the selected tint.\n              'bg-brand-soft font-medium text-brand-emphasis hover:!bg-brand-soft focus:!bg-brand-soft': isSelected,\n              'hover:!bg-muted': !isSelected,\n            },\n          )}\n          style={{\n            ...(isDisabledWithReason ? {} : style),\n            height: ITEM_HEIGHT - 1,\n          }}\n        >\n          {isSelected && <span className=\"absolute inset-y-1 left-0 w-0.5 rounded-full bg-brand\" />}\n          {multiple && (\n            // The option itself carries aria-selected; the checkbox is only its picture.\n            <span aria-hidden className=\"pointer-events-none\">\n              <ControlledCheckbox checked={isSelected} onChange={() => {}} />\n            </span>\n          )}\n          {option.tooltip && !isDisabledWithReason && (\n            <ControlledTooltip content={option.tooltip} className=\"w-full max-w-72\">\n              <MaterialSymbol icon=\"info\" size={15} color=\"rgb(var(--color-foreground-subtle))\" className=\"mr-1\" />\n            </ControlledTooltip>\n          )}\n          {option.swatch && (\n            <span\n              className={classNames(\n                'mr-2 size-3.5 shrink-0 border border-border',\n                swatchShape === 'square' ? 'rounded' : 'rounded-full',\n              )}\n              style={{ backgroundColor: option.swatch }}\n            />\n          )}\n          <span className=\"truncate text-sm\">{formatLabel(option.label)}</span>\n          {option.secondaryLabel && option.emphasizeSecondaryLabel && (\n            <OutlinedChip\n              label={option.secondaryLabel}\n              tone=\"purple\"\n              variant=\"soft\"\n              size=\"xs\"\n              preserveLabelCase\n              truncate\n              className=\"ml-auto max-w-[45%] shrink-0\"\n            />\n          )}\n          {option.secondaryLabel && !option.emphasizeSecondaryLabel && (\n            <span className=\"ml-auto max-w-[45%] shrink-0 truncate pl-3 text-xs text-foreground-faint\">\n              {option.secondaryLabel}\n            </span>\n          )}\n        </ControlledMenuItem>\n      );\n\n      // The wrapper div carries the virtualized position because the tooltip clones its child and\n      // injects its own ref.\n      return isDisabledWithReason ? (\n        <ControlledTooltip key={option.value} content={option.tooltip} className=\"z-[9999] max-w-72\">\n          <div style={style}>{menuItem}</div>\n        </ControlledTooltip>\n      ) : (\n        menuItem\n      );\n    },\n    [multiple, selected, handleSelect, formatLabel, getOptionId, filteredOptions.length],\n  );\n\n  const ItemRenderer = useCallback(\n    ({ index, style }: { index: number; style: React.CSSProperties }) => {\n      const option = filteredOptions[index];\n      if (!option) return null;\n\n      return renderOptionItem(option, index, style);\n    },\n    [filteredOptions, renderOptionItem],\n  );\n\n  const listHeight = useMemo(\n    () => Math.min(filteredOptions.length * ITEM_HEIGHT, MAX_LIST_HEIGHT),\n    [filteredOptions.length],\n  );\n\n  const selectedSwatch = useMemo(\n    () => (multiple ? undefined : options.find((option) => option.value === selected)?.swatch),\n    [multiple, options, selected],\n  );\n\n  // Com uma opção selecionada, o próprio valor identifica o campo: a label flutuante\n  // some (evita duplicar quando já há um rótulo externo acima do select).\n  const selectedHasValue = multiple ? (selected as Array<string>).length > 0 : selected !== '';\n\n  /**\n   * Opção declarada com valor vazio (\"Todas\", \"Nenhum\", \"Sem recorte\"): é uma\n   * escolha de verdade, não a ausência de escolha, então o campo precisa exibir\n   * o rótulo dela em vez de ficar em branco.\n   */\n  const hasEmptyValueOption = useMemo(\n    () => !multiple && options.some((option) => option.value === ''),\n    [multiple, options],\n  );\n\n  // The dropdown is portaled, so a percentage width would resolve against the\n  // page, and a runtime pixel value cannot become a Tailwind arbitrary class.\n  // The measured width is written straight onto the node: the floating logic\n  // overwrites the MenuList `style` prop with its own position, and React never\n  // clears `width` because it is not part of that style object.\n  // It runs as a layout effect because the panel also carries a fallback width class:\n  // measuring after paint would show that width for one frame, mid enter animation.\n  useLayoutEffect(() => {\n    const menuList = menuListRef.current;\n    const trigger = triggerRef.current;\n    if (!matchTriggerWidth || !isOpen || !menuList || !trigger) return undefined;\n\n    const applyTriggerWidth = () => {\n      menuList.style.width = `${trigger.getBoundingClientRect().width}px`;\n    };\n\n    applyTriggerWidth();\n\n    const resizeObserver = new ResizeObserver(applyTriggerWidth);\n    resizeObserver.observe(trigger);\n\n    return () => resizeObserver.disconnect();\n  }, [matchTriggerWidth, isOpen]);\n\n  // Moving the pointer inside the menu makes floating-ui's list navigation pull\n  // focus off the search field (it focuses the hovered option, or the menu\n  // container on pointer leave). Take focus back whenever the pointer caused it,\n  // while leaving keyboard navigation into the options alone.\n  useEffect(() => {\n    const menuList = menuListRef.current;\n    if (!isOpen || !searchable || !menuList) return undefined;\n\n    let isKeyboardInteraction = false;\n    let restoreFrame = 0;\n\n    const markKeyboardInteraction = () => {\n      isKeyboardInteraction = true;\n    };\n\n    const markPointerInteraction = () => {\n      isKeyboardInteraction = false;\n    };\n\n    const restoreSearchFocus = (event: FocusEvent) => {\n      const searchInput = menuList.querySelector<HTMLInputElement>(`.${SEARCH_INPUT_MARKER_CLASS}`);\n      if (!searchInput || event.target !== searchInput || isKeyboardInteraction) return;\n\n      const nextFocused = event.relatedTarget as Node | null;\n      if (nextFocused && !menuList.contains(nextFocused)) return;\n\n      // The steal happens as this event is dispatched, so reclaim on the next frame.\n      restoreFrame = window.requestAnimationFrame(() => searchInput.focus({ preventScroll: true }));\n    };\n\n    menuList.addEventListener('keydown', markKeyboardInteraction, true);\n    menuList.addEventListener('pointermove', markPointerInteraction, true);\n    menuList.addEventListener('focusout', restoreSearchFocus);\n\n    return () => {\n      window.cancelAnimationFrame(restoreFrame);\n      menuList.removeEventListener('keydown', markKeyboardInteraction, true);\n      menuList.removeEventListener('pointermove', markPointerInteraction, true);\n      menuList.removeEventListener('focusout', restoreSearchFocus);\n    };\n  }, [isOpen, searchable]);\n\n  const handleClearSearch = useCallback(() => {\n    setCurrentSearchText('');\n\n    if (infiniteScroll) {\n      if (scrollableContainerRef.current) scrollableContainerRef.current.scrollTop = 0;\n      void requestPagedOptions({ search: '', reset: true });\n    } else {\n      setFilteredOptions(options);\n    }\n\n    if (onClearSearch) {\n      onClearSearch();\n    }\n  }, [infiniteScroll, requestPagedOptions, onClearSearch, options]);\n\n  const getSelectedOptionsLabels = useCallback(() => {\n    if (!multiple || !selected || (selected as Array<string>).length === 0) {\n      return [];\n    }\n\n    const selectedArray = selected as Array<string>;\n\n    return selectedArray.map((value) => {\n      const trimmedValue = value.trim();\n      const foundOption = options.find((option) => option.value === trimmedValue);\n      return {\n        value: trimmedValue,\n        label: foundOption?.label || trimmedValue,\n        swatch: foundOption?.swatch,\n      };\n    });\n  }, [multiple, selected, options]);\n\n  const isLateralPosition = selectedItemsPosition === 'left' || selectedItemsPosition === 'right';\n\n  const inFieldChipItems = inFieldChips ? getSelectedOptionsLabels() : [];\n  const showInFieldChips = inFieldChips && multiple && inFieldChipItems.length > 0;\n  const visibleInFieldChips = inFieldChipItems.slice(0, MAX_IN_FIELD_CHIPS);\n  const inFieldOverflow = inFieldChipItems.length - visibleInFieldChips.length;\n  const inFieldChipsTooltip = inFieldChipItems.map((option) => formatLabel(option.label)).join(', ');\n\n  const selectedItemsChips = showSelectedItems && multiple && getSelectedOptionsLabels().length > 1 && (\n    <div className=\"flex flex-wrap gap-1\">\n      {getSelectedOptionsLabels().map((option) => (\n        <OutlinedChip\n          key={option.value}\n          label={option.label}\n          preserveLabelCase={preserveLabelCase}\n          dot={Boolean(option.swatch)}\n          dotColor={option.swatch}\n          className={classNames('bg-muted-active text-lg', { 'px-4 py-1': isLateralPosition })}\n          labelClassName={isLateralPosition ? 'text-sm' : undefined}\n          onClose={(event: React.MouseEvent) => handleSelect(option.value, event)}\n          canClose={!disabled}\n        />\n      ))}\n    </div>\n  );\n\n  const showClear =\n    clearable &&\n    !disabled &&\n    Boolean(selected) &&\n    (multiple ? (selected as Array<string>).length > 0 : selected !== '');\n\n  const cursorClassName = disabled ? 'cursor-not-allowed' : 'cursor-pointer';\n\n  return (\n    <ControlledMenuRoot\n      placement=\"bottom-start\"\n      open={isOpen && !disabled}\n      handler={(next) => {\n        if (disabled) return;\n        setIsOpen(next);\n        if (!next) return;\n        onOpen?.();\n        // Opening with the pointer lands on the search field too, so typing right away filters\n        // instead of being lost. Skipped on touch, where focusing would pop the keyboard over the list.\n        if (searchable && !isCoarsePointer()) {\n          pendingFocusIndexRef.current = -1;\n          setFocusRequest((request) => request + 1);\n        }\n      }}\n      dismiss={{ itemPress: !multiple }}\n    >\n      <ControlledMenuHandler skipTriggerAria>\n        <div\n          className={classNames('flex', {\n            'flex-col gap-y-2': selectedItemsPosition === 'bottom' || selectedItemsPosition === 'top',\n            'flex-row items-start gap-x-2': selectedItemsPosition === 'left' || selectedItemsPosition === 'right',\n          })}\n        >\n          {(selectedItemsPosition === 'top' || selectedItemsPosition === 'left') && selectedItemsChips}\n          <div ref={triggerRef} className={classNames('relative', cursorClassName, className)}>\n            {selectedSwatch && (\n              <span\n                className={classNames(\n                  'pointer-events-none absolute left-3 top-1/2 z-10 size-3.5 -translate-y-1/2 border border-border',\n                  swatchShape === 'square' ? 'rounded' : 'rounded-full',\n                )}\n                style={{ backgroundColor: selectedSwatch }}\n              />\n            )}\n            {showInFieldChips && (\n              <ControlledTooltip content={inFieldChipsTooltip} className=\"max-w-72\">\n                <div\n                  className={classNames(\n                    'absolute inset-y-0 left-2.5 right-14 z-10 flex items-center gap-1 overflow-hidden',\n                    cursorClassName,\n                  )}\n                >\n                  {visibleInFieldChips.map((option) => (\n                    <OutlinedChip\n                      key={option.value}\n                      label={option.label}\n                      preserveLabelCase={preserveLabelCase}\n                      dot={Boolean(option.swatch)}\n                      dotColor={option.swatch}\n                      className=\"min-w-0 shrink-0 bg-muted-active\"\n                      labelClassName=\"text-xxs\"\n                    />\n                  ))}\n                  {inFieldOverflow > 0 && (\n                    <OutlinedChip\n                      label={t('controlledSelect.moreItems', { count: inFieldOverflow })}\n                      className=\"min-w-0 shrink-0 bg-muted-active\"\n                      labelClassName=\"text-xxs\"\n                    />\n                  )}\n                </div>\n              </ControlledTooltip>\n            )}\n            <ControlledInput\n              {...triggerAttributes}\n              id={id}\n              inputRef={triggerInputRef}\n              onBlur={onBlur}\n              onFocus={onFocus}\n              autoFocus={autoFocus}\n              readOnly\n              role=\"combobox\"\n              // eslint-disable-next-line i18n-check/no-literal-jsx-strings -- ARIA token, not user-facing text\n              aria-haspopup=\"listbox\"\n              aria-expanded={isOpen}\n              aria-controls={isOpen ? scrollableContainerId : undefined}\n              onKeyDown={handleTriggerKeyDown}\n              className={classNames(\n                'controlled-select-input flex w-full min-w-0 justify-between truncate text-left',\n                !compact && 'tablet:min-w-52',\n                cursorClassName,\n                selectedSwatch && '!pl-9',\n                // O \"x\" é absoluto SOBRE o input: sem esta reserva o rótulo passa por baixo dele.\n                showClear && '!pr-14',\n                inputClassName,\n              )}\n              error={error}\n              autoComplete=\"off\"\n              rightSlot={<MaterialSymbol className={cursorClassName} icon=\"keyboard_arrow_down\" size={15} />}\n              label={selectedHasValue && !persistentLabel ? undefined : label}\n              aria-label={triggerAttributes['aria-label'] ?? ariaLabel ?? label}\n              aria-required={ariaRequired || required ? true : triggerAttributes['aria-required']}\n              value={showInFieldChips ? ' ' : selectedHasValue || hasEmptyValueOption ? getDisplayLabel() : ''}\n              disabled={disabled}\n            />\n\n            {showClear && (\n              <ControlledTooltip content={t('dates.clearSelection')}>\n                <div\n                  onClick={handleClearSelection}\n                  className=\"absolute inset-y-0 right-8 top-0.5 flex cursor-pointer items-center\"\n                >\n                  <MaterialSymbol icon=\"close_small\" size={20} color=\"rgb(var(--color-foreground-subtle))\" />\n                </div>\n              </ControlledTooltip>\n            )}\n          </div>\n\n          {name &&\n            (multiple\n              ? (selected as Array<string>).map((value) => (\n                  <input key={value} type=\"hidden\" name={name} value={value} disabled={disabled} />\n                ))\n              : selected !== '' && <input type=\"hidden\" name={name} value={selected as string} disabled={disabled} />)}\n\n          {(selectedItemsPosition === 'bottom' || selectedItemsPosition === 'right') && selectedItemsChips}\n        </div>\n      </ControlledMenuHandler>\n\n      <ControlledMenuList\n        ref={menuListRef}\n        role=\"presentation\"\n        onKeyDown={handleListKeyDown}\n        className={classNames(\n          'zIndexMax overflow-hidden',\n          FALLBACK_LIST_WIDTH_CLASS,\n          MIN_LIST_WIDTH_CLASS,\n          listClassName,\n        )}\n      >\n        {searchable && (\n          <SelectSearchSlot>\n            <UnifiedSearchBar\n              mode=\"default\"\n              label={t('actions.search')}\n              debounceTime={SEARCH_DEBOUNCE_MS}\n              // Em modo infinito quem filtra é o servidor: sem itens, a barra só reporta o\n              // termo via onSearchTermChange e nunca escreve na lista local.\n              searchableItems={infiniteScroll ? null : options}\n              searchKeys={['label', 'secondaryLabel']}\n              setFilteredItems={setFilteredOptions}\n              onSearchTermChange={handleServerSearch}\n              className={classNames('w-full', SEARCH_INPUT_MARKER_CLASS)}\n              onClearFilter={handleClearSearch}\n              initialValue={currentSearchText}\n            />\n          </SelectSearchSlot>\n        )}\n\n        <div\n          ref={scrollableContainerRef}\n          className={classNames({\n            'max-h-[250px] overflow-y-auto overscroll-contain': infiniteScroll,\n            'overflow-hidden': !infiniteScroll,\n          })}\n          id={scrollableContainerId}\n          role=\"listbox\"\n          aria-multiselectable={multiple || undefined}\n          aria-labelledby={triggerAttributes['aria-labelledby']}\n          aria-label={triggerAttributes['aria-labelledby'] ? undefined : listboxLabel}\n        >\n          {infiniteScroll ? (\n            <InfiniteScroll\n              dataLength={filteredOptions.length}\n              // O loader do InfiniteScroll é renderizado sempre que `hasMore` é verdadeiro, ao lado\n              // do conteúdo. Com a lista vazia isso empilhava o spinner sobre o estado vazio (ou\n              // sobre o próprio spinner de `loading`): sem opções, quem manda é o bloco abaixo.\n              hasMore={hasMoreOptions && filteredOptions.length > 0}\n              next={handleLoadMoreFromScroll}\n              loader={\n                <div className=\"flex size-full items-center justify-center py-1\">\n                  <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n                </div>\n              }\n              scrollableTarget={scrollableContainerId}\n              // `overflow-hidden` makes this a scroll port the user cannot scroll, so\n              // `overscroll-none` here stopped the wheel from ever reaching the container\n              // that does scroll: the list only moved by dragging its bar. Containment\n              // belongs to that container, which already declares `overscroll-contain`.\n              className=\"!overflow-hidden\"\n            >\n              {filteredOptions.length > 0 ? (\n                filteredOptions.map((option, index) => renderOptionItem(option, index))\n              ) : loading ? (\n                <div className=\"flex w-full items-center justify-center py-4\">\n                  <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n                </div>\n              ) : (\n                <ControlledMenuItem disabled role=\"presentation\">\n                  <NoDataFound compact message={t('controlledSelect.noDataToShow')} />\n                </ControlledMenuItem>\n              )}\n            </InfiniteScroll>\n          ) : filteredOptions.length > 0 ? (\n            <List\n              ref={virtualListRef}\n              className=\"virtualized-select-list\"\n              height={listHeight}\n              // eslint-disable-next-line i18n-check/no-literal-jsx-strings\n              width=\"100%\"\n              itemCount={filteredOptions.length}\n              itemSize={ITEM_HEIGHT}\n              overscanCount={OVERSCAN_COUNT}\n            >\n              {ItemRenderer}\n            </List>\n          ) : loading ? (\n            <div className=\"flex w-full items-center justify-center py-4\">\n              <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n            </div>\n          ) : (\n            <ControlledMenuItem disabled role=\"presentation\">\n              <NoDataFound compact message={t('controlledSelect.noDataToShow')} />\n            </ControlledMenuItem>\n          )}\n        </div>\n      </ControlledMenuList>\n    </ControlledMenuRoot>\n  );\n}\n"],"names":["label","List"],"mappings":";;;;;;;;;;;;;;;;;;AA8GA,MAAM,4BAA4B;AAIlC,MAAM,uBAAuB;AAE7B,MAAM,cAAc;AACpB,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,MAAM,qBAAqB;AAE3B,MAAM,qBAAqB;AAI3B,MAAM,4BAA4B;AAElC,MAAM,kBAAkB,MACtB,OAAO,WAAW,eAClB,OAAO,OAAO,eAAe,cAC7B,OAAO,WAAW,mBAAmB,EAAE;AACzC,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;AAE3B,MAAM,iBAAiB,CAAC,UACtB,MAAM,IAAI,WAAW,KAAK,CAAC,MAAM,WAAW,CAAC,MAAM,WAAW,CAAC,MAAM;AAIvE,MAAM,mBAAuD,CAAC,EAAE,SAAA,MAC9D,oBAAC,OAAA,EAAI,WAAU,eAAc,SAAS,CAAC,UAAU,MAAM,gBAAA,GACpD,SAAA,CACH;AAGK,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV;AAAA,EACA,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AACjC,QAAM,UAAU,QAAQ,MAAO,MAAM,QAAQ,WAAW,IAAI,cAAc,CAAA,GAAK,CAAC,WAAW,CAAC;AAC5F,QAAM,cAAc;AAAA,IAClB,CAAC,UAAoB,oBAAqB,SAAS,KAAM,qBAAqB,KAAK;AAAA,IACnF,CAAC,iBAAiB;AAAA,EAAA;AAEpB,QAAM,oBAAoB;AAAA,IACxB,CAAC,UAA0D;AACzD,UAAI,UAAU;AACZ,YAAI,OAAO,UAAU,UAAU;AAC7B,iBAAO,UAAU,KAAK,CAAA,IAAK,CAAC,KAAK;AAAA,QACnC;AACA,YAAI,MAAM,QAAQ,KAAK,GAAG;AAGxB,cAAI,MAAM,WAAW,KAAK,MAAM,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,MAAM,CAAC,CAAC,GAAG;AACxG,mBAAO,MAAM,CAAC,EACX,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,MAAM,EACzB,OAAO,CAAC,SAAS,SAAS,EAAE;AAAA,UACjC;AACA,iBAAO;AAAA,QACT;AACA,eAAO,CAAA;AAAA,MACT,OAAO;AACL,eAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,UAAU,OAAO;AAAA,EAAA;AAGpB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiC,MAAM,kBAAkB,aAAa,CAAC;AAEvG,YAAU,MAAM;AACd,gBAAY,kBAAkB,aAAa,CAAC;AAAA,EAC9C,GAAG,CAAC,eAAe,iBAAiB,CAAC;AAErC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,OAAO;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,kBAAkB,OAAyB,IAAI;AACrD,QAAM,iBAAiB,OAAa,IAAI;AACxC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAClD,QAAM,uBAAuB,OAAsB,IAAI;AACvD,QAAM,eAAe,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AACpD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,EAAE;AAK7D,QAAM,wBAAwB,MAAA;AAC9B,QAAM,yBAAyB,OAAuB,IAAI;AAC1D,QAAM,mBAAmB,OAAO,KAAK;AAKrC,YAAU,MAAM;AACd,QAAI,CAAC,kBAAkB,mBAAmB;AACxC;AAAA,QACE,QAAQ;AAAA,UAAO,CAAC,WACd,CAAC,OAAO,OAAO,OAAO,cAAc,EAAE,KAAK,CAAC,UAAU,aAAa,OAAO,SAAS,EAAE,GAAG,iBAAiB,CAAC;AAAA,QAAA;AAAA,MAC5G;AAEF;AAAA,IACF;AACA,uBAAmB,OAAO;AAAA,EAC5B,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,sBAAsB;AAAA,IAC1B,OAAO,WAAyC;AAC9C,UAAI,CAAC,iBAAkB;AACvB,UAAI;AACF,cAAM,iBAAiB,MAAM;AAAA,MAC/B,SAAS,YAAY;AACnB,iBAAS,MAAM,kCAAkC,UAAU;AAAA,MAC7D;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EAAA;AAGnB,QAAM,2BAA2B,YAAY,YAAY;AACvD,QAAI,CAAC,kBAAkB,CAAC,kBAAkB,iBAAiB,QAAS;AACpE,qBAAiB,UAAU;AAC3B,QAAI;AACF,YAAM,oBAAoB,EAAE,QAAQ,mBAAmB,OAAO,OAAO;AAAA,IACvE,UAAA;AACE,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,gBAAgB,gBAAgB,qBAAqB,iBAAiB,CAAC;AAE3E,QAAM,qBAAqB;AAAA,IACzB,CAAC,eAAuB;AACtB,2BAAqB,UAAU;AAC/B,UAAI,CAAC,eAAgB;AACrB,UAAI,uBAAuB,QAAS,wBAAuB,QAAQ,YAAY;AAC/E,WAAK,oBAAoB,EAAE,QAAQ,YAAY,OAAO,MAAM;AAAA,IAC9D;AAAA,IACA,CAAC,gBAAgB,mBAAmB;AAAA,EAAA;AAMtC,YAAU,MAAM;AACd,QAAI,UAAU,CAAC,kBAAkB,sBAAsB,GAAI;AAC3D,yBAAqB,EAAE;AACvB,SAAK,oBAAoB,EAAE,QAAQ,IAAI,OAAO,MAAM;AAAA,EACtD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,eAAe;AAAA,IACnB,CAAC,QAAgB,UAA4B;AAC3C,UAAI,SAAU;AAEd,UAAI,UAAU;AACZ,cAAM,gBAAA;AACN,cAAM,eAAA;AAEN,cAAM,mBAAmB;AACzB,YAAI,iBAAiB,SAAS,MAAM,GAAG;AACrC,gBAAM,eAAe,iBAAiB,OAAO,CAAC,SAAS,SAAS,MAAM;AACtE,sBAAY,YAAY;AACxB,uBAAa,YAAY;AAAA,QAC3B,OAAO;AACL,gBAAM,eAAe,CAAC,GAAG,kBAAkB,MAAM;AACjD,sBAAY,YAAY;AACxB,uBAAa,YAAY;AAAA,QAC3B;AAAA,MACF,OAAO;AACL,oBAAY,MAAM;AAClB,qBAAa,MAAM;AACnB,YAAI,CAAC,gBAAgB;AACnB,+BAAqB,EAAE;AACvB,6BAAmB,OAAO;AAAA,QAC5B;AACA,kBAAU,KAAK;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,UAAU,cAAc,SAAS,cAAc;AAAA,EAAA;AAGtE,QAAM,uBAAuB,YAAY,MAAM;AAC7C,QAAI,SAAU;AAEd,QAAI,UAAU;AACZ,kBAAY,CAAA,CAAE;AACd,mBAAa,CAAA,CAAE;AAAA,IACjB,OAAO;AACL,kBAAY,EAAE;AACd,mBAAa,EAAE;AAAA,IACjB;AAEA,QAAI,CAAC,gBAAgB;AACnB,2BAAqB,EAAE;AACvB,yBAAmB,OAAO;AAAA,IAC5B;AAEA,QAAI,eAAe;AACjB,oBAAA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,UAAU,cAAc,eAAe,SAAS,cAAc,CAAC;AAE7E,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,UAAU;AACZ,YAAM,gBAAgB;AACtB,UAAI,cAAc,WAAW,GAAG;AAC9B,eAAO;AAAA,MACT,WAAW,cAAc,WAAW,GAAG;AACrC,cAAM,cAAc,QAAQ,KAAK,CAAC,SAAS,KAAK,UAAU,cAAc,CAAC,CAAC;AAE1E,eAAO,YAAY,aAAa,SAAS,cAAc,CAAC,CAAC;AAAA,MAC3D,OAAO;AACL,eAAO,GAAG,cAAc,MAAM;AAAA,MAChC;AAAA,IACF,OAAO;AACL,YAAM,cAAc,QAAQ,KAAK,CAAC,SAAS,KAAK,UAAU,QAAQ;AAElE,aAAO,YAAY,aAAa,SAAU,YAAuB,KAAK;AAAA,IACxE;AAAA,EACF,GAAG,CAAC,UAAU,UAAU,SAAS,OAAO,WAAW,CAAC;AAEpD,QAAM,cAAc;AAAA,IAClB,CAAC,UAAkB,GAAG,qBAAqB,WAAW,KAAK;AAAA,IAC3D,CAAC,qBAAqB;AAAA,EAAA;AAGxB,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAAkB;AACjB,YAAM,SAAS,gBAAgB,KAAK;AACpC,aAAO,QAAQ,MAAM,KAAK,CAAC,OAAO;AAAA,IACpC;AAAA,IACA,CAAC,eAAe;AAAA,EAAA;AAIlB,QAAM,mBAAmB;AAAA,IACvB,CAAC,OAAe,SAAiB;AAC/B,eAAS,QAAQ,OAAO,SAAS,KAAK,QAAQ,gBAAgB,QAAQ,SAAS,MAAM;AACnF,YAAI,gBAAgB,KAAK,EAAG,QAAO;AAAA,MACrC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,gBAAgB,QAAQ,eAAe;AAAA,EAAA;AAG1C,QAAM,mBAAmB,YAAY,MAAM;AACzC,UAAM,gBAAgB,WAAY,SAA2B,CAAC,IAAK;AACnE,UAAM,QAAQ,gBAAgB,UAAU,CAAC,WAAW,OAAO,UAAU,aAAa;AAClF,WAAO,SAAS,KAAK,gBAAgB,KAAK,IAAI,QAAQ;AAAA,EACxD,GAAG,CAAC,UAAU,UAAU,iBAAiB,eAAe,CAAC;AAEzD,QAAM,gBAAgB,YAAY,CAAC,UAAkB;AACnD,QAAI,QAAQ,EAAG;AACf,mBAAe,KAAK;AACpB,yBAAqB,UAAU;AAC/B,oBAAgB,CAAC,YAAY,UAAU,CAAC;AAAA,EAC1C,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmB,YAAY,MAAM;AACzC,UAAM,cAAc,YAAY,SAAS,cAAgC,IAAI,yBAAyB,EAAE;AACxG,QAAI,CAAC,YAAa,QAAO;AACzB,gBAAY,MAAA;AACZ,WAAO;AAAA,EACT,GAAG,CAAA,CAAE;AAEL,QAAM,qBAAqB;AAAA,IACzB,CAAC,KAAa,cAAsB;AAClC,YAAM,QAAQ,aAAa;AAC3B,aAAO,aAAa,MAAM,KAAK;AAC/B,YAAM,UAAU,IAAI,YAAA;AACpB,YAAM,QAAQ,OAAO,WAAW,MAAM;AACpC,cAAM,SAAS;AAAA,MACjB,GAAG,kBAAkB;AAGrB,YAAM,YAAY,MAAM,OAAO,MAAM,EAAE,EAAE,MAAM,CAAC,SAAS,SAAS,MAAM,OAAO,CAAC,CAAC;AACjF,YAAM,OAAO,YAAY,MAAM,OAAO,CAAC,IAAI,MAAM;AACjD,YAAM,QAAQ,YAAY,YAAY,IAAI,KAAK,IAAI,WAAW,CAAC;AAC/D,YAAM,QAAQ,gBAAgB;AAE9B,eAAS,SAAS,GAAG,SAAS,OAAO,UAAU,GAAG;AAChD,cAAM,SAAS,QAAQ,UAAU;AACjC,cAAMA,SAAQ,YAAY,gBAAgB,KAAK,GAAG,KAAK,EAAE,YAAA;AACzD,YAAI,gBAAgB,KAAK,KAAKA,OAAM,WAAW,IAAI,EAAG,QAAO;AAAA,MAC/D;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,iBAAiB,aAAa,eAAe;AAAA,EAAA;AAKhD,QAAM,eAAe;AAAA,IACnB,CAAC,WAAwB;AACvB,UAAI,SAAU;AACd,UAAI,CAAC,QAAQ;AACX,kBAAU,IAAI;AACd,iBAAA;AAAA,MACF;AAEA,UAAI,cAAc,WAAW,YAAY;AAEvC,6BAAqB,UAAU;AAC/B,wBAAgB,CAAC,YAAY,UAAU,CAAC;AACxC;AAAA,MACF;AAEA,UAAI;AACJ,UAAI,OAAO,WAAW,SAAU,SAAQ;AAAA,eAC/B,WAAW,QAAS,SAAQ,iBAAiB,GAAG,CAAC;AAAA,eACjD,WAAW,OAAQ,SAAQ,iBAAiB,gBAAgB,SAAS,GAAG,EAAE;AAAA,UAC9E,SAAQ,sBAAsB,IAAI,qBAAqB,iBAAiB,GAAG,CAAC;AACjF,oBAAc,KAAK;AAAA,IACrB;AAAA,IACA,CAAC,UAAU,QAAQ,QAAQ,YAAY,kBAAkB,gBAAgB,QAAQ,kBAAkB,aAAa;AAAA,EAAA;AAKlH,YAAU,MAAM;AACd,UAAM,QAAQ,qBAAqB;AACnC,QAAI,CAAC,UAAU,UAAU,KAAM,QAAO;AAEtC,QAAI,SAAS,EAAG,gBAAe,SAAS,aAAa,KAAK;AAE1D,QAAI,WAAW;AACf,QAAI,QAAQ;AACZ,UAAM,WAAW,MAAM;AACrB,UAAI,QAAQ,GAAG;AACb,YAAI,oBAAoB;AACtB,+BAAqB,UAAU;AAC/B;AAAA,QACF;AAAA,MACF,OAAO;AACL,cAAM,OAAO,SAAS,eAAe,YAAY,KAAK,CAAC;AACvD,YAAI,MAAM;AACR,+BAAqB,UAAU;AAC/B,eAAK,MAAM,EAAE,eAAe,QAAQ,eAAe,OAAO,GAAG;AAC7D,cAAI,CAAC,eAAe,QAAS,MAAK,iBAAiB,EAAE,OAAO,WAAW;AACvE;AAAA,QACF;AAAA,MACF;AACA,kBAAY;AACZ,UAAI,WAAW,mBAAoB,SAAQ,OAAO,sBAAsB,QAAQ;AAAA,IAClF;AAEA,aAAA;AACA,WAAO,MAAM,OAAO,qBAAqB,KAAK;AAAA,EAChD,GAAG,CAAC,QAAQ,YAAY,CAAC;AAIzB,QAAM,aAAa,OAAO,KAAK;AAC/B,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,iBAAW,UAAU;AACrB;AAAA,IACF;AACA,QAAI,CAAC,WAAW,QAAS;AACzB,eAAW,UAAU;AACrB,mBAAe,EAAE;AACjB,yBAAqB,UAAU;AAE/B,UAAM,SAAS,SAAS;AACxB,UAAM,iBAAiB,QAAQ,UAAU,YAAY,SAAS,SAAS,MAAM,CAAC;AAC9E,QAAI,kBAAkB,WAAW,SAAS,QAAQ,WAAW,MAAM;AACjE,sBAAgB,SAAS,MAAM,EAAE,eAAe,MAAM;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;AACd,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,eAAe,CAAC;AAIpB,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,cAAc,EAAG;AAChC,UAAM,SAAS,SAAS;AACxB,QAAI,WAAW,QAAQ,WAAW,SAAS,oBAAoB,WAAW;AAAA,EAC5E,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM,MAAM,OAAO,aAAa,aAAa,QAAQ,KAAK,GAAG,EAAE;AAGzE,QAAM,eACJ,kBAAkB,YAAY,KAC9B,aACA,UACC,SAAS,gBAAgB,SAAS,SAAS,CAAC,GAAG,aAAa,KAAA,KAAU,SAAY;AAErF,QAAM,uBAAuB,CAAC,UAAiD;AAC7E,QAAI,SAAU;AAEd,YAAQ,MAAM,KAAA;AAAA,MACZ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,cAAM,eAAA;AACN,qBAAa,UAAU,MAAM,QAAQ,eAAe,eAAe,IAAI,cAAc,UAAU;AAC/F;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,qBAAa,iBAAA,KAAsB,IAAI,iBAAA,IAAqB,MAAM;AAClE;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,qBAAa,OAAO;AACpB;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,qBAAa,MAAM;AACnB;AAAA,MACF,KAAK;AACH,YAAI,CAAC,OAAQ;AAEb,cAAM,eAAA;AACN,kBAAU,KAAK;AACf;AAAA,MACF,KAAK;AACH,YAAI,kBAAkB,KAAK;AAC3B;AAAA,MACF;AACE,YAAI,CAAC,eAAe,KAAK,KAAK,WAAY;AAC1C,cAAM,eAAA;AACN,qBAAa,mBAAmB,MAAM,KAAK,iBAAA,CAAkB,CAAC;AAAA,IAAA;AAAA,EAEpE;AAEA,QAAM,oBAAoB,CAAC,UAA+C;AACxE,UAAM,SAAS,MAAM;AACrB,UAAM,aAAa,OAAO,UAAU,SAAS,yBAAyB;AACtE,UAAM,aAAa,OAAO,QAAqB,iBAAiB;AAChE,UAAM,eAAe,aAAa,OAAO,WAAW,QAAQ,eAAe,EAAE,IAAI;AAEjF,YAAQ,MAAM,KAAA;AAAA,MACZ,KAAK,aAAa;AAChB,cAAM,eAAA;AACN,cAAM,OAAO,aAAa,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,eAAe,GAAG,CAAC;AACvF,sBAAc,IAAI;AAClB;AAAA,MACF;AAAA,MACA,KAAK,WAAW;AACd,YAAI,WAAY;AAChB,cAAM,eAAA;AACN,cAAM,WAAW,iBAAiB,eAAe,GAAG,EAAE;AACtD,YAAI,YAAY,EAAG,eAAc,QAAQ;AAAA,iBAChC,WAAY,kBAAA;AACrB;AAAA,MACF;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AACH,YAAI,WAAY;AAChB,cAAM,eAAA;AACN,sBAAc,MAAM,QAAQ,SAAS,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,gBAAgB,SAAS,GAAG,EAAE,CAAC;AAC9G;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,kBAAU,KAAK;AACf;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,kBAAU,KAAK;AACf,wBAAgB,SAAS,MAAM,EAAE,eAAe,MAAM;AACtD;AAAA,MACF;AACE,YAAI,cAAc,CAAC,eAAe,KAAK,KAAK,MAAM,QAAQ,IAAK;AAC/D,cAAM,eAAA;AACN,sBAAc,mBAAmB,MAAM,KAAK,YAAY,CAAC;AAAA,IAAA;AAAA,EAE/D;AAEA,QAAM,mBAAmB;AAAA,IACvB,CAAC,QAAuB,OAAe,UAAgC;AACrE,YAAM,aAAa,WACf,MAAM,QAAQ,QAAQ,KAAK,SAAS,SAAS,OAAO,KAAK,IACzD,OAAO,UAAU;AAGrB,YAAM,uBAAuB,QAAQ,OAAO,YAAY,OAAO,OAAO;AAEtE,YAAM,WACJ;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,SAAS,CAAC,UAA4B,aAAa,OAAO,OAAO,KAAK;AAAA,UACtE,MAAK;AAAA,UACL,IAAI,YAAY,KAAK;AAAA,UACrB,UAAU;AAAA,UACV,iBAAe;AAAA,UACf,gBAAc,gBAAgB;AAAA,UAC9B,iBAAe,QAAQ;AAAA,UACvB,qBAAmB;AAAA,UACnB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA;AAAA;AAAA,cAGE,2FAA2F;AAAA,cAC3F,mBAAmB,CAAC;AAAA,YAAA;AAAA,UACtB;AAAA,UAEF,OAAO;AAAA,YACL,GAAI,uBAAuB,CAAA,IAAK;AAAA,YAChC,QAAQ,cAAc;AAAA,UAAA;AAAA,UAGvB,UAAA;AAAA,YAAA,cAAc,oBAAC,QAAA,EAAK,WAAU,wDAAA,CAAwD;AAAA,YACtF;AAAA,YAEC,oBAAC,QAAA,EAAK,eAAW,MAAC,WAAU,uBAC1B,UAAA,oBAAC,oBAAA,EAAmB,SAAS,YAAY,UAAU,MAAM;AAAA,YAAC,GAAG,EAAA,CAC/D;AAAA,YAED,OAAO,WAAW,CAAC,4CACjB,mBAAA,EAAkB,SAAS,OAAO,SAAS,WAAU,mBACpD,UAAA,oBAAC,gBAAA,EAAe,MAAK,QAAO,MAAM,IAAI,OAAM,uCAAsC,WAAU,OAAA,CAAO,EAAA,CACrG;AAAA,YAED,OAAO,UACN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,gBAAgB,WAAW,YAAY;AAAA,gBAAA;AAAA,gBAEzC,OAAO,EAAE,iBAAiB,OAAO,OAAA;AAAA,cAAO;AAAA,YAAA;AAAA,gCAG3C,QAAA,EAAK,WAAU,oBAAoB,UAAA,YAAY,OAAO,KAAK,GAAE;AAAA,YAC7D,OAAO,kBAAkB,OAAO,2BAC/B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,OAAO;AAAA,gBACd,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,mBAAiB;AAAA,gBACjB,UAAQ;AAAA,gBACR,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAGb,OAAO,kBAAkB,CAAC,OAAO,+CAC/B,QAAA,EAAK,WAAU,4EACb,UAAA,OAAO,eAAA,CACV;AAAA,UAAA;AAAA,QAAA;AAAA,QA7DG,uBAAuB,SAAY,OAAO;AAAA,MAAA;AAoEnD,aAAO,uBACL,oBAAC,mBAAA,EAAqC,SAAS,OAAO,SAAS,WAAU,qBACvE,UAAA,oBAAC,SAAI,OAAe,UAAA,SAAA,CAAS,KADP,OAAO,KAE/B,IAEA;AAAA,IAEJ;AAAA,IACA,CAAC,UAAU,UAAU,cAAc,aAAa,aAAa,gBAAgB,MAAM;AAAA,EAAA;AAGrF,QAAM,eAAe;AAAA,IACnB,CAAC,EAAE,OAAO,YAA2D;AACnE,YAAM,SAAS,gBAAgB,KAAK;AACpC,UAAI,CAAC,OAAQ,QAAO;AAEpB,aAAO,iBAAiB,QAAQ,OAAO,KAAK;AAAA,IAC9C;AAAA,IACA,CAAC,iBAAiB,gBAAgB;AAAA,EAAA;AAGpC,QAAM,aAAa;AAAA,IACjB,MAAM,KAAK,IAAI,gBAAgB,SAAS,aAAa,eAAe;AAAA,IACpE,CAAC,gBAAgB,MAAM;AAAA,EAAA;AAGzB,QAAM,iBAAiB;AAAA,IACrB,MAAO,WAAW,SAAY,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,QAAQ,GAAG;AAAA,IACnF,CAAC,UAAU,SAAS,QAAQ;AAAA,EAAA;AAK9B,QAAM,mBAAmB,WAAY,SAA2B,SAAS,IAAI,aAAa;AAO1F,QAAM,sBAAsB;AAAA,IAC1B,MAAM,CAAC,YAAY,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,EAAE;AAAA,IAC/D,CAAC,UAAU,OAAO;AAAA,EAAA;AAUpB,kBAAgB,MAAM;AACpB,UAAM,WAAW,YAAY;AAC7B,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,YAAY,CAAC,QAAS,QAAO;AAEnE,UAAM,oBAAoB,MAAM;AAC9B,eAAS,MAAM,QAAQ,GAAG,QAAQ,sBAAA,EAAwB,KAAK;AAAA,IACjE;AAEA,sBAAA;AAEA,UAAM,iBAAiB,IAAI,eAAe,iBAAiB;AAC3D,mBAAe,QAAQ,OAAO;AAE9B,WAAO,MAAM,eAAe,WAAA;AAAA,EAC9B,GAAG,CAAC,mBAAmB,MAAM,CAAC;AAM9B,YAAU,MAAM;AACd,UAAM,WAAW,YAAY;AAC7B,QAAI,CAAC,UAAU,CAAC,cAAc,CAAC,SAAU,QAAO;AAEhD,QAAI,wBAAwB;AAC5B,QAAI,eAAe;AAEnB,UAAM,0BAA0B,MAAM;AACpC,8BAAwB;AAAA,IAC1B;AAEA,UAAM,yBAAyB,MAAM;AACnC,8BAAwB;AAAA,IAC1B;AAEA,UAAM,qBAAqB,CAAC,UAAsB;AAChD,YAAM,cAAc,SAAS,cAAgC,IAAI,yBAAyB,EAAE;AAC5F,UAAI,CAAC,eAAe,MAAM,WAAW,eAAe,sBAAuB;AAE3E,YAAM,cAAc,MAAM;AAC1B,UAAI,eAAe,CAAC,SAAS,SAAS,WAAW,EAAG;AAGpD,qBAAe,OAAO,sBAAsB,MAAM,YAAY,MAAM,EAAE,eAAe,KAAA,CAAM,CAAC;AAAA,IAC9F;AAEA,aAAS,iBAAiB,WAAW,yBAAyB,IAAI;AAClE,aAAS,iBAAiB,eAAe,wBAAwB,IAAI;AACrE,aAAS,iBAAiB,YAAY,kBAAkB;AAExD,WAAO,MAAM;AACX,aAAO,qBAAqB,YAAY;AACxC,eAAS,oBAAoB,WAAW,yBAAyB,IAAI;AACrE,eAAS,oBAAoB,eAAe,wBAAwB,IAAI;AACxE,eAAS,oBAAoB,YAAY,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,QAAQ,UAAU,CAAC;AAEvB,QAAM,oBAAoB,YAAY,MAAM;AAC1C,yBAAqB,EAAE;AAEvB,QAAI,gBAAgB;AAClB,UAAI,uBAAuB,QAAS,wBAAuB,QAAQ,YAAY;AAC/E,WAAK,oBAAoB,EAAE,QAAQ,IAAI,OAAO,MAAM;AAAA,IACtD,OAAO;AACL,yBAAmB,OAAO;AAAA,IAC5B;AAEA,QAAI,eAAe;AACjB,oBAAA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAgB,qBAAqB,eAAe,OAAO,CAAC;AAEhE,QAAM,2BAA2B,YAAY,MAAM;AACjD,QAAI,CAAC,YAAY,CAAC,YAAa,SAA2B,WAAW,GAAG;AACtE,aAAO,CAAA;AAAA,IACT;AAEA,UAAM,gBAAgB;AAEtB,WAAO,cAAc,IAAI,CAAC,UAAU;AAClC,YAAM,eAAe,MAAM,KAAA;AAC3B,YAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,YAAY;AAC1E,aAAO;AAAA,QACL,OAAO;AAAA,QACP,OAAO,aAAa,SAAS;AAAA,QAC7B,QAAQ,aAAa;AAAA,MAAA;AAAA,IAEzB,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,UAAU,OAAO,CAAC;AAEhC,QAAM,oBAAoB,0BAA0B,UAAU,0BAA0B;AAExF,QAAM,mBAAmB,eAAe,yBAAA,IAA6B,CAAA;AACrE,QAAM,mBAAmB,gBAAgB,YAAY,iBAAiB,SAAS;AAC/E,QAAM,sBAAsB,iBAAiB,MAAM,GAAG,kBAAkB;AACxE,QAAM,kBAAkB,iBAAiB,SAAS,oBAAoB;AACtE,QAAM,sBAAsB,iBAAiB,IAAI,CAAC,WAAW,YAAY,OAAO,KAAK,CAAC,EAAE,KAAK,IAAI;AAEjG,QAAM,qBAAqB,qBAAqB,YAAY,yBAAA,EAA2B,SAAS,KAC9F,oBAAC,OAAA,EAAI,WAAU,wBACZ,UAAA,yBAAA,EAA2B,IAAI,CAAC,WAC/B;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO,OAAO;AAAA,MACd;AAAA,MACA,KAAK,QAAQ,OAAO,MAAM;AAAA,MAC1B,UAAU,OAAO;AAAA,MACjB,WAAW,WAAW,2BAA2B,EAAE,aAAa,mBAAmB;AAAA,MACnF,gBAAgB,oBAAoB,YAAY;AAAA,MAChD,SAAS,CAAC,UAA4B,aAAa,OAAO,OAAO,KAAK;AAAA,MACtE,UAAU,CAAC;AAAA,IAAA;AAAA,IARN,OAAO;AAAA,EAAA,CAUf,GACH;AAGF,QAAM,YACJ,aACA,CAAC,YACD,QAAQ,QAAQ,MACf,WAAY,SAA2B,SAAS,IAAI,aAAa;AAEpE,QAAM,kBAAkB,WAAW,uBAAuB;AAE1D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAM,UAAU,CAAC;AAAA,MACjB,SAAS,CAAC,SAAS;AACjB,YAAI,SAAU;AACd,kBAAU,IAAI;AACd,YAAI,CAAC,KAAM;AACX,iBAAA;AAGA,YAAI,cAAc,CAAC,mBAAmB;AACpC,+BAAqB,UAAU;AAC/B,0BAAgB,CAAC,YAAY,UAAU,CAAC;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,SAAS,EAAE,WAAW,CAAC,SAAA;AAAA,MAEvB,UAAA;AAAA,QAAA,oBAAC,uBAAA,EAAsB,iBAAe,MACpC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,WAAW,QAAQ;AAAA,cAC5B,oBAAoB,0BAA0B,YAAY,0BAA0B;AAAA,cACpF,gCAAgC,0BAA0B,UAAU,0BAA0B;AAAA,YAAA,CAC/F;AAAA,YAEC,UAAA;AAAA,eAAA,0BAA0B,SAAS,0BAA0B,WAAW;AAAA,cAC1E,qBAAC,SAAI,KAAK,YAAY,WAAW,WAAW,YAAY,iBAAiB,SAAS,GAC/E,UAAA;AAAA,gBAAA,kBACC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACA,gBAAgB,WAAW,YAAY;AAAA,oBAAA;AAAA,oBAEzC,OAAO,EAAE,iBAAiB,eAAA;AAAA,kBAAe;AAAA,gBAAA;AAAA,gBAG5C,oBACC,oBAAC,mBAAA,EAAkB,SAAS,qBAAqB,WAAU,YACzD,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACA;AAAA,oBAAA;AAAA,oBAGD,UAAA;AAAA,sBAAA,oBAAoB,IAAI,CAAC,WACxB;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BAEC,OAAO,OAAO;AAAA,0BACd;AAAA,0BACA,KAAK,QAAQ,OAAO,MAAM;AAAA,0BAC1B,UAAU,OAAO;AAAA,0BACjB,WAAU;AAAA,0BACV,gBAAe;AAAA,wBAAA;AAAA,wBANV,OAAO;AAAA,sBAAA,CAQf;AAAA,sBACA,kBAAkB,KACjB;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,OAAO,EAAE,8BAA8B,EAAE,OAAO,iBAAiB;AAAA,0BACjE,WAAU;AAAA,0BACV,gBAAe;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACjB;AAAA,kBAAA;AAAA,gBAAA,GAGN;AAAA,gBAEF;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,GAAG;AAAA,oBACJ;AAAA,oBACA,UAAU;AAAA,oBACV;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAQ;AAAA,oBACR,MAAK;AAAA,oBAEL,iBAAc;AAAA,oBACd,iBAAe;AAAA,oBACf,iBAAe,SAAS,wBAAwB;AAAA,oBAChD,WAAW;AAAA,oBACX,WAAW;AAAA,sBACT;AAAA,sBACA,CAAC,WAAW;AAAA,sBACZ;AAAA,sBACA,kBAAkB;AAAA;AAAA,sBAElB,aAAa;AAAA,sBACb;AAAA,oBAAA;AAAA,oBAEF;AAAA,oBACA,cAAa;AAAA,oBACb,+BAAY,gBAAA,EAAe,WAAW,iBAAiB,MAAK,uBAAsB,MAAM,IAAI;AAAA,oBAC5F,OAAO,oBAAoB,CAAC,kBAAkB,SAAY;AAAA,oBAC1D,cAAY,kBAAkB,YAAY,KAAK,aAAa;AAAA,oBAC5D,iBAAe,gBAAgB,WAAW,OAAO,kBAAkB,eAAe;AAAA,oBAClF,OAAO,mBAAmB,MAAM,oBAAoB,sBAAsB,oBAAoB;AAAA,oBAC9F;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGD,aACC,oBAAC,mBAAA,EAAkB,SAAS,EAAE,sBAAsB,GAClD,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAS;AAAA,oBACT,WAAU;AAAA,oBAEV,8BAAC,gBAAA,EAAe,MAAK,eAAc,MAAM,IAAI,OAAM,sCAAA,CAAsC;AAAA,kBAAA;AAAA,gBAAA,EAC3F,CACF;AAAA,cAAA,GAEJ;AAAA,cAEC,SACE,WACI,SAA2B,IAAI,CAAC,UAC/B,oBAAC,SAAA,EAAkB,MAAK,UAAS,MAAY,OAAc,YAA/C,KAAmE,CAChF,IACD,aAAa,MAAM,oBAAC,SAAA,EAAM,MAAK,UAAS,MAAY,OAAO,UAAoB,SAAA,CAAoB;AAAA,eAEvG,0BAA0B,YAAY,0BAA0B,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAElF;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA,YACL,WAAW;AAAA,YACX,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAGD,UAAA;AAAA,cAAA,kCACE,kBAAA,EACC,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO,EAAE,gBAAgB;AAAA,kBACzB,cAAc;AAAA,kBAGd,iBAAiB,iBAAiB,OAAO;AAAA,kBACzC,YAAY,CAAC,SAAS,gBAAgB;AAAA,kBACtC,kBAAkB;AAAA,kBAClB,oBAAoB;AAAA,kBACpB,WAAW,WAAW,UAAU,yBAAyB;AAAA,kBACzD,eAAe;AAAA,kBACf,cAAc;AAAA,gBAAA;AAAA,cAAA,GAElB;AAAA,cAGF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,WAAW,WAAW;AAAA,oBACpB,oDAAoD;AAAA,oBACpD,mBAAmB,CAAC;AAAA,kBAAA,CACrB;AAAA,kBACD,IAAI;AAAA,kBACJ,MAAK;AAAA,kBACL,wBAAsB,YAAY;AAAA,kBAClC,mBAAiB,kBAAkB,iBAAiB;AAAA,kBACpD,cAAY,kBAAkB,iBAAiB,IAAI,SAAY;AAAA,kBAE9D,UAAA,iBACC;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,YAAY,gBAAgB;AAAA,sBAI5B,SAAS,kBAAkB,gBAAgB,SAAS;AAAA,sBACpD,MAAM;AAAA,sBACN,QACE,oBAAC,OAAA,EAAI,WAAU,mDACb,UAAA,oBAAC,gBAAA,EAAe,MAAM,GAAG,OAAO,EAAE,iCAAiC,GAAG,GACxE;AAAA,sBAEF,kBAAkB;AAAA,sBAKlB,WAAU;AAAA,sBAET,0BAAgB,SAAS,IACxB,gBAAgB,IAAI,CAAC,QAAQ,UAAU,iBAAiB,QAAQ,KAAK,CAAC,IACpE,UACF,oBAAC,SAAI,WAAU,gDACb,8BAAC,gBAAA,EAAe,MAAM,GAAG,OAAO,EAAE,iCAAiC,GAAG,GACxE,IAEA,oBAAC,sBAAmB,UAAQ,MAAC,MAAK,gBAChC,UAAA,oBAAC,eAAY,SAAO,MAAC,SAAS,EAAE,+BAA+B,GAAG,EAAA,CACpE;AAAA,oBAAA;AAAA,kBAAA,IAGF,gBAAgB,SAAS,IAC3B;AAAA,oBAACC;AAAAA,oBAAA;AAAA,sBACC,KAAK;AAAA,sBACL,WAAU;AAAA,sBACV,QAAQ;AAAA,sBAER,OAAM;AAAA,sBACN,WAAW,gBAAgB;AAAA,sBAC3B,UAAU;AAAA,sBACV,eAAe;AAAA,sBAEd,UAAA;AAAA,oBAAA;AAAA,kBAAA,IAED,UACF,oBAAC,OAAA,EAAI,WAAU,gDACb,UAAA,oBAAC,gBAAA,EAAe,MAAM,GAAG,OAAO,EAAE,iCAAiC,EAAA,CAAG,EAAA,CACxE,IAEA,oBAAC,oBAAA,EAAmB,UAAQ,MAAC,MAAK,gBAChC,UAAA,oBAAC,aAAA,EAAY,SAAO,MAAC,SAAS,EAAE,+BAA+B,GAAG,EAAA,CACpE;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UI/DataTable/DataTable.js

@@ -589,7 +589,16 @@ const DataTable = ({
   );
   const editableContent = config.editing?.clickToEdit ? /* @__PURE__ */ jsx(DataTableCellEditingProvider, { children: content }) : content;
   if (!gridStore) return editableContent;
-  return /* @__PURE__ */ jsx(GridProvider, { store: gridStore, canEditCell, onFillCommit: handleFillCommit, children: editableContent });
+  return /* @__PURE__ */ jsx(
+    GridProvider,
+    {
+      store: gridStore,
+      gridAreaRef: listScrollRef,
+      canEditCell,
+      onFillCommit: handleFillCommit,
+      children: editableContent
+    }
+  );
 };
 export {
   DataTable as default

package/dist/components/UI/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../src/components/UI/DataTable/DataTable.tsx"],"sourcesContent":["import { Fragment, JSX, KeyboardEvent, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledButton from '@/components/Form/ControlledButton';\nimport { ActiveFiltersBar, buildEmptyFilterValues, emptyValueForKind } from '@/components/Search/filters';\nimport LoadingSpinner from '@/components/UI/LoadingSpinner';\nimport { MaterialSymbol } from '@/components/UI/MaterialSymbol';\nimport { useBreakpoint } from '@/hooks/useBreakpoint';\n\nimport GridProvider from './grid/GridProvider';\nimport { type IGridCellCoord } from './grid/gridTypes';\nimport { useGridFillApply } from './grid/useGridFillApply';\nimport { useGridEditMode, useGridInstance, useGridMatrixSync } from './grid/useGridInstance';\nimport { useGridKeyboard } from './grid/useGridKeyboard';\nimport DataTableAutoCard from './DataTableAutoCard';\nimport DataTableBody from './DataTableBody';\nimport DataTableBulkEditButton from './DataTableBulkEditButton';\nimport DataTableBulkEditDialog from './DataTableBulkEditDialog';\nimport { isBadgeColumnType } from './dataTableClasses';\nimport DataTableColumnToggle from './DataTableColumnToggle';\nimport { type IDataTableDetailColumnsState } from './DataTableDetailTable';\nimport DataTableEditModeButton from './DataTableEditModeButton';\nimport DataTableHead from './DataTableHead';\nimport DataTablePaginationBar, { DATA_TABLE_MIN_PAGE_SIZE } from './DataTablePagination';\nimport {\n  DataTableCardsSkeletonState,\n  DataTableEmptyState,\n  DataTableErrorState,\n  DataTableSkeletonState,\n} from './DataTableStates';\nimport DataTableToolbar from './DataTableToolbar';\nimport {\n  DATA_TABLE_REMOVE_COLUMN_ID,\n  type IDataTableColumnConfig,\n  type IDataTableConfig,\n  type IDataTableRow,\n  type IDataTableSortState,\n  type IDataTableSpreadsheetConfig,\n  isDataTableDetailTableExpansion,\n  type TDataTableFilterValues,\n  type TDataTableViewMode,\n} from './types';\nimport DataTableCellEditingProvider from './useCellEditingState';\nimport { useColumnOrder, useDetailColumnOrder } from './useColumnOrder';\nimport { useColumnSizing } from './useColumnSizing';\nimport { useColumnVisibility, useDetailColumnVisibility } from './useColumnVisibility';\nimport {\n  type IDataTableClientPaginationState,\n  type IDataTablePagination,\n  useDataTableInstance,\n} from './useDataTableInstance';\nimport { useDataTableUndoHistory } from './useDataTableUndoHistory';\n\ninterface IDataTableProps<T extends IDataTableRow, C extends IDataTableRow = IDataTableRow> {\n  config: IDataTableConfig<T, C>;\n  rows: Array<T>;\n  loading?: boolean;\n  error?: boolean;\n  /** Cause behind `error`, so the empty state can name a denial instead of a system failure. */\n  errorCause?: unknown;\n  onRetry?: () => void;\n  emptyMessage?: string;\n  searchLabel?: string;\n  onSearch?: (value: string) => void;\n  initialSearch?: string;\n  onSearchTermChange?: (value: string) => void;\n  searchDisabled?: boolean;\n  searchDebounceTime?: number;\n  searchMinLength?: number;\n  /** Renders the search input in the toolbar's start (left) group instead of the end. */\n  searchAtStart?: boolean;\n  sort?: IDataTableSortState | null;\n  onSortChange?: (sort: IDataTableSortState | null) => void;\n  pagination?: IDataTablePagination;\n  /** Client mode: seeds page/pageSize (1-based page), e.g. from the URL. */\n  initialClientPagination?: IDataTableClientPaginationState;\n  /** Client mode: reports page/pageSize changes and keeps the page across in-place row updates. */\n  onClientPaginationChange?: (pagination: IDataTableClientPaginationState) => void;\n  toolbarSlot?: JSX.Element;\n  /**\n   * Extra controls rendered in the footer's left group, right after the table's\n   * own buttons (columns, edit mode, bulk edit). For an action that belongs to\n   * the list itself rather than to the page header, so it sits beside the\n   * controls it relates to instead of competing with the page actions. The\n   * footer row renders for this slot alone when the table has no other control.\n   */\n  footerActionsSlot?: ReactNode;\n  /**\n   * Applied filter values. Passing them (together with `config.filters`) makes\n   * the table render the always-visible active-filter chips above the toolbar,\n   * so the user never has to hover the button to see what is filtering.\n   */\n  filterValues?: TDataTableFilterValues;\n  onFilterValuesChange?: (values: TDataTableFilterValues) => void;\n  /** Rendered at the start (left) of the toolbar, before tabs and view toggle. */\n  toolbarStartSlot?: JSX.Element;\n  /**\n   * Full-width band rendered as the first row of the list body, spanning every\n   * column (below the header, above the data rows). Opt-in: omit for a normal\n   * table. When set, the empty state is skipped so the band stays visible even\n   * with zero data rows (e.g. an inline \"create the first record\" editor).\n   */\n  bodyTopRow?: ReactNode;\n  /** Client mode: reports the filtered (post-search) row count on every change. */\n  onFilteredCountChange?: (count: number) => void;\n  /**\n   * Controlled view mode. When provided, the host owns the state (e.g. to persist\n   * it) and must update it via `onViewModeChange`; omit for internal state.\n   */\n  viewMode?: TDataTableViewMode;\n  /**\n   * Fired on every view-toggle click, including re-selecting the active mode\n   * (hosts use it e.g. to reopen the grouping dialog).\n   */\n  onViewModeChange?: (mode: TDataTableViewMode) => void;\n  /**\n   * Where the \"Columns\" toggle renders: `header` (default, inside the table\n   * header), `toolbar` (next to the view toggle) or `footer` (bottom-left,\n   * on the same row as the pagination).\n   */\n  columnTogglePlacement?: 'header' | 'toolbar' | 'footer';\n  /**\n   * Enables infinite scroll in the Cards view: the table observes a bottom\n   * sentinel and calls `loadMore` while `hasMore`. Pass `source.cardsInfinite`\n   * from `useDataTableSource`. The Lista view keeps its pagination bar.\n   */\n  cardsInfiniteScroll?: {\n    hasMore: boolean;\n    loadingMore: boolean;\n    loadMore: () => void;\n  };\n  /**\n   * Hides the built-in segmented view toggle. Use when the host renders its own\n   * Cards/Lista switcher (e.g. a page-level `ControlledTabs`) and drives `viewMode`\n   * itself. Other consumers keep the default toggle.\n   */\n  hideViewToggle?: boolean;\n  /**\n   * Layout mode. `page` (default): the table owns a bounded, vertically-scrolling\n   * region (`flex-1 min-h-0`) for full-page lists. `fit`: the table sizes to its\n   * content and scrolls only horizontally — for embedding inside a dialog / card /\n   * editor grid where the host container owns vertical scroll. In `fit` mode the\n   * empty state is compact (no full illustration) so surrounding controls such as\n   * the add-row button stay visible.\n   */\n  layout?: 'page' | 'fit';\n  /** Reduces cell vertical padding for more visible rows per viewport. */\n  dense?: boolean;\n  /** Roomier cell padding and type scale, for tables that need to read bigger. */\n  spacious?: boolean;\n  /**\n   * Per-cell persistence state (`statuses` from `useDataTableCommitQueue`), painted\n   * on the cells so the user sees what is saving and what failed.\n   */\n  commitStatuses?: ReadonlyMap<string, string>;\n}\n\nconst DataTable = <T extends IDataTableRow, C extends IDataTableRow = IDataTableRow>({\n  config: configProp,\n  rows,\n  loading = false,\n  error = false,\n  errorCause,\n  onRetry,\n  emptyMessage,\n  searchLabel,\n  onSearch,\n  initialSearch = '',\n  onSearchTermChange,\n  searchDisabled = false,\n  searchDebounceTime = 400,\n  searchMinLength = 1,\n  searchAtStart = false,\n  sort,\n  onSortChange,\n  pagination,\n  initialClientPagination,\n  onClientPaginationChange,\n  toolbarSlot,\n  footerActionsSlot,\n  filterValues,\n  onFilterValuesChange,\n  toolbarStartSlot,\n  bodyTopRow,\n  onFilteredCountChange,\n  viewMode: controlledViewMode,\n  onViewModeChange,\n  columnTogglePlacement = 'header',\n  cardsInfiniteScroll,\n  hideViewToggle = false,\n  layout = 'page',\n  dense: denseProp = false,\n  spacious = false,\n  commitStatuses,\n}: IDataTableProps<T, C>) => {\n  const { t } = useTranslation('ui');\n\n  const isFit = layout === 'fit';\n  const dense = !spacious && (isFit || denseProp);\n  const editingRows = configProp.editing?.rows;\n  const showAddRow = !!editingRows?.canAdd && !!editingRows.onAddRow;\n\n  const hostFillCells = configProp.spreadsheet ? configProp.spreadsheet.fill?.onFillCells : undefined;\n  const isUndoEnabled = !!configProp.editing?.onCellChange && configProp.editing.undo !== false;\n  const { recordedOnCellChange, recordedOnFillCells, handleUndoShortcut } = useDataTableUndoHistory<T>({\n    enabled: isUndoEnabled,\n    rows,\n    columns: configProp.columns,\n    onCellChange: configProp.editing?.onCellChange,\n    onFillCells: hostFillCells,\n  });\n\n  const configWithUndo = useMemo<IDataTableConfig<T, C>>(() => {\n    if (!isUndoEnabled || !configProp.editing) return configProp;\n\n    const spreadsheetConfig = configProp.spreadsheet;\n    return {\n      ...configProp,\n      editing: { ...configProp.editing, onCellChange: recordedOnCellChange },\n      spreadsheet:\n        spreadsheetConfig && spreadsheetConfig.fill?.onFillCells\n          ? { ...spreadsheetConfig, fill: { ...spreadsheetConfig.fill, onFillCells: recordedOnFillCells } }\n          : spreadsheetConfig,\n    };\n  }, [configProp, isUndoEnabled, recordedOnCellChange, recordedOnFillCells]);\n\n  // When `editing.rows.onRemoveRow` is set, append a synthetic trailing actions\n  // column carrying a per-row delete control. It is a real `actions` column, so\n  // it flows through the existing sizing / sticky-right / flex-exclusion / order\n  // paths unchanged (see useColumnOrder: actions columns are pinned to the end).\n  const config = useMemo<IDataTableConfig<T, C>>(() => {\n    if (!editingRows?.onRemoveRow) return configWithUndo;\n\n    const removeColumn: IDataTableColumnConfig<T> = {\n      id: DATA_TABLE_REMOVE_COLUMN_ID,\n      header: '',\n      type: 'actions',\n      hideable: false,\n      resizable: false,\n      actions: [\n        {\n          key: 'remove',\n          label: t('dataTable.removeRow'),\n          icon: 'delete',\n          danger: true,\n          hidden: (row) => (editingRows.canRemove ? !editingRows.canRemove(row) : false),\n          onClick: (row) => editingRows.onRemoveRow?.(row),\n        },\n      ],\n    };\n\n    return { ...configWithUndo, columns: [...configWithUndo.columns, removeColumn] };\n  }, [configWithUndo, editingRows, t]);\n\n  const { columnVisibility, onColumnVisibilityChange } = useColumnVisibility(config);\n  const { columnOrder, onColumnOrderChange, resetColumnOrder } = useColumnOrder(config);\n  const { columnSizing, onColumnSizingChange, resetColumnSizing } = useColumnSizing(config);\n\n  // Every table restores the persisted column order back to the config default\n  // on mount (equivalent to firing \"Restaurar ordem padrão\" from the columns\n  // menu), so a stale/incompatible persisted order never sticks. Does not touch\n  // column widths or visibility, and does not affect the Cards view.\n  useEffect(() => {\n    resetColumnOrder();\n  }, []);\n\n  const detailExpansionColumns =\n    config.expansion && isDataTableDetailTableExpansion(config.expansion) && Array.isArray(config.expansion.columns)\n      ? config.expansion.columns\n      : null;\n  const { detailColumnVisibility, toggleDetailColumn } = useDetailColumnVisibility(\n    config.entityKey,\n    detailExpansionColumns,\n  );\n  const { detailColumnOrder, onDetailColumnOrderChange, resetDetailColumnOrder } = useDetailColumnOrder(\n    config.entityKey,\n    detailExpansionColumns,\n  );\n\n  const detailColumnsState: IDataTableDetailColumnsState | undefined = detailExpansionColumns\n    ? {\n        visibility: detailColumnVisibility,\n        toggleVisibility: toggleDetailColumn,\n        order: detailColumnOrder,\n        onOrderChange: onDetailColumnOrderChange,\n        resetOrder: resetDetailColumnOrder,\n      }\n    : undefined;\n\n  const { isMobile } = useBreakpoint();\n\n  const hasCardView = !!config.renderCard;\n  const hasGroupedView = !!config.renderGroupedBody;\n  const hasKanbanView = !!config.renderKanbanBody;\n  // Fixed behaviour: card-capable tables always open on Cards (first), Lista second.\n  // The toggle switches within the session and resets to Cards on remount, unless\n  // the host controls the mode via the `viewMode` prop (e.g. persisted preference).\n  const [internalViewMode, setInternalViewMode] = useState<TDataTableViewMode>('cards');\n  const viewMode = controlledViewMode ?? internalViewMode;\n\n  const [isBulkEditOpen, setIsBulkEditOpen] = useState(false);\n\n  const handleViewModeChange = (mode: TDataTableViewMode) => {\n    if (controlledViewMode === undefined) setInternalViewMode(mode);\n    onViewModeChange?.(mode);\n  };\n\n  const {\n    table,\n    isClientMode,\n    columnContentWidths,\n    registerRow,\n    beginRowsExit,\n    visibleRows,\n    activeTab,\n    tabs,\n    handleTabChange,\n    handleSearchInput,\n    handleHeaderSortClick,\n    resolveSortDirection,\n    clientPaginationProps,\n    showUpdatingBar,\n    contentOpacityStyle,\n    dataTableOpacityTransitionClass,\n    showSkeleton,\n    hasRows,\n    clientSearchDebounceMs,\n  } = useDataTableInstance({\n    config,\n    rows,\n    loading,\n    sort,\n    onSortChange,\n    onSearch,\n    initialSearch,\n    onSearchTermChange,\n    pagination,\n    initialClientPagination,\n    onClientPaginationChange,\n    columnVisibility,\n    onColumnVisibilityChange,\n    columnOrder,\n    onColumnOrderChange,\n    columnSizing,\n    onColumnSizingChange,\n    onFilteredCountChange,\n  });\n\n  const columnConfigById = useMemo(\n    () => new Map(config.columns.map((columnConfig) => [columnConfig.id, columnConfig])),\n    [config.columns],\n  );\n\n  // Under `table-fixed` one column absorbs leftover horizontal space. The last\n  // visible non-actions, non-badge, non-first column is the flex column.\n  const visibleLeafColumns = table.getVisibleLeafColumns();\n  const flexColumnId = useMemo(() => {\n    if (config.flexColumnId && visibleLeafColumns.some((leafColumn) => leafColumn.id === config.flexColumnId)) {\n      return config.flexColumnId;\n    }\n\n    const candidates = visibleLeafColumns.filter((leafColumn, index) => {\n      if (index === 0) return false;\n      const type = columnConfigById.get(leafColumn.id)?.type;\n      return type !== 'actions' && !isBadgeColumnType(type);\n    });\n    return candidates[candidates.length - 1]?.id ?? null;\n  }, [visibleLeafColumns, columnConfigById, config.flexColumnId]);\n\n  // `table-fixed` sizes columns from the table width, so the table must be at\n  // least the sum of ALL column widths (including the absorber's seed) for their\n  // widths to be honored; below that the browser shrinks them proportionally.\n  // `min-w-full` still lets the table stretch to fill the container, and the\n  // auto-width absorber soaks the surplus (never shrinking below its own seed,\n  // because its seed is part of this total).\n  const totalTableWidth = useMemo(\n    () => visibleLeafColumns.reduce((sum, leafColumn) => sum + leafColumn.getSize(), 0),\n    [visibleLeafColumns, columnSizing],\n  );\n\n  // ----- Spreadsheet layer -----\n  // Toda tabela com coluna editável ganha a camada de planilha sem configuração, ativa\n  // desde a montagem. Numa tabela com `onRowClick` a célula editável é dona do próprio\n  // clique (abre o editor) e o resto da linha continua abrindo o registro.\n  const spreadsheet = useMemo<IDataTableSpreadsheetConfig<T> | undefined>(() => {\n    if (config.spreadsheet === false) return undefined;\n    return config.spreadsheet ?? { selection: 'range', fill: {} };\n  }, [config.spreadsheet]);\n\n  const hasEditableColumns = useMemo(\n    () => !!config.editing?.onCellChange && config.columns.some((columnConfig) => !!columnConfig.editable),\n    [config.editing, config.columns],\n  );\n\n  const editModeBehavior = spreadsheet?.mode ?? 'always';\n  const gridEnabled = !!spreadsheet && (hasEditableColumns || !!config.spreadsheet);\n\n  const gridStore = useGridInstance({\n    spreadsheet,\n    enabled: gridEnabled,\n    startsInEditMode: editModeBehavior === 'always',\n  });\n\n  const isEditMode = useGridEditMode(gridStore);\n  const showEditModeToggle = gridEnabled && editModeBehavior === 'toggle';\n\n  // Below the tablet edge a real table is unreadable: even the narrowest column\n  // set overflows and the user reads it through a horizontal scrollbar. Cards are\n  // the readable shape there, so the narrow viewport takes over the choice.\n  // Excluded: `fit` layouts without a bespoke card (their cell geometry IS the\n  // feature) and a table whose reason to exist is editing. Merely being able to edit\n  // is not enough: a table that opens a record on row click is a reading surface\n  // first, unless the user turned its edit toggle on. A `fit` table that ships\n  // `renderCard` opted into a narrow shape, so it takes over as well.\n  const isEditingSurface = isEditMode && (editModeBehavior === 'toggle' || !config.onRowClick);\n  const forceCardsOnMobile = isMobile && (!isFit || hasCardView) && !isEditingSurface;\n\n  const isGroupedView = hasGroupedView && viewMode === 'grouped';\n  const isKanbanView = hasKanbanView && viewMode === 'kanban';\n  // Grouped and kanban both hand the whole body to the host, so everything the\n  // table draws around a real row list is off in either of them.\n  const isDelegatedView = isGroupedView || isKanbanView;\n  const isCardsView = hasCardView && (viewMode === 'cards' || (forceCardsOnMobile && !isDelegatedView));\n  const useAutoCards = forceCardsOnMobile && !hasCardView && !isDelegatedView;\n\n  useEffect(() => {\n    if (!gridStore || !commitStatuses) return;\n    gridStore.getState().setCellStatuses(commitStatuses);\n  }, [gridStore, commitStatuses]);\n\n  const navigableColumnIds = useMemo(\n    () =>\n      visibleLeafColumns\n        .filter((leafColumn) => columnConfigById.get(leafColumn.id)?.type !== 'actions')\n        .map((leafColumn) => leafColumn.id),\n    [visibleLeafColumns, columnConfigById],\n  );\n  const gridRowIds = useMemo(() => visibleRows.map((row) => row.id), [visibleRows]);\n\n  useGridMatrixSync(gridStore, gridRowIds, navigableColumnIds);\n\n  // Read through a ref so the callback stays stable while the rows change on\n  // every edit: an unstable handler would re-bind the grid keyboard each render.\n  const visibleRowsRef = useRef(visibleRows);\n  visibleRowsRef.current = visibleRows;\n\n  const canEditCell = useCallback(\n    ({ rowId, columnId }: IGridCellCoord) => {\n      if (!config.editing?.onCellChange) return false;\n\n      const editable = columnConfigById.get(columnId)?.editable;\n      if (!editable) return false;\n\n      const row = visibleRowsRef.current.find((candidate) => candidate.id === rowId);\n      if (!row) return false;\n\n      return !(editable.disabled?.(row.original) ?? false);\n    },\n    [config.editing, columnConfigById],\n  );\n\n  const acceptsTypedValue = useCallback(\n    ({ columnId }: IGridCellCoord) => {\n      const editable = columnConfigById.get(columnId)?.editable;\n      if (!editable || editable.renderEditor) return false;\n\n      return editable.type === 'text' || editable.type === 'number';\n    },\n    [columnConfigById],\n  );\n\n  const handleGridKeyDown = useGridKeyboard({\n    store: gridStore,\n    canEditCell: hasEditableColumns ? canEditCell : undefined,\n    acceptsTypedValue,\n    onSave: spreadsheet?.onSave,\n  });\n\n  const handleFillCommit = useGridFillApply<T>({\n    visibleRows,\n    columnConfigById,\n    spreadsheet,\n    onCellChange: config.editing?.onCellChange,\n  });\n\n  // After an undo in the spreadsheet grid the restored cell becomes the active one, so\n  // the user sees which cell changed, even when it sits on another row of the page.\n  const handleTableKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const restoredCell = handleUndoShortcut(event);\n      if (!restoredCell || !gridStore || !gridStore.getState().isEditMode) return;\n\n      const restoredGridRow = visibleRowsRef.current.find((candidate) => candidate.original.id === restoredCell.row.id);\n      if (!restoredGridRow) return;\n      gridStore.getState().setActiveCell({ rowId: restoredGridRow.id, columnId: restoredCell.columnId });\n    },\n    [handleUndoShortcut, gridStore],\n  );\n\n  const handleEditModeToggle = useCallback(() => {\n    const store = gridStore;\n    if (!store) return;\n    store.getState().setEditMode(!store.getState().isEditMode);\n  }, [gridStore]);\n\n  const cardsScrollRef = useRef<HTMLDivElement | null>(null);\n  const cardsSentinelRef = useRef<HTMLDivElement | null>(null);\n  const cardsLoadMore = cardsInfiniteScroll?.loadMore;\n  const cardsHasMore = cardsInfiniteScroll?.hasMore ?? false;\n\n  // Cards infinite scroll: load the next page when the bottom sentinel enters the\n  // cards scroll container. `loadMore` is stable and self-guards while a page is\n  // in flight; re-running on row count keeps the observer bound after each append.\n  useEffect(() => {\n    if (!isCardsView || !cardsHasMore || !cardsLoadMore) return;\n\n    const root = cardsScrollRef.current;\n    const sentinel = cardsSentinelRef.current;\n    if (!root || !sentinel) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) cardsLoadMore();\n      },\n      { root, rootMargin: '300px' },\n    );\n    observer.observe(sentinel);\n\n    return () => observer.disconnect();\n  }, [isCardsView, cardsHasMore, cardsLoadMore, visibleRows.length]);\n\n  const listScrollRef = useRef<HTMLDivElement | null>(null);\n  const [detailSlotWidth, setDetailSlotWidth] = useState<number | undefined>(undefined);\n  const [parentHasHorizontalOverflow, setParentHasHorizontalOverflow] = useState(false);\n\n  // Track the list scrollport: its clientWidth sizes the detail panel to the\n  // visible area (detailTable expansion), and its horizontal overflow toggles the\n  // frozen actions-column shadow (shown only while columns scroll under it, so\n  // there is no always-on divider line otherwise). Observing the inner table too\n  // keeps both in sync when columns are toggled or the layout reflows. The\n  // branch-state deps re-bind when the scroller remounts (view/skeleton/error/\n  // empty transitions swap the rendered subtree).\n  useEffect(() => {\n    const scroller = listScrollRef.current;\n    if (!scroller) return undefined;\n\n    const measure = () => {\n      setDetailSlotWidth(scroller.clientWidth || undefined);\n      setParentHasHorizontalOverflow(scroller.scrollWidth > scroller.clientWidth + 1);\n    };\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(scroller);\n    const parentTable = scroller.querySelector('table');\n    if (parentTable) observer.observe(parentTable);\n\n    return () => observer.disconnect();\n  }, [isCardsView, isDelegatedView, showSkeleton, error, hasRows]);\n\n  const renderBody = () => {\n    // Grouped view delegates the whole body to the host (it owns fetching,\n    // accordions, loading and empty states for each group).\n    if (isGroupedView && config.renderGroupedBody) return config.renderGroupedBody();\n    if (isKanbanView && config.renderKanbanBody) return config.renderKanbanBody();\n\n    if (showSkeleton)\n      return isCardsView ? (\n        <DataTableCardsSkeletonState cardClassName={config.cardSkeletonClassName} />\n      ) : (\n        <DataTableSkeletonState rows={config.skeletonRows} />\n      );\n\n    if (error) return <DataTableErrorState onRetry={onRetry} errorCause={errorCause} />;\n\n    // A `bodyTopRow` (e.g. an inline create editor) must stay visible even with\n    // zero data rows, so it takes precedence over the empty state.\n    if (!hasRows && !bodyTopRow) {\n      if (isFit) {\n        // Embedded/editor context: skip the full illustration so surrounding\n        // controls (e.g. the add-row button) stay visible in a compact dialog.\n        return emptyMessage ? (\n          <div className=\"py-6 text-center text-sm text-foreground-faint\">{emptyMessage}</div>\n        ) : null;\n      }\n      return <DataTableEmptyState emptyMessage={emptyMessage} />;\n    }\n\n    if (isCardsView && config.renderCard) {\n      // Cards render from the SAME visible rows the table uses (already searched,\n      // filtered, sorted and paginated), so both views share one source. No grid:\n      // flex-wrap keeps the layout responsive per the project's no-CSS-grid rule.\n      return (\n        <div ref={cardsScrollRef} className=\"relative min-h-0 flex-1 overflow-y-auto @container\">\n          {showUpdatingBar && (\n            <div className=\"absolute inset-x-0 top-0 z-10 h-0.5 animate-pulse bg-brand-hover\" aria-hidden />\n          )}\n          {/* Cards têm largura fixa, então uma faixa estreita demais para duas colunas\n              deixa a sobra toda de um lado. Abaixo disso eles se centram; a partir de\n              duas colunas o alinhamento à esquerda volta a ser o que lê melhor. */}\n          <div\n            className={classNames(\n              'flex flex-wrap justify-center gap-4 @md:justify-start',\n              dataTableOpacityTransitionClass,\n              config.cardGridClassName,\n            )}\n            style={contentOpacityStyle}\n          >\n            {visibleRows\n              .filter((row) => row.depth === 0)\n              .map((row) => (\n                <Fragment key={row.id}>{config.renderCard?.(row.original)}</Fragment>\n              ))}\n          </div>\n\n          {cardsInfiniteScroll?.loadingMore && (\n            <div className=\"flex justify-center py-4\">\n              <LoadingSpinner size={6} />\n            </div>\n          )}\n\n          {cardsHasMore && <div ref={cardsSentinelRef} className=\"h-px w-full\" aria-hidden />}\n        </div>\n      );\n    }\n\n    // Narrow viewport with no bespoke card renderer: stack each row into a card\n    // derived from the same columns, so the list stays readable without the host\n    // authoring a second renderer.\n    if (useAutoCards) {\n      return (\n        <div className=\"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto\">\n          {visibleRows\n            .filter((row) => row.depth === 0)\n            .map((row) => (\n              <DataTableAutoCard key={row.id} row={row} columnConfigById={columnConfigById} />\n            ))}\n        </div>\n      );\n    }\n\n    // The table scrolls inside this bounded region (flex-1 + min-h-0). The sticky\n    // header pins to the top of the data area; the region also scrolls horizontally\n    // so columns keep a minimum readable width instead of being crushed. The first\n    // column and the actions column are frozen (sticky left/right) so navigation\n    // anchors stay visible while the middle columns scroll past.\n    return (\n      <div\n        ref={listScrollRef}\n        onKeyDown={gridStore ? handleGridKeyDown : undefined}\n        className={classNames(\n          'relative [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border-emphasis hover:[&::-webkit-scrollbar-thumb]:bg-foreground-faint [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar]:h-2.5 [&::-webkit-scrollbar]:w-2.5',\n          // The rows scroll inside this bounded region (flex-1 + min-h-0), so the\n          // host provides the height (a full page, or a bounded flex parent like a\n          // fixed-size dialog) and the add-row/footer below stay pinned outside it.\n          'min-h-0 flex-1 overflow-auto',\n        )}\n      >\n        {showUpdatingBar && (\n          <div className=\"absolute inset-x-0 top-0 z-10 h-0.5 animate-pulse bg-brand-hover\" aria-hidden />\n        )}\n        <table\n          role={gridStore ? 'grid' : undefined}\n          aria-multiselectable={gridStore && spreadsheet?.selection === 'range' ? true : undefined}\n          className={classNames(\n            // `table-fixed`: column widths come exclusively from the colgroup so\n            // user resizes are honored exactly (under `table-auto` the browser\n            // ignores explicit col widths and sizes by content). The slack\n            // absorber (auto-width col) still soaks any leftover space.\n            'min-w-full table-fixed border-separate border-spacing-0 rounded-md border-y border-border-subtle',\n            dataTableOpacityTransitionClass,\n          )}\n          style={{ ...contentOpacityStyle, width: totalTableWidth || undefined }}\n        >\n          <DataTableHead\n            table={table}\n            columns={config.columns}\n            columnConfigById={columnConfigById}\n            columnContentWidths={columnContentWidths}\n            columnOrder={columnOrder}\n            onColumnOrderChange={onColumnOrderChange}\n            resetColumnOrder={resetColumnOrder}\n            resetColumnSizing={resetColumnSizing}\n            onHeaderSortClick={handleHeaderSortClick}\n            resolveSortDirection={resolveSortDirection}\n            hideColumnToggle={columnTogglePlacement !== 'header'}\n            flexColumnId={flexColumnId}\n            showActionsShadow={parentHasHorizontalOverflow}\n            dense={dense}\n            spacious={spacious}\n          />\n\n          <DataTableBody\n            config={config}\n            visibleRows={visibleRows}\n            columnConfigById={columnConfigById}\n            columnContentWidths={columnContentWidths}\n            registerRow={registerRow}\n            onCollapseStart={beginRowsExit}\n            detailColumnsState={detailColumnsState}\n            detailSlotWidth={detailSlotWidth}\n            showActionsShadow={parentHasHorizontalOverflow}\n            dense={dense}\n            spacious={spacious}\n            fillEnabled={!!spreadsheet?.fill}\n            editMode={isEditMode}\n            canEditCell={canEditCell}\n            bodyTopRow={bodyTopRow}\n            bodyTopRowColSpan={table.getVisibleLeafColumns().length}\n          />\n        </table>\n      </div>\n    );\n  };\n\n  // Cards normally page themselves through infinite scroll, so the pager is\n  // hidden. When the narrow viewport takes the choice over, the host is still in\n  // list mode and its `cardsInfiniteScroll` is not wired: without the pager the\n  // user would be stranded on the first page.\n  const isMobileCardsTakeover = isCardsView && viewMode !== 'cards' && !cardsInfiniteScroll;\n\n  const showPagination =\n    (!isCardsView || isMobileCardsTakeover) &&\n    !isDelegatedView &&\n    !!clientPaginationProps &&\n    !showSkeleton &&\n    !error &&\n    hasRows &&\n    clientPaginationProps.numberOfPages > 0 &&\n    !(clientPaginationProps.numberOfPages === 1 && clientPaginationProps.pageSize <= DATA_TABLE_MIN_PAGE_SIZE);\n\n  // The toolbar only skeletons on the very first load: a refetch (tab switch,\n  // filter, search) keeps the real controls mounted, so the search term and the\n  // focus survive and the row never changes height.\n  const [hasLoadedOnce, setHasLoadedOnce] = useState(!loading);\n\n  useEffect(() => {\n    if (!loading) setHasLoadedOnce(true);\n  }, [loading]);\n\n  const showSearch = (!!onSearch || isClientMode) && config.searchable !== false;\n  const showToolbar =\n    (tabs?.length ?? 0) > 0 ||\n    hasCardView ||\n    showSearch ||\n    !!toolbarSlot ||\n    !!toolbarStartSlot ||\n    columnTogglePlacement === 'toolbar';\n\n  const columnToggleSlot =\n    columnTogglePlacement === 'toolbar' ? (\n      <DataTableColumnToggle\n        table={table}\n        columns={config.columns}\n        columnOrder={columnOrder}\n        onColumnOrderChange={onColumnOrderChange}\n        resetColumnOrder={resetColumnOrder}\n        resetColumnSizing={resetColumnSizing}\n        variant=\"toolbar\"\n      />\n    ) : undefined;\n\n  // O rodapé é o lugar dos controles da própria tabela (colunas e modo de edição),\n  // ao lado da paginação. Ambos só existem sobre uma lista real.\n  const showTableControls = !isCardsView && !isDelegatedView && !showSkeleton && !error && hasRows;\n  const showFooterColumnToggle = columnTogglePlacement === 'footer' && showTableControls;\n  const showFooterEditToggle = showEditModeToggle && showTableControls;\n\n  // A edição em massa não depende do modo de exibição: em cards ela é a única\n  // forma de editar, já que não existe célula para clicar.\n  const showBulkEdit =\n    hasEditableColumns && !!spreadsheet?.fill?.onFillCells && !isDelegatedView && !showSkeleton && !error && hasRows;\n\n  const showFooterControls = showFooterColumnToggle || showFooterEditToggle || showBulkEdit || !!footerActionsSlot;\n  const bulkEditRows = useMemo(\n    () => visibleRows.filter((row) => row.depth === 0).map((row) => row.original),\n    [visibleRows],\n  );\n\n  const activeFiltersBar =\n    config.filters && filterValues && onFilterValuesChange ? (\n      <ActiveFiltersBar\n        fields={config.filters.fields ?? []}\n        values={filterValues}\n        onRemove={(key) =>\n          onFilterValuesChange({\n            ...filterValues,\n            [key]: emptyValueForKind((config.filters?.fields ?? []).find((field) => field.key === key)?.kind ?? 'text'),\n          })\n        }\n        onClearAll={() => onFilterValuesChange(buildEmptyFilterValues(config.filters?.fields ?? []))}\n      />\n    ) : null;\n\n  const content = (\n    <div\n      className=\"flex min-h-0 w-full flex-1 flex-col gap-4\"\n      onKeyDown={isUndoEnabled ? handleTableKeyDown : undefined}\n    >\n      {activeFiltersBar}\n      {showToolbar && (\n        <DataTableToolbar\n          tabs={tabs}\n          activeTab={activeTab}\n          onTabChange={handleTabChange}\n          showViewToggle={hasCardView && !hideViewToggle && !forceCardsOnMobile}\n          showGroupedView={hasGroupedView}\n          showKanbanView={hasKanbanView}\n          viewMode={viewMode}\n          onViewModeChange={handleViewModeChange}\n          showSearch={showSearch}\n          searchLabel={searchLabel}\n          initialSearch={initialSearch}\n          searchDisabled={searchDisabled}\n          searchDebounceTime={isClientMode ? clientSearchDebounceMs : searchDebounceTime}\n          searchMinLength={searchMinLength}\n          searchAtStart={searchAtStart}\n          onSearchInput={handleSearchInput}\n          toolbarSlot={toolbarSlot}\n          toolbarStartSlot={toolbarStartSlot}\n          columnToggleSlot={columnToggleSlot}\n          showSkeleton={loading && !hasLoadedOnce}\n        />\n      )}\n\n      <div key={viewMode} className=\"flex min-h-0 flex-1 animate-fade-in flex-col\">\n        {renderBody()}\n      </div>\n\n      {showAddRow && (\n        // Sibling of the scrolling rows region, so it stays pinned below the grid\n        // (outside its scroll) — the rows scroll, this control does not move.\n        <div className=\"flex\">\n          <ControlledButton\n            variant=\"outlined\"\n            className=\"flex items-center gap-1.5\"\n            onClick={() => editingRows?.onAddRow?.()}\n          >\n            <MaterialSymbol icon=\"add\" size={16} />\n            {t('dataTable.addRow')}\n          </ControlledButton>\n        </div>\n      )}\n\n      {(showFooterControls || showPagination) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          {showFooterControls && (\n            <div className=\"flex flex-wrap items-center gap-2 pb-3\">\n              {showFooterColumnToggle && (\n                <DataTableColumnToggle\n                  table={table}\n                  columns={config.columns}\n                  columnOrder={columnOrder}\n                  onColumnOrderChange={onColumnOrderChange}\n                  resetColumnOrder={resetColumnOrder}\n                  resetColumnSizing={resetColumnSizing}\n                  variant=\"toolbar\"\n                />\n              )}\n              {showFooterEditToggle && <DataTableEditModeButton active={isEditMode} onToggle={handleEditModeToggle} />}\n              {showBulkEdit && <DataTableBulkEditButton onClick={() => setIsBulkEditOpen(true)} />}\n              {footerActionsSlot}\n            </div>\n          )}\n\n          {showPagination && (\n            <div className=\"flex-1\">\n              <DataTablePaginationBar\n                pageSize={clientPaginationProps.pageSize}\n                numberOfPages={clientPaginationProps.numberOfPages}\n                currentPage={clientPaginationProps.currentPage}\n                setCurrentPage={clientPaginationProps.setCurrentPage}\n                onPageSizeChange={clientPaginationProps.onPageSizeChange}\n                totalItems={clientPaginationProps.totalItems}\n              />\n            </div>\n          )}\n        </div>\n      )}\n\n      {showBulkEdit && (\n        <DataTableBulkEditDialog\n          open={isBulkEditOpen}\n          onClose={() => setIsBulkEditOpen(false)}\n          columns={config.columns}\n          rows={bulkEditRows}\n          getRowLabel={config.getRowLabel}\n          onApply={(changes) => spreadsheet?.fill?.onFillCells?.(changes)}\n        />\n      )}\n    </div>\n  );\n\n  // Os providers ficam por fora do conteúdo já montado: abrir ou fechar uma célula re-renderiza\n  // apenas as células editáveis, não a tabela inteira.\n  const editableContent = config.editing?.clickToEdit ? (\n    <DataTableCellEditingProvider>{content}</DataTableCellEditingProvider>\n  ) : (\n    content\n  );\n\n  if (!gridStore) return editableContent;\n\n  return (\n    <GridProvider store={gridStore} canEditCell={canEditCell} onFillCommit={handleFillCommit}>\n      {editableContent}\n    </GridProvider>\n  );\n};\n\nexport default DataTable;\n"],"names":["DataTablePaginationBar"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../src/components/UI/DataTable/DataTable.tsx"],"sourcesContent":["import { Fragment, JSX, KeyboardEvent, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledButton from '@/components/Form/ControlledButton';\nimport { ActiveFiltersBar, buildEmptyFilterValues, emptyValueForKind } from '@/components/Search/filters';\nimport LoadingSpinner from '@/components/UI/LoadingSpinner';\nimport { MaterialSymbol } from '@/components/UI/MaterialSymbol';\nimport { useBreakpoint } from '@/hooks/useBreakpoint';\n\nimport GridProvider from './grid/GridProvider';\nimport { type IGridCellCoord } from './grid/gridTypes';\nimport { useGridFillApply } from './grid/useGridFillApply';\nimport { useGridEditMode, useGridInstance, useGridMatrixSync } from './grid/useGridInstance';\nimport { useGridKeyboard } from './grid/useGridKeyboard';\nimport DataTableAutoCard from './DataTableAutoCard';\nimport DataTableBody from './DataTableBody';\nimport DataTableBulkEditButton from './DataTableBulkEditButton';\nimport DataTableBulkEditDialog from './DataTableBulkEditDialog';\nimport { isBadgeColumnType } from './dataTableClasses';\nimport DataTableColumnToggle from './DataTableColumnToggle';\nimport { type IDataTableDetailColumnsState } from './DataTableDetailTable';\nimport DataTableEditModeButton from './DataTableEditModeButton';\nimport DataTableHead from './DataTableHead';\nimport DataTablePaginationBar, { DATA_TABLE_MIN_PAGE_SIZE } from './DataTablePagination';\nimport {\n  DataTableCardsSkeletonState,\n  DataTableEmptyState,\n  DataTableErrorState,\n  DataTableSkeletonState,\n} from './DataTableStates';\nimport DataTableToolbar from './DataTableToolbar';\nimport {\n  DATA_TABLE_REMOVE_COLUMN_ID,\n  type IDataTableColumnConfig,\n  type IDataTableConfig,\n  type IDataTableRow,\n  type IDataTableSortState,\n  type IDataTableSpreadsheetConfig,\n  isDataTableDetailTableExpansion,\n  type TDataTableFilterValues,\n  type TDataTableViewMode,\n} from './types';\nimport DataTableCellEditingProvider from './useCellEditingState';\nimport { useColumnOrder, useDetailColumnOrder } from './useColumnOrder';\nimport { useColumnSizing } from './useColumnSizing';\nimport { useColumnVisibility, useDetailColumnVisibility } from './useColumnVisibility';\nimport {\n  type IDataTableClientPaginationState,\n  type IDataTablePagination,\n  useDataTableInstance,\n} from './useDataTableInstance';\nimport { useDataTableUndoHistory } from './useDataTableUndoHistory';\n\ninterface IDataTableProps<T extends IDataTableRow, C extends IDataTableRow = IDataTableRow> {\n  config: IDataTableConfig<T, C>;\n  rows: Array<T>;\n  loading?: boolean;\n  error?: boolean;\n  /** Cause behind `error`, so the empty state can name a denial instead of a system failure. */\n  errorCause?: unknown;\n  onRetry?: () => void;\n  emptyMessage?: string;\n  searchLabel?: string;\n  onSearch?: (value: string) => void;\n  initialSearch?: string;\n  onSearchTermChange?: (value: string) => void;\n  searchDisabled?: boolean;\n  searchDebounceTime?: number;\n  searchMinLength?: number;\n  /** Renders the search input in the toolbar's start (left) group instead of the end. */\n  searchAtStart?: boolean;\n  sort?: IDataTableSortState | null;\n  onSortChange?: (sort: IDataTableSortState | null) => void;\n  pagination?: IDataTablePagination;\n  /** Client mode: seeds page/pageSize (1-based page), e.g. from the URL. */\n  initialClientPagination?: IDataTableClientPaginationState;\n  /** Client mode: reports page/pageSize changes and keeps the page across in-place row updates. */\n  onClientPaginationChange?: (pagination: IDataTableClientPaginationState) => void;\n  toolbarSlot?: JSX.Element;\n  /**\n   * Extra controls rendered in the footer's left group, right after the table's\n   * own buttons (columns, edit mode, bulk edit). For an action that belongs to\n   * the list itself rather than to the page header, so it sits beside the\n   * controls it relates to instead of competing with the page actions. The\n   * footer row renders for this slot alone when the table has no other control.\n   */\n  footerActionsSlot?: ReactNode;\n  /**\n   * Applied filter values. Passing them (together with `config.filters`) makes\n   * the table render the always-visible active-filter chips above the toolbar,\n   * so the user never has to hover the button to see what is filtering.\n   */\n  filterValues?: TDataTableFilterValues;\n  onFilterValuesChange?: (values: TDataTableFilterValues) => void;\n  /** Rendered at the start (left) of the toolbar, before tabs and view toggle. */\n  toolbarStartSlot?: JSX.Element;\n  /**\n   * Full-width band rendered as the first row of the list body, spanning every\n   * column (below the header, above the data rows). Opt-in: omit for a normal\n   * table. When set, the empty state is skipped so the band stays visible even\n   * with zero data rows (e.g. an inline \"create the first record\" editor).\n   */\n  bodyTopRow?: ReactNode;\n  /** Client mode: reports the filtered (post-search) row count on every change. */\n  onFilteredCountChange?: (count: number) => void;\n  /**\n   * Controlled view mode. When provided, the host owns the state (e.g. to persist\n   * it) and must update it via `onViewModeChange`; omit for internal state.\n   */\n  viewMode?: TDataTableViewMode;\n  /**\n   * Fired on every view-toggle click, including re-selecting the active mode\n   * (hosts use it e.g. to reopen the grouping dialog).\n   */\n  onViewModeChange?: (mode: TDataTableViewMode) => void;\n  /**\n   * Where the \"Columns\" toggle renders: `header` (default, inside the table\n   * header), `toolbar` (next to the view toggle) or `footer` (bottom-left,\n   * on the same row as the pagination).\n   */\n  columnTogglePlacement?: 'header' | 'toolbar' | 'footer';\n  /**\n   * Enables infinite scroll in the Cards view: the table observes a bottom\n   * sentinel and calls `loadMore` while `hasMore`. Pass `source.cardsInfinite`\n   * from `useDataTableSource`. The Lista view keeps its pagination bar.\n   */\n  cardsInfiniteScroll?: {\n    hasMore: boolean;\n    loadingMore: boolean;\n    loadMore: () => void;\n  };\n  /**\n   * Hides the built-in segmented view toggle. Use when the host renders its own\n   * Cards/Lista switcher (e.g. a page-level `ControlledTabs`) and drives `viewMode`\n   * itself. Other consumers keep the default toggle.\n   */\n  hideViewToggle?: boolean;\n  /**\n   * Layout mode. `page` (default): the table owns a bounded, vertically-scrolling\n   * region (`flex-1 min-h-0`) for full-page lists. `fit`: the table sizes to its\n   * content and scrolls only horizontally — for embedding inside a dialog / card /\n   * editor grid where the host container owns vertical scroll. In `fit` mode the\n   * empty state is compact (no full illustration) so surrounding controls such as\n   * the add-row button stay visible.\n   */\n  layout?: 'page' | 'fit';\n  /** Reduces cell vertical padding for more visible rows per viewport. */\n  dense?: boolean;\n  /** Roomier cell padding and type scale, for tables that need to read bigger. */\n  spacious?: boolean;\n  /**\n   * Per-cell persistence state (`statuses` from `useDataTableCommitQueue`), painted\n   * on the cells so the user sees what is saving and what failed.\n   */\n  commitStatuses?: ReadonlyMap<string, string>;\n}\n\nconst DataTable = <T extends IDataTableRow, C extends IDataTableRow = IDataTableRow>({\n  config: configProp,\n  rows,\n  loading = false,\n  error = false,\n  errorCause,\n  onRetry,\n  emptyMessage,\n  searchLabel,\n  onSearch,\n  initialSearch = '',\n  onSearchTermChange,\n  searchDisabled = false,\n  searchDebounceTime = 400,\n  searchMinLength = 1,\n  searchAtStart = false,\n  sort,\n  onSortChange,\n  pagination,\n  initialClientPagination,\n  onClientPaginationChange,\n  toolbarSlot,\n  footerActionsSlot,\n  filterValues,\n  onFilterValuesChange,\n  toolbarStartSlot,\n  bodyTopRow,\n  onFilteredCountChange,\n  viewMode: controlledViewMode,\n  onViewModeChange,\n  columnTogglePlacement = 'header',\n  cardsInfiniteScroll,\n  hideViewToggle = false,\n  layout = 'page',\n  dense: denseProp = false,\n  spacious = false,\n  commitStatuses,\n}: IDataTableProps<T, C>) => {\n  const { t } = useTranslation('ui');\n\n  const isFit = layout === 'fit';\n  const dense = !spacious && (isFit || denseProp);\n  const editingRows = configProp.editing?.rows;\n  const showAddRow = !!editingRows?.canAdd && !!editingRows.onAddRow;\n\n  const hostFillCells = configProp.spreadsheet ? configProp.spreadsheet.fill?.onFillCells : undefined;\n  const isUndoEnabled = !!configProp.editing?.onCellChange && configProp.editing.undo !== false;\n  const { recordedOnCellChange, recordedOnFillCells, handleUndoShortcut } = useDataTableUndoHistory<T>({\n    enabled: isUndoEnabled,\n    rows,\n    columns: configProp.columns,\n    onCellChange: configProp.editing?.onCellChange,\n    onFillCells: hostFillCells,\n  });\n\n  const configWithUndo = useMemo<IDataTableConfig<T, C>>(() => {\n    if (!isUndoEnabled || !configProp.editing) return configProp;\n\n    const spreadsheetConfig = configProp.spreadsheet;\n    return {\n      ...configProp,\n      editing: { ...configProp.editing, onCellChange: recordedOnCellChange },\n      spreadsheet:\n        spreadsheetConfig && spreadsheetConfig.fill?.onFillCells\n          ? { ...spreadsheetConfig, fill: { ...spreadsheetConfig.fill, onFillCells: recordedOnFillCells } }\n          : spreadsheetConfig,\n    };\n  }, [configProp, isUndoEnabled, recordedOnCellChange, recordedOnFillCells]);\n\n  // When `editing.rows.onRemoveRow` is set, append a synthetic trailing actions\n  // column carrying a per-row delete control. It is a real `actions` column, so\n  // it flows through the existing sizing / sticky-right / flex-exclusion / order\n  // paths unchanged (see useColumnOrder: actions columns are pinned to the end).\n  const config = useMemo<IDataTableConfig<T, C>>(() => {\n    if (!editingRows?.onRemoveRow) return configWithUndo;\n\n    const removeColumn: IDataTableColumnConfig<T> = {\n      id: DATA_TABLE_REMOVE_COLUMN_ID,\n      header: '',\n      type: 'actions',\n      hideable: false,\n      resizable: false,\n      actions: [\n        {\n          key: 'remove',\n          label: t('dataTable.removeRow'),\n          icon: 'delete',\n          danger: true,\n          hidden: (row) => (editingRows.canRemove ? !editingRows.canRemove(row) : false),\n          onClick: (row) => editingRows.onRemoveRow?.(row),\n        },\n      ],\n    };\n\n    return { ...configWithUndo, columns: [...configWithUndo.columns, removeColumn] };\n  }, [configWithUndo, editingRows, t]);\n\n  const { columnVisibility, onColumnVisibilityChange } = useColumnVisibility(config);\n  const { columnOrder, onColumnOrderChange, resetColumnOrder } = useColumnOrder(config);\n  const { columnSizing, onColumnSizingChange, resetColumnSizing } = useColumnSizing(config);\n\n  // Every table restores the persisted column order back to the config default\n  // on mount (equivalent to firing \"Restaurar ordem padrão\" from the columns\n  // menu), so a stale/incompatible persisted order never sticks. Does not touch\n  // column widths or visibility, and does not affect the Cards view.\n  useEffect(() => {\n    resetColumnOrder();\n  }, []);\n\n  const detailExpansionColumns =\n    config.expansion && isDataTableDetailTableExpansion(config.expansion) && Array.isArray(config.expansion.columns)\n      ? config.expansion.columns\n      : null;\n  const { detailColumnVisibility, toggleDetailColumn } = useDetailColumnVisibility(\n    config.entityKey,\n    detailExpansionColumns,\n  );\n  const { detailColumnOrder, onDetailColumnOrderChange, resetDetailColumnOrder } = useDetailColumnOrder(\n    config.entityKey,\n    detailExpansionColumns,\n  );\n\n  const detailColumnsState: IDataTableDetailColumnsState | undefined = detailExpansionColumns\n    ? {\n        visibility: detailColumnVisibility,\n        toggleVisibility: toggleDetailColumn,\n        order: detailColumnOrder,\n        onOrderChange: onDetailColumnOrderChange,\n        resetOrder: resetDetailColumnOrder,\n      }\n    : undefined;\n\n  const { isMobile } = useBreakpoint();\n\n  const hasCardView = !!config.renderCard;\n  const hasGroupedView = !!config.renderGroupedBody;\n  const hasKanbanView = !!config.renderKanbanBody;\n  // Fixed behaviour: card-capable tables always open on Cards (first), Lista second.\n  // The toggle switches within the session and resets to Cards on remount, unless\n  // the host controls the mode via the `viewMode` prop (e.g. persisted preference).\n  const [internalViewMode, setInternalViewMode] = useState<TDataTableViewMode>('cards');\n  const viewMode = controlledViewMode ?? internalViewMode;\n\n  const [isBulkEditOpen, setIsBulkEditOpen] = useState(false);\n\n  const handleViewModeChange = (mode: TDataTableViewMode) => {\n    if (controlledViewMode === undefined) setInternalViewMode(mode);\n    onViewModeChange?.(mode);\n  };\n\n  const {\n    table,\n    isClientMode,\n    columnContentWidths,\n    registerRow,\n    beginRowsExit,\n    visibleRows,\n    activeTab,\n    tabs,\n    handleTabChange,\n    handleSearchInput,\n    handleHeaderSortClick,\n    resolveSortDirection,\n    clientPaginationProps,\n    showUpdatingBar,\n    contentOpacityStyle,\n    dataTableOpacityTransitionClass,\n    showSkeleton,\n    hasRows,\n    clientSearchDebounceMs,\n  } = useDataTableInstance({\n    config,\n    rows,\n    loading,\n    sort,\n    onSortChange,\n    onSearch,\n    initialSearch,\n    onSearchTermChange,\n    pagination,\n    initialClientPagination,\n    onClientPaginationChange,\n    columnVisibility,\n    onColumnVisibilityChange,\n    columnOrder,\n    onColumnOrderChange,\n    columnSizing,\n    onColumnSizingChange,\n    onFilteredCountChange,\n  });\n\n  const columnConfigById = useMemo(\n    () => new Map(config.columns.map((columnConfig) => [columnConfig.id, columnConfig])),\n    [config.columns],\n  );\n\n  // Under `table-fixed` one column absorbs leftover horizontal space. The last\n  // visible non-actions, non-badge, non-first column is the flex column.\n  const visibleLeafColumns = table.getVisibleLeafColumns();\n  const flexColumnId = useMemo(() => {\n    if (config.flexColumnId && visibleLeafColumns.some((leafColumn) => leafColumn.id === config.flexColumnId)) {\n      return config.flexColumnId;\n    }\n\n    const candidates = visibleLeafColumns.filter((leafColumn, index) => {\n      if (index === 0) return false;\n      const type = columnConfigById.get(leafColumn.id)?.type;\n      return type !== 'actions' && !isBadgeColumnType(type);\n    });\n    return candidates[candidates.length - 1]?.id ?? null;\n  }, [visibleLeafColumns, columnConfigById, config.flexColumnId]);\n\n  // `table-fixed` sizes columns from the table width, so the table must be at\n  // least the sum of ALL column widths (including the absorber's seed) for their\n  // widths to be honored; below that the browser shrinks them proportionally.\n  // `min-w-full` still lets the table stretch to fill the container, and the\n  // auto-width absorber soaks the surplus (never shrinking below its own seed,\n  // because its seed is part of this total).\n  const totalTableWidth = useMemo(\n    () => visibleLeafColumns.reduce((sum, leafColumn) => sum + leafColumn.getSize(), 0),\n    [visibleLeafColumns, columnSizing],\n  );\n\n  // ----- Spreadsheet layer -----\n  // Toda tabela com coluna editável ganha a camada de planilha sem configuração, ativa\n  // desde a montagem. Numa tabela com `onRowClick` a célula editável é dona do próprio\n  // clique (abre o editor) e o resto da linha continua abrindo o registro.\n  const spreadsheet = useMemo<IDataTableSpreadsheetConfig<T> | undefined>(() => {\n    if (config.spreadsheet === false) return undefined;\n    return config.spreadsheet ?? { selection: 'range', fill: {} };\n  }, [config.spreadsheet]);\n\n  const hasEditableColumns = useMemo(\n    () => !!config.editing?.onCellChange && config.columns.some((columnConfig) => !!columnConfig.editable),\n    [config.editing, config.columns],\n  );\n\n  const editModeBehavior = spreadsheet?.mode ?? 'always';\n  const gridEnabled = !!spreadsheet && (hasEditableColumns || !!config.spreadsheet);\n\n  const gridStore = useGridInstance({\n    spreadsheet,\n    enabled: gridEnabled,\n    startsInEditMode: editModeBehavior === 'always',\n  });\n\n  const isEditMode = useGridEditMode(gridStore);\n  const showEditModeToggle = gridEnabled && editModeBehavior === 'toggle';\n\n  // Below the tablet edge a real table is unreadable: even the narrowest column\n  // set overflows and the user reads it through a horizontal scrollbar. Cards are\n  // the readable shape there, so the narrow viewport takes over the choice.\n  // Excluded: `fit` layouts without a bespoke card (their cell geometry IS the\n  // feature) and a table whose reason to exist is editing. Merely being able to edit\n  // is not enough: a table that opens a record on row click is a reading surface\n  // first, unless the user turned its edit toggle on. A `fit` table that ships\n  // `renderCard` opted into a narrow shape, so it takes over as well.\n  const isEditingSurface = isEditMode && (editModeBehavior === 'toggle' || !config.onRowClick);\n  const forceCardsOnMobile = isMobile && (!isFit || hasCardView) && !isEditingSurface;\n\n  const isGroupedView = hasGroupedView && viewMode === 'grouped';\n  const isKanbanView = hasKanbanView && viewMode === 'kanban';\n  // Grouped and kanban both hand the whole body to the host, so everything the\n  // table draws around a real row list is off in either of them.\n  const isDelegatedView = isGroupedView || isKanbanView;\n  const isCardsView = hasCardView && (viewMode === 'cards' || (forceCardsOnMobile && !isDelegatedView));\n  const useAutoCards = forceCardsOnMobile && !hasCardView && !isDelegatedView;\n\n  useEffect(() => {\n    if (!gridStore || !commitStatuses) return;\n    gridStore.getState().setCellStatuses(commitStatuses);\n  }, [gridStore, commitStatuses]);\n\n  const navigableColumnIds = useMemo(\n    () =>\n      visibleLeafColumns\n        .filter((leafColumn) => columnConfigById.get(leafColumn.id)?.type !== 'actions')\n        .map((leafColumn) => leafColumn.id),\n    [visibleLeafColumns, columnConfigById],\n  );\n  const gridRowIds = useMemo(() => visibleRows.map((row) => row.id), [visibleRows]);\n\n  useGridMatrixSync(gridStore, gridRowIds, navigableColumnIds);\n\n  // Read through a ref so the callback stays stable while the rows change on\n  // every edit: an unstable handler would re-bind the grid keyboard each render.\n  const visibleRowsRef = useRef(visibleRows);\n  visibleRowsRef.current = visibleRows;\n\n  const canEditCell = useCallback(\n    ({ rowId, columnId }: IGridCellCoord) => {\n      if (!config.editing?.onCellChange) return false;\n\n      const editable = columnConfigById.get(columnId)?.editable;\n      if (!editable) return false;\n\n      const row = visibleRowsRef.current.find((candidate) => candidate.id === rowId);\n      if (!row) return false;\n\n      return !(editable.disabled?.(row.original) ?? false);\n    },\n    [config.editing, columnConfigById],\n  );\n\n  const acceptsTypedValue = useCallback(\n    ({ columnId }: IGridCellCoord) => {\n      const editable = columnConfigById.get(columnId)?.editable;\n      if (!editable || editable.renderEditor) return false;\n\n      return editable.type === 'text' || editable.type === 'number';\n    },\n    [columnConfigById],\n  );\n\n  const handleGridKeyDown = useGridKeyboard({\n    store: gridStore,\n    canEditCell: hasEditableColumns ? canEditCell : undefined,\n    acceptsTypedValue,\n    onSave: spreadsheet?.onSave,\n  });\n\n  const handleFillCommit = useGridFillApply<T>({\n    visibleRows,\n    columnConfigById,\n    spreadsheet,\n    onCellChange: config.editing?.onCellChange,\n  });\n\n  // After an undo in the spreadsheet grid the restored cell becomes the active one, so\n  // the user sees which cell changed, even when it sits on another row of the page.\n  const handleTableKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const restoredCell = handleUndoShortcut(event);\n      if (!restoredCell || !gridStore || !gridStore.getState().isEditMode) return;\n\n      const restoredGridRow = visibleRowsRef.current.find((candidate) => candidate.original.id === restoredCell.row.id);\n      if (!restoredGridRow) return;\n      gridStore.getState().setActiveCell({ rowId: restoredGridRow.id, columnId: restoredCell.columnId });\n    },\n    [handleUndoShortcut, gridStore],\n  );\n\n  const handleEditModeToggle = useCallback(() => {\n    const store = gridStore;\n    if (!store) return;\n    store.getState().setEditMode(!store.getState().isEditMode);\n  }, [gridStore]);\n\n  const cardsScrollRef = useRef<HTMLDivElement | null>(null);\n  const cardsSentinelRef = useRef<HTMLDivElement | null>(null);\n  const cardsLoadMore = cardsInfiniteScroll?.loadMore;\n  const cardsHasMore = cardsInfiniteScroll?.hasMore ?? false;\n\n  // Cards infinite scroll: load the next page when the bottom sentinel enters the\n  // cards scroll container. `loadMore` is stable and self-guards while a page is\n  // in flight; re-running on row count keeps the observer bound after each append.\n  useEffect(() => {\n    if (!isCardsView || !cardsHasMore || !cardsLoadMore) return;\n\n    const root = cardsScrollRef.current;\n    const sentinel = cardsSentinelRef.current;\n    if (!root || !sentinel) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) cardsLoadMore();\n      },\n      { root, rootMargin: '300px' },\n    );\n    observer.observe(sentinel);\n\n    return () => observer.disconnect();\n  }, [isCardsView, cardsHasMore, cardsLoadMore, visibleRows.length]);\n\n  const listScrollRef = useRef<HTMLDivElement | null>(null);\n  const [detailSlotWidth, setDetailSlotWidth] = useState<number | undefined>(undefined);\n  const [parentHasHorizontalOverflow, setParentHasHorizontalOverflow] = useState(false);\n\n  // Track the list scrollport: its clientWidth sizes the detail panel to the\n  // visible area (detailTable expansion), and its horizontal overflow toggles the\n  // frozen actions-column shadow (shown only while columns scroll under it, so\n  // there is no always-on divider line otherwise). Observing the inner table too\n  // keeps both in sync when columns are toggled or the layout reflows. The\n  // branch-state deps re-bind when the scroller remounts (view/skeleton/error/\n  // empty transitions swap the rendered subtree).\n  useEffect(() => {\n    const scroller = listScrollRef.current;\n    if (!scroller) return undefined;\n\n    const measure = () => {\n      setDetailSlotWidth(scroller.clientWidth || undefined);\n      setParentHasHorizontalOverflow(scroller.scrollWidth > scroller.clientWidth + 1);\n    };\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(scroller);\n    const parentTable = scroller.querySelector('table');\n    if (parentTable) observer.observe(parentTable);\n\n    return () => observer.disconnect();\n  }, [isCardsView, isDelegatedView, showSkeleton, error, hasRows]);\n\n  const renderBody = () => {\n    // Grouped view delegates the whole body to the host (it owns fetching,\n    // accordions, loading and empty states for each group).\n    if (isGroupedView && config.renderGroupedBody) return config.renderGroupedBody();\n    if (isKanbanView && config.renderKanbanBody) return config.renderKanbanBody();\n\n    if (showSkeleton)\n      return isCardsView ? (\n        <DataTableCardsSkeletonState cardClassName={config.cardSkeletonClassName} />\n      ) : (\n        <DataTableSkeletonState rows={config.skeletonRows} />\n      );\n\n    if (error) return <DataTableErrorState onRetry={onRetry} errorCause={errorCause} />;\n\n    // A `bodyTopRow` (e.g. an inline create editor) must stay visible even with\n    // zero data rows, so it takes precedence over the empty state.\n    if (!hasRows && !bodyTopRow) {\n      if (isFit) {\n        // Embedded/editor context: skip the full illustration so surrounding\n        // controls (e.g. the add-row button) stay visible in a compact dialog.\n        return emptyMessage ? (\n          <div className=\"py-6 text-center text-sm text-foreground-faint\">{emptyMessage}</div>\n        ) : null;\n      }\n      return <DataTableEmptyState emptyMessage={emptyMessage} />;\n    }\n\n    if (isCardsView && config.renderCard) {\n      // Cards render from the SAME visible rows the table uses (already searched,\n      // filtered, sorted and paginated), so both views share one source. No grid:\n      // flex-wrap keeps the layout responsive per the project's no-CSS-grid rule.\n      return (\n        <div ref={cardsScrollRef} className=\"relative min-h-0 flex-1 overflow-y-auto @container\">\n          {showUpdatingBar && (\n            <div className=\"absolute inset-x-0 top-0 z-10 h-0.5 animate-pulse bg-brand-hover\" aria-hidden />\n          )}\n          {/* Cards têm largura fixa, então uma faixa estreita demais para duas colunas\n              deixa a sobra toda de um lado. Abaixo disso eles se centram; a partir de\n              duas colunas o alinhamento à esquerda volta a ser o que lê melhor. */}\n          <div\n            className={classNames(\n              'flex flex-wrap justify-center gap-4 @md:justify-start',\n              dataTableOpacityTransitionClass,\n              config.cardGridClassName,\n            )}\n            style={contentOpacityStyle}\n          >\n            {visibleRows\n              .filter((row) => row.depth === 0)\n              .map((row) => (\n                <Fragment key={row.id}>{config.renderCard?.(row.original)}</Fragment>\n              ))}\n          </div>\n\n          {cardsInfiniteScroll?.loadingMore && (\n            <div className=\"flex justify-center py-4\">\n              <LoadingSpinner size={6} />\n            </div>\n          )}\n\n          {cardsHasMore && <div ref={cardsSentinelRef} className=\"h-px w-full\" aria-hidden />}\n        </div>\n      );\n    }\n\n    // Narrow viewport with no bespoke card renderer: stack each row into a card\n    // derived from the same columns, so the list stays readable without the host\n    // authoring a second renderer.\n    if (useAutoCards) {\n      return (\n        <div className=\"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto\">\n          {visibleRows\n            .filter((row) => row.depth === 0)\n            .map((row) => (\n              <DataTableAutoCard key={row.id} row={row} columnConfigById={columnConfigById} />\n            ))}\n        </div>\n      );\n    }\n\n    // The table scrolls inside this bounded region (flex-1 + min-h-0). The sticky\n    // header pins to the top of the data area; the region also scrolls horizontally\n    // so columns keep a minimum readable width instead of being crushed. The first\n    // column and the actions column are frozen (sticky left/right) so navigation\n    // anchors stay visible while the middle columns scroll past.\n    return (\n      <div\n        ref={listScrollRef}\n        onKeyDown={gridStore ? handleGridKeyDown : undefined}\n        className={classNames(\n          'relative [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border-emphasis hover:[&::-webkit-scrollbar-thumb]:bg-foreground-faint [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar]:h-2.5 [&::-webkit-scrollbar]:w-2.5',\n          // The rows scroll inside this bounded region (flex-1 + min-h-0), so the\n          // host provides the height (a full page, or a bounded flex parent like a\n          // fixed-size dialog) and the add-row/footer below stay pinned outside it.\n          'min-h-0 flex-1 overflow-auto',\n        )}\n      >\n        {showUpdatingBar && (\n          <div className=\"absolute inset-x-0 top-0 z-10 h-0.5 animate-pulse bg-brand-hover\" aria-hidden />\n        )}\n        <table\n          role={gridStore ? 'grid' : undefined}\n          aria-multiselectable={gridStore && spreadsheet?.selection === 'range' ? true : undefined}\n          className={classNames(\n            // `table-fixed`: column widths come exclusively from the colgroup so\n            // user resizes are honored exactly (under `table-auto` the browser\n            // ignores explicit col widths and sizes by content). The slack\n            // absorber (auto-width col) still soaks any leftover space.\n            'min-w-full table-fixed border-separate border-spacing-0 rounded-md border-y border-border-subtle',\n            dataTableOpacityTransitionClass,\n          )}\n          style={{ ...contentOpacityStyle, width: totalTableWidth || undefined }}\n        >\n          <DataTableHead\n            table={table}\n            columns={config.columns}\n            columnConfigById={columnConfigById}\n            columnContentWidths={columnContentWidths}\n            columnOrder={columnOrder}\n            onColumnOrderChange={onColumnOrderChange}\n            resetColumnOrder={resetColumnOrder}\n            resetColumnSizing={resetColumnSizing}\n            onHeaderSortClick={handleHeaderSortClick}\n            resolveSortDirection={resolveSortDirection}\n            hideColumnToggle={columnTogglePlacement !== 'header'}\n            flexColumnId={flexColumnId}\n            showActionsShadow={parentHasHorizontalOverflow}\n            dense={dense}\n            spacious={spacious}\n          />\n\n          <DataTableBody\n            config={config}\n            visibleRows={visibleRows}\n            columnConfigById={columnConfigById}\n            columnContentWidths={columnContentWidths}\n            registerRow={registerRow}\n            onCollapseStart={beginRowsExit}\n            detailColumnsState={detailColumnsState}\n            detailSlotWidth={detailSlotWidth}\n            showActionsShadow={parentHasHorizontalOverflow}\n            dense={dense}\n            spacious={spacious}\n            fillEnabled={!!spreadsheet?.fill}\n            editMode={isEditMode}\n            canEditCell={canEditCell}\n            bodyTopRow={bodyTopRow}\n            bodyTopRowColSpan={table.getVisibleLeafColumns().length}\n          />\n        </table>\n      </div>\n    );\n  };\n\n  // Cards normally page themselves through infinite scroll, so the pager is\n  // hidden. When the narrow viewport takes the choice over, the host is still in\n  // list mode and its `cardsInfiniteScroll` is not wired: without the pager the\n  // user would be stranded on the first page.\n  const isMobileCardsTakeover = isCardsView && viewMode !== 'cards' && !cardsInfiniteScroll;\n\n  const showPagination =\n    (!isCardsView || isMobileCardsTakeover) &&\n    !isDelegatedView &&\n    !!clientPaginationProps &&\n    !showSkeleton &&\n    !error &&\n    hasRows &&\n    clientPaginationProps.numberOfPages > 0 &&\n    !(clientPaginationProps.numberOfPages === 1 && clientPaginationProps.pageSize <= DATA_TABLE_MIN_PAGE_SIZE);\n\n  // The toolbar only skeletons on the very first load: a refetch (tab switch,\n  // filter, search) keeps the real controls mounted, so the search term and the\n  // focus survive and the row never changes height.\n  const [hasLoadedOnce, setHasLoadedOnce] = useState(!loading);\n\n  useEffect(() => {\n    if (!loading) setHasLoadedOnce(true);\n  }, [loading]);\n\n  const showSearch = (!!onSearch || isClientMode) && config.searchable !== false;\n  const showToolbar =\n    (tabs?.length ?? 0) > 0 ||\n    hasCardView ||\n    showSearch ||\n    !!toolbarSlot ||\n    !!toolbarStartSlot ||\n    columnTogglePlacement === 'toolbar';\n\n  const columnToggleSlot =\n    columnTogglePlacement === 'toolbar' ? (\n      <DataTableColumnToggle\n        table={table}\n        columns={config.columns}\n        columnOrder={columnOrder}\n        onColumnOrderChange={onColumnOrderChange}\n        resetColumnOrder={resetColumnOrder}\n        resetColumnSizing={resetColumnSizing}\n        variant=\"toolbar\"\n      />\n    ) : undefined;\n\n  // O rodapé é o lugar dos controles da própria tabela (colunas e modo de edição),\n  // ao lado da paginação. Ambos só existem sobre uma lista real.\n  const showTableControls = !isCardsView && !isDelegatedView && !showSkeleton && !error && hasRows;\n  const showFooterColumnToggle = columnTogglePlacement === 'footer' && showTableControls;\n  const showFooterEditToggle = showEditModeToggle && showTableControls;\n\n  // A edição em massa não depende do modo de exibição: em cards ela é a única\n  // forma de editar, já que não existe célula para clicar.\n  const showBulkEdit =\n    hasEditableColumns && !!spreadsheet?.fill?.onFillCells && !isDelegatedView && !showSkeleton && !error && hasRows;\n\n  const showFooterControls = showFooterColumnToggle || showFooterEditToggle || showBulkEdit || !!footerActionsSlot;\n  const bulkEditRows = useMemo(\n    () => visibleRows.filter((row) => row.depth === 0).map((row) => row.original),\n    [visibleRows],\n  );\n\n  const activeFiltersBar =\n    config.filters && filterValues && onFilterValuesChange ? (\n      <ActiveFiltersBar\n        fields={config.filters.fields ?? []}\n        values={filterValues}\n        onRemove={(key) =>\n          onFilterValuesChange({\n            ...filterValues,\n            [key]: emptyValueForKind((config.filters?.fields ?? []).find((field) => field.key === key)?.kind ?? 'text'),\n          })\n        }\n        onClearAll={() => onFilterValuesChange(buildEmptyFilterValues(config.filters?.fields ?? []))}\n      />\n    ) : null;\n\n  const content = (\n    <div\n      className=\"flex min-h-0 w-full flex-1 flex-col gap-4\"\n      onKeyDown={isUndoEnabled ? handleTableKeyDown : undefined}\n    >\n      {activeFiltersBar}\n      {showToolbar && (\n        <DataTableToolbar\n          tabs={tabs}\n          activeTab={activeTab}\n          onTabChange={handleTabChange}\n          showViewToggle={hasCardView && !hideViewToggle && !forceCardsOnMobile}\n          showGroupedView={hasGroupedView}\n          showKanbanView={hasKanbanView}\n          viewMode={viewMode}\n          onViewModeChange={handleViewModeChange}\n          showSearch={showSearch}\n          searchLabel={searchLabel}\n          initialSearch={initialSearch}\n          searchDisabled={searchDisabled}\n          searchDebounceTime={isClientMode ? clientSearchDebounceMs : searchDebounceTime}\n          searchMinLength={searchMinLength}\n          searchAtStart={searchAtStart}\n          onSearchInput={handleSearchInput}\n          toolbarSlot={toolbarSlot}\n          toolbarStartSlot={toolbarStartSlot}\n          columnToggleSlot={columnToggleSlot}\n          showSkeleton={loading && !hasLoadedOnce}\n        />\n      )}\n\n      <div key={viewMode} className=\"flex min-h-0 flex-1 animate-fade-in flex-col\">\n        {renderBody()}\n      </div>\n\n      {showAddRow && (\n        // Sibling of the scrolling rows region, so it stays pinned below the grid\n        // (outside its scroll) — the rows scroll, this control does not move.\n        <div className=\"flex\">\n          <ControlledButton\n            variant=\"outlined\"\n            className=\"flex items-center gap-1.5\"\n            onClick={() => editingRows?.onAddRow?.()}\n          >\n            <MaterialSymbol icon=\"add\" size={16} />\n            {t('dataTable.addRow')}\n          </ControlledButton>\n        </div>\n      )}\n\n      {(showFooterControls || showPagination) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          {showFooterControls && (\n            <div className=\"flex flex-wrap items-center gap-2 pb-3\">\n              {showFooterColumnToggle && (\n                <DataTableColumnToggle\n                  table={table}\n                  columns={config.columns}\n                  columnOrder={columnOrder}\n                  onColumnOrderChange={onColumnOrderChange}\n                  resetColumnOrder={resetColumnOrder}\n                  resetColumnSizing={resetColumnSizing}\n                  variant=\"toolbar\"\n                />\n              )}\n              {showFooterEditToggle && <DataTableEditModeButton active={isEditMode} onToggle={handleEditModeToggle} />}\n              {showBulkEdit && <DataTableBulkEditButton onClick={() => setIsBulkEditOpen(true)} />}\n              {footerActionsSlot}\n            </div>\n          )}\n\n          {showPagination && (\n            <div className=\"flex-1\">\n              <DataTablePaginationBar\n                pageSize={clientPaginationProps.pageSize}\n                numberOfPages={clientPaginationProps.numberOfPages}\n                currentPage={clientPaginationProps.currentPage}\n                setCurrentPage={clientPaginationProps.setCurrentPage}\n                onPageSizeChange={clientPaginationProps.onPageSizeChange}\n                totalItems={clientPaginationProps.totalItems}\n              />\n            </div>\n          )}\n        </div>\n      )}\n\n      {showBulkEdit && (\n        <DataTableBulkEditDialog\n          open={isBulkEditOpen}\n          onClose={() => setIsBulkEditOpen(false)}\n          columns={config.columns}\n          rows={bulkEditRows}\n          getRowLabel={config.getRowLabel}\n          onApply={(changes) => spreadsheet?.fill?.onFillCells?.(changes)}\n        />\n      )}\n    </div>\n  );\n\n  // Os providers ficam por fora do conteúdo já montado: abrir ou fechar uma célula re-renderiza\n  // apenas as células editáveis, não a tabela inteira.\n  const editableContent = config.editing?.clickToEdit ? (\n    <DataTableCellEditingProvider>{content}</DataTableCellEditingProvider>\n  ) : (\n    content\n  );\n\n  if (!gridStore) return editableContent;\n\n  return (\n    <GridProvider\n      store={gridStore}\n      gridAreaRef={listScrollRef}\n      canEditCell={canEditCell}\n      onFillCommit={handleFillCommit}\n    >\n      {editableContent}\n    </GridProvider>\n  );\n};\n\nexport default DataTable;\n"],"names":["DataTablePaginationBar"],"mappings":"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"}

package/dist/components/UI/DataTable/grid/GridProvider.d.ts

@@ -21,6 +21,8 @@ export declare const useGridCellRegistry: () => IGridCellRegistry | null;
 export declare const useGridCellState: (rowId: string, columnId: string) => number;
 interface IGridProviderProps {
     store: StoreApi<IGridState>;
+    /** The scroll region that holds the table: a press outside it releases the active cell. */
+    gridAreaRef?: React.RefObject<HTMLElement | null>;
     canEditCell: (coord: IGridCellCoord) => boolean;
     onFillCommit?: (result: IGridFillResult) => void;
     children: React.ReactNode;

package/dist/components/UI/DataTable/grid/GridProvider.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useRef, useMemo, useEffect, useContext, useCallback, useSyncExternalStore } from "react";
+import { LAYERED_SURFACE_SELECTOR, isPressOnLayeredSurface } from "../../../../helpers/layeredSurfaces.js";
 import { selectGridCellState } from "./gridStore.js";
 import { buildGridCellKey } from "./gridTypes.js";
 const GridStoreContext = createContext(null);
@@ -55,7 +56,12 @@ const GridEditingFocus = ({
   }, [editingKey, elements, store]);
   return null;
 };
-const GridProvider = ({ store, canEditCell, onFillCommit, children }) => {
+const isPressAboveGrid = (target, gridArea) => {
+  const hostSurface = gridArea?.closest(LAYERED_SURFACE_SELECTOR) ?? null;
+  if (hostSurface) return isPressOnLayeredSurface(target, hostSurface);
+  return isPressOnLayeredSurface(target) || Boolean(target.closest(LAYERED_SURFACE_SELECTOR));
+};
+const GridProvider = ({ store, gridAreaRef, canEditCell, onFillCommit, children }) => {
   const elementsRef = useRef(/* @__PURE__ */ new Map());
   const onFillCommitRef = useRef(onFillCommit);
   onFillCommitRef.current = onFillCommit;
@@ -93,6 +99,21 @@ const GridProvider = ({ store, canEditCell, onFillCommit, children }) => {
     }),
     [store]
   );
+  useEffect(() => {
+    const handlePointerDown = (event) => {
+      const { activeCell, editingCell } = store.getState();
+      if (!activeCell && !editingCell) return;
+      const target = event.target instanceof Element ? event.target : null;
+      if (!target) return;
+      const gridArea = gridAreaRef?.current ?? null;
+      if (gridArea?.contains(target) || isPressAboveGrid(target, gridArea)) return;
+      const focused = document.activeElement;
+      if (focused instanceof HTMLElement && gridArea?.contains(focused)) focused.blur();
+      store.getState().releaseActiveCell();
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => document.removeEventListener("pointerdown", handlePointerDown);
+  }, [store, gridAreaRef]);
   return /* @__PURE__ */ jsx(GridStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxs(GridCellRegistryContext.Provider, { value: registry, children: [
     /* @__PURE__ */ jsx(GridEditingFocus, { store, elements: elementsRef.current }),
     children

package/dist/components/UI/DataTable/grid/GridProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridProvider.js","sources":["../../../../../src/components/UI/DataTable/grid/GridProvider.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from 'react';\nimport { type StoreApi } from 'zustand/vanilla';\n\nimport { type IGridFillResult, type IGridState, selectGridCellState } from './gridStore';\nimport { buildGridCellKey, type IGridCellCoord } from './gridTypes';\n\nexport interface IGridCellRegistry {\n  register: (cellKey: string, element: HTMLElement | null) => void;\n  focusCell: (coord: IGridCellCoord) => void;\n  /** Whether a click on this cell opens its editor. */\n  canEditCell: (coord: IGridCellCoord) => boolean;\n  /** Hands a finished fill drag to the host table, which owns the row data. */\n  commitFill: (result: IGridFillResult) => void;\n}\n\nconst GridStoreContext = createContext<StoreApi<IGridState> | null>(null);\nconst GridCellRegistryContext = createContext<IGridCellRegistry | null>(null);\n\n/** The grid store of the closest spreadsheet-enabled table, or `null` outside one. */\nexport const useGridStoreApi = (): StoreApi<IGridState> | null => useContext(GridStoreContext);\n\nexport const useGridCellRegistry = (): IGridCellRegistry | null => useContext(GridCellRegistryContext);\n\n/**\n * Per-cell subscription to the grid state, as a bitmask. Reading a primitive\n * through `useSyncExternalStore` means moving the active cell re-renders the two\n * cells that changed, never the table.\n */\nexport const useGridCellState = (rowId: string, columnId: string): number => {\n  const store = useGridStoreApi();\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => (store ? store.subscribe(onStoreChange) : () => undefined),\n    [store],\n  );\n\n  const getSnapshot = useCallback(\n    () => (store ? selectGridCellState(store.getState(), rowId, columnId) : 0),\n    [store, rowId, columnId],\n  );\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n};\n\nconst EDITOR_FOCUS_SELECTOR = 'input, textarea, select, [contenteditable=\"true\"], button, [tabindex]';\n\n/** Select and date editors render a read-only input that opens their popup on click. */\nconst isPickerTrigger = (element: HTMLElement): boolean => element instanceof HTMLInputElement && element.readOnly;\n\nconst isTextField = (element: HTMLElement): element is HTMLInputElement | HTMLTextAreaElement =>\n  (element instanceof HTMLInputElement && !element.readOnly) || element instanceof HTMLTextAreaElement;\n\nconst placeCaretAtEnd = (field: HTMLInputElement | HTMLTextAreaElement): void => {\n  // `setSelectionRange` throws on input types without a caret (email, number).\n  try {\n    const end = field.value.length;\n    field.setSelectionRange(end, end);\n  } catch {\n    // The browser already put the caret somewhere usable.\n  }\n};\n\n/**\n * Moves the focus into the editor once React has actually mounted it. The store\n * subscription cannot do this: it runs during the state update, before the cell\n * has swapped its read view for the editor.\n */\nconst GridEditingFocus: React.FC<{ store: StoreApi<IGridState>; elements: Map<string, HTMLElement> }> = ({\n  store,\n  elements,\n}) => {\n  const editingKey = useSyncExternalStore(\n    useCallback((onStoreChange: () => void) => store.subscribe(onStoreChange), [store]),\n    () => {\n      const editing = store.getState().editingCell;\n      return editing ? buildGridCellKey(editing.rowId, editing.columnId) : null;\n    },\n  );\n\n  useEffect(() => {\n    if (!editingKey) return;\n\n    const editor = elements.get(editingKey)?.querySelector<HTMLElement>(EDITOR_FOCUS_SELECTOR);\n    if (!editor) return;\n\n    editor.focus({ preventScroll: true });\n\n    const { editingEntry, editingSeed } = store.getState();\n\n    if (isPickerTrigger(editor)) {\n      if (editingEntry !== 'keyboard') editor.click();\n      return;\n    }\n\n    if (!isTextField(editor)) return;\n\n    if (editingEntry === 'keyboard' && editingSeed == null) editor.select();\n    else placeCaretAtEnd(editor);\n  }, [editingKey, elements, store]);\n\n  return null;\n};\n\ninterface IGridProviderProps {\n  store: StoreApi<IGridState>;\n  canEditCell: (coord: IGridCellCoord) => boolean;\n  onFillCommit?: (result: IGridFillResult) => void;\n  children: React.ReactNode;\n}\n\n/**\n * Owns the DOM side of the grid: the cell element registry and the focus/scroll\n * effect. It subscribes imperatively, so following the active cell costs no\n * render of its own.\n */\nconst GridProvider: React.FC<IGridProviderProps> = ({ store, canEditCell, onFillCommit, children }) => {\n  const elementsRef = useRef(new Map<string, HTMLElement>());\n\n  // Read through a ref so the registry identity never changes: it reaches every\n  // cell, and a new object there would re-render the whole body.\n  const onFillCommitRef = useRef(onFillCommit);\n  onFillCommitRef.current = onFillCommit;\n  const canEditCellRef = useRef(canEditCell);\n  canEditCellRef.current = canEditCell;\n\n  const registry = useMemo<IGridCellRegistry>(\n    () => ({\n      commitFill: (result) => onFillCommitRef.current?.(result),\n      canEditCell: (coord) => canEditCellRef.current(coord),\n      register: (cellKey, element) => {\n        if (element) elementsRef.current.set(cellKey, element);\n        else elementsRef.current.delete(cellKey);\n      },\n      focusCell: (coord) => {\n        const element = elementsRef.current.get(buildGridCellKey(coord.rowId, coord.columnId));\n        if (!element) return;\n        element.focus({ preventScroll: true });\n        element.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      },\n    }),\n    [],\n  );\n\n  useEffect(\n    () =>\n      store.subscribe((state, previous) => {\n        const activeChanged =\n          state.activeCell?.rowId !== previous.activeCell?.rowId ||\n          state.activeCell?.columnId !== previous.activeCell?.columnId;\n        const editingEnded = !!previous.editingCell && !state.editingCell;\n\n        if (!activeChanged && !editingEnded) return;\n        if (state.editingCell) return;\n\n        const coord = state.activeCell;\n        if (!coord) return;\n\n        const element = elementsRef.current.get(buildGridCellKey(coord.rowId, coord.columnId));\n        if (!element) return;\n\n        // Leaving edit mode has to claim the focus BEFORE the editor unmounts,\n        // otherwise the browser drops it on the body and the arrows stop working.\n        if (editingEnded || !element.contains(document.activeElement)) element.focus({ preventScroll: true });\n\n        element.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }),\n    [store],\n  );\n\n  return (\n    <GridStoreContext.Provider value={store}>\n      <GridCellRegistryContext.Provider value={registry}>\n        <GridEditingFocus store={store} elements={elementsRef.current} />\n        {children}\n      </GridCellRegistryContext.Provider>\n    </GridStoreContext.Provider>\n  );\n};\n\nexport default GridProvider;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GridProvider.js","sources":["../../../../../src/components/UI/DataTable/grid/GridProvider.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from 'react';\nimport { type StoreApi } from 'zustand/vanilla';\n\nimport { isPressOnLayeredSurface, LAYERED_SURFACE_SELECTOR } from '@/helpers/layeredSurfaces';\n\nimport { type IGridFillResult, type IGridState, selectGridCellState } from './gridStore';\nimport { buildGridCellKey, type IGridCellCoord } from './gridTypes';\n\nexport interface IGridCellRegistry {\n  register: (cellKey: string, element: HTMLElement | null) => void;\n  focusCell: (coord: IGridCellCoord) => void;\n  /** Whether a click on this cell opens its editor. */\n  canEditCell: (coord: IGridCellCoord) => boolean;\n  /** Hands a finished fill drag to the host table, which owns the row data. */\n  commitFill: (result: IGridFillResult) => void;\n}\n\nconst GridStoreContext = createContext<StoreApi<IGridState> | null>(null);\nconst GridCellRegistryContext = createContext<IGridCellRegistry | null>(null);\n\n/** The grid store of the closest spreadsheet-enabled table, or `null` outside one. */\nexport const useGridStoreApi = (): StoreApi<IGridState> | null => useContext(GridStoreContext);\n\nexport const useGridCellRegistry = (): IGridCellRegistry | null => useContext(GridCellRegistryContext);\n\n/**\n * Per-cell subscription to the grid state, as a bitmask. Reading a primitive\n * through `useSyncExternalStore` means moving the active cell re-renders the two\n * cells that changed, never the table.\n */\nexport const useGridCellState = (rowId: string, columnId: string): number => {\n  const store = useGridStoreApi();\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => (store ? store.subscribe(onStoreChange) : () => undefined),\n    [store],\n  );\n\n  const getSnapshot = useCallback(\n    () => (store ? selectGridCellState(store.getState(), rowId, columnId) : 0),\n    [store, rowId, columnId],\n  );\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n};\n\nconst EDITOR_FOCUS_SELECTOR = 'input, textarea, select, [contenteditable=\"true\"], button, [tabindex]';\n\n/** Select and date editors render a read-only input that opens their popup on click. */\nconst isPickerTrigger = (element: HTMLElement): boolean => element instanceof HTMLInputElement && element.readOnly;\n\nconst isTextField = (element: HTMLElement): element is HTMLInputElement | HTMLTextAreaElement =>\n  (element instanceof HTMLInputElement && !element.readOnly) || element instanceof HTMLTextAreaElement;\n\nconst placeCaretAtEnd = (field: HTMLInputElement | HTMLTextAreaElement): void => {\n  // `setSelectionRange` throws on input types without a caret (email, number).\n  try {\n    const end = field.value.length;\n    field.setSelectionRange(end, end);\n  } catch {\n    // The browser already put the caret somewhere usable.\n  }\n};\n\n/**\n * Moves the focus into the editor once React has actually mounted it. The store\n * subscription cannot do this: it runs during the state update, before the cell\n * has swapped its read view for the editor.\n */\nconst GridEditingFocus: React.FC<{ store: StoreApi<IGridState>; elements: Map<string, HTMLElement> }> = ({\n  store,\n  elements,\n}) => {\n  const editingKey = useSyncExternalStore(\n    useCallback((onStoreChange: () => void) => store.subscribe(onStoreChange), [store]),\n    () => {\n      const editing = store.getState().editingCell;\n      return editing ? buildGridCellKey(editing.rowId, editing.columnId) : null;\n    },\n  );\n\n  useEffect(() => {\n    if (!editingKey) return;\n\n    const editor = elements.get(editingKey)?.querySelector<HTMLElement>(EDITOR_FOCUS_SELECTOR);\n    if (!editor) return;\n\n    editor.focus({ preventScroll: true });\n\n    const { editingEntry, editingSeed } = store.getState();\n\n    if (isPickerTrigger(editor)) {\n      if (editingEntry !== 'keyboard') editor.click();\n      return;\n    }\n\n    if (!isTextField(editor)) return;\n\n    if (editingEntry === 'keyboard' && editingSeed == null) editor.select();\n    else placeCaretAtEnd(editor);\n  }, [editingKey, elements, store]);\n\n  return null;\n};\n\n/**\n * Whether a press outside the grid area belongs to something painted above the table (a select\n * listbox, a date picker, a toast), which is work on the open cell rather than leaving it. Inside\n * a drawer or dialog the comparison is directional, otherwise any press on that host surface would\n * count as layered and the grid would never let go.\n */\nconst isPressAboveGrid = (target: Element, gridArea: Element | null): boolean => {\n  const hostSurface = gridArea?.closest(LAYERED_SURFACE_SELECTOR) ?? null;\n  if (hostSurface) return isPressOnLayeredSurface(target, hostSurface);\n  return isPressOnLayeredSurface(target) || Boolean(target.closest(LAYERED_SURFACE_SELECTOR));\n};\n\ninterface IGridProviderProps {\n  store: StoreApi<IGridState>;\n  /** The scroll region that holds the table: a press outside it releases the active cell. */\n  gridAreaRef?: React.RefObject<HTMLElement | null>;\n  canEditCell: (coord: IGridCellCoord) => boolean;\n  onFillCommit?: (result: IGridFillResult) => void;\n  children: React.ReactNode;\n}\n\n/**\n * Owns the DOM side of the grid: the cell element registry and the focus/scroll\n * effect. It subscribes imperatively, so following the active cell costs no\n * render of its own.\n */\nconst GridProvider: React.FC<IGridProviderProps> = ({ store, gridAreaRef, canEditCell, onFillCommit, children }) => {\n  const elementsRef = useRef(new Map<string, HTMLElement>());\n\n  // Read through a ref so the registry identity never changes: it reaches every\n  // cell, and a new object there would re-render the whole body.\n  const onFillCommitRef = useRef(onFillCommit);\n  onFillCommitRef.current = onFillCommit;\n  const canEditCellRef = useRef(canEditCell);\n  canEditCellRef.current = canEditCell;\n\n  const registry = useMemo<IGridCellRegistry>(\n    () => ({\n      commitFill: (result) => onFillCommitRef.current?.(result),\n      canEditCell: (coord) => canEditCellRef.current(coord),\n      register: (cellKey, element) => {\n        if (element) elementsRef.current.set(cellKey, element);\n        else elementsRef.current.delete(cellKey);\n      },\n      focusCell: (coord) => {\n        const element = elementsRef.current.get(buildGridCellKey(coord.rowId, coord.columnId));\n        if (!element) return;\n        element.focus({ preventScroll: true });\n        element.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      },\n    }),\n    [],\n  );\n\n  useEffect(\n    () =>\n      store.subscribe((state, previous) => {\n        const activeChanged =\n          state.activeCell?.rowId !== previous.activeCell?.rowId ||\n          state.activeCell?.columnId !== previous.activeCell?.columnId;\n        const editingEnded = !!previous.editingCell && !state.editingCell;\n\n        if (!activeChanged && !editingEnded) return;\n        if (state.editingCell) return;\n\n        const coord = state.activeCell;\n        if (!coord) return;\n\n        const element = elementsRef.current.get(buildGridCellKey(coord.rowId, coord.columnId));\n        if (!element) return;\n\n        // Leaving edit mode has to claim the focus BEFORE the editor unmounts,\n        // otherwise the browser drops it on the body and the arrows stop working.\n        if (editingEnded || !element.contains(document.activeElement)) element.focus({ preventScroll: true });\n\n        element.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }),\n    [store],\n  );\n\n  // Without this only another cell took the focus away: a press anywhere else on the page left\n  // the editor open and the cell outlined, and a field outside the table lost its focus back to it.\n  useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      const { activeCell, editingCell } = store.getState();\n      if (!activeCell && !editingCell) return;\n\n      const target = event.target instanceof Element ? event.target : null;\n      if (!target) return;\n\n      const gridArea = gridAreaRef?.current ?? null;\n      if (gridArea?.contains(target) || isPressAboveGrid(target, gridArea)) return;\n\n      // Editors that save on blur have to commit before the store unmounts them.\n      const focused = document.activeElement;\n      if (focused instanceof HTMLElement && gridArea?.contains(focused)) focused.blur();\n\n      store.getState().releaseActiveCell();\n    };\n\n    document.addEventListener('pointerdown', handlePointerDown);\n    return () => document.removeEventListener('pointerdown', handlePointerDown);\n  }, [store, gridAreaRef]);\n\n  return (\n    <GridStoreContext.Provider value={store}>\n      <GridCellRegistryContext.Provider value={registry}>\n        <GridEditingFocus store={store} elements={elementsRef.current} />\n        {children}\n      </GridCellRegistryContext.Provider>\n    </GridStoreContext.Provider>\n  );\n};\n\nexport default GridProvider;\n"],"names":[],"mappings":"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"}

package/dist/components/UI/DataTable/grid/gridStore.d.ts

@@ -61,6 +61,11 @@ export interface IGridState {
     moveToEditableCell: (direction: 1 | -1, canEditCell: (coord: IGridCellCoord) => boolean) => boolean;
     startEditing: (coord?: IGridCellCoord, options?: IGridStartEditingOptions) => void;
     stopEditing: (outcome?: TGridEditingOutcome) => void;
+    /**
+     * The grid lets go of the user: the open editor closes keeping its value, as Enter would,
+     * and no cell stays active or selected. Used when a press lands outside the table.
+     */
+    releaseActiveCell: () => void;
     clearSelection: () => void;
     startFill: () => void;
     updateFillTarget: (coord: IGridCellCoord) => void;

package/dist/components/UI/DataTable/grid/gridStore.js

@@ -178,6 +178,19 @@ const createGridStore = (selectionMode = "cell", initialEditMode = true) => crea
       if (!get().editingCell) return;
       set({ editingCell: null, editingOutcome: outcome });
     },
+    releaseActiveCell: () => {
+      const { activeCell, editingCell, fillSourceRect } = get();
+      if (!activeCell && !editingCell && !fillSourceRect) return;
+      set({
+        activeCell: null,
+        selectionAnchor: null,
+        selectionRect: null,
+        editingCell: null,
+        ...editingCell ? { editingOutcome: "commit" } : {},
+        fillSourceRect: null,
+        fillTargetRect: null
+      });
+    },
     clearSelection: () => {
       const { activeCell, matrix } = get();
       set({

package/dist/components/UI/DataTable/grid/gridStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridStore.js","sources":["../../../../../src/components/UI/DataTable/grid/gridStore.ts"],"sourcesContent":["import { createStore, type StoreApi } from 'zustand/vanilla';\n\nimport {\n  buildGridCellKey,\n  GRID_CELL_ACTIVE,\n  GRID_CELL_EDITING,\n  GRID_CELL_FILL_HANDLE,\n  GRID_CELL_FILL_PREVIEW,\n  GRID_CELL_SAVE_ERROR,\n  GRID_CELL_SAVING,\n  GRID_CELL_SELECTED,\n  GRID_CELL_TABBABLE,\n  type IGridCellCoord,\n  type IGridStartEditingOptions,\n  type TGridEditingEntry,\n  type TGridSelectionMode,\n} from './gridTypes';\n\nexport interface IGridMatrix {\n  rowIds: Array<string>;\n  columnIds: Array<string>;\n  rowIndexById: Map<string, number>;\n  columnIndexById: Map<string, number>;\n}\n\nexport interface IGridSelectionRect {\n  rowStart: number;\n  rowEnd: number;\n  columnStart: number;\n  columnEnd: number;\n}\n\nexport interface IGridMoveOptions {\n  /** Keeps the selection anchor and stretches the rectangle to the new cell. */\n  extend?: boolean;\n  /** Tab-style traversal: past the last column continues on the next row. */\n  wrap?: boolean;\n}\n\nexport type TGridEditingOutcome = 'commit' | 'cancel';\n\nexport interface IGridState {\n  /**\n   * Enquanto falso a tabela é uma tabela comum: nenhuma célula é focável, o\n   * clique na linha segue sendo do host e nada do grid aparece.\n   */\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  selectionMode: TGridSelectionMode;\n  matrix: IGridMatrix;\n  activeCell: IGridCellCoord | null;\n  selectionAnchor: IGridCellCoord | null;\n  selectionRect: IGridSelectionRect | null;\n  editingCell: IGridCellCoord | null;\n  editingEntry: TGridEditingEntry | null;\n  /** Typed text that replaces the value of the cell being opened; `null` keeps the value. */\n  editingSeed: string | null;\n  /** How the last edit ended, so the cell knows whether to restore its value. */\n  editingOutcome: TGridEditingOutcome | null;\n  /** Selection snapshot taken when the fill drag started. */\n  fillSourceRect: IGridSelectionRect | null;\n  /** Cells the running fill drag would write. Null while the pointer is inside the source. */\n  fillTargetRect: IGridSelectionRect | null;\n  /** Per-cell persistence state fed by the host's commit queue. */\n  cellStatuses: ReadonlyMap<string, string>;\n  setCellStatuses: (statuses: ReadonlyMap<string, string>) => void;\n  setSelectionMode: (mode: TGridSelectionMode) => void;\n  setMatrix: (rowIds: Array<string>, columnIds: Array<string>) => void;\n  setActiveCell: (coord: IGridCellCoord, options?: { extend?: boolean }) => void;\n  /** Returns whether the active cell actually moved, so the host can let Tab leave the grid. */\n  moveActiveCell: (rowDelta: number, columnDelta: number, options?: IGridMoveOptions) => boolean;\n  moveActiveToEdge: (rowDelta: number, columnDelta: number, options?: { extend?: boolean }) => void;\n  /**\n   * Tab traversal over the cells that accept an editor, opening the one it lands on.\n   * Returns `false` past the first/last editable cell so the focus can leave the grid.\n   */\n  moveToEditableCell: (direction: 1 | -1, canEditCell: (coord: IGridCellCoord) => boolean) => boolean;\n  startEditing: (coord?: IGridCellCoord, options?: IGridStartEditingOptions) => void;\n  stopEditing: (outcome?: TGridEditingOutcome) => void;\n  clearSelection: () => void;\n  startFill: () => void;\n  updateFillTarget: (coord: IGridCellCoord) => void;\n  /** Clears the drag state and hands back what should be written, if anything. */\n  endFill: () => IGridFillResult | null;\n  cancelFill: () => void;\n}\n\nexport interface IGridFillResult {\n  sourceRect: IGridSelectionRect;\n  targetRect: IGridSelectionRect;\n  matrix: IGridMatrix;\n}\n\nconst EMPTY_MATRIX: IGridMatrix = {\n  rowIds: [],\n  columnIds: [],\n  rowIndexById: new Map(),\n  columnIndexById: new Map(),\n};\n\nconst sameIds = (current: Array<string>, next: Array<string>): boolean =>\n  current.length === next.length && current.every((id, index) => id === next[index]);\n\nconst buildIndex = (ids: Array<string>): Map<string, number> => new Map(ids.map((id, index) => [id, index]));\n\nconst buildRect = (\n  matrix: IGridMatrix,\n  anchor: IGridCellCoord | null,\n  focus: IGridCellCoord | null,\n): IGridSelectionRect | null => {\n  if (!anchor || !focus) return null;\n\n  const anchorRow = matrix.rowIndexById.get(anchor.rowId);\n  const anchorColumn = matrix.columnIndexById.get(anchor.columnId);\n  const focusRow = matrix.rowIndexById.get(focus.rowId);\n  const focusColumn = matrix.columnIndexById.get(focus.columnId);\n\n  if (anchorRow == null || anchorColumn == null || focusRow == null || focusColumn == null) return null;\n\n  return {\n    rowStart: Math.min(anchorRow, focusRow),\n    rowEnd: Math.max(anchorRow, focusRow),\n    columnStart: Math.min(anchorColumn, focusColumn),\n    columnEnd: Math.max(anchorColumn, focusColumn),\n  };\n};\n\nconst coordAt = (matrix: IGridMatrix, rowIndex: number, columnIndex: number): IGridCellCoord | null => {\n  const rowId = matrix.rowIds[rowIndex];\n  const columnId = matrix.columnIds[columnIndex];\n  if (rowId == null || columnId == null) return null;\n\n  return { rowId, columnId };\n};\n\nconst isSameCoord = (left: IGridCellCoord | null, right: IGridCellCoord | null): boolean =>\n  left?.rowId === right?.rowId && left?.columnId === right?.columnId;\n\nexport const createGridStore = (\n  selectionMode: TGridSelectionMode = 'cell',\n  initialEditMode = true,\n): StoreApi<IGridState> =>\n  createStore<IGridState>((set, get) => {\n    const focusCoord = (coord: IGridCellCoord, extend: boolean) => {\n      const { matrix, selectionAnchor, selectionMode: mode, editingCell } = get();\n      const anchor = extend && mode === 'range' ? (selectionAnchor ?? coord) : coord;\n\n      set({\n        activeCell: coord,\n        selectionAnchor: anchor,\n        selectionRect: buildRect(matrix, anchor, coord),\n        editingCell: null,\n        // Moving away from an open editor keeps what was typed: only Escape discards it.\n        editingOutcome: editingCell ? 'commit' : null,\n      });\n    };\n\n    return {\n      isEditMode: initialEditMode,\n      selectionMode,\n      matrix: EMPTY_MATRIX,\n      activeCell: null,\n      selectionAnchor: null,\n      selectionRect: null,\n      editingCell: null,\n      editingEntry: null,\n      editingSeed: null,\n      editingOutcome: null,\n      fillSourceRect: null,\n      fillTargetRect: null,\n      cellStatuses: new Map<string, string>(),\n\n      setEditMode: (isEditMode) => {\n        if (get().isEditMode === isEditMode) return;\n\n        // Sair do modo devolve a tabela ao estado neutro: nada selecionado, nada\n        // em edição, nenhum arraste pela metade.\n        set({\n          isEditMode,\n          activeCell: null,\n          selectionAnchor: null,\n          selectionRect: null,\n          editingCell: null,\n          editingOutcome: null,\n          fillSourceRect: null,\n          fillTargetRect: null,\n        });\n      },\n\n      setCellStatuses: (statuses) => {\n        if (get().cellStatuses === statuses) return;\n        set({ cellStatuses: statuses });\n      },\n\n      setSelectionMode: (mode) => {\n        if (get().selectionMode === mode) return;\n        set({ selectionMode: mode });\n      },\n\n      setMatrix: (rowIds, columnIds) => {\n        const { matrix, activeCell, selectionAnchor, editingCell } = get();\n        if (sameIds(matrix.rowIds, rowIds) && sameIds(matrix.columnIds, columnIds)) return;\n\n        const nextMatrix: IGridMatrix = {\n          rowIds,\n          columnIds,\n          rowIndexById: buildIndex(rowIds),\n          columnIndexById: buildIndex(columnIds),\n        };\n\n        // A row or column that left the viewport (pagination, filter, column\n        // hidden) takes its active/editing state with it, so the grid never\n        // points at a cell the user cannot see.\n        const stillExists = (coord: IGridCellCoord | null): coord is IGridCellCoord =>\n          !!coord && nextMatrix.rowIndexById.has(coord.rowId) && nextMatrix.columnIndexById.has(coord.columnId);\n\n        const nextActive = stillExists(activeCell) ? activeCell : null;\n        const nextAnchor = stillExists(selectionAnchor) ? selectionAnchor : nextActive;\n\n        set({\n          matrix: nextMatrix,\n          activeCell: nextActive,\n          selectionAnchor: nextAnchor,\n          selectionRect: buildRect(nextMatrix, nextAnchor, nextActive),\n          editingCell: stillExists(editingCell) ? editingCell : null,\n        });\n      },\n\n      setActiveCell: (coord, options) => {\n        const { activeCell, editingCell } = get();\n        const extend = options?.extend ?? false;\n\n        // Um clique DENTRO da célula que já está sendo editada pertence ao editor,\n        // não à navegação: reposicionar o cursor aqui fecharia o editor ainda no\n        // mousedown, e um select nunca chegaria a abrir a lista.\n        if (!extend && isSameCoord(editingCell, coord)) return;\n        if (!extend && isSameCoord(activeCell, coord) && !editingCell) return;\n\n        focusCoord(coord, extend);\n      },\n\n      moveActiveCell: (rowDelta, columnDelta, options) => {\n        const { matrix, activeCell } = get();\n        if (matrix.rowIds.length === 0 || matrix.columnIds.length === 0) return false;\n\n        if (!activeCell) {\n          const first = coordAt(matrix, 0, 0);\n          if (first) focusCoord(first, false);\n          return !!first;\n        }\n\n        const rowIndex = matrix.rowIndexById.get(activeCell.rowId);\n        const columnIndex = matrix.columnIndexById.get(activeCell.columnId);\n        if (rowIndex == null || columnIndex == null) return false;\n\n        let nextRow = rowIndex + rowDelta;\n        let nextColumn = columnIndex + columnDelta;\n\n        if (options?.wrap && columnDelta !== 0) {\n          if (nextColumn >= matrix.columnIds.length) {\n            nextColumn = 0;\n            nextRow += 1;\n          } else if (nextColumn < 0) {\n            nextColumn = matrix.columnIds.length - 1;\n            nextRow -= 1;\n          }\n        }\n\n        if (nextRow < 0 || nextRow >= matrix.rowIds.length) return false;\n        if (nextColumn < 0 || nextColumn >= matrix.columnIds.length) return false;\n\n        const next = coordAt(matrix, nextRow, nextColumn);\n        if (!next) return false;\n\n        focusCoord(next, options?.extend ?? false);\n        return true;\n      },\n\n      moveActiveToEdge: (rowDelta, columnDelta, options) => {\n        const { matrix, activeCell } = get();\n        if (matrix.rowIds.length === 0 || matrix.columnIds.length === 0) return;\n\n        const rowIndex = activeCell ? (matrix.rowIndexById.get(activeCell.rowId) ?? 0) : 0;\n        const columnIndex = activeCell ? (matrix.columnIndexById.get(activeCell.columnId) ?? 0) : 0;\n\n        const nextRow = rowDelta === 0 ? rowIndex : rowDelta > 0 ? matrix.rowIds.length - 1 : 0;\n        const nextColumn = columnDelta === 0 ? columnIndex : columnDelta > 0 ? matrix.columnIds.length - 1 : 0;\n\n        const next = coordAt(matrix, nextRow, nextColumn);\n        if (next) focusCoord(next, options?.extend ?? false);\n      },\n\n      moveToEditableCell: (direction, canEditCell) => {\n        const { matrix, activeCell } = get();\n        const columnCount = matrix.columnIds.length;\n        const cellCount = matrix.rowIds.length * columnCount;\n        if (cellCount === 0) return false;\n\n        const rowIndex = activeCell ? matrix.rowIndexById.get(activeCell.rowId) : undefined;\n        const columnIndex = activeCell ? matrix.columnIndexById.get(activeCell.columnId) : undefined;\n        const currentPosition = rowIndex != null && columnIndex != null ? rowIndex * columnCount + columnIndex : -1;\n\n        for (let position = currentPosition + direction; position >= 0 && position < cellCount; position += direction) {\n          const candidate = coordAt(matrix, Math.floor(position / columnCount), position % columnCount);\n          if (!candidate || !canEditCell(candidate)) continue;\n\n          focusCoord(candidate, false);\n          get().startEditing(candidate, { entry: 'keyboard' });\n          return true;\n        }\n\n        return false;\n      },\n\n      startEditing: (coord, options) => {\n        const { activeCell, editingCell, matrix } = get();\n        const target = coord ?? activeCell;\n        if (!target || isSameCoord(editingCell, target)) return;\n\n        set({\n          activeCell: target,\n          selectionAnchor: target,\n          selectionRect: buildRect(matrix, target, target),\n          editingCell: target,\n          editingEntry: options?.entry ?? 'keyboard',\n          editingSeed: options?.seed ?? null,\n          editingOutcome: null,\n        });\n      },\n\n      stopEditing: (outcome = 'commit') => {\n        if (!get().editingCell) return;\n        set({ editingCell: null, editingOutcome: outcome });\n      },\n\n      clearSelection: () => {\n        const { activeCell, matrix } = get();\n        set({\n          selectionAnchor: activeCell,\n          selectionRect: buildRect(matrix, activeCell, activeCell),\n        });\n      },\n\n      startFill: () => {\n        const { selectionRect } = get();\n        if (!selectionRect) return;\n        set({ fillSourceRect: selectionRect, fillTargetRect: null, editingCell: null });\n      },\n\n      updateFillTarget: (coord) => {\n        const { fillSourceRect, fillTargetRect, matrix } = get();\n        if (!fillSourceRect) return;\n\n        const rowIndex = matrix.rowIndexById.get(coord.rowId);\n        if (rowIndex == null) return;\n\n        // Vertical only for now. The rect shape is already 2D, so a horizontal\n        // drag is a second branch here and nothing else in the layer changes.\n        let nextTarget: IGridSelectionRect | null = null;\n        if (rowIndex > fillSourceRect.rowEnd) {\n          nextTarget = { ...fillSourceRect, rowStart: fillSourceRect.rowEnd + 1, rowEnd: rowIndex };\n        } else if (rowIndex < fillSourceRect.rowStart) {\n          nextTarget = { ...fillSourceRect, rowStart: rowIndex, rowEnd: fillSourceRect.rowStart - 1 };\n        }\n\n        const isSameTarget =\n          nextTarget?.rowStart === fillTargetRect?.rowStart && nextTarget?.rowEnd === fillTargetRect?.rowEnd;\n        if (isSameTarget) return;\n\n        set({ fillTargetRect: nextTarget });\n      },\n\n      endFill: () => {\n        const { fillSourceRect, fillTargetRect, matrix } = get();\n        set({ fillSourceRect: null, fillTargetRect: null });\n        if (!fillSourceRect || !fillTargetRect) return null;\n\n        return { sourceRect: fillSourceRect, targetRect: fillTargetRect, matrix };\n      },\n\n      cancelFill: () => {\n        if (!get().fillSourceRect) return;\n        set({ fillSourceRect: null, fillTargetRect: null });\n      },\n    };\n  });\n\n/**\n * Bitmask of what this cell currently is. A primitive keeps the per-cell\n * subscription cheap: `useSyncExternalStore` compares it by value, so a cell\n * only re-renders when its own state actually changes.\n */\nconst isInsideRect = (rect: IGridSelectionRect | null, rowIndex?: number, columnIndex?: number): boolean =>\n  !!rect &&\n  rowIndex != null &&\n  columnIndex != null &&\n  rowIndex >= rect.rowStart &&\n  rowIndex <= rect.rowEnd &&\n  columnIndex >= rect.columnStart &&\n  columnIndex <= rect.columnEnd;\n\nexport const selectGridCellState = (state: IGridState, rowId: string, columnId: string): number => {\n  if (!state.isEditMode) return 0;\n\n  let mask = 0;\n\n  if (isSameCoord(state.activeCell, { rowId, columnId })) mask |= GRID_CELL_ACTIVE;\n  if (isSameCoord(state.editingCell, { rowId, columnId })) mask |= GRID_CELL_EDITING;\n\n  const rowIndex = state.matrix.rowIndexById.get(rowId);\n  const columnIndex = state.matrix.columnIndexById.get(columnId);\n\n  const rect = state.selectionRect;\n  if (isInsideRect(rect, rowIndex, columnIndex)) mask |= GRID_CELL_SELECTED;\n  if (rect && rowIndex === rect.rowEnd && columnIndex === rect.columnEnd) mask |= GRID_CELL_FILL_HANDLE;\n  if (isInsideRect(state.fillTargetRect, rowIndex, columnIndex)) mask |= GRID_CELL_FILL_PREVIEW;\n\n  if (state.cellStatuses.size > 0) {\n    const status = state.cellStatuses.get(buildGridCellKey(rowId, columnId));\n    if (status === 'saving' || status === 'pending') mask |= GRID_CELL_SAVING;\n    if (status === 'error') mask |= GRID_CELL_SAVE_ERROR;\n  }\n\n  // Roving tabindex needs an entry point before the first interaction: without\n  // an active cell the top-left cell is the one Tab reaches from outside.\n  if (!state.activeCell && state.matrix.rowIds[0] === rowId && state.matrix.columnIds[0] === columnId) {\n    mask |= GRID_CELL_TABBABLE;\n  }\n\n  return mask;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gridStore.js","sources":["../../../../../src/components/UI/DataTable/grid/gridStore.ts"],"sourcesContent":["import { createStore, type StoreApi } from 'zustand/vanilla';\n\nimport {\n  buildGridCellKey,\n  GRID_CELL_ACTIVE,\n  GRID_CELL_EDITING,\n  GRID_CELL_FILL_HANDLE,\n  GRID_CELL_FILL_PREVIEW,\n  GRID_CELL_SAVE_ERROR,\n  GRID_CELL_SAVING,\n  GRID_CELL_SELECTED,\n  GRID_CELL_TABBABLE,\n  type IGridCellCoord,\n  type IGridStartEditingOptions,\n  type TGridEditingEntry,\n  type TGridSelectionMode,\n} from './gridTypes';\n\nexport interface IGridMatrix {\n  rowIds: Array<string>;\n  columnIds: Array<string>;\n  rowIndexById: Map<string, number>;\n  columnIndexById: Map<string, number>;\n}\n\nexport interface IGridSelectionRect {\n  rowStart: number;\n  rowEnd: number;\n  columnStart: number;\n  columnEnd: number;\n}\n\nexport interface IGridMoveOptions {\n  /** Keeps the selection anchor and stretches the rectangle to the new cell. */\n  extend?: boolean;\n  /** Tab-style traversal: past the last column continues on the next row. */\n  wrap?: boolean;\n}\n\nexport type TGridEditingOutcome = 'commit' | 'cancel';\n\nexport interface IGridState {\n  /**\n   * Enquanto falso a tabela é uma tabela comum: nenhuma célula é focável, o\n   * clique na linha segue sendo do host e nada do grid aparece.\n   */\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  selectionMode: TGridSelectionMode;\n  matrix: IGridMatrix;\n  activeCell: IGridCellCoord | null;\n  selectionAnchor: IGridCellCoord | null;\n  selectionRect: IGridSelectionRect | null;\n  editingCell: IGridCellCoord | null;\n  editingEntry: TGridEditingEntry | null;\n  /** Typed text that replaces the value of the cell being opened; `null` keeps the value. */\n  editingSeed: string | null;\n  /** How the last edit ended, so the cell knows whether to restore its value. */\n  editingOutcome: TGridEditingOutcome | null;\n  /** Selection snapshot taken when the fill drag started. */\n  fillSourceRect: IGridSelectionRect | null;\n  /** Cells the running fill drag would write. Null while the pointer is inside the source. */\n  fillTargetRect: IGridSelectionRect | null;\n  /** Per-cell persistence state fed by the host's commit queue. */\n  cellStatuses: ReadonlyMap<string, string>;\n  setCellStatuses: (statuses: ReadonlyMap<string, string>) => void;\n  setSelectionMode: (mode: TGridSelectionMode) => void;\n  setMatrix: (rowIds: Array<string>, columnIds: Array<string>) => void;\n  setActiveCell: (coord: IGridCellCoord, options?: { extend?: boolean }) => void;\n  /** Returns whether the active cell actually moved, so the host can let Tab leave the grid. */\n  moveActiveCell: (rowDelta: number, columnDelta: number, options?: IGridMoveOptions) => boolean;\n  moveActiveToEdge: (rowDelta: number, columnDelta: number, options?: { extend?: boolean }) => void;\n  /**\n   * Tab traversal over the cells that accept an editor, opening the one it lands on.\n   * Returns `false` past the first/last editable cell so the focus can leave the grid.\n   */\n  moveToEditableCell: (direction: 1 | -1, canEditCell: (coord: IGridCellCoord) => boolean) => boolean;\n  startEditing: (coord?: IGridCellCoord, options?: IGridStartEditingOptions) => void;\n  stopEditing: (outcome?: TGridEditingOutcome) => void;\n  /**\n   * The grid lets go of the user: the open editor closes keeping its value, as Enter would,\n   * and no cell stays active or selected. Used when a press lands outside the table.\n   */\n  releaseActiveCell: () => void;\n  clearSelection: () => void;\n  startFill: () => void;\n  updateFillTarget: (coord: IGridCellCoord) => void;\n  /** Clears the drag state and hands back what should be written, if anything. */\n  endFill: () => IGridFillResult | null;\n  cancelFill: () => void;\n}\n\nexport interface IGridFillResult {\n  sourceRect: IGridSelectionRect;\n  targetRect: IGridSelectionRect;\n  matrix: IGridMatrix;\n}\n\nconst EMPTY_MATRIX: IGridMatrix = {\n  rowIds: [],\n  columnIds: [],\n  rowIndexById: new Map(),\n  columnIndexById: new Map(),\n};\n\nconst sameIds = (current: Array<string>, next: Array<string>): boolean =>\n  current.length === next.length && current.every((id, index) => id === next[index]);\n\nconst buildIndex = (ids: Array<string>): Map<string, number> => new Map(ids.map((id, index) => [id, index]));\n\nconst buildRect = (\n  matrix: IGridMatrix,\n  anchor: IGridCellCoord | null,\n  focus: IGridCellCoord | null,\n): IGridSelectionRect | null => {\n  if (!anchor || !focus) return null;\n\n  const anchorRow = matrix.rowIndexById.get(anchor.rowId);\n  const anchorColumn = matrix.columnIndexById.get(anchor.columnId);\n  const focusRow = matrix.rowIndexById.get(focus.rowId);\n  const focusColumn = matrix.columnIndexById.get(focus.columnId);\n\n  if (anchorRow == null || anchorColumn == null || focusRow == null || focusColumn == null) return null;\n\n  return {\n    rowStart: Math.min(anchorRow, focusRow),\n    rowEnd: Math.max(anchorRow, focusRow),\n    columnStart: Math.min(anchorColumn, focusColumn),\n    columnEnd: Math.max(anchorColumn, focusColumn),\n  };\n};\n\nconst coordAt = (matrix: IGridMatrix, rowIndex: number, columnIndex: number): IGridCellCoord | null => {\n  const rowId = matrix.rowIds[rowIndex];\n  const columnId = matrix.columnIds[columnIndex];\n  if (rowId == null || columnId == null) return null;\n\n  return { rowId, columnId };\n};\n\nconst isSameCoord = (left: IGridCellCoord | null, right: IGridCellCoord | null): boolean =>\n  left?.rowId === right?.rowId && left?.columnId === right?.columnId;\n\nexport const createGridStore = (\n  selectionMode: TGridSelectionMode = 'cell',\n  initialEditMode = true,\n): StoreApi<IGridState> =>\n  createStore<IGridState>((set, get) => {\n    const focusCoord = (coord: IGridCellCoord, extend: boolean) => {\n      const { matrix, selectionAnchor, selectionMode: mode, editingCell } = get();\n      const anchor = extend && mode === 'range' ? (selectionAnchor ?? coord) : coord;\n\n      set({\n        activeCell: coord,\n        selectionAnchor: anchor,\n        selectionRect: buildRect(matrix, anchor, coord),\n        editingCell: null,\n        // Moving away from an open editor keeps what was typed: only Escape discards it.\n        editingOutcome: editingCell ? 'commit' : null,\n      });\n    };\n\n    return {\n      isEditMode: initialEditMode,\n      selectionMode,\n      matrix: EMPTY_MATRIX,\n      activeCell: null,\n      selectionAnchor: null,\n      selectionRect: null,\n      editingCell: null,\n      editingEntry: null,\n      editingSeed: null,\n      editingOutcome: null,\n      fillSourceRect: null,\n      fillTargetRect: null,\n      cellStatuses: new Map<string, string>(),\n\n      setEditMode: (isEditMode) => {\n        if (get().isEditMode === isEditMode) return;\n\n        // Sair do modo devolve a tabela ao estado neutro: nada selecionado, nada\n        // em edição, nenhum arraste pela metade.\n        set({\n          isEditMode,\n          activeCell: null,\n          selectionAnchor: null,\n          selectionRect: null,\n          editingCell: null,\n          editingOutcome: null,\n          fillSourceRect: null,\n          fillTargetRect: null,\n        });\n      },\n\n      setCellStatuses: (statuses) => {\n        if (get().cellStatuses === statuses) return;\n        set({ cellStatuses: statuses });\n      },\n\n      setSelectionMode: (mode) => {\n        if (get().selectionMode === mode) return;\n        set({ selectionMode: mode });\n      },\n\n      setMatrix: (rowIds, columnIds) => {\n        const { matrix, activeCell, selectionAnchor, editingCell } = get();\n        if (sameIds(matrix.rowIds, rowIds) && sameIds(matrix.columnIds, columnIds)) return;\n\n        const nextMatrix: IGridMatrix = {\n          rowIds,\n          columnIds,\n          rowIndexById: buildIndex(rowIds),\n          columnIndexById: buildIndex(columnIds),\n        };\n\n        // A row or column that left the viewport (pagination, filter, column\n        // hidden) takes its active/editing state with it, so the grid never\n        // points at a cell the user cannot see.\n        const stillExists = (coord: IGridCellCoord | null): coord is IGridCellCoord =>\n          !!coord && nextMatrix.rowIndexById.has(coord.rowId) && nextMatrix.columnIndexById.has(coord.columnId);\n\n        const nextActive = stillExists(activeCell) ? activeCell : null;\n        const nextAnchor = stillExists(selectionAnchor) ? selectionAnchor : nextActive;\n\n        set({\n          matrix: nextMatrix,\n          activeCell: nextActive,\n          selectionAnchor: nextAnchor,\n          selectionRect: buildRect(nextMatrix, nextAnchor, nextActive),\n          editingCell: stillExists(editingCell) ? editingCell : null,\n        });\n      },\n\n      setActiveCell: (coord, options) => {\n        const { activeCell, editingCell } = get();\n        const extend = options?.extend ?? false;\n\n        // Um clique DENTRO da célula que já está sendo editada pertence ao editor,\n        // não à navegação: reposicionar o cursor aqui fecharia o editor ainda no\n        // mousedown, e um select nunca chegaria a abrir a lista.\n        if (!extend && isSameCoord(editingCell, coord)) return;\n        if (!extend && isSameCoord(activeCell, coord) && !editingCell) return;\n\n        focusCoord(coord, extend);\n      },\n\n      moveActiveCell: (rowDelta, columnDelta, options) => {\n        const { matrix, activeCell } = get();\n        if (matrix.rowIds.length === 0 || matrix.columnIds.length === 0) return false;\n\n        if (!activeCell) {\n          const first = coordAt(matrix, 0, 0);\n          if (first) focusCoord(first, false);\n          return !!first;\n        }\n\n        const rowIndex = matrix.rowIndexById.get(activeCell.rowId);\n        const columnIndex = matrix.columnIndexById.get(activeCell.columnId);\n        if (rowIndex == null || columnIndex == null) return false;\n\n        let nextRow = rowIndex + rowDelta;\n        let nextColumn = columnIndex + columnDelta;\n\n        if (options?.wrap && columnDelta !== 0) {\n          if (nextColumn >= matrix.columnIds.length) {\n            nextColumn = 0;\n            nextRow += 1;\n          } else if (nextColumn < 0) {\n            nextColumn = matrix.columnIds.length - 1;\n            nextRow -= 1;\n          }\n        }\n\n        if (nextRow < 0 || nextRow >= matrix.rowIds.length) return false;\n        if (nextColumn < 0 || nextColumn >= matrix.columnIds.length) return false;\n\n        const next = coordAt(matrix, nextRow, nextColumn);\n        if (!next) return false;\n\n        focusCoord(next, options?.extend ?? false);\n        return true;\n      },\n\n      moveActiveToEdge: (rowDelta, columnDelta, options) => {\n        const { matrix, activeCell } = get();\n        if (matrix.rowIds.length === 0 || matrix.columnIds.length === 0) return;\n\n        const rowIndex = activeCell ? (matrix.rowIndexById.get(activeCell.rowId) ?? 0) : 0;\n        const columnIndex = activeCell ? (matrix.columnIndexById.get(activeCell.columnId) ?? 0) : 0;\n\n        const nextRow = rowDelta === 0 ? rowIndex : rowDelta > 0 ? matrix.rowIds.length - 1 : 0;\n        const nextColumn = columnDelta === 0 ? columnIndex : columnDelta > 0 ? matrix.columnIds.length - 1 : 0;\n\n        const next = coordAt(matrix, nextRow, nextColumn);\n        if (next) focusCoord(next, options?.extend ?? false);\n      },\n\n      moveToEditableCell: (direction, canEditCell) => {\n        const { matrix, activeCell } = get();\n        const columnCount = matrix.columnIds.length;\n        const cellCount = matrix.rowIds.length * columnCount;\n        if (cellCount === 0) return false;\n\n        const rowIndex = activeCell ? matrix.rowIndexById.get(activeCell.rowId) : undefined;\n        const columnIndex = activeCell ? matrix.columnIndexById.get(activeCell.columnId) : undefined;\n        const currentPosition = rowIndex != null && columnIndex != null ? rowIndex * columnCount + columnIndex : -1;\n\n        for (let position = currentPosition + direction; position >= 0 && position < cellCount; position += direction) {\n          const candidate = coordAt(matrix, Math.floor(position / columnCount), position % columnCount);\n          if (!candidate || !canEditCell(candidate)) continue;\n\n          focusCoord(candidate, false);\n          get().startEditing(candidate, { entry: 'keyboard' });\n          return true;\n        }\n\n        return false;\n      },\n\n      startEditing: (coord, options) => {\n        const { activeCell, editingCell, matrix } = get();\n        const target = coord ?? activeCell;\n        if (!target || isSameCoord(editingCell, target)) return;\n\n        set({\n          activeCell: target,\n          selectionAnchor: target,\n          selectionRect: buildRect(matrix, target, target),\n          editingCell: target,\n          editingEntry: options?.entry ?? 'keyboard',\n          editingSeed: options?.seed ?? null,\n          editingOutcome: null,\n        });\n      },\n\n      stopEditing: (outcome = 'commit') => {\n        if (!get().editingCell) return;\n        set({ editingCell: null, editingOutcome: outcome });\n      },\n\n      releaseActiveCell: () => {\n        const { activeCell, editingCell, fillSourceRect } = get();\n        if (!activeCell && !editingCell && !fillSourceRect) return;\n\n        set({\n          activeCell: null,\n          selectionAnchor: null,\n          selectionRect: null,\n          editingCell: null,\n          ...(editingCell ? { editingOutcome: 'commit' as const } : {}),\n          fillSourceRect: null,\n          fillTargetRect: null,\n        });\n      },\n\n      clearSelection: () => {\n        const { activeCell, matrix } = get();\n        set({\n          selectionAnchor: activeCell,\n          selectionRect: buildRect(matrix, activeCell, activeCell),\n        });\n      },\n\n      startFill: () => {\n        const { selectionRect } = get();\n        if (!selectionRect) return;\n        set({ fillSourceRect: selectionRect, fillTargetRect: null, editingCell: null });\n      },\n\n      updateFillTarget: (coord) => {\n        const { fillSourceRect, fillTargetRect, matrix } = get();\n        if (!fillSourceRect) return;\n\n        const rowIndex = matrix.rowIndexById.get(coord.rowId);\n        if (rowIndex == null) return;\n\n        // Vertical only for now. The rect shape is already 2D, so a horizontal\n        // drag is a second branch here and nothing else in the layer changes.\n        let nextTarget: IGridSelectionRect | null = null;\n        if (rowIndex > fillSourceRect.rowEnd) {\n          nextTarget = { ...fillSourceRect, rowStart: fillSourceRect.rowEnd + 1, rowEnd: rowIndex };\n        } else if (rowIndex < fillSourceRect.rowStart) {\n          nextTarget = { ...fillSourceRect, rowStart: rowIndex, rowEnd: fillSourceRect.rowStart - 1 };\n        }\n\n        const isSameTarget =\n          nextTarget?.rowStart === fillTargetRect?.rowStart && nextTarget?.rowEnd === fillTargetRect?.rowEnd;\n        if (isSameTarget) return;\n\n        set({ fillTargetRect: nextTarget });\n      },\n\n      endFill: () => {\n        const { fillSourceRect, fillTargetRect, matrix } = get();\n        set({ fillSourceRect: null, fillTargetRect: null });\n        if (!fillSourceRect || !fillTargetRect) return null;\n\n        return { sourceRect: fillSourceRect, targetRect: fillTargetRect, matrix };\n      },\n\n      cancelFill: () => {\n        if (!get().fillSourceRect) return;\n        set({ fillSourceRect: null, fillTargetRect: null });\n      },\n    };\n  });\n\n/**\n * Bitmask of what this cell currently is. A primitive keeps the per-cell\n * subscription cheap: `useSyncExternalStore` compares it by value, so a cell\n * only re-renders when its own state actually changes.\n */\nconst isInsideRect = (rect: IGridSelectionRect | null, rowIndex?: number, columnIndex?: number): boolean =>\n  !!rect &&\n  rowIndex != null &&\n  columnIndex != null &&\n  rowIndex >= rect.rowStart &&\n  rowIndex <= rect.rowEnd &&\n  columnIndex >= rect.columnStart &&\n  columnIndex <= rect.columnEnd;\n\nexport const selectGridCellState = (state: IGridState, rowId: string, columnId: string): number => {\n  if (!state.isEditMode) return 0;\n\n  let mask = 0;\n\n  if (isSameCoord(state.activeCell, { rowId, columnId })) mask |= GRID_CELL_ACTIVE;\n  if (isSameCoord(state.editingCell, { rowId, columnId })) mask |= GRID_CELL_EDITING;\n\n  const rowIndex = state.matrix.rowIndexById.get(rowId);\n  const columnIndex = state.matrix.columnIndexById.get(columnId);\n\n  const rect = state.selectionRect;\n  if (isInsideRect(rect, rowIndex, columnIndex)) mask |= GRID_CELL_SELECTED;\n  if (rect && rowIndex === rect.rowEnd && columnIndex === rect.columnEnd) mask |= GRID_CELL_FILL_HANDLE;\n  if (isInsideRect(state.fillTargetRect, rowIndex, columnIndex)) mask |= GRID_CELL_FILL_PREVIEW;\n\n  if (state.cellStatuses.size > 0) {\n    const status = state.cellStatuses.get(buildGridCellKey(rowId, columnId));\n    if (status === 'saving' || status === 'pending') mask |= GRID_CELL_SAVING;\n    if (status === 'error') mask |= GRID_CELL_SAVE_ERROR;\n  }\n\n  // Roving tabindex needs an entry point before the first interaction: without\n  // an active cell the top-left cell is the one Tab reaches from outside.\n  if (!state.activeCell && state.matrix.rowIds[0] === rowId && state.matrix.columnIds[0] === columnId) {\n    mask |= GRID_CELL_TABBABLE;\n  }\n\n  return mask;\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umodeapporg/ui",
-  "version": "0.24.2",
+  "version": "0.24.4",
   "license": "UNLICENSED",
   "type": "module",
   "sideEffects": [