@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.50

package/dist/helpers/point.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Point = Point;
+/**
+ * Возвращает объект представляющий точку в двухмерном пространстве.
+ * @param x Координата по оси X.
+ * @param y Координата по оси Y.
+ * @return Объект представляющий точку.
+ */
+function Point(x = 0, y = 0) {
+    return { x, y };
+}
+// @todo перенести в math?
+//# sourceMappingURL=point.js.map

package/dist/helpers/point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"point.js","sourceRoot":"","sources":["../../src/helpers/point.ts"],"names":[],"mappings":";;AAWA,sBAEC;AARD;;;;;GAKG;AACH,SAAgB,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC;IAChC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,CAAC;AAED,0BAA0B"}

package/dist/helpers/scroll-to-child.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scrollToChild = scrollToChild;
+const bounds_of_1 = require("./bounds-of");
+/**
+ * Прокручивает родительский элемент по вертикали так, чтобы дочерний был в зоне видимости.
+ * @param parent Родительский элемент.
+ * @param child Дочерний элемент.
+ */
+function scrollToChild(parent, child) {
+    const [parentRect, childRect] = [parent, child].map(bounds_of_1.boundsOf);
+    // ВАЖНО: не надо использовать offsetTop здесь, offsetParent может не соответствовать указанному родителю
+    if (childRect.bottom > parentRect.bottom) {
+        parent.scrollTop += childRect.bottom - parentRect.bottom;
+    }
+    else if (childRect.top < parentRect.top) {
+        parent.scrollTop -= parentRect.top - childRect.top;
+    }
+}
+//# sourceMappingURL=scroll-to-child.js.map

package/dist/helpers/scroll-to-child.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-to-child.js","sourceRoot":"","sources":["../../src/helpers/scroll-to-child.ts"],"names":[],"mappings":";;AAOA,sCASC;AAhBD,2CAAuC;AAEvC;;;;GAIG;AACH,SAAgB,aAAa,CAAC,MAAmB,EAAE,KAAc;IAC/D,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,oBAAQ,CAAc,CAAC;IAE3E,yGAAyG;IACzG,IAAI,SAAS,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC;QACzC,MAAM,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC3D,CAAC;SAAM,IAAI,SAAS,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,IAAI,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC;IACrD,CAAC;AACH,CAAC"}

package/dist/helpers/styles.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Возвращает строку значения CSS-свойства "transition".
+ * @param duration Длительность перехода в миллисекундах.
+ * @param property Имя свойства.
+ * @param easing Функция плавности.
+ * @return Значение CSS-свойства "transition".
+ * @todo Перенести в carousel/utils.
+ */
+export declare function getTransitionStyle(duration?: number, property?: string, easing?: string): string;
+/**
+ * Возвращает строку значения CSS-свойства с трансформацией смещения.
+ *
+ * Использовать только "translate3d" для смещения.
+ * @see https://stackoverflow.com/a/22312917
+ * @param x Смещение по оси x в пикселях.
+ * @param y Смещение по оси y в пикселях.
+ * @param z Смещение по оси z в пикселях.
+ * @return Значение CSS-свойства с трансформацией смещения.
+ * @todo Перенести в carousel/utils.
+ */
+export declare function getTranslateStyle(x?: number, y?: number, z?: number): string;

package/dist/helpers/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTransitionStyle = getTransitionStyle;
+exports.getTranslateStyle = getTranslateStyle;
+/**
+ * Возвращает строку значения CSS-свойства "transition".
+ * @param duration Длительность перехода в миллисекундах.
+ * @param property Имя свойства.
+ * @param easing Функция плавности.
+ * @return Значение CSS-свойства "transition".
+ * @todo Перенести в carousel/utils.
+ */
+function getTransitionStyle(duration = 0, property = 'all', easing = 'ease-out') {
+    return `${property} ${Number.isFinite(duration) ? duration : 0}ms ${easing}`;
+}
+/**
+ * Возвращает строку значения CSS-свойства с трансформацией смещения.
+ *
+ * Использовать только "translate3d" для смещения.
+ * @see https://stackoverflow.com/a/22312917
+ * @param x Смещение по оси x в пикселях.
+ * @param y Смещение по оси y в пикселях.
+ * @param z Смещение по оси z в пикселях.
+ * @return Значение CSS-свойства с трансформацией смещения.
+ * @todo Перенести в carousel/utils.
+ */
+function getTranslateStyle(x = 0, y = 0, z = 0) {
+    return `translate3d(${x}px, ${y}px, ${z}px)`;
+}
+//# sourceMappingURL=styles.js.map

