@hh.ru/magritte-ui-chat-input 1.2.2 → 1.2.3

package/internal/useHasSound.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasSound.js","sources":["src/internal/useHasSound.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n// Порог RMS, выше которого считаем, что звук есть (речь по RMS обычно ~0.1+, шумовой пол — ниже)\nconst SOUND_RMS_THRESHOLD = 0.02;\n// Сколько держим флаг «звук есть» после последнего громкого кадра — чтобы паузы между словами\n// не роняли индикатор в тишину и он не мигал\nconst RELEASE_MS = 350;\n// Период опроса громкости: флаг булев с гистерезисом RELEASE_MS, детализация кадра дисплея тут\n// не нужна — 100 мс дают запас в ~3.5 замера на окно удержания при кратно меньшей нагрузке, чем rAF\nconst SAMPLE_INTERVAL_MS = 100;\n\ntype AudioContextConstructor = typeof AudioContext;\n\nconst getAudioContextConstructor = (): AudioContextConstructor | null => {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n    const scoped = window as unknown as {\n        AudioContext?: AudioContextConstructor;\n        webkitAudioContext?: AudioContextConstructor;\n    };\n    return scoped.AudioContext ?? scoped.webkitAudioContext ?? null;\n};\n\n/**\n * Флаг «в стриме микрофона сейчас есть звук». Пока стрим есть — держит rAF-цикл и читает\n * RMS через AnalyserNode, сравнивая с порогом (флаг ещё RELEASE_MS удерживается после последнего\n * громкого кадра, чтобы не мигать на паузах между словами). Ререндер только на смене флага.\n * Треки стрима не трогаем — ими владеет сессия записи (`useVoiceRecordSession`), только читаем.\n */\nexport const useHasSound = (stream: MediaStream | null): boolean => {\n    const [hasSound, setHasSound] = useState(false);\n\n    useEffect(() => {\n        const AudioCtx = getAudioContextConstructor();\n        if (!stream || !AudioCtx || stream.getAudioTracks().length === 0) {\n            return undefined;\n        }\n\n        const audioContext = new AudioCtx();\n        // ctx может стартовать в suspended (autoplay policy); старт всегда из клика по микрофону,\n        // так что resume безопасен и обычно сразу переводит в running\n        void audioContext.resume();\n\n        const source = audioContext.createMediaStreamSource(stream);\n        const analyser = audioContext.createAnalyser();\n        analyser.fftSize = 256;\n        source.connect(analyser);\n\n        // Web Audio API принимает данные только в типизированный массив\n        // oxlint-disable-next-line magritte/no-restricted-syntax\n        const buffer = new Uint8Array(analyser.fftSize);\n        let lastLoudAt = 0;\n        let current = false;\n\n        const tick = () => {\n            analyser.getByteTimeDomainData(buffer);\n            let sumSquares = 0;\n            for (let i = 0; i < buffer.length; i += 1) {\n                const sample = (buffer[i] - 128) / 128;\n                sumSquares += sample * sample;\n            }\n            const rms = Math.sqrt(sumSquares / buffer.length);\n            const now = performance.now();\n            if (rms > SOUND_RMS_THRESHOLD) {\n                lastLoudAt = now;\n            }\n            const next = now - lastLoudAt < RELEASE_MS;\n            if (next !== current) {\n                current = next;\n                setHasSound(next);\n            }\n        };\n        tick();\n        const intervalId = setInterval(tick, SAMPLE_INTERVAL_MS);\n\n        return () => {\n            clearInterval(intervalId);\n            source.disconnect();\n            analyser.disconnect();\n            void audioContext.close();\n            setHasSound(false);\n        };\n    }, [stream]);\n\n    return hasSound;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useHasSound.js","sources":["src/internal/useHasSound.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n// Порог RMS, выше которого считаем, что звук есть (речь по RMS обычно ~0.1+, шумовой пол — ниже)\nconst SOUND_RMS_THRESHOLD = 0.02;\n// Сколько держим флаг «звук есть» после последнего громкого кадра — чтобы паузы между словами\n// не роняли индикатор в тишину и он не мигал\nconst RELEASE_MS = 350;\n// Период опроса громкости: флаг булев с гистерезисом RELEASE_MS, детализация кадра дисплея тут\n// не нужна — 100 мс дают запас в ~3.5 замера на окно удержания при кратно меньшей нагрузке, чем rAF\nconst SAMPLE_INTERVAL_MS = 100;\n\ntype AudioContextConstructor = typeof AudioContext;\n\nconst getAudioContextConstructor = (): AudioContextConstructor | null => {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n    const scoped = window as unknown as {\n        AudioContext?: AudioContextConstructor;\n        webkitAudioContext?: AudioContextConstructor;\n    };\n    return scoped.AudioContext ?? scoped.webkitAudioContext ?? null;\n};\n\n/**\n * Флаг «в стриме микрофона сейчас есть звук». Пока стрим есть — держит rAF-цикл и читает\n * RMS через AnalyserNode, сравнивая с порогом (флаг ещё RELEASE_MS удерживается после последнего\n * громкого кадра, чтобы не мигать на паузах между словами). Ререндер только на смене флага.\n * Треки стрима не трогаем — ими владеет сессия записи (`useVoiceRecordSession`), только читаем.\n */\nexport const useHasSound = (stream: MediaStream | null): boolean => {\n    const [hasSound, setHasSound] = useState(false);\n\n    useEffect(() => {\n        const AudioCtx = getAudioContextConstructor();\n        if (!stream || !AudioCtx || stream.getAudioTracks().length === 0) {\n            return undefined;\n        }\n\n        const audioContext = new AudioCtx();\n        // ctx может стартовать в suspended (autoplay policy); старт всегда из клика по микрофону,\n        // так что resume безопасен и обычно сразу переводит в running\n        void audioContext.resume();\n\n        const source = audioContext.createMediaStreamSource(stream);\n        const analyser = audioContext.createAnalyser();\n        analyser.fftSize = 256;\n        source.connect(analyser);\n\n        // Web Audio API принимает данные только в типизированный массив\n        // oxlint-disable-next-line magritte/no-restricted-syntax\n        const buffer = new Uint8Array(analyser.fftSize);\n        let lastLoudAt = 0;\n        let current = false;\n\n        const tick = () => {\n            analyser.getByteTimeDomainData(buffer);\n            let sumSquares = 0;\n            for (let i = 0; i < buffer.length; i += 1) {\n                const sample = (buffer[i] - 128) / 128;\n                sumSquares += sample * sample;\n            }\n            const rms = Math.sqrt(sumSquares / buffer.length);\n            const now = performance.now();\n            if (rms > SOUND_RMS_THRESHOLD) {\n                lastLoudAt = now;\n            }\n            const next = now - lastLoudAt < RELEASE_MS;\n            if (next !== current) {\n                current = next;\n                setHasSound(next);\n            }\n        };\n        tick();\n        const intervalId = setInterval(tick, SAMPLE_INTERVAL_MS);\n\n        return () => {\n            clearInterval(intervalId);\n            source.disconnect();\n            analyser.disconnect();\n            void audioContext.close();\n            setHasSound(false);\n        };\n    }, [stream]);\n\n    return hasSound;\n};\n"],"names":[],"mappings":"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"}

