rl-core-front 0.18.8 → 0.18.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rl-core-front",
-  "version": "0.18.8",
+  "version": "0.18.10",
   "description": "Telas e componentes Next.js do core: login com 2FA, usuários, RBAC, auditoria, logs e listagens com filtro dinâmico",
   "author": "Rodrigo Liberti",
   "license": "MIT",

package/src/components/ui/combobox.tsx

@@ -50,6 +50,18 @@ export interface ComboboxProps {
   onCreate?: (text: string) => void;
   /** Texto da linha de criação. Ausente, `Criar "{text}"`. */
   createLabel?: (text: string) => string;
+  /**
+   * No modo múltiplo, fecha sozinho depois de tantos milissegundos sem
+   * interação — contados a partir da última marcação.
+   *
+   * O painel múltiplo fica aberto de propósito para marcar vários de uma vez,
+   * mas quem marcou o que queria e parou de mexer está esperando ele sumir.
+   * Digitar, andar com as setas, mover o mouse sobre a lista ou marcar outro
+   * item reinicia a contagem; abrir e só olhar não a inicia. Tirar o mouse
+   * do painel depois de marcar fecha na hora — quem saiu já terminou.
+   * Ausente, o painel só fecha no clique fora ou no Esc.
+   */
+  idleCloseMs?: number;
 }
 
 /** Id da linha de criação na lista apontável — nenhuma opção real o usa. */
@@ -93,9 +105,37 @@ export function Combobox({
   creatable = false,
   onCreate,
   createLabel,
+  idleCloseMs,
 }: ComboboxProps): JSX.Element {
   const { t } = useI18n();
   const [open, setOpen] = useState(false);
+  /* O cronômetro do fechamento por inatividade; só corre depois de uma marcação. */
+  const ocioso = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const pararContagem = (): void => {
+    if (ocioso.current) {
+      clearTimeout(ocioso.current);
+      ocioso.current = null;
+    }
+  };
+
+  /* Reinicia a contagem — se ela já estava correndo. Quem a inicia é o `alternar`. */
+  const registrarInteracao = (): void => {
+    if (!ocioso.current) {
+      return;
+    }
+
+    pararContagem();
+    ocioso.current = setTimeout(() => setOpen(false), idleCloseMs);
+  };
+
+  useEffect(() => {
+    if (!open) {
+      pararContagem();
+    }
+
+    return pararContagem;
+  }, [open]);
   const [search, setSearch] = useState("");
   /**
    * O item que o teclado aponta. Nulo é "o primeiro que a busca deixou".
@@ -172,6 +212,11 @@ export function Combobox({
         ? value.filter((atual) => atual !== id)
         : [...value, id],
     );
+
+    if (idleCloseMs) {
+      pararContagem();
+      ocioso.current = setTimeout(() => setOpen(false), idleCloseMs);
+    }
   };
 
   useEffect(() => {
@@ -298,6 +343,15 @@ export function Combobox({
          * compõe os handlers com o de fora primeiro, e desiste do seu quando o
          * evento já foi tratado: o `preventDefault` daqui é o que o desarma.
          */
+        onPointerMove={registrarInteracao}
+        // Saiu com o mouse depois de marcar: não há por que esperar a contagem.
+        onPointerLeave={() => {
+          if (ocioso.current) {
+            pararContagem();
+            setOpen(false);
+          }
+        }}
+        onKeyDownCapture={registrarInteracao}
         onKeyDown={(event) => {
           // Tecla nascida na busca já foi tratada lá.
           if (