package/dist/helpers/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/helpers/styles.ts"],"names":[],"mappings":";;AAQA,gDAEC;AAaD,8CAEC;AAzBD;;;;;;;GAOG;AACH,SAAgB,kBAAkB,CAAC,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,GAAG,UAAU;IACpF,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,MAAM,EAAE,CAAC;AAC/E,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,iBAAiB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC;IACnD,OAAO,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;AAC/C,CAAC"}

package/dist/hint/hint-view.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes, Ref } from 'react';
+import { WithTestId } from '../types';
+export interface HintViewProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
+    /** Ref корневого элемента. */
+    hintRef?: Ref<HTMLDivElement>;
+}
+/** Длина стороны квадрата, составленного из двух стрелок (треугольников). */
+export declare const arrowSquareSize: number;
+/**
+ * "Хинт" - всплывающая подсказка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function HintView({ hintRef, className, children, 'data-testid': testId, ...rest }: HintViewProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HintView {
+    var Arrow: typeof HintArrow;
+}
+/**
+ * Стрелка хинта.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+declare function HintArrow({ arrowRef, className, ...rest }: Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    arrowRef?: Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/hint/hint-view.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.arrowSquareSize = void 0;
+exports.HintView = HintView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const hint_view_m_scss_1 = __importDefault(require("./hint-view.m.scss"));
+const cx = bind_1.default.bind(hint_view_m_scss_1.default);
+/** Длина стороны квадрата, составленного из двух стрелок (треугольников). */
+exports.arrowSquareSize = Math.sqrt(4 * 4 + 4 * 4);
+/**
+ * "Хинт" - всплывающая подсказка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function HintView({ hintRef, className, children, 'data-testid': testId = 'hint', ...rest }) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: hintRef, className: cx('root', className), "data-testid": testId, ...rest, children: children }));
+}
+/**
+ * Стрелка хинта.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function HintArrow({ arrowRef, className, ...rest }) {
+    return (0, jsx_runtime_1.jsx)("div", { ref: arrowRef, className: cx('arrow', className), ...rest });
+}
+HintView.Arrow = HintArrow;
+//# sourceMappingURL=hint-view.js.map

package/dist/hint/hint-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint-view.js","sourceRoot":"","sources":["../../src/hint/hint-view.tsx"],"names":[],"mappings":";;;;;;AAoBA,4BAYC;;AA9BD,2DAAyC;AACzC,0EAAwC;AAOxC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,0BAAM,CAAC,CAAC;AAEnC,6EAA6E;AAChE,QAAA,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAExD;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,MAAM,EAC9B,GAAG,IAAI,EACO;IACd,OAAO,CACL,gCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,iBAAe,MAAM,KAAM,IAAI,YAC/E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAC+E;IACtF,OAAO,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,IAAI,GAAQ,CAAC;AACjF,CAAC;AAED,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC"}

package/dist/hint/hint.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'react';
+import { HintViewProps } from './hint-view';
+export interface HintProps extends HintViewProps {
+    /** Нужно ли показать хинт. */
+    open?: boolean;
+    /** Ref элемента "стрелки". */
+    arrowRef?: Ref<HTMLDivElement>;
+}
+/**
+ * Всплывающий хинт.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Hint({ open, ...rest }: HintProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/hint/hint.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hint = Hint;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const portal_1 = require("../portal");
+const hint_view_1 = require("./hint-view");
+/**
+ * Всплывающий хинт.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Hint({ open, ...rest }) {
+    if (!open) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(HintInner, { ...rest }) }));
+}
+/**
+ * Внутренний компонент, необходим из-за использования портала.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function HintInner({ arrowRef, children, ...rest }) {
+    return ((0, jsx_runtime_1.jsxs)(hint_view_1.HintView, { ...rest, children: [children, (0, jsx_runtime_1.jsx)(hint_view_1.HintView.Arrow, { arrowRef: arrowRef })] }));
+}
+//# sourceMappingURL=hint.js.map

package/dist/hint/hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint.js","sourceRoot":"","sources":["../../src/hint/hint.tsx"],"names":[],"mappings":";;AAiBA,oBAUC;;AA1BD,sCAAmC;AACnC,2CAAsD;AAUtD;;;;GAIG;AACH,SAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAa;IAC/C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,cACL,uBAAC,SAAS,OAAK,IAAI,GAAI,GAChB,CACV,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA2B;IACzE,OAAO,CACL,wBAAC,oBAAQ,OAAK,IAAI,aACf,QAAQ,EACT,uBAAC,oBAAQ,CAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI,IAC7B,CACZ,CAAC;AACJ,CAAC"}

package/dist/hint/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getArrowFloatingStyle = exports.useHintFloatingStyle = exports.useTempHintState = exports.useHintOnClick = exports.useHintOnHover = exports.useHintFloating = exports.hintFloatingConfig = exports.HintView = exports.Hint = void 0;
+const hint_view_1 = require("./hint-view");
+Object.defineProperty(exports, "HintView", { enumerable: true, get: function () { return hint_view_1.HintView; } });
+const hint_1 = require("./hint");
+Object.defineProperty(exports, "Hint", { enumerable: true, get: function () { return hint_1.Hint; } });
+const utils_1 = require("./utils");
+Object.defineProperty(exports, "hintFloatingConfig", { enumerable: true, get: function () { return utils_1.hintFloatingConfig; } });
+Object.defineProperty(exports, "useHintFloating", { enumerable: true, get: function () { return utils_1.useHintFloating; } });
+Object.defineProperty(exports, "useHintOnHover", { enumerable: true, get: function () { return utils_1.useHintOnHover; } });
+Object.defineProperty(exports, "useHintOnClick", { enumerable: true, get: function () { return utils_1.useHintOnClick; } });
+Object.defineProperty(exports, "useTempHintState", { enumerable: true, get: function () { return utils_1.useTempHintState; } });
+Object.defineProperty(exports, "useHintFloatingStyle", { enumerable: true, get: function () { return utils_1.useHintFloatingStyle; } });
+Object.defineProperty(exports, "getArrowFloatingStyle", { enumerable: true, get: function () { return utils_1.getArrowFloatingStyle; } });
+//# sourceMappingURL=index.js.map

package/dist/hint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hint/index.ts"],"names":[],"mappings":";;;AAAA,2CAA2D;AAezD,yFAfO,oBAAQ,OAeP;AAdV,iCAA8C;AAa5C,qFAbO,WAAI,OAaP;AAZN,mCAQiB;AAMf,mGAbA,0BAAkB,OAaA;AAClB,gGAbA,uBAAe,OAaA;AACf,+FAbA,sBAAc,OAaA;AACd,+FAbA,sBAAc,OAaA;AACd,iGAbA,wBAAgB,OAaA;AAChB,qGAbA,4BAAoB,OAaA;AACpB,sGAbA,6BAAqB,OAaA"}

package/dist/hint/utils.d.ts

@@ -0,0 +1,57 @@
+import { CSSProperties, Dispatch, MutableRefObject, SetStateAction } from 'react';
+import { ExtendedRefs, ReferenceType, UseFloatingOptions, UseFloatingReturn, UseHoverProps } from '@floating-ui/react';
+interface HintExtendedRefs<RT> extends ExtendedRefs<RT> {
+    setArrow: (el: HTMLElement | null) => void;
+}
+interface UseHintFloatingReturn<RT extends ReferenceType = ReferenceType> extends Omit<UseFloatingReturn<RT>, 'refs'> {
+    refs: HintExtendedRefs<RT>;
+}
+/**
+ * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
+ * @return Конфигурация для `useFloating` по дизайн-гайдам.
+ */
+export declare function hintFloatingConfig({ arrowRef, }?: {
+    arrowRef?: MutableRefObject<HTMLElement | null>;
+}): Partial<UseFloatingOptions>;
+/**
+ * Расширенная версия `useFloating` для использования с `Hint`.
+ * @param props Свойства useFloating.
+ * @return Результат useFloating.
+ */
+export declare function useHintFloating<RT extends ReferenceType = ReferenceType>(props?: Partial<UseFloatingOptions>): UseHintFloatingReturn<RT>;
+/**
+ * Возвращает стили для всплывающего хинта с учетом "слоя".
+ * @param floating Результат вызова useFloating.
+ * @return Стили для элемента с учетом "слоя".
+ */
+export declare function useHintFloatingStyle(floating: Pick<UseFloatingReturn, 'strategy' | 'x' | 'y' | 'placement' | 'middlewareData'>): CSSProperties;
+/**
+ * Возвращает стили для стрелки между хинтом и триггером.
+ * @param floating Результат вызова useFloating.
+ * @return Стили для элемента с учетом "слоя".
+ */
+export declare function getArrowFloatingStyle({ placement, middlewareData, }: Pick<UseFloatingReturn, 'placement' | 'middlewareData'>): CSSProperties;
+/**
+ * Показ всплывающего хинта при наведении.
+ * @param floating Результат вызова useFloating.
+ * @param props Пропсы для useHover.
+ * @return Опции для открывающего и всплывающего элемента.
+ */
+export declare function useHintOnHover<RT extends ReferenceType = ReferenceType>(floating: Pick<UseFloatingReturn<RT>, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>, props?: UseHoverProps): import("@floating-ui/react").UseInteractionsReturn;
+/**
+ * Показ всплывающего хинта при клике.
+ * @param floating Результат вызова useFloating.
+ * @return Опции для открывающего и всплывающего элемента.
+ */
+export declare function useHintOnClick(floating: Pick<UseFloatingReturn, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>): import("@floating-ui/react").UseInteractionsReturn;
+/**
+ * Состояние хинта с автоматическим скрытием по таймауту.
+ * @param initialState Начальное состояние.
+ * @param options Опции.
+ * @return Результат вызова `useState`.
+ */
+export declare function useTempHintState(initialState: boolean, { timeout }?: {
+    timeout?: number;
+}): readonly [boolean, Dispatch<SetStateAction<boolean>>];
+export {};