package/internal/useObjectUrl.js

@@ -1,29 +1,23 @@
 import './../index.css';
 import { useState, useEffect } from 'react';
 
-const isImageBlob = (blob) => !blob.type || blob.type.startsWith('image/');
-/**
- * Url для отображения картинки: строку возвращает как есть, для Blob/File создаёт локальный object URL
- * и отзывает его при смене источника и размонтировании. Blob с известным не-image типом пропускаем.
- * URL создаётся в эффекте (не в рендере), поэтому StrictMode и SSR его не теряют и не плодят
- */
+const isImageBlob = (blob) => !blob.type || blob.type.startsWith("image/");
 const useObjectUrl = (source) => {
-    const blob = source instanceof Blob && isImageBlob(source) ? source : undefined;
-    const [objectUrl, setObjectUrl] = useState();
-    useEffect(() => {
-        if (!blob) {
-            setObjectUrl(undefined);
-            return undefined;
-        }
-        const url = URL.createObjectURL(blob);
-        setObjectUrl({ blob, url });
-        return () => URL.revokeObjectURL(url);
-    }, [blob]);
-    if (typeof source === 'string') {
-        return source;
+  const blob = source instanceof Blob && isImageBlob(source) ? source : void 0;
+  const [objectUrl, setObjectUrl] = useState();
+  useEffect(() => {
+    if (!blob) {
+      setObjectUrl(void 0);
+      return void 0;
     }
-    // url от предыдущего Blob уже отозван — до эффекта для нового ничего не отдаём
-    return objectUrl && objectUrl.blob === blob ? objectUrl.url : undefined;
+    const url = URL.createObjectURL(blob);
+    setObjectUrl({ blob, url });
+    return () => URL.revokeObjectURL(url);
+  }, [blob]);
+  if (typeof source === "string") {
+    return source;
+  }
+  return objectUrl && objectUrl.blob === blob ? objectUrl.url : void 0;
 };
 
 export { useObjectUrl };

package/internal/useObjectUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useObjectUrl.js","sources":["src/internal/useObjectUrl.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst isImageBlob = (blob: Blob): boolean => !blob.type || blob.type.startsWith('image/');\n\n/**\n * Url для отображения картинки: строку возвращает как есть, для Blob/File создаёт локальный object URL\n * и отзывает его при смене источника и размонтировании. Blob с известным не-image типом пропускаем.\n * URL создаётся в эффекте (не в рендере), поэтому StrictMode и SSR его не теряют и не плодят\n */\nexport const useObjectUrl = (source: string | Blob | undefined): string | undefined => {\n    const blob = source instanceof Blob && isImageBlob(source) ? source : undefined;\n    const [objectUrl, setObjectUrl] = useState<{ blob: Blob; url: string }>();\n\n    useEffect(() => {\n        if (!blob) {\n            setObjectUrl(undefined);\n            return undefined;\n        }\n        const url = URL.createObjectURL(blob);\n        setObjectUrl({ blob, url });\n        return () => URL.revokeObjectURL(url);\n    }, [blob]);\n\n    if (typeof source === 'string') {\n        return source;\n    }\n    // url от предыдущего Blob уже отозван — до эффекта для нового ничего не отдаём\n    return objectUrl && objectUrl.blob === blob ? objectUrl.url : undefined;\n};\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,GAAG,CAAC,IAAU,KAAc,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAE1F;;;;AAIG;AACU,MAAA,YAAY,GAAG,CAAC,MAAiC,KAAwB;AAClF,IAAA,MAAM,IAAI,GAAG,MAAM,YAAY,IAAI,IAAI,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;IAChF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAA+B,CAAC;IAE1E,SAAS,CAAC,MAAK;QACX,IAAI,CAAC,IAAI,EAAE;YACP,YAAY,CAAC,SAAS,CAAC,CAAC;AACxB,YAAA,OAAO,SAAS,CAAC;SACpB;QACD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACtC,QAAA,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,OAAO,MAAM,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AAC1C,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAEX,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC5B,QAAA,OAAO,MAAM,CAAC;KACjB;;AAED,IAAA,OAAO,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC;AAC5E;;;;"}
+{"version":3,"file":"useObjectUrl.js","sources":["src/internal/useObjectUrl.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst isImageBlob = (blob: Blob): boolean => !blob.type || blob.type.startsWith('image/');\n\n/**\n * Url для отображения картинки: строку возвращает как есть, для Blob/File создаёт локальный object URL\n * и отзывает его при смене источника и размонтировании. Blob с известным не-image типом пропускаем.\n * URL создаётся в эффекте (не в рендере), поэтому StrictMode и SSR его не теряют и не плодят\n */\nexport const useObjectUrl = (source: string | Blob | undefined): string | undefined => {\n    const blob = source instanceof Blob && isImageBlob(source) ? source : undefined;\n    const [objectUrl, setObjectUrl] = useState<{ blob: Blob; url: string }>();\n\n    useEffect(() => {\n        if (!blob) {\n            setObjectUrl(undefined);\n            return undefined;\n        }\n        const url = URL.createObjectURL(blob);\n        setObjectUrl({ blob, url });\n        return () => URL.revokeObjectURL(url);\n    }, [blob]);\n\n    if (typeof source === 'string') {\n        return source;\n    }\n    // url от предыдущего Blob уже отозван — до эффекта для нового ничего не отдаём\n    return objectUrl && objectUrl.blob === blob ? objectUrl.url : undefined;\n};\n"],"names":[],"mappings":";;AAEA,MAAM,WAAA,GAAc,CAAC,IAAwB,KAAA,CAAC,KAAK,IAAQ,IAAA,IAAA,CAAK,IAAK,CAAA,UAAA,CAAW,QAAQ,CAAA,CAAA;AAO3E,MAAA,YAAA,GAAe,CAAC,MAA0D,KAAA;AACnF,EAAA,MAAM,OAAO,MAAkB,YAAA,IAAA,IAAQ,WAAY,CAAA,MAAM,IAAI,MAAS,GAAA,KAAA,CAAA,CAAA;AACtE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAsC,EAAA,CAAA;AAExE,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,IAAM,EAAA;AACP,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AACtB,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACX;AACA,IAAM,MAAA,GAAA,GAAM,GAAI,CAAA,eAAA,CAAgB,IAAI,CAAA,CAAA;AACpC,IAAa,YAAA,CAAA,EAAE,IAAM,EAAA,GAAA,EAAK,CAAA,CAAA;AAC1B,IAAO,OAAA,MAAM,GAAI,CAAA,eAAA,CAAgB,GAAG,CAAA,CAAA;AAAA,GACxC,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAI,IAAA,OAAO,WAAW,QAAU,EAAA;AAC5B,IAAO,OAAA,MAAA,CAAA;AAAA,GACX;AAEA,EAAA,OAAO,SAAa,IAAA,SAAA,CAAU,IAAS,KAAA,IAAA,GAAO,UAAU,GAAM,GAAA,KAAA,CAAA,CAAA;AAClE;;;;"}

package/internal/useRovingFocusGroup.js

@@ -3,148 +3,113 @@ import { useRef, useCallback, useEffect } from 'react';
 import { keyboardKeys, keyboardMatches, keyboardMatch } from '@hh.ru/magritte-common-keyboard';
 import { FOCUS_PRIORITY_ATTR } from './focusGroup.js';
 
-// Кандидаты в группу: интерактивные элементы, но без исключения [tabindex="-1"] (в отличие от
-// FOCUSABLE_SELECTOR из common-keyboard) — менеджер сам ставит участникам -1 и должен продолжать
-// их видеть при повторных сканах
 const CANDIDATE_SELECTOR = [
-    'button:not([disabled])',
-    'a[href]',
-    'input:not([disabled]):not([type="hidden"])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    '[tabindex]',
-].join(', ');
+  "button:not([disabled])",
+  "a[href]",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "[tabindex]"
+].join(", ");
 const NAV_KEYS = [keyboardKeys.ArrowLeft, keyboardKeys.ArrowRight, keyboardKeys.Home, keyboardKeys.End];
-// метка «tabindex этому элементу писали мы»: его "-1" — не чужое намерение, а членство в группе.
-// Держим её в DOM, а не в JS-коллекции: элементы приложения приходят и уходят без нашего ведома
-const FOCUS_MANAGED_ATTR = 'data-magritte-chat-input-focus-managed';
-// Registry — сам DOM: участники и их порядок вычисляются сканом на каждое обращение, поэтому
-// список никогда не устаревает (кнопки приложения в слотах могут появляться и исчезать без
-// ререндера ChatInput)
+const FOCUS_MANAGED_ATTR = "data-magritte-chat-input-focus-managed";
 const collectGroup = (root) => {
-    const items = [];
-    const all = [];
-    root.querySelectorAll(CANDIDATE_SELECTOR).forEach((el, index) => {
-        // элемент вне приоритетных контейнеров (textarea, произвольный контент вне слотов) —
-        // не участник, его tabindex не трогаем
-        const container = el.closest(`[${FOCUS_PRIORITY_ATTR}]`);
-        if (!container || !root.contains(container)) {
-            return;
-        }
-        // чужой явный tabindex="-1" уважаем (приложение само вывело элемент из фокуса);
-        // свой (с меткой managed) — просто признак участника группы
-        if (el.getAttribute('tabindex') === '-1' && !el.hasAttribute(FOCUS_MANAGED_ATTR)) {
-            return;
-        }
-        all.push(el);
-        // скрытый слой не участвует в обходе, но остаётся под управлением (см. applyTabStops)
-        if (el.closest('[aria-hidden="true"]')) {
-            return;
-        }
-        items.push({ el, index, priority: Number(container.getAttribute(FOCUS_PRIORITY_ATTR)) });
-    });
-    // сортировка стабильная: при равном приоритете сохраняем исходный DOM-порядок
-    const members = items.sort((a, b) => a.priority - b.priority || a.index - b.index).map(({ el }) => el);
-    return { members, all };
+  const items = [];
+  const all = [];
+  root.querySelectorAll(CANDIDATE_SELECTOR).forEach((el, index) => {
+    const container = el.closest(`[${FOCUS_PRIORITY_ATTR}]`);
+    if (!container || !root.contains(container)) {
+      return;
+    }
+    if (el.getAttribute("tabindex") === "-1" && !el.hasAttribute(FOCUS_MANAGED_ATTR)) {
+      return;
+    }
+    all.push(el);
+    if (el.closest('[aria-hidden="true"]')) {
+      return;
+    }
+    items.push({ el, index, priority: Number(container.getAttribute(FOCUS_PRIORITY_ATTR)) });
+  });
+  const members = items.sort((a, b) => a.priority - b.priority || a.index - b.index).map(({ el }) => el);
+  return { members, all };
 };
-/**
- * Roving tabindex для кнопок ChatInput: вся группа кнопок — один tab stop. У всех участников
- * tabindex="-1", у одного (текущего стопа) — "0"; внутри группы фокус ходит стрелками ←/→
- * и Home/End (с зацикливанием) в порядке приоритетов (FOCUS_PRIORITY_ATTR на контейнерах).
- * Tab не перехватывается: страница → textarea → кнопка-стоп → страница, границы нативные.
- *
- * Порядок и состав группы вычисляются из DOM лениво, а вот tabindex приходится поддерживать
- * эагерно — он должен стоять в DOM до нажатия Tab. Расстановка актуализируется по трём каналам:
- * начальный эффект, focusin (стоп следует за фокусом — клик или стрелка) и MutationObserver
- * (маунт/анмаунт кнопок приложения, disabled, смена aria-hidden слоя при переключении режима).
- */
 const useRovingFocusGroup = (root) => {
-    const stopRef = useRef(null);
-    const applyTabStops = useCallback(() => {
-        const rootEl = root.current;
-        if (!rootEl) {
-            return;
-        }
-        const { members, all } = collectGroup(rootEl);
-        const prevStop = stopRef.current;
-        const stop = prevStop && members.includes(prevStop) ? prevStop : (members[0] ?? null);
-        stopRef.current = stop;
-        all.forEach((el) => {
-            const tabIndex = el === stop ? 0 : -1;
-            if (el.tabIndex !== tabIndex) {
-                el.tabIndex = tabIndex;
-                el.setAttribute(FOCUS_MANAGED_ATTR, '');
-            }
-        });
-    }, [root]);
-    const focusStop = useCallback(() => {
-        // observer срабатывает микротаском — пересобираем синхронно, чтобы стоп был свежим
-        applyTabStops();
-        stopRef.current?.focus();
-    }, [applyTabStops]);
-    useEffect(() => {
-        const rootEl = root.current;
-        if (!rootEl) {
-            return undefined;
-        }
-        applyTabStops();
-        const handleKeyDown = (event) => {
-            if (event.defaultPrevented || !keyboardMatches(event, NAV_KEYS)) {
-                return;
-            }
-            if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
-                return;
-            }
-            const { members } = collectGroup(rootEl);
-            const activeIndex = members.indexOf(document.activeElement);
-            // фокус вне группы (например, в textarea — там стрелки двигают каретку) — не вмешиваемся
-            if (activeIndex === -1) {
-                return;
-            }
-            event.preventDefault();
-            const lastIndex = members.length - 1;
-            let nextIndex;
-            if (keyboardMatch(event, keyboardKeys.Home)) {
-                nextIndex = 0;
-            }
-            else if (keyboardMatch(event, keyboardKeys.End)) {
-                nextIndex = lastIndex;
-            }
-            else if (keyboardMatch(event, keyboardKeys.ArrowRight)) {
-                nextIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;
-            }
-            else {
-                nextIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;
-            }
-            // focusin перенесёт стоп на новый элемент
-            members[nextIndex].focus();
-        };
-        // стоп следует за фокусом: кликнутый мышью или сфокусированный стрелкой участник
-        // становится единственным tab stop группы
-        const handleFocusIn = (event) => {
-            const target = event.target;
-            if (!(target instanceof HTMLElement) || stopRef.current === target) {
-                return;
-            }
-            if (!collectGroup(rootEl).members.includes(target)) {
-                return;
-            }
-            stopRef.current = target;
-            applyTabStops();
-        };
-        // ремонт расстановки: анмаунт держателя стопа, disabled, aria-hidden при смене режима.
-        // tabindex в фильтре намеренно нет — собственные записи не должны будить observer
-        const observer = new MutationObserver(applyTabStops);
-        observer.observe(rootEl, { subtree: true, childList: true, attributeFilter: ['disabled', 'aria-hidden'] });
-        rootEl.addEventListener('keydown', handleKeyDown);
-        rootEl.addEventListener('focusin', handleFocusIn);
-        return () => {
-            observer.disconnect();
-            rootEl.removeEventListener('keydown', handleKeyDown);
-            rootEl.removeEventListener('focusin', handleFocusIn);
-        };
-    }, [root, applyTabStops]);
-    return { focusStop };
+  const stopRef = useRef(null);
+  const applyTabStops = useCallback(() => {
+    const rootEl = root.current;
+    if (!rootEl) {
+      return;
+    }
+    const { members, all } = collectGroup(rootEl);
+    const prevStop = stopRef.current;
+    const stop = prevStop && members.includes(prevStop) ? prevStop : members[0] ?? null;
+    stopRef.current = stop;
+    all.forEach((el) => {
+      const tabIndex = el === stop ? 0 : -1;
+      if (el.tabIndex !== tabIndex) {
+        el.tabIndex = tabIndex;
+        el.setAttribute(FOCUS_MANAGED_ATTR, "");
+      }
+    });
+  }, [root]);
+  const focusStop = useCallback(() => {
+    applyTabStops();
+    stopRef.current?.focus();
+  }, [applyTabStops]);
+  useEffect(() => {
+    const rootEl = root.current;
+    if (!rootEl) {
+      return void 0;
+    }
+    applyTabStops();
+    const handleKeyDown = (event) => {
+      if (event.defaultPrevented || !keyboardMatches(event, NAV_KEYS)) {
+        return;
+      }
+      if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
+        return;
+      }
+      const { members } = collectGroup(rootEl);
+      const activeIndex = members.indexOf(document.activeElement);
+      if (activeIndex === -1) {
+        return;
+      }
+      event.preventDefault();
+      const lastIndex = members.length - 1;
+      let nextIndex;
+      if (keyboardMatch(event, keyboardKeys.Home)) {
+        nextIndex = 0;
+      } else if (keyboardMatch(event, keyboardKeys.End)) {
+        nextIndex = lastIndex;
+      } else if (keyboardMatch(event, keyboardKeys.ArrowRight)) {
+        nextIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;
+      } else {
+        nextIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;
+      }
+      members[nextIndex].focus();
+    };
+    const handleFocusIn = (event) => {
+      const target = event.target;
+      if (!(target instanceof HTMLElement) || stopRef.current === target) {
+        return;
+      }
+      if (!collectGroup(rootEl).members.includes(target)) {
+        return;
+      }
+      stopRef.current = target;
+      applyTabStops();
+    };
+    const observer = new MutationObserver(applyTabStops);
+    observer.observe(rootEl, { subtree: true, childList: true, attributeFilter: ["disabled", "aria-hidden"] });
+    rootEl.addEventListener("keydown", handleKeyDown);
+    rootEl.addEventListener("focusin", handleFocusIn);
+    return () => {
+      observer.disconnect();
+      rootEl.removeEventListener("keydown", handleKeyDown);
+      rootEl.removeEventListener("focusin", handleFocusIn);
+    };
+  }, [root, applyTabStops]);
+  return { focusStop };
 };
 
 export { useRovingFocusGroup };

