@hh.ru/magritte-ui-nav-bar 1.0.1

package/internal/KeyedSubscriptions.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Класс для управления подписками на изменения по ключам с батч-нотификацией.
+ *
+ * Основные возможности:
+ * - Подписка на изменение конкретного ключа (`onChange`).
+ * - Подписка на уничтожение (`onDestroy`).
+ * - Пометка ключей как изменённых (`markChanged`) и отложенная рассылка уведомлений (`notify`).
+ * - Батчинг уведомлений: если в течение одного тика изменилось несколько ключей,
+ *   подписчики будут вызваны один раз в ближайшей микрозадаче {@link scheduleMicro}.
+ * - Дедупликация: один и тот же коллбек, подписанный на несколько ключей, вызывается ровно один раз.
+ *
+ * Механизм планирования (по умолчанию через микрозадачу) можно переопределить,
+ * передав собственную функцию `scheduleFn` в конструктор (например, для тестов).
+ *
+ * @typeParam K Тип ключей (например, keyof SomeData).
+ */
+export declare class KeyedSubscriptions<K extends PropertyKey> {
+    private changeListeners;
+    private pendingKeys;
+    private readonly runScheduled;
+    constructor();
+    /**
+     * Подписаться на изменения указанного ключа.
+     *
+     * @param key Ключ, изменения которого отслеживаем.
+     * @param cb Коллбек, вызываемый при изменении этого ключа.
+     * @returns Функция для отписки.
+     */
+    onChange(key: K | K[] | '*', cb: VoidFunction): VoidFunction;
+    /**
+     * Пометить ключ как изменённый.
+     * Уведомления будут отправлены при ближайшем вызове `notify()`.
+     */
+    protected markChanged(key: K): void;
+    /**
+     * Запланировать рассылку уведомлений.
+     * Уведомления будут выполнены не более одного раза за цикл планировщика
+     * (по умолчанию - за один тик).
+     */
+    protected notify(): void;
+}

package/internal/KeyedSubscriptions.js

@@ -0,0 +1,79 @@
+import './../index.css';
+import { scheduleMicro } from './utils.js';
+import 'react';
+
+/**
+ * Класс для управления подписками на изменения по ключам с батч-нотификацией.
+ *
+ * Основные возможности:
+ * - Подписка на изменение конкретного ключа (`onChange`).
+ * - Подписка на уничтожение (`onDestroy`).
+ * - Пометка ключей как изменённых (`markChanged`) и отложенная рассылка уведомлений (`notify`).
+ * - Батчинг уведомлений: если в течение одного тика изменилось несколько ключей,
+ *   подписчики будут вызваны один раз в ближайшей микрозадаче {@link scheduleMicro}.
+ * - Дедупликация: один и тот же коллбек, подписанный на несколько ключей, вызывается ровно один раз.
+ *
+ * Механизм планирования (по умолчанию через микрозадачу) можно переопределить,
+ * передав собственную функцию `scheduleFn` в конструктор (например, для тестов).
+ *
+ * @typeParam K Тип ключей (например, keyof SomeData).
+ */
+class KeyedSubscriptions {
+    changeListeners = new Map();
+    pendingKeys = new Set();
+    runScheduled;
+    constructor() {
+        const cbSet = new Set();
+        this.runScheduled = scheduleMicro(() => {
+            // Собираем все коллбеки по ключам, которые были помечены как изменённые
+            this.pendingKeys.forEach((key) => {
+                this.changeListeners.get(key)?.forEach((cb) => cbSet.add(cb));
+            });
+            this.changeListeners.get('*')?.forEach((cb) => cbSet.add(cb));
+            this.pendingKeys.clear();
+            // Вызываем каждый коллбек ровно один раз, даже если он подписан на несколько ключей из набора изменившихся
+            for (const cb of cbSet) {
+                cb();
+            }
+            cbSet.clear();
+        });
+    }
+    /**
+     * Подписаться на изменения указанного ключа.
+     *
+     * @param key Ключ, изменения которого отслеживаем.
+     * @param cb Коллбек, вызываемый при изменении этого ключа.
+     * @returns Функция для отписки.
+     */
+    onChange(key, cb) {
+        if (Array.isArray(key)) {
+            const subscriptions = key.map((key) => this.onChange(key, cb));
+            return () => subscriptions.forEach((sub) => sub());
+        }
+        if (!this.changeListeners.has(key)) {
+            this.changeListeners.set(key, new Set());
+        }
+        this.changeListeners.get(key)?.add(cb);
+        return () => this.changeListeners.get(key)?.delete(cb);
+    }
+    /**
+     * Пометить ключ как изменённый.
+     * Уведомления будут отправлены при ближайшем вызове `notify()`.
+     */
+    markChanged(key) {
+        this.pendingKeys.add(key);
+    }
+    /**
+     * Запланировать рассылку уведомлений.
+     * Уведомления будут выполнены не более одного раза за цикл планировщика
+     * (по умолчанию - за один тик).
+     */
+    notify() {
+        if (this.pendingKeys.size > 0) {
+            this.runScheduled();
+        }
+    }
+}
+
+export { KeyedSubscriptions };
+//# sourceMappingURL=KeyedSubscriptions.js.map