package/dist/hint/utils.js

@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hintFloatingConfig = hintFloatingConfig;
+exports.useHintFloating = useHintFloating;
+exports.useHintFloatingStyle = useHintFloatingStyle;
+exports.getArrowFloatingStyle = getArrowFloatingStyle;
+exports.useHintOnHover = useHintOnHover;
+exports.useHintOnClick = useHintOnClick;
+exports.useTempHintState = useTempHintState;
+const react_1 = require("react");
+const react_2 = require("@floating-ui/react");
+const layer_1 = require("../helpers/layer");
+const hint_view_1 = require("./hint-view");
+const use_identity_ref_1 = require("../hooks/use-identity-ref");
+/**
+ * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
+ * @return Конфигурация для `useFloating` по дизайн-гайдам.
+ */
+function hintFloatingConfig({ arrowRef, } = {}) {
+    return {
+        placement: 'top',
+        middleware: [
+            (0, react_2.offset)(4 + (arrowRef ? 4 : 0)),
+            (0, react_2.flip)({
+                padding: 16,
+                crossAxis: false,
+                fallbackAxisSideDirection: 'start',
+            }),
+            (0, react_2.shift)({
+                padding: 16,
+            }),
+            arrowRef &&
+                (0, react_2.arrow)({
+                    element: arrowRef,
+                    padding: 4,
+                }),
+        ],
+        whileElementsMounted: (...args) => (0, react_2.autoUpdate)(...args, {
+            ancestorScroll: false,
+            layoutShift: false,
+        }),
+    };
+}
+/**
+ * Расширенная версия `useFloating` для использования с `Hint`.
+ * @param props Свойства useFloating.
+ * @return Результат useFloating.
+ */
+function useHintFloating(props) {
+    const [arrowEl, setArrowEl] = (0, react_1.useState)(null);
+    const arrowRef = (0, use_identity_ref_1.useIdentityRef)(arrowEl);
+    const floating = (0, react_2.useFloating)({
+        ...hintFloatingConfig(arrowEl ? { arrowRef } : undefined),
+        ...props,
+    });
+    return {
+        ...floating,
+        refs: {
+            ...floating.refs,
+            setArrow: setArrowEl,
+        },
+    };
+}
+/**
+ * Возвращает стили для всплывающего хинта с учетом "слоя".
+ * @param floating Результат вызова useFloating.
+ * @return Стили для элемента с учетом "слоя".
+ */
+function useHintFloatingStyle(floating) {
+    const layer = (0, layer_1.useLayer)();
+    const arrowStyle = Object.fromEntries(Object.entries(getArrowFloatingStyle(floating)).map(([key, value]) => [
+        `--hint-arrow-${key}`,
+        value,
+    ]));
+    return {
+        position: floating.strategy,
+        top: floating.y,
+        left: floating.x,
+        zIndex: layer + 2,
+        ...arrowStyle,
+    };
+}
+/**
+ * Возвращает стили для стрелки между хинтом и триггером.
+ * @param floating Результат вызова useFloating.
+ * @return Стили для элемента с учетом "слоя".
+ */
+function getArrowFloatingStyle({ placement, middlewareData, }) {
+    const { arrow: arrowData } = middlewareData;
+    if (!arrowData) {
+        return {};
+    }
+    const side = placement.split('-')[0];
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    const maybe = (value) => (value ? `${value}px` : '');
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    const arrowShift = () => `${-hint_view_1.arrowSquareSize / 2}px`;
+    let arrowStyle = {};
+    switch (side) {
+        case 'top': {
+            arrowStyle = {
+                left: maybe(arrowData?.x),
+                bottom: arrowShift(),
+            };
+            break;
+        }
+        case 'bottom': {
+            arrowStyle = {
+                left: maybe(arrowData?.x),
+                top: arrowShift(),
+            };
+            break;
+        }
+        case 'left': {
+            arrowStyle = {
+                top: maybe(arrowData?.y),
+                right: arrowShift(),
+            };
+            break;
+        }
+        case 'right': {
+            arrowStyle = {
+                top: maybe(arrowData?.y),
+                left: arrowShift(),
+            };
+            break;
+        }
+    }
+    return arrowStyle;
+}
+/**
+ * Показ всплывающего хинта при наведении.
+ * @param floating Результат вызова useFloating.
+ * @param props Пропсы для useHover.
+ * @return Опции для открывающего и всплывающего элемента.
+ */
+function useHintOnHover(floating, props) {
+    const style = useHintFloatingStyle(floating);
+    const hover = (0, react_2.useHover)(floating.context, {
+        handleClose: (0, react_2.safePolygon)(),
+        ...props,
+    });
+    return (0, react_2.useInteractions)([hover, { floating: { style } }]);
+}
+/**
+ * Показ всплывающего хинта при клике.
+ * @param floating Результат вызова useFloating.
+ * @return Опции для открывающего и всплывающего элемента.
+ */
+function useHintOnClick(floating) {
+    const style = useHintFloatingStyle(floating);
+    const click = (0, react_2.useClick)(floating.context);
+    const dismiss = (0, react_2.useDismiss)(floating.context);
+    return (0, react_2.useInteractions)([click, dismiss, { floating: { style } }]);
+}
+/**
+ * Состояние хинта с автоматическим скрытием по таймауту.
+ * @param initialState Начальное состояние.
+ * @param options Опции.
+ * @return Результат вызова `useState`.
+ */
+function useTempHintState(initialState, { timeout = 3000 } = {}) {
+    const [open, setOpen] = (0, react_1.useState)(initialState);
+    const timerRef = (0, react_1.useRef)(null);
+    const updateTimer = (0, react_1.useCallback)((value) => {
+        // сбрасываем предыдущий таймер если был
+        if (timerRef.current !== null) {
+            clearTimeout(timerRef.current);
+        }
+        // запускаем новый таймер если надо
+        if (value) {
+            timerRef.current = setTimeout(() => setOpen(false), timeout);
+        }
+    }, [timeout]);
+    (0, react_1.useEffect)(() => {
+        updateTimer(open);
+    }, []);
+    const toggle = (0, react_1.useCallback)(next => {
+        const state = typeof next === 'function' ? next(open) : next;
+        updateTimer(state);
+        setOpen(state);
+    }, [open, setOpen, updateTimer]);
+    return [open, toggle];
+}
+//# sourceMappingURL=utils.js.map