package/internal/useRovingFocusGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRovingFocusGroup.js","sources":["src/internal/useRovingFocusGroup.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from 'react';\n\nimport { keyboardKeys, keyboardMatch, keyboardMatches } from '@hh.ru/magritte-common-keyboard';\nimport { FOCUS_PRIORITY_ATTR } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\n\n// Кандидаты в группу: интерактивные элементы, но без исключения [tabindex=\"-1\"] (в отличие от\n// FOCUSABLE_SELECTOR из common-keyboard) — менеджер сам ставит участникам -1 и должен продолжать\n// их видеть при повторных сканах\nconst CANDIDATE_SELECTOR = [\n    'button:not([disabled])',\n    'a[href]',\n    'input:not([disabled]):not([type=\"hidden\"])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    '[tabindex]',\n].join(', ');\n\nconst NAV_KEYS = [keyboardKeys.ArrowLeft, keyboardKeys.ArrowRight, keyboardKeys.Home, keyboardKeys.End];\n\n// метка «tabindex этому элементу писали мы»: его \"-1\" — не чужое намерение, а членство в группе.\n// Держим её в DOM, а не в JS-коллекции: элементы приложения приходят и уходят без нашего ведома\nconst FOCUS_MANAGED_ATTR = 'data-magritte-chat-input-focus-managed';\n\ninterface GroupSnapshot {\n    /** Участники активного слоя в порядке обхода: приоритет контейнера → DOM-порядок */\n    members: HTMLElement[];\n    /** Все участники, включая скрытый aria-hidden слой, — им тоже держим tabindex=\"-1\" */\n    all: HTMLElement[];\n}\n\n// Registry — сам DOM: участники и их порядок вычисляются сканом на каждое обращение, поэтому\n// список никогда не устаревает (кнопки приложения в слотах могут появляться и исчезать без\n// ререндера ChatInput)\nconst collectGroup = (root: HTMLElement): GroupSnapshot => {\n    const items: Array<{ el: HTMLElement; index: number; priority: number }> = [];\n    const all: HTMLElement[] = [];\n    root.querySelectorAll<HTMLElement>(CANDIDATE_SELECTOR).forEach((el, index) => {\n        // элемент вне приоритетных контейнеров (textarea, произвольный контент вне слотов) —\n        // не участник, его tabindex не трогаем\n        const container = el.closest(`[${FOCUS_PRIORITY_ATTR}]`);\n        if (!container || !root.contains(container)) {\n            return;\n        }\n        // чужой явный tabindex=\"-1\" уважаем (приложение само вывело элемент из фокуса);\n        // свой (с меткой managed) — просто признак участника группы\n        if (el.getAttribute('tabindex') === '-1' && !el.hasAttribute(FOCUS_MANAGED_ATTR)) {\n            return;\n        }\n        all.push(el);\n        // скрытый слой не участвует в обходе, но остаётся под управлением (см. applyTabStops)\n        if (el.closest('[aria-hidden=\"true\"]')) {\n            return;\n        }\n        items.push({ el, index, priority: Number(container.getAttribute(FOCUS_PRIORITY_ATTR)) });\n    });\n    // сортировка стабильная: при равном приоритете сохраняем исходный DOM-порядок\n    const members = items.sort((a, b) => a.priority - b.priority || a.index - b.index).map(({ el }) => el);\n    return { members, all };\n};\n\ninterface RovingFocusGroup {\n    /** Перевести фокус на текущий tab stop группы (после смены режима — первый по приоритету\n     * элемент активного слоя, т.е. галочка при входе в запись) */\n    focusStop: () => void;\n}\n\n/**\n * Roving tabindex для кнопок ChatInput: вся группа кнопок — один tab stop. У всех участников\n * tabindex=\"-1\", у одного (текущего стопа) — \"0\"; внутри группы фокус ходит стрелками ←/→\n * и Home/End (с зацикливанием) в порядке приоритетов (FOCUS_PRIORITY_ATTR на контейнерах).\n * Tab не перехватывается: страница → textarea → кнопка-стоп → страница, границы нативные.\n *\n * Порядок и состав группы вычисляются из DOM лениво, а вот tabindex приходится поддерживать\n * эагерно — он должен стоять в DOM до нажатия Tab. Расстановка актуализируется по трём каналам:\n * начальный эффект, focusin (стоп следует за фокусом — клик или стрелка) и MutationObserver\n * (маунт/анмаунт кнопок приложения, disabled, смена aria-hidden слоя при переключении режима).\n */\nexport const useRovingFocusGroup = (root: RefObject<HTMLElement>): RovingFocusGroup => {\n    const stopRef = useRef<HTMLElement | null>(null);\n\n    const applyTabStops = useCallback(() => {\n        const rootEl = root.current;\n        if (!rootEl) {\n            return;\n        }\n        const { members, all } = collectGroup(rootEl);\n        const prevStop = stopRef.current;\n        const stop = prevStop && members.includes(prevStop) ? prevStop : (members[0] ?? null);\n        stopRef.current = stop;\n        all.forEach((el) => {\n            const tabIndex = el === stop ? 0 : -1;\n            if (el.tabIndex !== tabIndex) {\n                el.tabIndex = tabIndex;\n                el.setAttribute(FOCUS_MANAGED_ATTR, '');\n            }\n        });\n    }, [root]);\n\n    const focusStop = useCallback(() => {\n        // observer срабатывает микротаском — пересобираем синхронно, чтобы стоп был свежим\n        applyTabStops();\n        stopRef.current?.focus();\n    }, [applyTabStops]);\n\n    useEffect(() => {\n        const rootEl = root.current;\n        if (!rootEl) {\n            return undefined;\n        }\n\n        applyTabStops();\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.defaultPrevented || !keyboardMatches(event, NAV_KEYS)) {\n                return;\n            }\n            if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n                return;\n            }\n            const { members } = collectGroup(rootEl);\n            const activeIndex = members.indexOf(document.activeElement as HTMLElement);\n            // фокус вне группы (например, в textarea — там стрелки двигают каретку) — не вмешиваемся\n            if (activeIndex === -1) {\n                return;\n            }\n            event.preventDefault();\n            const lastIndex = members.length - 1;\n            let nextIndex: number;\n            if (keyboardMatch(event, keyboardKeys.Home)) {\n                nextIndex = 0;\n            } else if (keyboardMatch(event, keyboardKeys.End)) {\n                nextIndex = lastIndex;\n            } else if (keyboardMatch(event, keyboardKeys.ArrowRight)) {\n                nextIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;\n            } else {\n                nextIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;\n            }\n            // focusin перенесёт стоп на новый элемент\n            members[nextIndex].focus();\n        };\n\n        // стоп следует за фокусом: кликнутый мышью или сфокусированный стрелкой участник\n        // становится единственным tab stop группы\n        const handleFocusIn = (event: FocusEvent) => {\n            const target = event.target;\n            if (!(target instanceof HTMLElement) || stopRef.current === target) {\n                return;\n            }\n            if (!collectGroup(rootEl).members.includes(target)) {\n                return;\n            }\n            stopRef.current = target;\n            applyTabStops();\n        };\n\n        // ремонт расстановки: анмаунт держателя стопа, disabled, aria-hidden при смене режима.\n        // tabindex в фильтре намеренно нет — собственные записи не должны будить observer\n        const observer = new MutationObserver(applyTabStops);\n        observer.observe(rootEl, { subtree: true, childList: true, attributeFilter: ['disabled', 'aria-hidden'] });\n\n        rootEl.addEventListener('keydown', handleKeyDown);\n        rootEl.addEventListener('focusin', handleFocusIn);\n        return () => {\n            observer.disconnect();\n            rootEl.removeEventListener('keydown', handleKeyDown);\n            rootEl.removeEventListener('focusin', handleFocusIn);\n        };\n    }, [root, applyTabStops]);\n\n    return { focusStop };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useRovingFocusGroup.js","sources":["src/internal/useRovingFocusGroup.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from 'react';\n\nimport { keyboardKeys, keyboardMatch, keyboardMatches } from '@hh.ru/magritte-common-keyboard';\nimport { FOCUS_PRIORITY_ATTR } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\n\n// Кандидаты в группу: интерактивные элементы, но без исключения [tabindex=\"-1\"] (в отличие от\n// FOCUSABLE_SELECTOR из common-keyboard) — менеджер сам ставит участникам -1 и должен продолжать\n// их видеть при повторных сканах\nconst CANDIDATE_SELECTOR = [\n    'button:not([disabled])',\n    'a[href]',\n    'input:not([disabled]):not([type=\"hidden\"])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    '[tabindex]',\n].join(', ');\n\nconst NAV_KEYS = [keyboardKeys.ArrowLeft, keyboardKeys.ArrowRight, keyboardKeys.Home, keyboardKeys.End];\n\n// метка «tabindex этому элементу писали мы»: его \"-1\" — не чужое намерение, а членство в группе.\n// Держим её в DOM, а не в JS-коллекции: элементы приложения приходят и уходят без нашего ведома\nconst FOCUS_MANAGED_ATTR = 'data-magritte-chat-input-focus-managed';\n\ninterface GroupSnapshot {\n    /** Участники активного слоя в порядке обхода: приоритет контейнера → DOM-порядок */\n    members: HTMLElement[];\n    /** Все участники, включая скрытый aria-hidden слой, — им тоже держим tabindex=\"-1\" */\n    all: HTMLElement[];\n}\n\n// Registry — сам DOM: участники и их порядок вычисляются сканом на каждое обращение, поэтому\n// список никогда не устаревает (кнопки приложения в слотах могут появляться и исчезать без\n// ререндера ChatInput)\nconst collectGroup = (root: HTMLElement): GroupSnapshot => {\n    const items: Array<{ el: HTMLElement; index: number; priority: number }> = [];\n    const all: HTMLElement[] = [];\n    root.querySelectorAll<HTMLElement>(CANDIDATE_SELECTOR).forEach((el, index) => {\n        // элемент вне приоритетных контейнеров (textarea, произвольный контент вне слотов) —\n        // не участник, его tabindex не трогаем\n        const container = el.closest(`[${FOCUS_PRIORITY_ATTR}]`);\n        if (!container || !root.contains(container)) {\n            return;\n        }\n        // чужой явный tabindex=\"-1\" уважаем (приложение само вывело элемент из фокуса);\n        // свой (с меткой managed) — просто признак участника группы\n        if (el.getAttribute('tabindex') === '-1' && !el.hasAttribute(FOCUS_MANAGED_ATTR)) {\n            return;\n        }\n        all.push(el);\n        // скрытый слой не участвует в обходе, но остаётся под управлением (см. applyTabStops)\n        if (el.closest('[aria-hidden=\"true\"]')) {\n            return;\n        }\n        items.push({ el, index, priority: Number(container.getAttribute(FOCUS_PRIORITY_ATTR)) });\n    });\n    // сортировка стабильная: при равном приоритете сохраняем исходный DOM-порядок\n    const members = items.sort((a, b) => a.priority - b.priority || a.index - b.index).map(({ el }) => el);\n    return { members, all };\n};\n\ninterface RovingFocusGroup {\n    /** Перевести фокус на текущий tab stop группы (после смены режима — первый по приоритету\n     * элемент активного слоя, т.е. галочка при входе в запись) */\n    focusStop: () => void;\n}\n\n/**\n * Roving tabindex для кнопок ChatInput: вся группа кнопок — один tab stop. У всех участников\n * tabindex=\"-1\", у одного (текущего стопа) — \"0\"; внутри группы фокус ходит стрелками ←/→\n * и Home/End (с зацикливанием) в порядке приоритетов (FOCUS_PRIORITY_ATTR на контейнерах).\n * Tab не перехватывается: страница → textarea → кнопка-стоп → страница, границы нативные.\n *\n * Порядок и состав группы вычисляются из DOM лениво, а вот tabindex приходится поддерживать\n * эагерно — он должен стоять в DOM до нажатия Tab. Расстановка актуализируется по трём каналам:\n * начальный эффект, focusin (стоп следует за фокусом — клик или стрелка) и MutationObserver\n * (маунт/анмаунт кнопок приложения, disabled, смена aria-hidden слоя при переключении режима).\n */\nexport const useRovingFocusGroup = (root: RefObject<HTMLElement>): RovingFocusGroup => {\n    const stopRef = useRef<HTMLElement | null>(null);\n\n    const applyTabStops = useCallback(() => {\n        const rootEl = root.current;\n        if (!rootEl) {\n            return;\n        }\n        const { members, all } = collectGroup(rootEl);\n        const prevStop = stopRef.current;\n        const stop = prevStop && members.includes(prevStop) ? prevStop : (members[0] ?? null);\n        stopRef.current = stop;\n        all.forEach((el) => {\n            const tabIndex = el === stop ? 0 : -1;\n            if (el.tabIndex !== tabIndex) {\n                el.tabIndex = tabIndex;\n                el.setAttribute(FOCUS_MANAGED_ATTR, '');\n            }\n        });\n    }, [root]);\n\n    const focusStop = useCallback(() => {\n        // observer срабатывает микротаском — пересобираем синхронно, чтобы стоп был свежим\n        applyTabStops();\n        stopRef.current?.focus();\n    }, [applyTabStops]);\n\n    useEffect(() => {\n        const rootEl = root.current;\n        if (!rootEl) {\n            return undefined;\n        }\n\n        applyTabStops();\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.defaultPrevented || !keyboardMatches(event, NAV_KEYS)) {\n                return;\n            }\n            if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n                return;\n            }\n            const { members } = collectGroup(rootEl);\n            const activeIndex = members.indexOf(document.activeElement as HTMLElement);\n            // фокус вне группы (например, в textarea — там стрелки двигают каретку) — не вмешиваемся\n            if (activeIndex === -1) {\n                return;\n            }\n            event.preventDefault();\n            const lastIndex = members.length - 1;\n            let nextIndex: number;\n            if (keyboardMatch(event, keyboardKeys.Home)) {\n                nextIndex = 0;\n            } else if (keyboardMatch(event, keyboardKeys.End)) {\n                nextIndex = lastIndex;\n            } else if (keyboardMatch(event, keyboardKeys.ArrowRight)) {\n                nextIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;\n            } else {\n                nextIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;\n            }\n            // focusin перенесёт стоп на новый элемент\n            members[nextIndex].focus();\n        };\n\n        // стоп следует за фокусом: кликнутый мышью или сфокусированный стрелкой участник\n        // становится единственным tab stop группы\n        const handleFocusIn = (event: FocusEvent) => {\n            const target = event.target;\n            if (!(target instanceof HTMLElement) || stopRef.current === target) {\n                return;\n            }\n            if (!collectGroup(rootEl).members.includes(target)) {\n                return;\n            }\n            stopRef.current = target;\n            applyTabStops();\n        };\n\n        // ремонт расстановки: анмаунт держателя стопа, disabled, aria-hidden при смене режима.\n        // tabindex в фильтре намеренно нет — собственные записи не должны будить observer\n        const observer = new MutationObserver(applyTabStops);\n        observer.observe(rootEl, { subtree: true, childList: true, attributeFilter: ['disabled', 'aria-hidden'] });\n\n        rootEl.addEventListener('keydown', handleKeyDown);\n        rootEl.addEventListener('focusin', handleFocusIn);\n        return () => {\n            observer.disconnect();\n            rootEl.removeEventListener('keydown', handleKeyDown);\n            rootEl.removeEventListener('focusin', handleFocusIn);\n        };\n    }, [root, applyTabStops]);\n\n    return { focusStop };\n};\n"],"names":[],"mappings":"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"}

