@umodeapporg/ui 0.11.1 → 0.13.0

package/dist/components/UI/ControlledMenu.d.ts

@@ -38,6 +38,12 @@ export declare const ControlledMenuRoot: React.FC<IControlledMenuRootProps>;
  */
 export declare const ControlledMenuHandler: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
+    /**
+     * Leaves the popup ARIA to the child: set it when the real trigger is an element INSIDE the
+     * child that owns its own role (the select's combobox input), so the wrapper does not
+     * claim `aria-haspopup="menu"` for a listbox.
+     */
+    skipTriggerAria?: boolean;
 } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 interface IControlledMenuListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationIteration'> {
     children: React.ReactNode;

package/dist/components/UI/ControlledMenu.js

@@ -50,16 +50,15 @@ const ControlledMenuRoot = ({
   );
   return /* @__PURE__ */ jsx(MenuContext.Provider, { value, children });
 };
-const ControlledMenuHandler = React.forwardRef(({ children, onClick: onOuterClick, ...rest }, forwardedRef) => {
+const ControlledMenuHandler = React.forwardRef(({ children, onClick: onOuterClick, skipTriggerAria = false, ...rest }, forwardedRef) => {
   const { open, setOpen, setReference, listId } = useMenuContext();
   if (!isValidElement(children)) return /* @__PURE__ */ jsx(Fragment, { children });
   const child = children;
+  const triggerAria = skipTriggerAria ? {} : { "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? listId : void 0 };
   return cloneElement(child, {
     ...rest,
     ref: composeRefs(setReference, forwardedRef, child.ref),
-    "aria-haspopup": "menu",
-    "aria-expanded": open,
-    "aria-controls": open ? listId : void 0,
+    ...triggerAria,
     onClick: (event) => {
       onOuterClick?.(event);
       child.props.onClick?.(event);

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

@@ -1 +1 @@
-{"version":3,"file":"ControlledMenu.js","sources":["../../../src/components/UI/ControlledMenu.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { createPortal } from 'react-dom';\nimport { twMerge } from 'tailwind-merge';\n\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { MaterialSymbol, SymbolCodepoints } from '@/components/UI/MaterialSymbol';\nimport { composeRefs } from '@/helpers/composeRefs';\nimport { isPressOnLayeredSurface } from '@/helpers/layeredSurfaces';\nimport { getPortalHost } from '@/helpers/portalHost';\nimport { TFloatingPlacement, useAnchoredFloating } from '@/hooks/useAnchoredFloating';\nimport { floatingVariants } from '@/motion';\n\nexport type TMenuPlacement = TFloatingPlacement;\nexport type TMenuItemTone = 'default' | 'danger';\n\nexport interface IMenuDismissConfig {\n  /** Closes the menu when an item is pressed. Multi-select surfaces pass false. */\n  itemPress?: boolean;\n  escapeKey?: boolean;\n  outsidePress?: boolean;\n}\n\nexport interface IControlledMenuItem {\n  key: string;\n  label: string;\n  icon?: SymbolCodepoints;\n  hint?: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  tone?: TMenuItemTone;\n}\n\ninterface IMenuContext {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  dismiss?: IMenuDismissConfig;\n  listId: string;\n  setReference: (node: HTMLElement | null) => void;\n  setFloating: (node: HTMLElement | null) => void;\n  floatingRef: React.MutableRefObject<HTMLElement | null>;\n  referenceRef: React.MutableRefObject<HTMLElement | null>;\n}\n\nconst MenuContext = createContext<IMenuContext | null>(null);\n\nconst useMenuContext = (): IMenuContext => {\n  const context = useContext(MenuContext);\n  if (!context) throw new Error('Menu parts must be rendered inside ControlledMenuRoot');\n  return context;\n};\n\ninterface IControlledMenuRootProps {\n  children: React.ReactNode;\n  open?: boolean;\n  handler?: (open: boolean) => void;\n  placement?: TMenuPlacement;\n  offsetPx?: number;\n  dismiss?: IMenuDismissConfig;\n  matchTriggerWidth?: boolean;\n}\n\nexport const ControlledMenuRoot: React.FC<IControlledMenuRootProps> = ({\n  children,\n  open,\n  handler,\n  placement = 'bottom-start',\n  offsetPx = 6,\n  dismiss,\n  matchTriggerWidth = false,\n}) => {\n  const listId = useId();\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n\n  const isControlled = open !== undefined;\n  const isOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      handler?.(next);\n    },\n    [isControlled, handler],\n  );\n\n  const { setReference, setFloating, floatingRef, referenceRef } = useAnchoredFloating({\n    open: isOpen,\n    placement,\n    offsetPx,\n    matchReferenceWidth: matchTriggerWidth,\n  });\n\n  const value = useMemo(\n    () => ({ open: isOpen, setOpen, dismiss, listId, setReference, setFloating, floatingRef, referenceRef }),\n    [isOpen, setOpen, dismiss, listId, setReference, setFloating, floatingRef, referenceRef],\n  );\n\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n};\n\ninterface IHandlerChildProps {\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Repassa ao filho o que ele recebe de fora, além do que injeta.\n *\n * O gatilho é o alvo natural de um `ControlledTooltip`, e o tooltip se prende clonando o filho e\n * injetando `onPointerEnter`. Aceitando só `children`, este componente engolia essa injeção e o\n * tooltip simplesmente nunca abria, mesmo com a ordem que a documentação manda usar\n * (tooltip POR FORA do handler). Os `onClick` são encadeados: o de fora roda antes de abrir.\n */\nexport const ControlledMenuHandler = React.forwardRef<\n  HTMLElement,\n  { children: React.ReactNode } & React.HTMLAttributes<HTMLElement>\n>(({ children, onClick: onOuterClick, ...rest }, forwardedRef) => {\n  const { open, setOpen, setReference, listId } = useMenuContext();\n\n  if (!isValidElement(children)) return <>{children}</>;\n\n  const child = children as React.ReactElement<IHandlerChildProps>;\n\n  return cloneElement(child, {\n    ...rest,\n    ref: composeRefs<HTMLElement>(setReference, forwardedRef, (child as { ref?: React.Ref<HTMLElement> }).ref),\n    'aria-haspopup': 'menu',\n    'aria-expanded': open,\n    'aria-controls': open ? listId : undefined,\n    onClick: (event: React.MouseEvent<HTMLElement>) => {\n      onOuterClick?.(event);\n      child.props.onClick?.(event);\n      setOpen(!open);\n    },\n  } as IHandlerChildProps);\n});\n\nControlledMenuHandler.displayName = 'ControlledMenuHandler';\n\ninterface IControlledMenuListProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'className' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationIteration'\n> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst FOCUSABLE_ITEM_SELECTOR = '[role=\"menuitem\"]:not([aria-disabled=\"true\"])';\n\nexport const ControlledMenuList = React.forwardRef<HTMLDivElement, IControlledMenuListProps>(\n  ({ children, className, onClick, onKeyDown, ...rest }, forwardedRef) => {\n    const { open, setOpen, dismiss, listId, setFloating, floatingRef, referenceRef } = useMenuContext();\n\n    useEffect(() => {\n      if (!open) return undefined;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== 'Escape' || dismiss?.escapeKey === false) return;\n        setOpen(false);\n      };\n\n      const handlePointerDown = (event: PointerEvent) => {\n        if (dismiss?.outsidePress === false) return;\n        const target = event.target as Node | null;\n        if (!target) return;\n        if (floatingRef.current?.contains(target) || referenceRef.current?.contains(target)) return;\n        if (isPressOnLayeredSurface(target, floatingRef.current)) return;\n        setOpen(false);\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      document.addEventListener('pointerdown', handlePointerDown, true);\n\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown);\n        document.removeEventListener('pointerdown', handlePointerDown, true);\n      };\n    }, [open, setOpen, dismiss, floatingRef, referenceRef]);\n\n    const handleListKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') return;\n\n      const list = floatingRef.current;\n      if (!list) return;\n\n      const items = Array.from(list.querySelectorAll<HTMLElement>(FOCUSABLE_ITEM_SELECTOR));\n      if (items.length === 0) return;\n\n      event.preventDefault();\n      const currentIndex = items.indexOf(document.activeElement as HTMLElement);\n      const step = event.key === 'ArrowDown' ? 1 : -1;\n      const nextIndex = currentIndex < 0 ? 0 : (currentIndex + step + items.length) % items.length;\n      items[nextIndex]?.focus();\n    };\n\n    const portalHost = getPortalHost();\n    if (portalHost === null) return null;\n\n    return createPortal(\n      <AnimatePresence>\n        {open && (\n          <motion.div\n            key=\"menu-list\"\n            id={listId}\n            variants={floatingVariants}\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"exit\"\n            role=\"menu\"\n            ref={(node) => {\n              setFloating(node);\n              if (typeof forwardedRef === 'function') forwardedRef(node);\n              else if (forwardedRef) forwardedRef.current = node;\n            }}\n            onKeyDown={handleListKeyDown}\n            onClick={(event) => {\n              onClick?.(event);\n              if (dismiss?.itemPress === false) return;\n              const target = event.target as HTMLElement | null;\n              if (target?.closest('[role=\"menuitem\"]')) setOpen(false);\n            }}\n            {...rest}\n            className={twMerge(\n              'fixed left-0 top-0 z-[9999] min-w-44 overflow-auto rounded-lg border border-border p-1 text-sm text-foreground glass',\n              className,\n            )}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>,\n      portalHost,\n    );\n  },\n);\n\nControlledMenuList.displayName = 'ControlledMenuList';\n\ninterface IControlledMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const ControlledMenuItem: React.FC<IControlledMenuItemProps> = ({\n  children,\n  className,\n  disabled = false,\n  onClick,\n  ...rest\n}) => (\n  <div\n    role=\"menuitem\"\n    tabIndex={disabled ? -1 : 0}\n    aria-disabled={disabled || undefined}\n    onClick={disabled ? undefined : onClick}\n    onKeyDown={(event) => {\n      if (disabled) return;\n      if (event.key !== 'Enter' && event.key !== ' ') return;\n      event.preventDefault();\n      (event.currentTarget as HTMLElement).click();\n    }}\n    {...rest}\n    className={twMerge(\n      classNames(\n        'flex w-full cursor-pointer select-none items-center rounded-md px-3 py-2 text-sm outline-none',\n        'transition-colors hover:bg-muted-hover focus:bg-muted-hover',\n        { 'pointer-events-none opacity-50': disabled },\n      ),\n      className,\n    )}\n  >\n    {children}\n  </div>\n);\n\ninterface IControlledMenuProps {\n  trigger: React.ReactNode;\n  items?: Array<IControlledMenuItem>;\n  children?: React.ReactNode;\n  triggerTooltip?: string;\n  placement?: TMenuPlacement;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  dismissOnItemClick?: boolean;\n  listClassName?: string;\n  tooltipClassName?: string;\n  listRef?: React.Ref<HTMLDivElement>;\n}\n\nconst ITEM_TONE_CLASS: Record<TMenuItemTone, string> = {\n  default: 'text-foreground-muted',\n  danger: 'text-danger-emphasis',\n};\n\nconst ICON_TONE_CLASS: Record<TMenuItemTone, string> = {\n  default: 'text-foreground-subtle',\n  danger: 'text-danger-emphasis',\n};\n\n/**\n * A tooltip on the trigger must sit OUTSIDE the handler: the handler clones its child to\n * inject the click handler and the reference ref, and a tooltip in that position swallows\n * both, so the menu stops opening.\n */\nconst ControlledMenu: React.FC<IControlledMenuProps> = ({\n  trigger,\n  items,\n  children,\n  triggerTooltip,\n  placement = 'bottom-start',\n  open,\n  onOpenChange,\n  disabled = false,\n  dismissOnItemClick = true,\n  listClassName,\n  tooltipClassName,\n  listRef,\n}) => {\n  const menuItems = useMemo(() => (Array.isArray(items) ? items : []), [items]);\n  const dismiss = useMemo(() => ({ itemPress: dismissOnItemClick }), [dismissOnItemClick]);\n  const handle = <ControlledMenuHandler>{trigger}</ControlledMenuHandler>;\n\n  if (disabled) return <>{trigger}</>;\n\n  return (\n    <ControlledMenuRoot open={open} handler={onOpenChange} placement={placement} dismiss={dismiss}>\n      {triggerTooltip ? (\n        <ControlledTooltip content={triggerTooltip} className={tooltipClassName}>\n          {handle}\n        </ControlledTooltip>\n      ) : (\n        handle\n      )}\n\n      <ControlledMenuList ref={listRef} className={listClassName}>\n        {children ??\n          menuItems.map((item) => {\n            const tone = item.tone ?? 'default';\n\n            return (\n              <ControlledMenuItem\n                key={item.key}\n                disabled={item.disabled}\n                onClick={item.onClick}\n                className={classNames('items-start gap-x-2', ITEM_TONE_CLASS[tone])}\n              >\n                {item.icon && <MaterialSymbol icon={item.icon} size={16} className={ICON_TONE_CLASS[tone]} />}\n\n                <span className=\"flex flex-col items-start gap-y-0.5\">\n                  <span>{item.label}</span>\n                  {item.hint && <span className=\"text-xs text-foreground-subtle\">{item.hint}</span>}\n                </span>\n              </ControlledMenuItem>\n            );\n          })}\n      </ControlledMenuList>\n    </ControlledMenuRoot>\n  );\n};\n\nexport default ControlledMenu;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ControlledMenu.js","sources":["../../../src/components/UI/ControlledMenu.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { createPortal } from 'react-dom';\nimport { twMerge } from 'tailwind-merge';\n\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { MaterialSymbol, SymbolCodepoints } from '@/components/UI/MaterialSymbol';\nimport { composeRefs } from '@/helpers/composeRefs';\nimport { isPressOnLayeredSurface } from '@/helpers/layeredSurfaces';\nimport { getPortalHost } from '@/helpers/portalHost';\nimport { TFloatingPlacement, useAnchoredFloating } from '@/hooks/useAnchoredFloating';\nimport { floatingVariants } from '@/motion';\n\nexport type TMenuPlacement = TFloatingPlacement;\nexport type TMenuItemTone = 'default' | 'danger';\n\nexport interface IMenuDismissConfig {\n  /** Closes the menu when an item is pressed. Multi-select surfaces pass false. */\n  itemPress?: boolean;\n  escapeKey?: boolean;\n  outsidePress?: boolean;\n}\n\nexport interface IControlledMenuItem {\n  key: string;\n  label: string;\n  icon?: SymbolCodepoints;\n  hint?: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  tone?: TMenuItemTone;\n}\n\ninterface IMenuContext {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  dismiss?: IMenuDismissConfig;\n  listId: string;\n  setReference: (node: HTMLElement | null) => void;\n  setFloating: (node: HTMLElement | null) => void;\n  floatingRef: React.MutableRefObject<HTMLElement | null>;\n  referenceRef: React.MutableRefObject<HTMLElement | null>;\n}\n\nconst MenuContext = createContext<IMenuContext | null>(null);\n\nconst useMenuContext = (): IMenuContext => {\n  const context = useContext(MenuContext);\n  if (!context) throw new Error('Menu parts must be rendered inside ControlledMenuRoot');\n  return context;\n};\n\ninterface IControlledMenuRootProps {\n  children: React.ReactNode;\n  open?: boolean;\n  handler?: (open: boolean) => void;\n  placement?: TMenuPlacement;\n  offsetPx?: number;\n  dismiss?: IMenuDismissConfig;\n  matchTriggerWidth?: boolean;\n}\n\nexport const ControlledMenuRoot: React.FC<IControlledMenuRootProps> = ({\n  children,\n  open,\n  handler,\n  placement = 'bottom-start',\n  offsetPx = 6,\n  dismiss,\n  matchTriggerWidth = false,\n}) => {\n  const listId = useId();\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n\n  const isControlled = open !== undefined;\n  const isOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      handler?.(next);\n    },\n    [isControlled, handler],\n  );\n\n  const { setReference, setFloating, floatingRef, referenceRef } = useAnchoredFloating({\n    open: isOpen,\n    placement,\n    offsetPx,\n    matchReferenceWidth: matchTriggerWidth,\n  });\n\n  const value = useMemo(\n    () => ({ open: isOpen, setOpen, dismiss, listId, setReference, setFloating, floatingRef, referenceRef }),\n    [isOpen, setOpen, dismiss, listId, setReference, setFloating, floatingRef, referenceRef],\n  );\n\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n};\n\ninterface IHandlerChildProps {\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Repassa ao filho o que ele recebe de fora, além do que injeta.\n *\n * O gatilho é o alvo natural de um `ControlledTooltip`, e o tooltip se prende clonando o filho e\n * injetando `onPointerEnter`. Aceitando só `children`, este componente engolia essa injeção e o\n * tooltip simplesmente nunca abria, mesmo com a ordem que a documentação manda usar\n * (tooltip POR FORA do handler). Os `onClick` são encadeados: o de fora roda antes de abrir.\n */\nexport const ControlledMenuHandler = React.forwardRef<\n  HTMLElement,\n  {\n    children: React.ReactNode;\n    /**\n     * Leaves the popup ARIA to the child: set it when the real trigger is an element INSIDE the\n     * child that owns its own role (the select's combobox input), so the wrapper does not\n     * claim `aria-haspopup=\"menu\"` for a listbox.\n     */\n    skipTriggerAria?: boolean;\n  } & React.HTMLAttributes<HTMLElement>\n>(({ children, onClick: onOuterClick, skipTriggerAria = false, ...rest }, forwardedRef) => {\n  const { open, setOpen, setReference, listId } = useMenuContext();\n\n  if (!isValidElement(children)) return <>{children}</>;\n\n  const child = children as React.ReactElement<IHandlerChildProps>;\n  const triggerAria = skipTriggerAria\n    ? {}\n    : { 'aria-haspopup': 'menu', 'aria-expanded': open, 'aria-controls': open ? listId : undefined };\n\n  return cloneElement(child, {\n    ...rest,\n    ref: composeRefs<HTMLElement>(setReference, forwardedRef, (child as { ref?: React.Ref<HTMLElement> }).ref),\n    ...triggerAria,\n    onClick: (event: React.MouseEvent<HTMLElement>) => {\n      onOuterClick?.(event);\n      child.props.onClick?.(event);\n      setOpen(!open);\n    },\n  } as IHandlerChildProps);\n});\n\nControlledMenuHandler.displayName = 'ControlledMenuHandler';\n\ninterface IControlledMenuListProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'className' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationIteration'\n> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst FOCUSABLE_ITEM_SELECTOR = '[role=\"menuitem\"]:not([aria-disabled=\"true\"])';\n\nexport const ControlledMenuList = React.forwardRef<HTMLDivElement, IControlledMenuListProps>(\n  ({ children, className, onClick, onKeyDown, ...rest }, forwardedRef) => {\n    const { open, setOpen, dismiss, listId, setFloating, floatingRef, referenceRef } = useMenuContext();\n\n    useEffect(() => {\n      if (!open) return undefined;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== 'Escape' || dismiss?.escapeKey === false) return;\n        setOpen(false);\n      };\n\n      const handlePointerDown = (event: PointerEvent) => {\n        if (dismiss?.outsidePress === false) return;\n        const target = event.target as Node | null;\n        if (!target) return;\n        if (floatingRef.current?.contains(target) || referenceRef.current?.contains(target)) return;\n        if (isPressOnLayeredSurface(target, floatingRef.current)) return;\n        setOpen(false);\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      document.addEventListener('pointerdown', handlePointerDown, true);\n\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown);\n        document.removeEventListener('pointerdown', handlePointerDown, true);\n      };\n    }, [open, setOpen, dismiss, floatingRef, referenceRef]);\n\n    const handleListKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') return;\n\n      const list = floatingRef.current;\n      if (!list) return;\n\n      const items = Array.from(list.querySelectorAll<HTMLElement>(FOCUSABLE_ITEM_SELECTOR));\n      if (items.length === 0) return;\n\n      event.preventDefault();\n      const currentIndex = items.indexOf(document.activeElement as HTMLElement);\n      const step = event.key === 'ArrowDown' ? 1 : -1;\n      const nextIndex = currentIndex < 0 ? 0 : (currentIndex + step + items.length) % items.length;\n      items[nextIndex]?.focus();\n    };\n\n    const portalHost = getPortalHost();\n    if (portalHost === null) return null;\n\n    return createPortal(\n      <AnimatePresence>\n        {open && (\n          <motion.div\n            key=\"menu-list\"\n            id={listId}\n            variants={floatingVariants}\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"exit\"\n            role=\"menu\"\n            ref={(node) => {\n              setFloating(node);\n              if (typeof forwardedRef === 'function') forwardedRef(node);\n              else if (forwardedRef) forwardedRef.current = node;\n            }}\n            onKeyDown={handleListKeyDown}\n            onClick={(event) => {\n              onClick?.(event);\n              if (dismiss?.itemPress === false) return;\n              const target = event.target as HTMLElement | null;\n              if (target?.closest('[role=\"menuitem\"]')) setOpen(false);\n            }}\n            {...rest}\n            className={twMerge(\n              'fixed left-0 top-0 z-[9999] min-w-44 overflow-auto rounded-lg border border-border p-1 text-sm text-foreground glass',\n              className,\n            )}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>,\n      portalHost,\n    );\n  },\n);\n\nControlledMenuList.displayName = 'ControlledMenuList';\n\ninterface IControlledMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const ControlledMenuItem: React.FC<IControlledMenuItemProps> = ({\n  children,\n  className,\n  disabled = false,\n  onClick,\n  ...rest\n}) => (\n  <div\n    role=\"menuitem\"\n    tabIndex={disabled ? -1 : 0}\n    aria-disabled={disabled || undefined}\n    onClick={disabled ? undefined : onClick}\n    onKeyDown={(event) => {\n      if (disabled) return;\n      if (event.key !== 'Enter' && event.key !== ' ') return;\n      event.preventDefault();\n      (event.currentTarget as HTMLElement).click();\n    }}\n    {...rest}\n    className={twMerge(\n      classNames(\n        'flex w-full cursor-pointer select-none items-center rounded-md px-3 py-2 text-sm outline-none',\n        'transition-colors hover:bg-muted-hover focus:bg-muted-hover',\n        { 'pointer-events-none opacity-50': disabled },\n      ),\n      className,\n    )}\n  >\n    {children}\n  </div>\n);\n\ninterface IControlledMenuProps {\n  trigger: React.ReactNode;\n  items?: Array<IControlledMenuItem>;\n  children?: React.ReactNode;\n  triggerTooltip?: string;\n  placement?: TMenuPlacement;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  dismissOnItemClick?: boolean;\n  listClassName?: string;\n  tooltipClassName?: string;\n  listRef?: React.Ref<HTMLDivElement>;\n}\n\nconst ITEM_TONE_CLASS: Record<TMenuItemTone, string> = {\n  default: 'text-foreground-muted',\n  danger: 'text-danger-emphasis',\n};\n\nconst ICON_TONE_CLASS: Record<TMenuItemTone, string> = {\n  default: 'text-foreground-subtle',\n  danger: 'text-danger-emphasis',\n};\n\n/**\n * A tooltip on the trigger must sit OUTSIDE the handler: the handler clones its child to\n * inject the click handler and the reference ref, and a tooltip in that position swallows\n * both, so the menu stops opening.\n */\nconst ControlledMenu: React.FC<IControlledMenuProps> = ({\n  trigger,\n  items,\n  children,\n  triggerTooltip,\n  placement = 'bottom-start',\n  open,\n  onOpenChange,\n  disabled = false,\n  dismissOnItemClick = true,\n  listClassName,\n  tooltipClassName,\n  listRef,\n}) => {\n  const menuItems = useMemo(() => (Array.isArray(items) ? items : []), [items]);\n  const dismiss = useMemo(() => ({ itemPress: dismissOnItemClick }), [dismissOnItemClick]);\n  const handle = <ControlledMenuHandler>{trigger}</ControlledMenuHandler>;\n\n  if (disabled) return <>{trigger}</>;\n\n  return (\n    <ControlledMenuRoot open={open} handler={onOpenChange} placement={placement} dismiss={dismiss}>\n      {triggerTooltip ? (\n        <ControlledTooltip content={triggerTooltip} className={tooltipClassName}>\n          {handle}\n        </ControlledTooltip>\n      ) : (\n        handle\n      )}\n\n      <ControlledMenuList ref={listRef} className={listClassName}>\n        {children ??\n          menuItems.map((item) => {\n            const tone = item.tone ?? 'default';\n\n            return (\n              <ControlledMenuItem\n                key={item.key}\n                disabled={item.disabled}\n                onClick={item.onClick}\n                className={classNames('items-start gap-x-2', ITEM_TONE_CLASS[tone])}\n              >\n                {item.icon && <MaterialSymbol icon={item.icon} size={16} className={ICON_TONE_CLASS[tone]} />}\n\n                <span className=\"flex flex-col items-start gap-y-0.5\">\n                  <span>{item.label}</span>\n                  {item.hint && <span className=\"text-xs text-foreground-subtle\">{item.hint}</span>}\n                </span>\n              </ControlledMenuItem>\n            );\n          })}\n      </ControlledMenuList>\n    </ControlledMenuRoot>\n  );\n};\n\nexport default ControlledMenu;\n"],"names":[],"mappings":"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"}

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

@@ -27,6 +27,14 @@ interface IDataTableProps<T extends IDataTableRow, C extends IDataTableRow = IDa
     /** Client mode: reports page/pageSize changes and keeps the page across in-place row updates. */
     onClientPaginationChange?: (pagination: IDataTableClientPaginationState) => void;
     toolbarSlot?: JSX.Element;
+    /**
+     * Extra controls rendered in the footer's left group, right after the table's
+     * own buttons (columns, edit mode, bulk edit). For an action that belongs to
+     * the list itself rather than to the page header, so it sits beside the
+     * controls it relates to instead of competing with the page actions. The
+     * footer row renders for this slot alone when the table has no other control.
+     */
+    footerActionsSlot?: ReactNode;
     /**
      * Applied filter values. Passing them (together with `config.filters`) makes
      * the table render the always-visible active-filter chips above the toolbar,
@@ -96,5 +104,5 @@ interface IDataTableProps<T extends IDataTableRow, C extends IDataTableRow = IDa
      */
     commitStatuses?: ReadonlyMap<string, string>;
 }
-declare const DataTable: <T extends IDataTableRow, C extends IDataTableRow = IDataTableRow>({ config: configProp, rows, loading, error, errorCause, onRetry, emptyMessage, searchLabel, onSearch, initialSearch, onSearchTermChange, searchDisabled, searchDebounceTime, searchMinLength, searchAtStart, sort, onSortChange, pagination, initialClientPagination, onClientPaginationChange, toolbarSlot, filterValues, onFilterValuesChange, toolbarStartSlot, bodyTopRow, onFilteredCountChange, viewMode: controlledViewMode, onViewModeChange, columnTogglePlacement, cardsInfiniteScroll, hideViewToggle, layout, dense: denseProp, spacious, commitStatuses, }: IDataTableProps<T, C>) => JSX.Element;
+declare const DataTable: <T extends IDataTableRow, C extends IDataTableRow = IDataTableRow>({ config: configProp, rows, loading, error, errorCause, onRetry, emptyMessage, searchLabel, onSearch, initialSearch, onSearchTermChange, searchDisabled, searchDebounceTime, searchMinLength, searchAtStart, sort, onSortChange, pagination, initialClientPagination, onClientPaginationChange, toolbarSlot, footerActionsSlot, filterValues, onFilterValuesChange, toolbarStartSlot, bodyTopRow, onFilteredCountChange, viewMode: controlledViewMode, onViewModeChange, columnTogglePlacement, cardsInfiniteScroll, hideViewToggle, layout, dense: denseProp, spacious, commitStatuses, }: IDataTableProps<T, C>) => JSX.Element;
 export default DataTable;

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

@@ -4,6 +4,7 @@ import classNames from "classnames";
 import { useTranslation } from "react-i18next";
 import ControlledButton from "../../Form/ControlledButton.js";
 import ActiveFiltersBar from "../../Search/filters/ActiveFiltersBar.js";
+import "../../Form/ControlledSwitch.js";
 import "../ControlledMenu.js";
 import { MaterialSymbol } from "../MaterialSymbol/index.js";
 import { buildEmptyFilterValues, emptyValueForKind } from "../../Search/filters/filterValues.js";
@@ -73,6 +74,7 @@ const DataTable = ({
   initialClientPagination,
   onClientPaginationChange,
   toolbarSlot,
+  footerActionsSlot,
   filterValues,
   onFilterValuesChange,
   toolbarStartSlot,
@@ -466,6 +468,7 @@ const DataTable = ({
   const showFooterColumnToggle = columnTogglePlacement === "footer" && showTableControls;
   const showFooterEditToggle = showEditModeToggle && showTableControls;
   const showBulkEdit = hasEditableColumns && !!spreadsheet?.fill?.onFillCells && !isDelegatedView && !showSkeleton && !error && hasRows;
+  const showFooterControls = showFooterColumnToggle || showFooterEditToggle || showBulkEdit || !!footerActionsSlot;
   const bulkEditRows = useMemo(
     () => visibleRows.filter((row) => row.depth === 0).map((row) => row.original),
     [visibleRows]
@@ -529,8 +532,8 @@ const DataTable = ({
             ]
           }
         ) }),
-        (showFooterColumnToggle || showFooterEditToggle || showBulkEdit || showPagination) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-          (showFooterColumnToggle || showFooterEditToggle || showBulkEdit) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
+        (showFooterControls || showPagination) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+          showFooterControls && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
             showFooterColumnToggle && /* @__PURE__ */ jsx(
               DataTableColumnToggle,
               {
@@ -544,7 +547,8 @@ const DataTable = ({
               }
             ),
             showFooterEditToggle && /* @__PURE__ */ jsx(DataTableEditModeButton, { active: isEditMode, onToggle: handleEditModeToggle }),
-            showBulkEdit && /* @__PURE__ */ jsx(DataTableBulkEditButton, { onClick: () => setIsBulkEditOpen(true) })
+            showBulkEdit && /* @__PURE__ */ jsx(DataTableBulkEditButton, { onClick: () => setIsBulkEditOpen(true) }),
+            footerActionsSlot
           ] }),
           showPagination && /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
             DataTablePagination,

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   * 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  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.\n  // O que muda por tabela é QUANDO ela fica ativa: onde o clique na linha já\n  // significa \"abrir o registro\", selecionar célula e navegar seriam o mesmo\n  // gesto, então o usuário liga o modo no toolbar antes de editar.\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 ?? (config.onRowClick ? 'toggle' : '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 the spreadsheet grid while it is ACTIVE. Merely being able to edit\n  // is not enough: a table whose edit mode is a toggle stays a reading surface\n  // until the user turns it on. A `fit` table that ships `renderCard` opted into a\n  // narrow shape, so it takes over as well.\n  const forceCardsOnMobile = isMobile && (!isFit || hasCardView) && !isEditMode;\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 handleGridKeyDown = useGridKeyboard({\n    store: gridStore,\n    canEditCell,\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            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  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      {(showFooterColumnToggle || showFooterEditToggle || showBulkEdit || showPagination) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          {(showFooterColumnToggle || showFooterEditToggle || showBulkEdit) && (\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            </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} 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.\n  // O que muda por tabela é QUANDO ela fica ativa: onde o clique na linha já\n  // significa \"abrir o registro\", selecionar célula e navegar seriam o mesmo\n  // gesto, então o usuário liga o modo no toolbar antes de editar.\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 ?? (config.onRowClick ? 'toggle' : '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 the spreadsheet grid while it is ACTIVE. Merely being able to edit\n  // is not enough: a table whose edit mode is a toggle stays a reading surface\n  // until the user turns it on. A `fit` table that ships `renderCard` opted into a\n  // narrow shape, so it takes over as well.\n  const forceCardsOnMobile = isMobile && (!isFit || hasCardView) && !isEditMode;\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 handleGridKeyDown = useGridKeyboard({\n    store: gridStore,\n    canEditCell,\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            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} onFillCommit={handleFillCommit}>\n      {editableContent}\n    </GridProvider>\n  );\n};\n\nexport default DataTable;\n"],"names":["DataTablePaginationBar"],"mappings":"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"}

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

@@ -13,6 +13,7 @@ import "../../../motion/motionPresets.js";
 import "../../../motion/motionTokens.js";
 import { normalizeText } from "../../../helpers/stringHelpers.js";
 import "../MaterialSymbol/index.js";
+import "../../Form/ControlledSwitch.js";
 import "date-fns";
 import "date-fns/locale";
 import "react-day-picker";
@@ -21,13 +22,13 @@ import "react-day-picker/style.css";
 import "../../DateTime/DateRangePicker.js";
 import "react-infinite-scroll-component";
 import "react-window";
+import UnifiedSearchBar from "../../Search/UnifiedSearchBar.js";
 import NoDataFound from "../NoDataFound/index.js";
 /* empty css                                    */
 import "../../Search/filters/FiltersButton.js";
 import "../../../helpers/utilityHelpers.js";
 import "../../Form/ControlledDialog.js";
 import "../../Navigation/UiNavigationContext.js";
-import UnifiedSearchBar from "../../Search/UnifiedSearchBar.js";
 const DataTableBulkEditRowsPicker = ({
   rows,
   resolveLabel,

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkEditRowsPicker.js","sources":["../../../../src/components/UI/DataTable/DataTableBulkEditRowsPicker.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledCheckbox from '@/components/Form/ControlledCheckbox';\nimport { UnifiedSearchBar } from '@/components/Search';\nimport NoDataFound from '@/components/UI/NoDataFound';\nimport { normalizeText } from '@/helpers/stringHelpers';\n\nimport type { IDataTableRow } from './types';\n\ninterface IDataTableBulkEditRowsPickerProps<T extends IDataTableRow> {\n  rows: Array<T>;\n  resolveLabel: (row: T) => string;\n  pickedIds: Array<string>;\n  onChange: (nextPickedIds: Array<string>) => void;\n}\n\n/**\n * The scope picking list: search, toggle the visible ones, toggle one by one.\n * It is the same in both dialog modes, so it lives outside of it.\n */\nconst DataTableBulkEditRowsPicker = <T extends IDataTableRow>({\n  rows,\n  resolveLabel,\n  pickedIds,\n  onChange,\n}: IDataTableBulkEditRowsPickerProps<T>) => {\n  const { t } = useTranslation('ui');\n  const [searchTerm, setSearchTerm] = useState('');\n\n  const pickedIdSet = useMemo(() => new Set(pickedIds), [pickedIds]);\n\n  const visibleRows = useMemo(() => {\n    const term = normalizeText(searchTerm.trim());\n    if (term === '') return rows;\n\n    return rows.filter((row) => normalizeText(resolveLabel(row)).includes(term));\n  }, [rows, searchTerm, resolveLabel]);\n\n  const areAllVisiblePicked = visibleRows.length > 0 && visibleRows.every((row) => pickedIdSet.has(row.id));\n\n  const toggleAllVisible = () => {\n    const visibleIds = visibleRows.map((row) => row.id);\n    if (areAllVisiblePicked) {\n      onChange(pickedIds.filter((id) => !visibleIds.includes(id)));\n      return;\n    }\n\n    onChange(Array.from(new Set([...pickedIds, ...visibleIds])));\n  };\n\n  const togglePicked = (rowId: string) =>\n    onChange(pickedIds.includes(rowId) ? pickedIds.filter((id) => id !== rowId) : [...pickedIds, rowId]);\n\n  return (\n    <div className=\"flex min-h-0 flex-col gap-2 rounded-xl border border-border bg-surface-sunken p-3\">\n      <UnifiedSearchBar\n        mode=\"callback\"\n        label={t('dataTable.bulkEdit.searchRows')}\n        debounceTime={200}\n        minSearchLength={1}\n        showClearButton\n        filterCallback={setSearchTerm}\n        onClearFilter={() => setSearchTerm('')}\n      />\n\n      {visibleRows.length === 0 ? (\n        <NoDataFound size=\"sm\" variant=\"search\" message={t('dataTable.bulkEdit.noRowsFound')} />\n      ) : (\n        <>\n          <ControlledCheckbox\n            checked={areAllVisiblePicked}\n            onChange={toggleAllVisible}\n            label={t('dataTable.bulkEdit.selectAll', { count: visibleRows.length })}\n            size=\"sm\"\n          />\n          <div className=\"flex max-h-64 flex-col overflow-y-auto\">\n            {visibleRows.map((row) => (\n              <ControlledCheckbox\n                key={row.id}\n                checked={pickedIdSet.has(row.id)}\n                onChange={() => togglePicked(row.id)}\n                label={resolveLabel(row)}\n                size=\"sm\"\n              />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default DataTableBulkEditRowsPicker;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,8BAA8B,CAA0B;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AACjC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI,SAAS,GAAG,CAAC,SAAS,CAAC;AAEjE,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,OAAO,cAAc,WAAW,KAAA,CAAM;AAC5C,QAAI,SAAS,GAAI,QAAO;AAExB,WAAO,KAAK,OAAO,CAAC,QAAQ,cAAc,aAAa,GAAG,CAAC,EAAE,SAAS,IAAI,CAAC;AAAA,EAC7E,GAAG,CAAC,MAAM,YAAY,YAAY,CAAC;AAEnC,QAAM,sBAAsB,YAAY,SAAS,KAAK,YAAY,MAAM,CAAC,QAAQ,YAAY,IAAI,IAAI,EAAE,CAAC;AAExG,QAAM,mBAAmB,MAAM;AAC7B,UAAM,aAAa,YAAY,IAAI,CAAC,QAAQ,IAAI,EAAE;AAClD,QAAI,qBAAqB;AACvB,eAAS,UAAU,OAAO,CAAC,OAAO,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC;AAC3D;AAAA,IACF;AAEA,aAAS,MAAM,KAAK,oBAAI,IAAI,CAAC,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC;AAAA,EAC7D;AAEA,QAAM,eAAe,CAAC,UACpB,SAAS,UAAU,SAAS,KAAK,IAAI,UAAU,OAAO,CAAC,OAAO,OAAO,KAAK,IAAI,CAAC,GAAG,WAAW,KAAK,CAAC;AAErG,SACE,qBAAC,OAAA,EAAI,WAAU,qFACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,iBAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,eAAe,MAAM,cAAc,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtC,YAAY,WAAW,IACtB,oBAAC,eAAY,MAAK,MAAK,SAAQ,UAAS,SAAS,EAAE,gCAAgC,EAAA,CAAG,IAEtF,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO,EAAE,gCAAgC,EAAE,OAAO,YAAY,QAAQ;AAAA,UACtE,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,0BAEN,OAAA,EAAI,WAAU,0CACZ,UAAA,YAAY,IAAI,CAAC,QAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAAS,YAAY,IAAI,IAAI,EAAE;AAAA,UAC/B,UAAU,MAAM,aAAa,IAAI,EAAE;AAAA,UACnC,OAAO,aAAa,GAAG;AAAA,UACvB,MAAK;AAAA,QAAA;AAAA,QAJA,IAAI;AAAA,MAAA,CAMZ,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DataTableBulkEditRowsPicker.js","sources":["../../../../src/components/UI/DataTable/DataTableBulkEditRowsPicker.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledCheckbox from '@/components/Form/ControlledCheckbox';\nimport { UnifiedSearchBar } from '@/components/Search';\nimport NoDataFound from '@/components/UI/NoDataFound';\nimport { normalizeText } from '@/helpers/stringHelpers';\n\nimport type { IDataTableRow } from './types';\n\ninterface IDataTableBulkEditRowsPickerProps<T extends IDataTableRow> {\n  rows: Array<T>;\n  resolveLabel: (row: T) => string;\n  pickedIds: Array<string>;\n  onChange: (nextPickedIds: Array<string>) => void;\n}\n\n/**\n * The scope picking list: search, toggle the visible ones, toggle one by one.\n * It is the same in both dialog modes, so it lives outside of it.\n */\nconst DataTableBulkEditRowsPicker = <T extends IDataTableRow>({\n  rows,\n  resolveLabel,\n  pickedIds,\n  onChange,\n}: IDataTableBulkEditRowsPickerProps<T>) => {\n  const { t } = useTranslation('ui');\n  const [searchTerm, setSearchTerm] = useState('');\n\n  const pickedIdSet = useMemo(() => new Set(pickedIds), [pickedIds]);\n\n  const visibleRows = useMemo(() => {\n    const term = normalizeText(searchTerm.trim());\n    if (term === '') return rows;\n\n    return rows.filter((row) => normalizeText(resolveLabel(row)).includes(term));\n  }, [rows, searchTerm, resolveLabel]);\n\n  const areAllVisiblePicked = visibleRows.length > 0 && visibleRows.every((row) => pickedIdSet.has(row.id));\n\n  const toggleAllVisible = () => {\n    const visibleIds = visibleRows.map((row) => row.id);\n    if (areAllVisiblePicked) {\n      onChange(pickedIds.filter((id) => !visibleIds.includes(id)));\n      return;\n    }\n\n    onChange(Array.from(new Set([...pickedIds, ...visibleIds])));\n  };\n\n  const togglePicked = (rowId: string) =>\n    onChange(pickedIds.includes(rowId) ? pickedIds.filter((id) => id !== rowId) : [...pickedIds, rowId]);\n\n  return (\n    <div className=\"flex min-h-0 flex-col gap-2 rounded-xl border border-border bg-surface-sunken p-3\">\n      <UnifiedSearchBar\n        mode=\"callback\"\n        label={t('dataTable.bulkEdit.searchRows')}\n        debounceTime={200}\n        minSearchLength={1}\n        showClearButton\n        filterCallback={setSearchTerm}\n        onClearFilter={() => setSearchTerm('')}\n      />\n\n      {visibleRows.length === 0 ? (\n        <NoDataFound size=\"sm\" variant=\"search\" message={t('dataTable.bulkEdit.noRowsFound')} />\n      ) : (\n        <>\n          <ControlledCheckbox\n            checked={areAllVisiblePicked}\n            onChange={toggleAllVisible}\n            label={t('dataTable.bulkEdit.selectAll', { count: visibleRows.length })}\n            size=\"sm\"\n          />\n          <div className=\"flex max-h-64 flex-col overflow-y-auto\">\n            {visibleRows.map((row) => (\n              <ControlledCheckbox\n                key={row.id}\n                checked={pickedIdSet.has(row.id)}\n                onChange={() => togglePicked(row.id)}\n                label={resolveLabel(row)}\n                size=\"sm\"\n              />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default DataTableBulkEditRowsPicker;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,8BAA8B,CAA0B;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AACjC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI,SAAS,GAAG,CAAC,SAAS,CAAC;AAEjE,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,OAAO,cAAc,WAAW,KAAA,CAAM;AAC5C,QAAI,SAAS,GAAI,QAAO;AAExB,WAAO,KAAK,OAAO,CAAC,QAAQ,cAAc,aAAa,GAAG,CAAC,EAAE,SAAS,IAAI,CAAC;AAAA,EAC7E,GAAG,CAAC,MAAM,YAAY,YAAY,CAAC;AAEnC,QAAM,sBAAsB,YAAY,SAAS,KAAK,YAAY,MAAM,CAAC,QAAQ,YAAY,IAAI,IAAI,EAAE,CAAC;AAExG,QAAM,mBAAmB,MAAM;AAC7B,UAAM,aAAa,YAAY,IAAI,CAAC,QAAQ,IAAI,EAAE;AAClD,QAAI,qBAAqB;AACvB,eAAS,UAAU,OAAO,CAAC,OAAO,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC;AAC3D;AAAA,IACF;AAEA,aAAS,MAAM,KAAK,oBAAI,IAAI,CAAC,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC;AAAA,EAC7D;AAEA,QAAM,eAAe,CAAC,UACpB,SAAS,UAAU,SAAS,KAAK,IAAI,UAAU,OAAO,CAAC,OAAO,OAAO,KAAK,IAAI,CAAC,GAAG,WAAW,KAAK,CAAC;AAErG,SACE,qBAAC,OAAA,EAAI,WAAU,qFACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,iBAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,eAAe,MAAM,cAAc,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtC,YAAY,WAAW,IACtB,oBAAC,eAAY,MAAK,MAAK,SAAQ,UAAS,SAAS,EAAE,gCAAgC,EAAA,CAAG,IAEtF,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO,EAAE,gCAAgC,EAAE,OAAO,YAAY,QAAQ;AAAA,UACtE,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,0BAEN,OAAA,EAAI,WAAU,0CACZ,UAAA,YAAY,IAAI,CAAC,QAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAAS,YAAY,IAAI,IAAI,EAAE;AAAA,UAC/B,UAAU,MAAM,aAAa,IAAI,EAAE;AAAA,UACnC,OAAO,aAAa,GAAG;AAAA,UACvB,MAAK;AAAA,QAAA;AAAA,QAJA,IAAI;AAAA,MAAA,CAMZ,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -11,6 +11,7 @@ import "@floating-ui/dom";
 import "../../../motion/motionPresets.js";
 import "../../../motion/motionTokens.js";
 import "../MaterialSymbol/index.js";
+import "../../Form/ControlledSwitch.js";
 import "date-fns";
 import "date-fns/locale";
 import "react-day-picker";

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableFilters.js","sources":["../../../../src/components/UI/DataTable/DataTableFilters.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { FiltersPanel, IFiltersSchema, TFiltersSize, TFiltersVariant } from '@/components/Search/filters';\n\nimport type { IDataTableFiltersConfig, IDataTableRow, TDataTableFilterValues } from './types';\n\ninterface IDataTableFiltersProps<T extends IDataTableRow> {\n  filters: IDataTableFiltersConfig<T>;\n  values: TDataTableFilterValues;\n  onChange: (values: TDataTableFilterValues) => void;\n  disabled?: boolean;\n  variant?: TFiltersVariant;\n  size?: TFiltersSize;\n  /** Persists the applied values in the URL under `f.<urlKey>.<fieldKey>`. */\n  urlKey?: string;\n  onFirstOpen?: () => void;\n}\n\n/**\n * Adapter between a table config and the shared filter panel. The panel owns\n * the draft, the dirty state, the badge count and the discard guard, so this\n * file no longer mirrors state in a ref to survive the commit ordering.\n */\nconst DataTableFilters = <T extends IDataTableRow>({\n  filters,\n  values,\n  onChange,\n  disabled,\n  variant,\n  size,\n  urlKey,\n  onFirstOpen,\n}: IDataTableFiltersProps<T>) => {\n  const schema = useMemo<IFiltersSchema>(\n    () => ({\n      title: filters?.title,\n      subtitle: filters?.subtitle,\n      groups: filters?.groups,\n      fields: filters?.fields ?? [],\n    }),\n    [filters],\n  );\n\n  return (\n    <FiltersPanel\n      schema={schema}\n      values={values}\n      onChange={onChange}\n      disabled={disabled}\n      variant={variant}\n      size={size}\n      urlKey={urlKey}\n      onFirstOpen={onFirstOpen}\n    />\n  );\n};\n\nexport default DataTableFilters;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,mBAAmB,CAA0B;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,MACL,OAAO,SAAS;AAAA,MAChB,UAAU,SAAS;AAAA,MACnB,QAAQ,SAAS;AAAA,MACjB,QAAQ,SAAS,UAAU,CAAA;AAAA,IAAC;AAAA,IAE9B,CAAC,OAAO;AAAA,EAAA;AAGV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DataTableFilters.js","sources":["../../../../src/components/UI/DataTable/DataTableFilters.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { FiltersPanel, IFiltersSchema, TFiltersSize, TFiltersVariant } from '@/components/Search/filters';\n\nimport type { IDataTableFiltersConfig, IDataTableRow, TDataTableFilterValues } from './types';\n\ninterface IDataTableFiltersProps<T extends IDataTableRow> {\n  filters: IDataTableFiltersConfig<T>;\n  values: TDataTableFilterValues;\n  onChange: (values: TDataTableFilterValues) => void;\n  disabled?: boolean;\n  variant?: TFiltersVariant;\n  size?: TFiltersSize;\n  /** Persists the applied values in the URL under `f.<urlKey>.<fieldKey>`. */\n  urlKey?: string;\n  onFirstOpen?: () => void;\n}\n\n/**\n * Adapter between a table config and the shared filter panel. The panel owns\n * the draft, the dirty state, the badge count and the discard guard, so this\n * file no longer mirrors state in a ref to survive the commit ordering.\n */\nconst DataTableFilters = <T extends IDataTableRow>({\n  filters,\n  values,\n  onChange,\n  disabled,\n  variant,\n  size,\n  urlKey,\n  onFirstOpen,\n}: IDataTableFiltersProps<T>) => {\n  const schema = useMemo<IFiltersSchema>(\n    () => ({\n      title: filters?.title,\n      subtitle: filters?.subtitle,\n      groups: filters?.groups,\n      fields: filters?.fields ?? [],\n    }),\n    [filters],\n  );\n\n  return (\n    <FiltersPanel\n      schema={schema}\n      values={values}\n      onChange={onChange}\n      disabled={disabled}\n      variant={variant}\n      size={size}\n      urlKey={urlKey}\n      onFirstOpen={onFirstOpen}\n    />\n  );\n};\n\nexport default DataTableFilters;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,mBAAmB,CAA0B;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,MACL,OAAO,SAAS;AAAA,MAChB,UAAU,SAAS;AAAA,MACnB,QAAQ,SAAS;AAAA,MACjB,QAAQ,SAAS,UAAU,CAAA;AAAA,IAAC;AAAA,IAE9B,CAAC,OAAO;AAAA,EAAA;AAGV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -12,6 +12,7 @@ import "@floating-ui/dom";
 import "../../../motion/motionPresets.js";
 import "../../../motion/motionTokens.js";
 import "../MaterialSymbol/index.js";
+import "../../Form/ControlledSwitch.js";
 import "date-fns";
 import "date-fns/locale";
 import "react-day-picker";
@@ -20,6 +21,7 @@ import "react-day-picker/style.css";
 import "../../DateTime/DateRangePicker.js";
 import "react-infinite-scroll-component";
 import "react-window";
+import UnifiedSearchBar from "../../Search/UnifiedSearchBar.js";
 import "../NoDataFound/index.js";
 /* empty css                                    */
 import SkeletonLoading from "../SkeletonLoading.js";
@@ -27,7 +29,6 @@ import "../../Search/filters/FiltersButton.js";
 import "../../../helpers/utilityHelpers.js";
 import "../../Form/ControlledDialog.js";
 import "../../Navigation/UiNavigationContext.js";
-import UnifiedSearchBar from "../../Search/UnifiedSearchBar.js";
 import DataTableSegmentedTabs from "./DataTableSegmentedTabs.js";
 const DataTableToolbar = ({
   tabs,

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableToolbar.js","sources":["../../../../src/components/UI/DataTable/DataTableToolbar.tsx"],"sourcesContent":["import { JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledViewToggle, { type IControlledViewToggleOption } from '@/components/Form/ControlledViewToggle';\nimport { UnifiedSearchBar } from '@/components/Search';\nimport SkeletonLoading from '@/components/UI/SkeletonLoading';\n\nimport DataTableSegmentedTabs from './DataTableSegmentedTabs';\nimport type { IDataTableRow, IDataTableTab, TDataTableViewMode } from './types';\n\ninterface IDataTableToolbarProps<T extends IDataTableRow> {\n  tabs?: Array<IDataTableTab<T>>;\n  activeTab: string;\n  onTabChange: (value: string) => void;\n  showViewToggle?: boolean;\n  showGroupedView?: boolean;\n  showKanbanView?: boolean;\n  viewMode?: TDataTableViewMode;\n  onViewModeChange?: (mode: TDataTableViewMode) => void;\n  showSearch: boolean;\n  searchLabel?: string;\n  initialSearch?: string;\n  searchDisabled: boolean;\n  searchDebounceTime: number;\n  searchMinLength: number;\n  searchAtStart?: boolean;\n  onSearchInput: (value: string) => void;\n  toolbarSlot?: JSX.Element;\n  toolbarStartSlot?: JSX.Element;\n  /** Toggle de colunas quando o host opta por exibi-lo no toolbar em vez do cabeçalho. */\n  columnToggleSlot?: JSX.Element;\n  /** First load only: renders placeholders with the same footprint as the real controls. */\n  showSkeleton?: boolean;\n}\n\nconst DataTableToolbar = <T extends IDataTableRow>({\n  tabs,\n  activeTab,\n  onTabChange,\n  showViewToggle = false,\n  showGroupedView = false,\n  showKanbanView = false,\n  viewMode = 'list',\n  onViewModeChange,\n  showSearch,\n  searchLabel,\n  initialSearch,\n  searchDisabled,\n  searchDebounceTime,\n  searchMinLength,\n  searchAtStart = false,\n  onSearchInput,\n  toolbarSlot,\n  toolbarStartSlot,\n  columnToggleSlot,\n  showSkeleton = false,\n}: IDataTableToolbarProps<T>) => {\n  const { t } = useTranslation('ui');\n\n  const viewOptions: Array<IControlledViewToggleOption<TDataTableViewMode>> = [\n    { value: 'cards', icon: 'grid_view', label: t('dataTable.viewCards') },\n    { value: 'list', icon: 'format_list_bulleted', label: t('dataTable.viewList') },\n    ...(showGroupedView\n      ? [{ value: 'grouped' as const, icon: 'workspaces' as const, label: t('dataTable.viewGrouped') }]\n      : []),\n    ...(showKanbanView\n      ? [{ value: 'kanban' as const, icon: 'view_kanban' as const, label: t('dataTable.viewKanban') }]\n      : []),\n  ];\n\n  const searchBar = showSearch ? (\n    <UnifiedSearchBar\n      mode=\"callback\"\n      containerClassName=\"flex w-full items-center gap-x-2 tablet:w-72 tablet:shrink-0\"\n      className=\"!h-10 !min-h-10 !w-full tablet:!w-72\"\n      label={searchLabel ?? t('actions.search')}\n      initialValue={initialSearch}\n      disabled={searchDisabled}\n      debounceTime={searchDebounceTime}\n      minSearchLength={searchMinLength}\n      showClearButton\n      filterCallback={onSearchInput}\n    />\n  ) : null;\n\n  const searchSkeleton = showSearch ? <SkeletonLoading className=\"!h-10 !w-full !rounded-lg tablet:!w-72\" /> : null;\n\n  if (showSkeleton) {\n    return (\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div className=\"flex w-full min-w-0 flex-wrap items-center gap-3 tablet:w-auto\">\n          {toolbarStartSlot && <SkeletonLoading className=\"!h-10 !w-32 !rounded-lg\" />}\n          {tabs && tabs.length > 0 && <SkeletonLoading className=\"!h-10 !w-64 !rounded-xl\" />}\n          {searchAtStart && searchSkeleton}\n        </div>\n\n        <div className=\"flex w-full flex-wrap items-center gap-3 tablet:w-auto tablet:flex-nowrap\">\n          {!searchAtStart && searchSkeleton}\n          {columnToggleSlot && <SkeletonLoading className=\"!h-10 !w-28 !rounded-lg\" />}\n          {showViewToggle && onViewModeChange && <SkeletonLoading className=\"!h-10 !w-24 !rounded-lg\" />}\n          {toolbarSlot && <SkeletonLoading className=\"!h-10 !w-28 !rounded-lg\" />}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-wrap items-center justify-between gap-3\">\n      <div className=\"flex w-full min-w-0 flex-wrap items-center gap-3 tablet:w-auto\">\n        {toolbarStartSlot}\n        {tabs && tabs.length > 0 && <DataTableSegmentedTabs tabs={tabs} activeTab={activeTab} onChange={onTabChange} />}\n        {searchAtStart && searchBar}\n      </div>\n\n      <div className=\"flex w-full flex-wrap items-center gap-3 tablet:w-auto tablet:flex-nowrap\">\n        {!searchAtStart && searchBar}\n        {columnToggleSlot}\n        {showViewToggle && onViewModeChange && (\n          <ControlledViewToggle options={viewOptions} value={viewMode} onChange={onViewModeChange} />\n        )}\n        {toolbarSlot}\n      </div>\n    </div>\n  );\n};\n\nexport default DataTableToolbar;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,mBAAmB,CAA0B;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAiC;AAC/B,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AAEjC,QAAM,cAAsE;AAAA,IAC1E,EAAE,OAAO,SAAS,MAAM,aAAa,OAAO,EAAE,qBAAqB,EAAA;AAAA,IACnE,EAAE,OAAO,QAAQ,MAAM,wBAAwB,OAAO,EAAE,oBAAoB,EAAA;AAAA,IAC5E,GAAI,kBACA,CAAC,EAAE,OAAO,WAAoB,MAAM,cAAuB,OAAO,EAAE,uBAAuB,EAAA,CAAG,IAC9F,CAAA;AAAA,IACJ,GAAI,iBACA,CAAC,EAAE,OAAO,UAAmB,MAAM,eAAwB,OAAO,EAAE,sBAAsB,EAAA,CAAG,IAC7F,CAAA;AAAA,EAAC;AAGP,QAAM,YAAY,aAChB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,oBAAmB;AAAA,MACnB,WAAU;AAAA,MACV,OAAO,eAAe,EAAE,gBAAgB;AAAA,MACxC,cAAc;AAAA,MACd,UAAU;AAAA,MACV,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf,gBAAgB;AAAA,IAAA;AAAA,EAAA,IAEhB;AAEJ,QAAM,iBAAiB,aAAa,oBAAC,iBAAA,EAAgB,WAAU,0CAAyC,IAAK;AAE7G,MAAI,cAAc;AAChB,WACE,qBAAC,OAAA,EAAI,WAAU,qDACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,kEACZ,UAAA;AAAA,QAAA,oBAAoB,oBAAC,iBAAA,EAAgB,WAAU,0BAAA,CAA0B;AAAA,QACzE,QAAQ,KAAK,SAAS,KAAK,oBAAC,iBAAA,EAAgB,WAAU,2BAA0B;AAAA,QAChF,iBAAiB;AAAA,MAAA,GACpB;AAAA,MAEA,qBAAC,OAAA,EAAI,WAAU,6EACZ,UAAA;AAAA,QAAA,CAAC,iBAAiB;AAAA,QAClB,oBAAoB,oBAAC,iBAAA,EAAgB,WAAU,0BAAA,CAA0B;AAAA,QACzE,kBAAkB,oBAAoB,oBAAC,iBAAA,EAAgB,WAAU,2BAA0B;AAAA,QAC3F,eAAe,oBAAC,iBAAA,EAAgB,WAAU,0BAAA,CAA0B;AAAA,MAAA,EAAA,CACvE;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,qDACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,kEACZ,UAAA;AAAA,MAAA;AAAA,MACA,QAAQ,KAAK,SAAS,yBAAM,wBAAA,EAAuB,MAAY,WAAsB,UAAU,YAAA,CAAa;AAAA,MAC5G,iBAAiB;AAAA,IAAA,GACpB;AAAA,IAEA,qBAAC,OAAA,EAAI,WAAU,6EACZ,UAAA;AAAA,MAAA,CAAC,iBAAiB;AAAA,MAClB;AAAA,MACA,kBAAkB,oBACjB,oBAAC,sBAAA,EAAqB,SAAS,aAAa,OAAO,UAAU,UAAU,iBAAA,CAAkB;AAAA,MAE1F;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"DataTableToolbar.js","sources":["../../../../src/components/UI/DataTable/DataTableToolbar.tsx"],"sourcesContent":["import { JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledViewToggle, { type IControlledViewToggleOption } from '@/components/Form/ControlledViewToggle';\nimport { UnifiedSearchBar } from '@/components/Search';\nimport SkeletonLoading from '@/components/UI/SkeletonLoading';\n\nimport DataTableSegmentedTabs from './DataTableSegmentedTabs';\nimport type { IDataTableRow, IDataTableTab, TDataTableViewMode } from './types';\n\ninterface IDataTableToolbarProps<T extends IDataTableRow> {\n  tabs?: Array<IDataTableTab<T>>;\n  activeTab: string;\n  onTabChange: (value: string) => void;\n  showViewToggle?: boolean;\n  showGroupedView?: boolean;\n  showKanbanView?: boolean;\n  viewMode?: TDataTableViewMode;\n  onViewModeChange?: (mode: TDataTableViewMode) => void;\n  showSearch: boolean;\n  searchLabel?: string;\n  initialSearch?: string;\n  searchDisabled: boolean;\n  searchDebounceTime: number;\n  searchMinLength: number;\n  searchAtStart?: boolean;\n  onSearchInput: (value: string) => void;\n  toolbarSlot?: JSX.Element;\n  toolbarStartSlot?: JSX.Element;\n  /** Toggle de colunas quando o host opta por exibi-lo no toolbar em vez do cabeçalho. */\n  columnToggleSlot?: JSX.Element;\n  /** First load only: renders placeholders with the same footprint as the real controls. */\n  showSkeleton?: boolean;\n}\n\nconst DataTableToolbar = <T extends IDataTableRow>({\n  tabs,\n  activeTab,\n  onTabChange,\n  showViewToggle = false,\n  showGroupedView = false,\n  showKanbanView = false,\n  viewMode = 'list',\n  onViewModeChange,\n  showSearch,\n  searchLabel,\n  initialSearch,\n  searchDisabled,\n  searchDebounceTime,\n  searchMinLength,\n  searchAtStart = false,\n  onSearchInput,\n  toolbarSlot,\n  toolbarStartSlot,\n  columnToggleSlot,\n  showSkeleton = false,\n}: IDataTableToolbarProps<T>) => {\n  const { t } = useTranslation('ui');\n\n  const viewOptions: Array<IControlledViewToggleOption<TDataTableViewMode>> = [\n    { value: 'cards', icon: 'grid_view', label: t('dataTable.viewCards') },\n    { value: 'list', icon: 'format_list_bulleted', label: t('dataTable.viewList') },\n    ...(showGroupedView\n      ? [{ value: 'grouped' as const, icon: 'workspaces' as const, label: t('dataTable.viewGrouped') }]\n      : []),\n    ...(showKanbanView\n      ? [{ value: 'kanban' as const, icon: 'view_kanban' as const, label: t('dataTable.viewKanban') }]\n      : []),\n  ];\n\n  const searchBar = showSearch ? (\n    <UnifiedSearchBar\n      mode=\"callback\"\n      containerClassName=\"flex w-full items-center gap-x-2 tablet:w-72 tablet:shrink-0\"\n      className=\"!h-10 !min-h-10 !w-full tablet:!w-72\"\n      label={searchLabel ?? t('actions.search')}\n      initialValue={initialSearch}\n      disabled={searchDisabled}\n      debounceTime={searchDebounceTime}\n      minSearchLength={searchMinLength}\n      showClearButton\n      filterCallback={onSearchInput}\n    />\n  ) : null;\n\n  const searchSkeleton = showSearch ? <SkeletonLoading className=\"!h-10 !w-full !rounded-lg tablet:!w-72\" /> : null;\n\n  if (showSkeleton) {\n    return (\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div className=\"flex w-full min-w-0 flex-wrap items-center gap-3 tablet:w-auto\">\n          {toolbarStartSlot && <SkeletonLoading className=\"!h-10 !w-32 !rounded-lg\" />}\n          {tabs && tabs.length > 0 && <SkeletonLoading className=\"!h-10 !w-64 !rounded-xl\" />}\n          {searchAtStart && searchSkeleton}\n        </div>\n\n        <div className=\"flex w-full flex-wrap items-center gap-3 tablet:w-auto tablet:flex-nowrap\">\n          {!searchAtStart && searchSkeleton}\n          {columnToggleSlot && <SkeletonLoading className=\"!h-10 !w-28 !rounded-lg\" />}\n          {showViewToggle && onViewModeChange && <SkeletonLoading className=\"!h-10 !w-24 !rounded-lg\" />}\n          {toolbarSlot && <SkeletonLoading className=\"!h-10 !w-28 !rounded-lg\" />}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-wrap items-center justify-between gap-3\">\n      <div className=\"flex w-full min-w-0 flex-wrap items-center gap-3 tablet:w-auto\">\n        {toolbarStartSlot}\n        {tabs && tabs.length > 0 && <DataTableSegmentedTabs tabs={tabs} activeTab={activeTab} onChange={onTabChange} />}\n        {searchAtStart && searchBar}\n      </div>\n\n      <div className=\"flex w-full flex-wrap items-center gap-3 tablet:w-auto tablet:flex-nowrap\">\n        {!searchAtStart && searchBar}\n        {columnToggleSlot}\n        {showViewToggle && onViewModeChange && (\n          <ControlledViewToggle options={viewOptions} value={viewMode} onChange={onViewModeChange} />\n        )}\n        {toolbarSlot}\n      </div>\n    </div>\n  );\n};\n\nexport default DataTableToolbar;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,mBAAmB,CAA0B;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAiC;AAC/B,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AAEjC,QAAM,cAAsE;AAAA,IAC1E,EAAE,OAAO,SAAS,MAAM,aAAa,OAAO,EAAE,qBAAqB,EAAA;AAAA,IACnE,EAAE,OAAO,QAAQ,MAAM,wBAAwB,OAAO,EAAE,oBAAoB,EAAA;AAAA,IAC5E,GAAI,kBACA,CAAC,EAAE,OAAO,WAAoB,MAAM,cAAuB,OAAO,EAAE,uBAAuB,EAAA,CAAG,IAC9F,CAAA;AAAA,IACJ,GAAI,iBACA,CAAC,EAAE,OAAO,UAAmB,MAAM,eAAwB,OAAO,EAAE,sBAAsB,EAAA,CAAG,IAC7F,CAAA;AAAA,EAAC;AAGP,QAAM,YAAY,aAChB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,oBAAmB;AAAA,MACnB,WAAU;AAAA,MACV,OAAO,eAAe,EAAE,gBAAgB;AAAA,MACxC,cAAc;AAAA,MACd,UAAU;AAAA,MACV,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf,gBAAgB;AAAA,IAAA;AAAA,EAAA,IAEhB;AAEJ,QAAM,iBAAiB,aAAa,oBAAC,iBAAA,EAAgB,WAAU,0CAAyC,IAAK;AAE7G,MAAI,cAAc;AAChB,WACE,qBAAC,OAAA,EAAI,WAAU,qDACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,kEACZ,UAAA;AAAA,QAAA,oBAAoB,oBAAC,iBAAA,EAAgB,WAAU,0BAAA,CAA0B;AAAA,QACzE,QAAQ,KAAK,SAAS,KAAK,oBAAC,iBAAA,EAAgB,WAAU,2BAA0B;AAAA,QAChF,iBAAiB;AAAA,MAAA,GACpB;AAAA,MAEA,qBAAC,OAAA,EAAI,WAAU,6EACZ,UAAA;AAAA,QAAA,CAAC,iBAAiB;AAAA,QAClB,oBAAoB,oBAAC,iBAAA,EAAgB,WAAU,0BAAA,CAA0B;AAAA,QACzE,kBAAkB,oBAAoB,oBAAC,iBAAA,EAAgB,WAAU,2BAA0B;AAAA,QAC3F,eAAe,oBAAC,iBAAA,EAAgB,WAAU,0BAAA,CAA0B;AAAA,MAAA,EAAA,CACvE;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,qDACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,kEACZ,UAAA;AAAA,MAAA;AAAA,MACA,QAAQ,KAAK,SAAS,yBAAM,wBAAA,EAAuB,MAAY,WAAsB,UAAU,YAAA,CAAa;AAAA,MAC5G,iBAAiB;AAAA,IAAA,GACpB;AAAA,IAEA,qBAAC,OAAA,EAAI,WAAU,6EACZ,UAAA;AAAA,MAAA,CAAC,iBAAiB;AAAA,MAClB;AAAA,MACA,kBAAkB,oBACjB,oBAAC,sBAAA,EAAqB,SAAS,aAAa,OAAO,UAAU,UAAU,iBAAA,CAAkB;AAAA,MAE1F;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -12,6 +12,7 @@ import "../../../motion/motionPresets.js";
 import "../../../motion/motionTokens.js";
 import "../MaterialSymbol/index.js";
 import { countActiveFilters, isFilterValueEmpty } from "../../Search/filters/filterValues.js";
+import "../../Form/ControlledSwitch.js";
 import "date-fns";
 import "date-fns/locale";
 import "react-day-picker";