package/dist/hint/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/hint/utils.ts"],"names":[],"mappings":"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"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export { useBreakpoint, BreakpointProvider } from './use-breakpoint';
+export { useIdentityRef } from './use-identity-ref';
+export { useInfiniteScroll } from './use-infinite-scroll';
+export { useIntersection } from './use-intersection';
+export { useIsTouchDevice } from './use-is-touch-device';
+export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
+export { useKeydown } from './use-keydown';
+export { useMedia } from './use-media';
+export { useOutsideClick } from './use-outside-click';

package/dist/hooks/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOutsideClick = exports.useMedia = exports.useKeydown = exports.useIsomorphicLayoutEffect = exports.useIsTouchDevice = exports.useIntersection = exports.useInfiniteScroll = exports.useIdentityRef = exports.BreakpointProvider = exports.useBreakpoint = void 0;
+var use_breakpoint_1 = require("./use-breakpoint");
+Object.defineProperty(exports, "useBreakpoint", { enumerable: true, get: function () { return use_breakpoint_1.useBreakpoint; } });
+Object.defineProperty(exports, "BreakpointProvider", { enumerable: true, get: function () { return use_breakpoint_1.BreakpointProvider; } });
+var use_identity_ref_1 = require("./use-identity-ref");
+Object.defineProperty(exports, "useIdentityRef", { enumerable: true, get: function () { return use_identity_ref_1.useIdentityRef; } });
+var use_infinite_scroll_1 = require("./use-infinite-scroll");
+Object.defineProperty(exports, "useInfiniteScroll", { enumerable: true, get: function () { return use_infinite_scroll_1.useInfiniteScroll; } });
+var use_intersection_1 = require("./use-intersection");
+Object.defineProperty(exports, "useIntersection", { enumerable: true, get: function () { return use_intersection_1.useIntersection; } });
+var use_is_touch_device_1 = require("./use-is-touch-device");
+Object.defineProperty(exports, "useIsTouchDevice", { enumerable: true, get: function () { return use_is_touch_device_1.useIsTouchDevice; } });
+var use_isomorphic_layout_effect_1 = require("./use-isomorphic-layout-effect");
+Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect; } });
+var use_keydown_1 = require("./use-keydown");
+Object.defineProperty(exports, "useKeydown", { enumerable: true, get: function () { return use_keydown_1.useKeydown; } });
+var use_media_1 = require("./use-media");
+Object.defineProperty(exports, "useMedia", { enumerable: true, get: function () { return use_media_1.useMedia; } });
+var use_outside_click_1 = require("./use-outside-click");
+Object.defineProperty(exports, "useOutsideClick", { enumerable: true, get: function () { return use_outside_click_1.useOutsideClick; } });
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,mDAAqE;AAA5D,+GAAA,aAAa,OAAA;AAAE,oHAAA,kBAAkB,OAAA;AAC1C,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,uDAAqD;AAA5C,mHAAA,eAAe,OAAA;AACxB,6DAAyD;AAAhD,uHAAA,gBAAgB,OAAA;AACzB,+EAA2E;AAAlE,yIAAA,yBAAyB,OAAA;AAClC,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA"}