package/internal/useSendOnEnter.js

@@ -2,52 +2,50 @@ import './../index.css';
 import { useRef, useEffect, useCallback } from 'react';
 import { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
 
-const COARSE_POINTER_QUERY = '(pointer: coarse)';
-/**
- * Возвращает обработчик keydown для textarea: Enter вызывает `onSend`, Shift+Enter оставляет
- * стандартный перенос строки. Пользовательский `onKeyDown` вызывается первым — если он отменил
- * событие (`preventDefault`), отправка не срабатывает. Ввод через IME (`isComposing`) не отправляет.
- * На тач-устройствах Enter всегда переносит строку (отправка — по кнопке).
- */
-const useSendOnEnter = ({ onSend, onKeyDown, }) => {
-    const isCoarsePointerRef = useRef(false);
-    useEffect(() => {
-        if (!('matchMedia' in window)) {
-            return undefined;
-        }
-        const mediaQuery = window.matchMedia(COARSE_POINTER_QUERY);
-        const update = () => {
-            isCoarsePointerRef.current = mediaQuery.matches;
-        };
-        update();
-        if (typeof mediaQuery.addEventListener === 'function') {
-            mediaQuery.addEventListener('change', update);
-        }
-        else {
-            mediaQuery.addListener(update);
-        }
-        return () => {
-            if (typeof mediaQuery.removeEventListener === 'function') {
-                mediaQuery.removeEventListener('change', update);
-            }
-            else {
-                mediaQuery.removeListener(update);
-            }
-        };
-    }, []);
-    return useCallback((event) => {
-        onKeyDown?.(event);
-        if (event.defaultPrevented || event.nativeEvent.isComposing) {
-            return;
-        }
-        if (isCoarsePointerRef.current) {
-            return;
-        }
-        if (keyboardMatch(event, keyboardKeys.Enter) && !event.shiftKey) {
-            event.preventDefault();
-            onSend?.();
-        }
-    }, [onSend, onKeyDown]);
+const COARSE_POINTER_QUERY = "(pointer: coarse)";
+const useSendOnEnter = ({
+  onSend,
+  onKeyDown
+}) => {
+  const isCoarsePointerRef = useRef(false);
+  useEffect(() => {
+    if (!("matchMedia" in window)) {
+      return void 0;
+    }
+    const mediaQuery = window.matchMedia(COARSE_POINTER_QUERY);
+    const update = () => {
+      isCoarsePointerRef.current = mediaQuery.matches;
+    };
+    update();
+    if (typeof mediaQuery.addEventListener === "function") {
+      mediaQuery.addEventListener("change", update);
+    } else {
+      mediaQuery.addListener(update);
+    }
+    return () => {
+      if (typeof mediaQuery.removeEventListener === "function") {
+        mediaQuery.removeEventListener("change", update);
+      } else {
+        mediaQuery.removeListener(update);
+      }
+    };
+  }, []);
+  return useCallback(
+    (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || event.nativeEvent.isComposing) {
+        return;
+      }
+      if (isCoarsePointerRef.current) {
+        return;
+      }
+      if (keyboardMatch(event, keyboardKeys.Enter) && !event.shiftKey) {
+        event.preventDefault();
+        onSend?.();
+      }
+    },
+    [onSend, onKeyDown]
+  );
 };
 
 export { useSendOnEnter };

package/internal/useSendOnEnter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendOnEnter.js","sources":["src/internal/useSendOnEnter.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type KeyboardEvent, type KeyboardEventHandler } from 'react';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\n\ninterface UseSendOnEnterParams {\n    onSend?: VoidFunction;\n    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n}\n\nconst COARSE_POINTER_QUERY = '(pointer: coarse)';\n\n/**\n * Возвращает обработчик keydown для textarea: Enter вызывает `onSend`, Shift+Enter оставляет\n * стандартный перенос строки. Пользовательский `onKeyDown` вызывается первым — если он отменил\n * событие (`preventDefault`), отправка не срабатывает. Ввод через IME (`isComposing`) не отправляет.\n * На тач-устройствах Enter всегда переносит строку (отправка — по кнопке).\n */\nexport const useSendOnEnter = ({\n    onSend,\n    onKeyDown,\n}: UseSendOnEnterParams): KeyboardEventHandler<HTMLTextAreaElement> => {\n    const isCoarsePointerRef = useRef(false);\n    useEffect(() => {\n        if (!('matchMedia' in window)) {\n            return undefined;\n        }\n        const mediaQuery = window.matchMedia(COARSE_POINTER_QUERY);\n        const update = () => {\n            isCoarsePointerRef.current = mediaQuery.matches;\n        };\n        update();\n        if (typeof mediaQuery.addEventListener === 'function') {\n            mediaQuery.addEventListener('change', update);\n        } else {\n            mediaQuery.addListener(update);\n        }\n        return () => {\n            if (typeof mediaQuery.removeEventListener === 'function') {\n                mediaQuery.removeEventListener('change', update);\n            } else {\n                mediaQuery.removeListener(update);\n            }\n        };\n    }, []);\n\n    return useCallback(\n        (event: KeyboardEvent<HTMLTextAreaElement>) => {\n            onKeyDown?.(event);\n\n            if (event.defaultPrevented || event.nativeEvent.isComposing) {\n                return;\n            }\n\n            if (isCoarsePointerRef.current) {\n                return;\n            }\n\n            if (keyboardMatch(event, keyboardKeys.Enter) && !event.shiftKey) {\n                event.preventDefault();\n                onSend?.();\n            }\n        },\n        [onSend, onKeyDown]\n    );\n};\n"],"names":[],"mappings":";;;AASA,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEjD;;;;;AAKG;AACU,MAAA,cAAc,GAAG,CAAC,EAC3B,MAAM,EACN,SAAS,GACU,KAA+C;AAClE,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,EAAE,YAAY,IAAI,MAAM,CAAC,EAAE;AAC3B,YAAA,OAAO,SAAS,CAAC;SACpB;QACD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,MAAK;AAChB,YAAA,kBAAkB,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;AACpD,SAAC,CAAC;AACF,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,OAAO,UAAU,CAAC,gBAAgB,KAAK,UAAU,EAAE;AACnD,YAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;SACjD;aAAM;AACH,YAAA,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SAClC;AACD,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,OAAO,UAAU,CAAC,mBAAmB,KAAK,UAAU,EAAE;AACtD,gBAAA,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;aACpD;iBAAM;AACH,gBAAA,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;aACrC;AACL,SAAC,CAAC;KACL,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,WAAW,CACd,CAAC,KAAyC,KAAI;AAC1C,QAAA,SAAS,GAAG,KAAK,CAAC,CAAC;QAEnB,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE;YACzD,OAAO;SACV;AAED,QAAA,IAAI,kBAAkB,CAAC,OAAO,EAAE;YAC5B,OAAO;SACV;AAED,QAAA,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC;SACd;AACL,KAAC,EACD,CAAC,MAAM,EAAE,SAAS,CAAC,CACtB,CAAC;AACN;;;;"}
+{"version":3,"file":"useSendOnEnter.js","sources":["src/internal/useSendOnEnter.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type KeyboardEvent, type KeyboardEventHandler } from 'react';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\n\ninterface UseSendOnEnterParams {\n    onSend?: VoidFunction;\n    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n}\n\nconst COARSE_POINTER_QUERY = '(pointer: coarse)';\n\n/**\n * Возвращает обработчик keydown для textarea: Enter вызывает `onSend`, Shift+Enter оставляет\n * стандартный перенос строки. Пользовательский `onKeyDown` вызывается первым — если он отменил\n * событие (`preventDefault`), отправка не срабатывает. Ввод через IME (`isComposing`) не отправляет.\n * На тач-устройствах Enter всегда переносит строку (отправка — по кнопке).\n */\nexport const useSendOnEnter = ({\n    onSend,\n    onKeyDown,\n}: UseSendOnEnterParams): KeyboardEventHandler<HTMLTextAreaElement> => {\n    const isCoarsePointerRef = useRef(false);\n    useEffect(() => {\n        if (!('matchMedia' in window)) {\n            return undefined;\n        }\n        const mediaQuery = window.matchMedia(COARSE_POINTER_QUERY);\n        const update = () => {\n            isCoarsePointerRef.current = mediaQuery.matches;\n        };\n        update();\n        if (typeof mediaQuery.addEventListener === 'function') {\n            mediaQuery.addEventListener('change', update);\n        } else {\n            mediaQuery.addListener(update);\n        }\n        return () => {\n            if (typeof mediaQuery.removeEventListener === 'function') {\n                mediaQuery.removeEventListener('change', update);\n            } else {\n                mediaQuery.removeListener(update);\n            }\n        };\n    }, []);\n\n    return useCallback(\n        (event: KeyboardEvent<HTMLTextAreaElement>) => {\n            onKeyDown?.(event);\n\n            if (event.defaultPrevented || event.nativeEvent.isComposing) {\n                return;\n            }\n\n            if (isCoarsePointerRef.current) {\n                return;\n            }\n\n            if (keyboardMatch(event, keyboardKeys.Enter) && !event.shiftKey) {\n                event.preventDefault();\n                onSend?.();\n            }\n        },\n        [onSend, onKeyDown]\n    );\n};\n"],"names":[],"mappings":";;;AASA,MAAM,oBAAuB,GAAA,mBAAA,CAAA;AAQtB,MAAM,iBAAiB,CAAC;AAAA,EAC3B,MAAA;AAAA,EACA,SAAA;AACJ,CAAuE,KAAA;AACnE,EAAM,MAAA,kBAAA,GAAqB,OAAO,KAAK,CAAA,CAAA;AACvC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAI,IAAA,EAAE,gBAAgB,MAAS,CAAA,EAAA;AAC3B,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACX;AACA,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AACzD,IAAA,MAAM,SAAS,MAAM;AACjB,MAAA,kBAAA,CAAmB,UAAU,UAAW,CAAA,OAAA,CAAA;AAAA,KAC5C,CAAA;AACA,IAAO,MAAA,EAAA,CAAA;AACP,IAAI,IAAA,OAAO,UAAW,CAAA,gBAAA,KAAqB,UAAY,EAAA;AACnD,MAAW,UAAA,CAAA,gBAAA,CAAiB,UAAU,MAAM,CAAA,CAAA;AAAA,KACzC,MAAA;AACH,MAAA,UAAA,CAAW,YAAY,MAAM,CAAA,CAAA;AAAA,KACjC;AACA,IAAA,OAAO,MAAM;AACT,MAAI,IAAA,OAAO,UAAW,CAAA,mBAAA,KAAwB,UAAY,EAAA;AACtD,QAAW,UAAA,CAAA,mBAAA,CAAoB,UAAU,MAAM,CAAA,CAAA;AAAA,OAC5C,MAAA;AACH,QAAA,UAAA,CAAW,eAAe,MAAM,CAAA,CAAA;AAAA,OACpC;AAAA,KACJ,CAAA;AAAA,GACJ,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,WAAA;AAAA,IACH,CAAC,KAA8C,KAAA;AAC3C,MAAA,SAAA,GAAY,KAAK,CAAA,CAAA;AAEjB,MAAA,IAAI,KAAM,CAAA,gBAAA,IAAoB,KAAM,CAAA,WAAA,CAAY,WAAa,EAAA;AACzD,QAAA,OAAA;AAAA,OACJ;AAEA,MAAA,IAAI,mBAAmB,OAAS,EAAA;AAC5B,QAAA,OAAA;AAAA,OACJ;AAEA,MAAA,IAAI,cAAc,KAAO,EAAA,YAAA,CAAa,KAAK,CAAK,IAAA,CAAC,MAAM,QAAU,EAAA;AAC7D,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,QAAS,MAAA,IAAA,CAAA;AAAA,OACb;AAAA,KACJ;AAAA,IACA,CAAC,QAAQ,SAAS,CAAA;AAAA,GACtB,CAAA;AACJ;;;;"}

package/internal/useVoiceRecordSession.d.ts

@@ -1,4 +1,4 @@
-import { type VoiceRecordStatus } from '@hh.ru/magritte-ui-chat-input/types';
+import { type VoiceRecordStatus } from '../types';
 interface UseVoiceRecordSessionParams {
     /** Максимальная длительность записи в секундах; по достижении — авто-финализация, как по кнопке
      * подтверждения. Не задана — пишем без ограничения */