package/internal/KeyedSubscriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyedSubscriptions.js","sources":["../../src/internal/KeyedSubscriptions.ts"],"sourcesContent":["import { scheduleMicro } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\n\n/**\n * Класс для управления подписками на изменения по ключам с батч-нотификацией.\n *\n * Основные возможности:\n * - Подписка на изменение конкретного ключа (`onChange`).\n * - Подписка на уничтожение (`onDestroy`).\n * - Пометка ключей как изменённых (`markChanged`) и отложенная рассылка уведомлений (`notify`).\n * - Батчинг уведомлений: если в течение одного тика изменилось несколько ключей,\n *   подписчики будут вызваны один раз в ближайшей микрозадаче {@link scheduleMicro}.\n * - Дедупликация: один и тот же коллбек, подписанный на несколько ключей, вызывается ровно один раз.\n *\n * Механизм планирования (по умолчанию через микрозадачу) можно переопределить,\n * передав собственную функцию `scheduleFn` в конструктор (например, для тестов).\n *\n * @typeParam K Тип ключей (например, keyof SomeData).\n */\nexport class KeyedSubscriptions<K extends PropertyKey> {\n    private changeListeners = new Map<K | '*', Set<VoidFunction>>();\n    private pendingKeys = new Set<K>();\n    private readonly runScheduled: VoidFunction;\n\n    constructor() {\n        const cbSet = new Set<VoidFunction>();\n        this.runScheduled = scheduleMicro(() => {\n            // Собираем все коллбеки по ключам, которые были помечены как изменённые\n            this.pendingKeys.forEach((key) => {\n                this.changeListeners.get(key)?.forEach((cb) => cbSet.add(cb));\n            });\n            this.changeListeners.get('*')?.forEach((cb) => cbSet.add(cb));\n            this.pendingKeys.clear();\n\n            // Вызываем каждый коллбек ровно один раз, даже если он подписан на несколько ключей из набора изменившихся\n            for (const cb of cbSet) {\n                cb();\n            }\n            cbSet.clear();\n        });\n    }\n\n    /**\n     * Подписаться на изменения указанного ключа.\n     *\n     * @param key Ключ, изменения которого отслеживаем.\n     * @param cb Коллбек, вызываемый при изменении этого ключа.\n     * @returns Функция для отписки.\n     */\n    onChange(key: K | K[] | '*', cb: VoidFunction): VoidFunction {\n        if (Array.isArray(key)) {\n            const subscriptions = key.map((key) => this.onChange(key, cb));\n            return () => subscriptions.forEach((sub) => sub());\n        }\n        if (!this.changeListeners.has(key)) {\n            this.changeListeners.set(key, new Set());\n        }\n        this.changeListeners.get(key)?.add(cb);\n        return () => this.changeListeners.get(key)?.delete(cb);\n    }\n\n    /**\n     * Пометить ключ как изменённый.\n     * Уведомления будут отправлены при ближайшем вызове `notify()`.\n     */\n    protected markChanged(key: K): void {\n        this.pendingKeys.add(key);\n    }\n\n    /**\n     * Запланировать рассылку уведомлений.\n     * Уведомления будут выполнены не более одного раза за цикл планировщика\n     * (по умолчанию - за один тик).\n     */\n    protected notify(): void {\n        if (this.pendingKeys.size > 0) {\n            this.runScheduled();\n        }\n    }\n}\n"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;AAeG;MACU,kBAAkB,CAAA;AACnB,IAAA,eAAe,GAAG,IAAI,GAAG,EAA8B,CAAC;AACxD,IAAA,WAAW,GAAG,IAAI,GAAG,EAAK,CAAC;AAClB,IAAA,YAAY,CAAe;AAE5C,IAAA,WAAA,GAAA;AACI,QAAA,MAAM,KAAK,GAAG,IAAI,GAAG,EAAgB,CAAC;AACtC,QAAA,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,MAAK;;YAEnC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;gBAC7B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAClE,aAAC,CAAC,CAAC;YACH,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9D,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;;AAGzB,YAAA,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE;AACpB,gBAAA,EAAE,EAAE,CAAC;aACR;YACD,KAAK,CAAC,KAAK,EAAE,CAAC;AAClB,SAAC,CAAC,CAAC;KACN;AAED;;;;;;AAMG;IACH,QAAQ,CAAC,GAAkB,EAAE,EAAgB,EAAA;AACzC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACpB,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AAC/D,YAAA,OAAO,MAAM,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC;SACtD;QACD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAChC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;SAC5C;AACD,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;AACvC,QAAA,OAAO,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;KAC1D;AAED;;;AAGG;AACO,IAAA,WAAW,CAAC,GAAM,EAAA;AACxB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KAC7B;AAED;;;;AAIG;IACO,MAAM,GAAA;QACZ,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;SACvB;KACJ;AACJ;;;;"}

package/internal/MetricsProvider.d.ts

@@ -0,0 +1,77 @@
+import { type MutableRefObject, type DependencyList, type HTMLAttributes, type RefObject } from 'react';
+/**
+ * Функция-подписчик, которая получает массив измерений для заранее
+ * зарегистрированного набора элементов (порядок соответствует зарегистрированному).
+ */
+type MeasureFn = (elementMetrics: DOMRect) => void;
+/**
+ * Хук измерения: подписывает callback на изменения размеров указанных элементов
+ * и возвращает функцию ручного «принудительного» переизмерения (remeasure).
+ *
+ * @param elements Список RefObject’ов элементов, размеры которых нужно измерять.
+ * @param measureFn Коллбек, получающий массив DOMRect при измерении.
+ * @param deps Зависимости для эффекта подписки (аналогичны deps useEffect).
+ * @returns Функция remeasure(), которая помечает элементы «грязными» и запускает измерение.
+ */
+export interface UseMeasure {
+    (elements: RefObject<Element | null> | MutableRefObject<Element | null | undefined>, measureFn: MeasureFn, deps?: DependencyList): VoidFunction;
+}
+/**
+ * Реестр подписок на измерения размеров элементов.
+ * Хранит двунаправные сопоставления «элемент → подписчики» и «подписчик → элементы»,
+ * кеширует DOMRect для элементов в текущем тике и поддерживает список «грязных» элементов.
+ *
+ * Внешний код вызывает:
+ * - register/unregister для подписки/отписки,
+ * - markDirty/consumeDirty для управления очередью измерений,
+ * - subscribersFor/elementFor для получения связей.
+ */
+export declare class MeasureRegistry {
+    private elementsToSubs;
+    private subsToElements;
+    private dirty;
+    isDirty: boolean;
+    register(element: Element, fn: MeasureFn): boolean;
+    unregister(element: Element): void;
+    markDirty(element: Element): void;
+    markAllDirty(): void;
+    consumeDirty(): Element[];
+    elementFor(fn: MeasureFn): Element | null;
+    subscribersFor(elements: Element[]): Set<MeasureFn>;
+    listAllElements(): Element[];
+}
+export interface MetricsContextValue {
+    useMeasureAuto: UseMeasure;
+    useMeasureManual: UseMeasure;
+    useMeasureFingerprint: UseMeasure;
+    measureAllManual: VoidFunction;
+}
+/**
+ * Провайдер измерений. Оборачивает subtree и предоставляет через контекст:
+ *  - два хука подписки (авто/ручной),
+ *  - функцию «переизмерить всё» для ручного реестра.
+ *
+ * Для корректных измерений при необходимости временно навешивает CSS-класс
+ * (measureClassName) на корневой div — полезно для временного отключения
+ * transform/overflow и т.п., чтобы getBoundingClientRect() отдавал «чистые» размеры.
+ *
+ * @example
+ * <MetricsProvider measureClassName="no-transform">
+ *   ...
+ * </MetricsProvider>
+ */
+export declare const MetricsProvider: import("react").ForwardRefExoticComponent<{
+    measureClassName?: string;
+} & HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const useMetricsContext: () => MetricsContextValue | null;
+export declare const useMeasureAuto: UseMeasure;
+export declare const useMeasureManual: UseMeasure;
+export declare const useMeasureFingerprint: UseMeasure;
+/**
+ * Хук, возвращающий функцию «переизмерить всё» для подписок зарегистрированных с помощью {@link useMeasureManual}.
+ * Полезно, когда нужно одномоментно обновить измерения всех зарегистрированных вручную элементов.
+ */
+export declare const useRemeasureAllManual: () => VoidFunction;
+export {};

package/internal/MetricsProvider.js

@@ -0,0 +1,275 @@
+import './../index.css';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, forwardRef, useRef, useCallback, useLayoutEffect, useContext } from 'react';
+import { useActualRef, useInitOnce, scheduleMicro, scheduleGatherMetrics } from './utils.js';
+
+/**
+ * Реестр подписок на измерения размеров элементов.
+ * Хранит двунаправные сопоставления «элемент → подписчики» и «подписчик → элементы»,
+ * кеширует DOMRect для элементов в текущем тике и поддерживает список «грязных» элементов.
+ *
+ * Внешний код вызывает:
+ * - register/unregister для подписки/отписки,
+ * - markDirty/consumeDirty для управления очередью измерений,
+ * - subscribersFor/elementFor для получения связей.
+ */
+class MeasureRegistry {
+    elementsToSubs = new Map();
+    subsToElements = new Map();
+    dirty = new Set();
+    isDirty = false;
+    register(element, fn) {
+        this.subsToElements.set(fn, element);
+        const isFirstTimeSub = !this.elementsToSubs.has(element);
+        const prevSub = this.elementsToSubs.get(element);
+        this.elementsToSubs.set(element, fn);
+        if (prevSub && prevSub !== fn) {
+            this.subsToElements.delete(prevSub);
+        }
+        return isFirstTimeSub;
+    }
+    unregister(element) {
+        const fn = this.elementsToSubs.get(element);
+        if (fn) {
+            this.subsToElements.delete(fn);
+            this.elementsToSubs.delete(element);
+        }
+    }
+    markDirty(element) {
+        if (this.elementsToSubs.has(element)) {
+            this.dirty.add(element);
+            this.isDirty = true;
+        }
+    }
+    markAllDirty() {
+        for (const element of this.elementsToSubs.keys()) {
+            this.dirty.add(element);
+        }
+        this.isDirty = true;
+    }
+    consumeDirty() {
+        const list = [...this.dirty];
+        this.dirty.clear();
+        this.isDirty = false;
+        return list;
+    }
+    elementFor(fn) {
+        return this.subsToElements.get(fn) ?? null;
+    }
+    subscribersFor(elements) {
+        const subs = new Set();
+        for (const el of elements) {
+            const fn = this.elementsToSubs.get(el);
+            if (fn) {
+                subs.add(fn);
+            }
+        }
+        return subs;
+    }
+    listAllElements() {
+        return [...this.elementsToSubs.keys()];
+    }
+}
+/**
+ * Контекст с API для измерений:
+ * - useMeasureAuto: авто-режим (измерения по ResizeObserver + ручные remeasure);
+ * - useMeasureManual: ручной режим (только по вызову remeasure);
+ * - measureAllManual: принудительное переизмерение всех элементов ручного реестра.
+ */
+const MetricsContext = createContext(null);
+/**
+ * Провайдер измерений. Оборачивает subtree и предоставляет через контекст:
+ *  - два хука подписки (авто/ручной),
+ *  - функцию «переизмерить всё» для ручного реестра.
+ *
+ * Для корректных измерений при необходимости временно навешивает CSS-класс
+ * (measureClassName) на корневой div — полезно для временного отключения
+ * transform/overflow и т.п., чтобы getBoundingClientRect() отдавал «чистые» размеры.
+ *
+ * @example
+ * <MetricsProvider measureClassName="no-transform">
+ *   ...
+ * </MetricsProvider>
+ */
+const MetricsProvider = forwardRef(({ children, measureClassName, ...rest }, ref) => {
+    const classNameRef = useActualRef(measureClassName);
+    const rootRef = useRef();
+    const inMeasureCycleRef = useRef(false);
+    const callbacksCallCache = useInitOnce(() => new Set());
+    // Пробрасываем внешний ref и локально храним DOM-узел.
+    const rootRefCallback = useCallback((element) => {
+        rootRef.current = element;
+        if (typeof ref === 'function') {
+            ref(element);
+        }
+        else if (ref) {
+            ref.current = element;
+        }
+    }, [ref]);
+    // Текущее состояние «включён ли класс для корректного измерения».
+    const classStateRef = useRef(false);
+    // Реестры: отдельный для авто-подписок (RO) и для ручных подписок.
+    const manualSubs = useInitOnce(() => new MeasureRegistry());
+    const autoSubs = useInitOnce(() => new MeasureRegistry());
+    const fingerprintSubs = useInitOnce(() => new MeasureRegistry());
+    /**
+     * Включает/выключает CSS-класс для контейнера (например, чтобы на время измерения отключить transform).
+     * Если включили — автоматически планируем выключение в конец тика (см. disableLater).
+     */
+    const toggle = (on) => {
+        if (classStateRef.current === !!on || !rootRef.current || !classNameRef.current) {
+            return;
+        }
+        rootRef.current.classList.toggle(classNameRef.current, !!on);
+        classStateRef.current = !!on;
+        // если навесили класс отключающий трансформации - планируем удаление этого класса на конец тика
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        !!on && disableLater();
+    };
+    /**
+     * Планировщик «снять класс позже»: schedule(toggle) вернёт функцию,
+     * которая при вызове поставит toggle(false) в конец очереди микротасок.
+     */
+    const disableLater = useInitOnce(() => scheduleMicro(toggle));
+    const measureDirtyRegistry = useInitOnce(() => (registry) => {
+        if (!registry.isDirty) {
+            return false;
+        }
+        const dirty = registry.consumeDirty();
+        const measureFns = registry.subscribersFor(dirty);
+        measureFns.forEach((fn) => {
+            if (callbacksCallCache.has(fn)) {
+                return;
+            }
+            callbacksCallCache.add(fn);
+            const element = registry.elementFor(fn);
+            if (!element) {
+                return;
+            }
+            fn(element.getBoundingClientRect());
+        });
+        return true;
+    });
+    const measureSync = useInitOnce(() => () => {
+        /**
+         * Во время вызова коллбеков может произойти либо синхронный вызов measureSync, либо асинхронный.
+         * Синхронный нужно вызвать сразу, а для асинхронного обычно создается задача в очереди микротасок.
+         * Но в случае установки флага inMeasureCycle таска не будет создана, т.к. она не нужна, потому что измерения
+         * произойдут в этом же цикле.
+         * Чтобы синхронно запущенный вызов не сбросил этот флаг раньше времени мы при вызове функции запоминаем
+         * его состояние, и при выходе из него возвращаем его к исходному значению.
+         * Получается что при рекурсивном вызове measureSync только самая нижняя в стеке вызовов функция сбросит этот
+         * флаг в false.
+         */
+        const inCycle = inMeasureCycleRef.current;
+        inMeasureCycleRef.current = true;
+        toggle(true);
+        // фингерпринты обрабатываем только один раз за цикл, т.к. единственный вариант для этих элементов попасть в
+        // список на измерение через ResizeObserver, а он не может добавить новые элементы во время цикла измерения
+        measureDirtyRegistry(fingerprintSubs);
+        // в ручную и авто очередь элементы можно добавить руками с помощью вызова функции, а значит элементы могут
+        // добавляться в цикле измерений в коллбеках изменения размера, поэтому обрабатываем их до тех пор пока не
+        // перестанут появляться новые элементы
+        while (autoSubs.isDirty || manualSubs.isDirty) {
+            measureDirtyRegistry(autoSubs);
+            measureDirtyRegistry(manualSubs);
+        }
+        if (!inCycle) {
+            callbacksCallCache.clear();
+        }
+        inMeasureCycleRef.current = inCycle;
+    });
+    /**
+     * Если вызвано асинхронное измерение, то откладываем его до обработки микротасок, чтобы таска на измерения
+     * от ResizeObserver и вызванная вручную схлопнулись в одну.
+     * Функция не должна вызываться напрямую, только через runMeasure
+     */
+    const _scheduledMeasure = useInitOnce(() => scheduleGatherMetrics(measureSync));
+    /**
+     * Кроме того ручной вызов может произойти в цикле измерений, в этом случае не нужно делать новую таску, достаточно
+     * просто пометить инвалидированные размеры, они будут получены (или прочитаны из кеша) в текущем цикле измерений
+     */
+    const runMeasure = useInitOnce(() => () => {
+        if (inMeasureCycleRef.current) {
+            return;
+        }
+        _scheduledMeasure();
+    });
+    /**
+     * Общий ResizeObserver: помечает элементы грязными и планирует измерение.
+     */
+    const resizeObserver = useInitOnce(() => new ResizeObserver((entries) => {
+        const dirtyEntries = entries.map((entry) => entry.target);
+        for (const entry of dirtyEntries) {
+            autoSubs.markDirty(entry);
+            fingerprintSubs.markDirty(entry);
+        }
+        runMeasure();
+    }));
+    /** Отписывает подписчика от авто-реестра и снимает наблюдение, если подписчиков больше нет. */
+    const unregister = (registry, element, observe = true) => {
+        registry.unregister(element);
+        observe && resizeObserver.unobserve(element);
+    };
+    /** Регистрирует подписчика в реестре и опционально подключает наблюдение через ResizeObserver. */
+    const register = (registry, element, fn, observe = true) => {
+        const isFirstSub = registry.register(element, fn);
+        observe && isFirstSub && resizeObserver.observe(element);
+        return () => unregister(registry, element, observe);
+    };
+    const createUseMeasure = useInitOnce(() => (registry, observe) => (ref, callback, deps = []) => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useLayoutEffect(() => (ref.current ? register(registry, ref.current, callback, observe) : void 0), 
+        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
+        deps);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const remeasure = useCallback(() => {
+            if (ref.current) {
+                registry.markDirty(ref.current);
+                runMeasure();
+            }
+        }, [ref]);
+        return remeasure;
+    });
+    /**
+     * Возвращает функцию, которая пометит «грязными» все элементы ручного реестра
+     * и выполнит синхронное измерение сразу (без ожидания микротасок).
+     */
+    const measureAllManual = useInitOnce(() => () => {
+        manualSubs.markAllDirty();
+        measureSync();
+    });
+    const contextValue = useInitOnce(() => ({
+        useMeasureAuto: createUseMeasure(autoSubs, true),
+        useMeasureManual: createUseMeasure(manualSubs, false),
+        useMeasureFingerprint: createUseMeasure(fingerprintSubs, true),
+        measureAllManual,
+    }));
+    return (jsx(MetricsContext.Provider, { value: contextValue, children: jsx("div", { ...rest, ref: rootRefCallback, children: children }) }));
+});
+MetricsProvider.displayName = 'MetricsProvider';
+const useMetricsContext = () => useContext(MetricsContext);
+const createHook = (name) => (...args) => {
+    const ctx = useContext(MetricsContext);
+    if (!ctx) {
+        throw new Error('useMeasure* must be used within <MetricsProvider/>');
+    }
+    return ctx[name](...args);
+};
+const useMeasureAuto = createHook('useMeasureAuto');
+const useMeasureManual = createHook('useMeasureManual');
+const useMeasureFingerprint = createHook('useMeasureFingerprint');
+/**
+ * Хук, возвращающий функцию «переизмерить всё» для подписок зарегистрированных с помощью {@link useMeasureManual}.
+ * Полезно, когда нужно одномоментно обновить измерения всех зарегистрированных вручную элементов.
+ */
+const useRemeasureAllManual = () => {
+    const ctx = useContext(MetricsContext);
+    if (!ctx) {
+        throw new Error('useMeasure* must be used within <MetricsProvider/>');
+    }
+    return ctx.measureAllManual;
+};
+
+export { MeasureRegistry, MetricsProvider, useMeasureAuto, useMeasureFingerprint, useMeasureManual, useMetricsContext, useRemeasureAllManual };
+//# sourceMappingURL=MetricsProvider.js.map

package/internal/MetricsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsProvider.js","sources":["../../src/internal/MetricsProvider.tsx"],"sourcesContent":["import {\n    createContext,\n    forwardRef,\n    useCallback,\n    useContext,\n    useLayoutEffect,\n    useRef,\n    type MutableRefObject,\n    type DependencyList,\n    type HTMLAttributes,\n    type PropsWithChildren,\n    type RefCallback,\n    type RefObject,\n} from 'react';\n\nimport {\n    scheduleGatherMetrics,\n    scheduleMicro,\n    useActualRef,\n    useInitOnce,\n} from '@hh.ru/magritte-ui-nav-bar/internal/utils';\n\n/**\n * Функция-подписчик, которая получает массив измерений для заранее\n * зарегистрированного набора элементов (порядок соответствует зарегистрированному).\n */\ntype MeasureFn = (elementMetrics: DOMRect) => void;\n\n/**\n * Хук измерения: подписывает callback на изменения размеров указанных элементов\n * и возвращает функцию ручного «принудительного» переизмерения (remeasure).\n *\n * @param elements Список RefObject’ов элементов, размеры которых нужно измерять.\n * @param measureFn Коллбек, получающий массив DOMRect при измерении.\n * @param deps Зависимости для эффекта подписки (аналогичны deps useEffect).\n * @returns Функция remeasure(), которая помечает элементы «грязными» и запускает измерение.\n */\nexport interface UseMeasure {\n    (\n        elements: RefObject<Element | null> | MutableRefObject<Element | null | undefined>,\n        measureFn: MeasureFn,\n        deps?: DependencyList\n    ): VoidFunction;\n}\n\n/**\n * Реестр подписок на измерения размеров элементов.\n * Хранит двунаправные сопоставления «элемент → подписчики» и «подписчик → элементы»,\n * кеширует DOMRect для элементов в текущем тике и поддерживает список «грязных» элементов.\n *\n * Внешний код вызывает:\n * - register/unregister для подписки/отписки,\n * - markDirty/consumeDirty для управления очередью измерений,\n * - subscribersFor/elementFor для получения связей.\n */\nexport class MeasureRegistry {\n    private elementsToSubs = new Map<Element, MeasureFn>();\n    private subsToElements = new Map<MeasureFn, Element>();\n    private dirty = new Set<Element>();\n    isDirty = false;\n\n    register(element: Element, fn: MeasureFn): boolean {\n        this.subsToElements.set(fn, element);\n        const isFirstTimeSub = !this.elementsToSubs.has(element);\n        const prevSub = this.elementsToSubs.get(element);\n        this.elementsToSubs.set(element, fn);\n        if (prevSub && prevSub !== fn) {\n            this.subsToElements.delete(prevSub);\n        }\n        return isFirstTimeSub;\n    }\n\n    unregister(element: Element): void {\n        const fn = this.elementsToSubs.get(element);\n        if (fn) {\n            this.subsToElements.delete(fn);\n            this.elementsToSubs.delete(element);\n        }\n    }\n    markDirty(element: Element): void {\n        if (this.elementsToSubs.has(element)) {\n            this.dirty.add(element);\n            this.isDirty = true;\n        }\n    }\n\n    markAllDirty(): void {\n        for (const element of this.elementsToSubs.keys()) {\n            this.dirty.add(element);\n        }\n        this.isDirty = true;\n    }\n\n    consumeDirty(): Element[] {\n        const list = [...this.dirty];\n        this.dirty.clear();\n        this.isDirty = false;\n        return list;\n    }\n\n    elementFor(fn: MeasureFn): Element | null {\n        return this.subsToElements.get(fn) ?? null;\n    }\n\n    subscribersFor(elements: Element[]): Set<MeasureFn> {\n        const subs = new Set<MeasureFn>();\n        for (const el of elements) {\n            const fn = this.elementsToSubs.get(el);\n            if (fn) {\n                subs.add(fn);\n            }\n        }\n        return subs;\n    }\n\n    listAllElements(): Element[] {\n        return [...this.elementsToSubs.keys()];\n    }\n}\n\nexport interface MetricsContextValue {\n    useMeasureAuto: UseMeasure;\n    useMeasureManual: UseMeasure;\n    useMeasureFingerprint: UseMeasure;\n    measureAllManual: VoidFunction;\n}\n\n/**\n * Контекст с API для измерений:\n * - useMeasureAuto: авто-режим (измерения по ResizeObserver + ручные remeasure);\n * - useMeasureManual: ручной режим (только по вызову remeasure);\n * - measureAllManual: принудительное переизмерение всех элементов ручного реестра.\n */\nconst MetricsContext = createContext<MetricsContextValue | null>(null);\n\n/**\n * Провайдер измерений. Оборачивает subtree и предоставляет через контекст:\n *  - два хука подписки (авто/ручной),\n *  - функцию «переизмерить всё» для ручного реестра.\n *\n * Для корректных измерений при необходимости временно навешивает CSS-класс\n * (measureClassName) на корневой div — полезно для временного отключения\n * transform/overflow и т.п., чтобы getBoundingClientRect() отдавал «чистые» размеры.\n *\n * @example\n * <MetricsProvider measureClassName=\"no-transform\">\n *   ...\n * </MetricsProvider>\n */\nexport const MetricsProvider = forwardRef<\n    HTMLDivElement,\n    PropsWithChildren<{ measureClassName?: string } & HTMLAttributes<HTMLDivElement>>\n>(({ children, measureClassName, ...rest }, ref) => {\n    const classNameRef = useActualRef(measureClassName);\n    const rootRef = useRef<HTMLDivElement | null>();\n    const inMeasureCycleRef = useRef(false);\n    const callbacksCallCache = useInitOnce(() => new Set<MeasureFn>());\n\n    // Пробрасываем внешний ref и локально храним DOM-узел.\n    const rootRefCallback = useCallback<RefCallback<HTMLDivElement>>(\n        (element: HTMLDivElement | null) => {\n            rootRef.current = element;\n            if (typeof ref === 'function') {\n                ref(element);\n            } else if (ref) {\n                ref.current = element;\n            }\n        },\n        [ref]\n    );\n    // Текущее состояние «включён ли класс для корректного измерения».\n    const classStateRef = useRef(false);\n\n    // Реестры: отдельный для авто-подписок (RO) и для ручных подписок.\n    const manualSubs = useInitOnce(() => new MeasureRegistry());\n    const autoSubs = useInitOnce(() => new MeasureRegistry());\n    const fingerprintSubs = useInitOnce(() => new MeasureRegistry());\n\n    /**\n     * Включает/выключает CSS-класс для контейнера (например, чтобы на время измерения отключить transform).\n     * Если включили — автоматически планируем выключение в конец тика (см. disableLater).\n     */\n    const toggle = (on?: boolean) => {\n        if (classStateRef.current === !!on || !rootRef.current || !classNameRef.current) {\n            return;\n        }\n        rootRef.current.classList.toggle(classNameRef.current, !!on);\n        classStateRef.current = !!on;\n\n        // если навесили класс отключающий трансформации - планируем удаление этого класса на конец тика\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        !!on && disableLater();\n    };\n\n    /**\n     * Планировщик «снять класс позже»: schedule(toggle) вернёт функцию,\n     * которая при вызове поставит toggle(false) в конец очереди микротасок.\n     */\n    const disableLater = useInitOnce(() => scheduleMicro(toggle));\n    const measureDirtyRegistry = useInitOnce(() => (registry: MeasureRegistry) => {\n        if (!registry.isDirty) {\n            return false;\n        }\n\n        const dirty = registry.consumeDirty();\n        const measureFns = registry.subscribersFor(dirty);\n        measureFns.forEach((fn) => {\n            if (callbacksCallCache.has(fn)) {\n                return;\n            }\n            callbacksCallCache.add(fn);\n            const element = registry.elementFor(fn);\n            if (!element) {\n                return;\n            }\n            fn(element.getBoundingClientRect());\n        });\n\n        return true;\n    });\n\n    const measureSync = useInitOnce(() => () => {\n        /**\n         * Во время вызова коллбеков может произойти либо синхронный вызов measureSync, либо асинхронный.\n         * Синхронный нужно вызвать сразу, а для асинхронного обычно создается задача в очереди микротасок.\n         * Но в случае установки флага inMeasureCycle таска не будет создана, т.к. она не нужна, потому что измерения\n         * произойдут в этом же цикле.\n         * Чтобы синхронно запущенный вызов не сбросил этот флаг раньше времени мы при вызове функции запоминаем\n         * его состояние, и при выходе из него возвращаем его к исходному значению.\n         * Получается что при рекурсивном вызове measureSync только самая нижняя в стеке вызовов функция сбросит этот\n         * флаг в false.\n         */\n        const inCycle = inMeasureCycleRef.current;\n        inMeasureCycleRef.current = true;\n        toggle(true);\n\n        // фингерпринты обрабатываем только один раз за цикл, т.к. единственный вариант для этих элементов попасть в\n        // список на измерение через ResizeObserver, а он не может добавить новые элементы во время цикла измерения\n        measureDirtyRegistry(fingerprintSubs);\n\n        // в ручную и авто очередь элементы можно добавить руками с помощью вызова функции, а значит элементы могут\n        // добавляться в цикле измерений в коллбеках изменения размера, поэтому обрабатываем их до тех пор пока не\n        // перестанут появляться новые элементы\n        while (autoSubs.isDirty || manualSubs.isDirty) {\n            measureDirtyRegistry(autoSubs);\n            measureDirtyRegistry(manualSubs);\n        }\n\n        if (!inCycle) {\n            callbacksCallCache.clear();\n        }\n        inMeasureCycleRef.current = inCycle;\n    });\n\n    /**\n     * Если вызвано асинхронное измерение, то откладываем его до обработки микротасок, чтобы таска на измерения\n     * от ResizeObserver и вызванная вручную схлопнулись в одну.\n     * Функция не должна вызываться напрямую, только через runMeasure\n     */\n    const _scheduledMeasure = useInitOnce(() => scheduleGatherMetrics(measureSync));\n    /**\n     * Кроме того ручной вызов может произойти в цикле измерений, в этом случае не нужно делать новую таску, достаточно\n     * просто пометить инвалидированные размеры, они будут получены (или прочитаны из кеша) в текущем цикле измерений\n     */\n    const runMeasure = useInitOnce(() => () => {\n        if (inMeasureCycleRef.current) {\n            return;\n        }\n        _scheduledMeasure();\n    });\n\n    /**\n     * Общий ResizeObserver: помечает элементы грязными и планирует измерение.\n     */\n    const resizeObserver = useInitOnce(\n        () =>\n            new ResizeObserver((entries) => {\n                const dirtyEntries = entries.map((entry) => entry.target);\n                for (const entry of dirtyEntries) {\n                    autoSubs.markDirty(entry);\n                    fingerprintSubs.markDirty(entry);\n                }\n                runMeasure();\n            })\n    );\n\n    /** Отписывает подписчика от авто-реестра и снимает наблюдение, если подписчиков больше нет. */\n    const unregister = (registry: MeasureRegistry, element: Element, observe: boolean = true) => {\n        registry.unregister(element);\n        observe && resizeObserver.unobserve(element);\n    };\n\n    /** Регистрирует подписчика в реестре и опционально подключает наблюдение через ResizeObserver. */\n    const register = (registry: MeasureRegistry, element: Element, fn: MeasureFn, observe: boolean = true) => {\n        const isFirstSub = registry.register(element, fn);\n        observe && isFirstSub && resizeObserver.observe(element);\n        return () => unregister(registry, element, observe);\n    };\n\n    const createUseMeasure = useInitOnce(\n        () =>\n            (registry: MeasureRegistry, observe: boolean): UseMeasure =>\n            (ref, callback, deps = []) => {\n                // eslint-disable-next-line react-hooks/rules-of-hooks\n                useLayoutEffect(\n                    () => (ref.current ? register(registry, ref.current, callback, observe) : void 0),\n                    // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n                    deps\n                );\n\n                // eslint-disable-next-line react-hooks/rules-of-hooks\n                const remeasure: VoidFunction = useCallback(() => {\n                    if (ref.current) {\n                        registry.markDirty(ref.current);\n                        runMeasure();\n                    }\n                }, [ref]);\n\n                return remeasure;\n            }\n    );\n\n    /**\n     * Возвращает функцию, которая пометит «грязными» все элементы ручного реестра\n     * и выполнит синхронное измерение сразу (без ожидания микротасок).\n     */\n    const measureAllManual = useInitOnce(() => () => {\n        manualSubs.markAllDirty();\n        measureSync();\n    });\n\n    const contextValue = useInitOnce(() => ({\n        useMeasureAuto: createUseMeasure(autoSubs, true),\n        useMeasureManual: createUseMeasure(manualSubs, false),\n        useMeasureFingerprint: createUseMeasure(fingerprintSubs, true),\n        measureAllManual,\n    })) satisfies MetricsContextValue;\n\n    return (\n        <MetricsContext.Provider value={contextValue}>\n            <div {...rest} ref={rootRefCallback}>\n                {children}\n            </div>\n        </MetricsContext.Provider>\n    );\n});\n\nMetricsProvider.displayName = 'MetricsProvider';\n\nexport const useMetricsContext = (): MetricsContextValue | null => useContext(MetricsContext);\n\ntype UseMeasureKeys = {\n    [K in keyof MetricsContextValue]-?: MetricsContextValue[K] extends UseMeasure ? K : never;\n}[keyof MetricsContextValue];\nconst createHook =\n    (name: UseMeasureKeys): UseMeasure =>\n    (...args) => {\n        const ctx = useContext(MetricsContext);\n        if (!ctx) {\n            throw new Error('useMeasure* must be used within <MetricsProvider/>');\n        }\n        return ctx[name](...args);\n    };\n\nexport const useMeasureAuto = createHook('useMeasureAuto');\nexport const useMeasureManual = createHook('useMeasureManual');\nexport const useMeasureFingerprint = createHook('useMeasureFingerprint');\n\n/**\n * Хук, возвращающий функцию «переизмерить всё» для подписок зарегистрированных с помощью {@link useMeasureManual}.\n * Полезно, когда нужно одномоментно обновить измерения всех зарегистрированных вручную элементов.\n */\nexport const useRemeasureAllManual: () => VoidFunction = () => {\n    const ctx = useContext(MetricsContext);\n    if (!ctx) {\n        throw new Error('useMeasure* must be used within <MetricsProvider/>');\n    }\n    return ctx.measureAllManual;\n};\n"],"names":["_jsx"],"mappings":"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"}

package/internal/MorphStore.d.ts

@@ -0,0 +1,10 @@
+import { type FC, type PropsWithChildren } from 'react';
+import { KeyedSubscriptions } from '@hh.ru/magritte-ui-nav-bar/internal/KeyedSubscriptions';
+export declare class MorphStore extends KeyedSubscriptions<string> {
+    private morphRectsStore;
+    set(key: string, rect: DOMRectReadOnly | null): void;
+    get(key: string): DOMRectReadOnly | null;
+}
+export declare const MorphContext: import("react").Context<MorphStore | null>;
+export declare const MorphStoreProvider: FC<PropsWithChildren>;
+export declare const useMorphStore: () => MorphStore;

package/internal/MorphStore.js

@@ -0,0 +1,36 @@
+import './../index.css';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+import { KeyedSubscriptions } from './KeyedSubscriptions.js';
+import { isDOMRectsEqual, useInitOnce } from './utils.js';
+
+class MorphStore extends KeyedSubscriptions {
+    morphRectsStore = new Map();
+    set(key, rect) {
+        const isEqual = isDOMRectsEqual(rect, this.morphRectsStore.get(key) ?? null);
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+        rect === null ? this.morphRectsStore.delete(key) : this.morphRectsStore.set(key, rect);
+        if (!isEqual) {
+            this.markChanged(key);
+            this.notify();
+        }
+    }
+    get(key) {
+        return this.morphRectsStore.get(key) ?? null;
+    }
+}
+const MorphContext = createContext(null);
+const MorphStoreProvider = ({ children }) => {
+    const store = useInitOnce(() => new MorphStore());
+    return jsx(MorphContext.Provider, { value: store, children: children });
+};
+const useMorphStore = () => {
+    const morphStore = useContext(MorphContext);
+    if (!morphStore) {
+        throw new Error('useMorphStore must be used within <MorphStoreProvider/>');
+    }
+    return morphStore;
+};
+
+export { MorphContext, MorphStore, MorphStoreProvider, useMorphStore };
+//# sourceMappingURL=MorphStore.js.map

package/internal/MorphStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MorphStore.js","sources":["../../src/internal/MorphStore.tsx"],"sourcesContent":["import { createContext, useContext, type FC, type PropsWithChildren } from 'react';\n\nimport { KeyedSubscriptions } from '@hh.ru/magritte-ui-nav-bar/internal/KeyedSubscriptions';\nimport { isDOMRectsEqual, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\n\nexport class MorphStore extends KeyedSubscriptions<string> {\n    private morphRectsStore = new Map<string, DOMRectReadOnly>();\n\n    set(key: string, rect: DOMRectReadOnly | null): void {\n        const isEqual = isDOMRectsEqual(rect, this.morphRectsStore.get(key) ?? null);\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        rect === null ? this.morphRectsStore.delete(key) : this.morphRectsStore.set(key, rect);\n        if (!isEqual) {\n            this.markChanged(key);\n            this.notify();\n        }\n    }\n\n    get(key: string): DOMRectReadOnly | null {\n        return this.morphRectsStore.get(key) ?? null;\n    }\n}\n\nexport const MorphContext = createContext<MorphStore | null>(null);\nexport const MorphStoreProvider: FC<PropsWithChildren> = ({ children }) => {\n    const store = useInitOnce(() => new MorphStore());\n\n    return <MorphContext.Provider value={store}>{children}</MorphContext.Provider>;\n};\n\nexport const useMorphStore = (): MorphStore => {\n    const morphStore = useContext(MorphContext);\n    if (!morphStore) {\n        throw new Error('useMorphStore must be used within <MorphStoreProvider/>');\n    }\n    return morphStore;\n};\n"],"names":["_jsx"],"mappings":";;;;;AAKM,MAAO,UAAW,SAAQ,kBAA0B,CAAA;AAC9C,IAAA,eAAe,GAAG,IAAI,GAAG,EAA2B,CAAC;IAE7D,GAAG,CAAC,GAAW,EAAE,IAA4B,EAAA;AACzC,QAAA,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC;;QAE7E,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACvF,IAAI,CAAC,OAAO,EAAE;AACV,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YACtB,IAAI,CAAC,MAAM,EAAE,CAAC;SACjB;KACJ;AAED,IAAA,GAAG,CAAC,GAAW,EAAA;QACX,OAAO,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;KAChD;AACJ,CAAA;MAEY,YAAY,GAAG,aAAa,CAAoB,IAAI,EAAE;MACtD,kBAAkB,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;IACtE,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,IAAI,UAAU,EAAE,CAAC,CAAC;IAElD,OAAOA,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAC;AACnF,EAAE;AAEK,MAAM,aAAa,GAAG,MAAiB;AAC1C,IAAA,MAAM,UAAU,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC5C,IAAI,CAAC,UAAU,EAAE;AACb,QAAA,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;KAC9E;AACD,IAAA,OAAO,UAAU,CAAC;AACtB;;;;"}