package/dist/hooks/use-breakpoint/index.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+/**
+ * Провайдер, предоставляющий контекст для использования хуком useBreakpoint.
+ * Не является обязательным, используется в целях оптимизации.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function BreakpointProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
+ * @param query Запрос, например "xs+".
+ * @return Соответствует ли ширина экрана заданному запросу.
+ */
+export declare function useBreakpoint(query: string): boolean;

package/dist/hooks/use-breakpoint/index.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreakpointProvider = BreakpointProvider;
+exports.useBreakpoint = useBreakpoint;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const __1 = require("..");
+const helpers_1 = require("../../helpers");
+const utils_1 = require("./utils");
+const context_1 = require("../../context");
+const Context = (0, react_1.createContext)(null);
+/**
+ * Провайдер, предоставляющий контекст для использования хуком useBreakpoint.
+ * Не является обязательным, используется в целях оптимизации.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function BreakpointProvider({ children }) {
+    const [contextValue, setRegistry] = (0, react_1.useState)(null);
+    const { matchMedia } = (0, react_1.useContext)(context_1.MatchMediaContext);
+    (0, __1.useIsomorphicLayoutEffect)(() => {
+        (0, helpers_1.isBrowser)() && setRegistry((0, utils_1.createRegistry)({ matchMedia }));
+    }, []);
+    return (0, jsx_runtime_1.jsx)(Context.Provider, { value: contextValue, children: children });
+}
+/**
+ * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
+ * @param query Запрос, например "xs+".
+ * @return Соответствует ли ширина экрана заданному запросу.
+ */
+function useBreakpoint(query) {
+    if (!utils_1.BreakpointQuery.isValid(query)) {
+        throw Error(`useBreakpoint: Invalid query, "${query}"`);
+    }
+    const { matchMedia } = (0, react_1.useContext)(context_1.MatchMediaContext);
+    const [, setRegistry] = (0, react_1.useState)(null);
+    const registryFromContext = (0, react_1.useContext)(Context);
+    const [matches, setMatches] = (0, react_1.useState)((0, helpers_1.isBrowser)() ? matchMedia(utils_1.BreakpointQuery.toMediaQuery(query)).matches : false);
+    (0, __1.useIsomorphicLayoutEffect)(() => {
+        let registry;
+        if (registryFromContext) {
+            registry = registryFromContext;
+        }
+        else {
+            registry = (0, utils_1.createRegistry)({ matchMedia });
+        }
+        setRegistry(registryFromContext);
+        const subscription = registry.subscribe(query, e => {
+            setMatches(e.matches);
+        });
+        setMatches(subscription.matches);
+        return subscription.unsubscribe;
+    }, [registryFromContext]);
+    return matches;
+}
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-breakpoint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-breakpoint/index.tsx"],"names":[],"mappings":";;AAeA,gDAUC;AAOD,sCAkCC;;AAlED,iCAAuE;AACvE,0BAA+C;AAC/C,2CAA0C;AAE1C,mCAA0D;AAC1D,2CAAkD;AAElD,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAkB,IAAI,CAAC,CAAC;AAErD;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IAEpE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IAErD,IAAA,6BAAyB,EAAC,GAAG,EAAE;QAC7B,IAAA,mBAAS,GAAE,IAAI,WAAW,CAAC,IAAA,sBAAc,EAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,uBAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAoB,CAAC;AAC9E,CAAC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAC,KAAa;IACzC,IAAI,CAAC,uBAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,CAAC,kCAAkC,KAAK,GAAG,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EACpC,IAAA,mBAAS,GAAE,CAAC,CAAC,CAAC,UAAU,CAAC,uBAAe,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAC9E,CAAC;IAEF,IAAA,6BAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,QAAkB,CAAC;QAEvB,IAAI,mBAAmB,EAAE,CAAC;YACxB,QAAQ,GAAG,mBAAmB,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,IAAA,sBAAc,EAAC,EAAE,UAAU,EAAE,CAAC,CAAC;QAC5C,CAAC;QAED,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAEjC,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE;YACjD,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,YAAY,CAAC,WAAW,CAAC;IAClC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/hooks/use-breakpoint/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/hooks/use-breakpoint/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/hooks/use-breakpoint/types.ts"],"names":[],"mappings":""}

package/dist/hooks/use-breakpoint/utils.d.ts

@@ -0,0 +1,12 @@
+import { Breakpoint } from '../../types';
+import { Direction, Registry } from './types';
+export declare const BreakpointQuery: {
+    readonly getBreakpoint: (query: string) => string;
+    readonly getDirection: (query: string) => string;
+    readonly isValid: (value: unknown) => boolean;
+    readonly parse: (query: string) => [Breakpoint, Direction];
+    readonly toMediaQuery: (query: string) => string;
+};
+export declare function createRegistry({ matchMedia }?: {
+    matchMedia: typeof window.matchMedia;
+}): Registry;