@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/hint/hint-view.js

@@ -1,24 +1,14 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HintView = exports.arrowSquareSize = void 0;
-const react_1 = __importDefault(require("react"));
+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_module_scss_1 = __importDefault(require("./hint-view.module.scss"));
-const cx = bind_1.default.bind(hint_view_module_scss_1.default);
+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);
 /**
@@ -26,18 +16,16 @@ exports.arrowSquareSize = Math.sqrt(4 * 4 + 4 * 4);
  * @param props Свойства.
  * @return Элемент.
  */
-function HintView(_a) {
-    var { hintRef, className, children, 'data-testid': testId = 'hint' } = _a, rest = __rest(_a, ["hintRef", "className", "children", 'data-testid']);
-    return (react_1.default.createElement("div", Object.assign({ ref: hintRef, className: cx('root', className), "data-testid": testId }, rest), children));
+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 }));
 }
-exports.HintView = HintView;
 /**
  * Стрелка хинта.
  * @param props Свойства.
  * @return Элемент.
  */
-function HintArrow(_a) {
-    var { arrowRef, className } = _a, rest = __rest(_a, ["arrowRef", "className"]);
-    return react_1.default.createElement("div", Object.assign({ ref: arrowRef, className: cx('arrow', className) }, rest));
+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/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/hint/hint.d.ts

@@ -11,4 +11,4 @@ export interface HintProps extends HintViewProps {
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Hint({ open, ...rest }: HintProps): JSX.Element;
+export declare function Hint({ open, ...rest }: HintProps): import("react/jsx-runtime").JSX.Element | null;

package/hint/hint.js

@@ -1,21 +1,7 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Hint = void 0;
-const react_1 = __importDefault(require("react"));
+exports.Hint = Hint;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const portal_1 = require("../portal");
 const hint_view_1 = require("./hint-view");
 /**
@@ -23,19 +9,18 @@ const hint_view_1 = require("./hint-view");
  * @param props Свойства.
  * @return Элемент.
  */
-function Hint(_a) {
-    var { open } = _a, rest = __rest(_a, ["open"]);
-    return react_1.default.createElement(portal_1.Portal, null, open && react_1.default.createElement(HintInner, Object.assign({}, rest)));
+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 }) }));
 }
-exports.Hint = Hint;
 /**
  * Внутренний компонент, необходим из-за использования портала.
  * @param props Свойства.
  * @return Элемент.
  */
-function HintInner(_a) {
-    var { arrowRef, children } = _a, rest = __rest(_a, ["arrowRef", "children"]);
-    return (react_1.default.createElement(hint_view_1.HintView, Object.assign({}, rest),
-        children,
-        react_1.default.createElement(hint_view_1.HintView.Arrow, { arrowRef: arrowRef })));
+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/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/hint/index.js

@@ -13,3 +13,4 @@ Object.defineProperty(exports, "useHintOnClick", { enumerable: true, get: functi
 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/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/hint/utils.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties, Dispatch, MutableRefObject, SetStateAction } from 'react';
-import { ExtendedRefs, ReferenceType, UseFloatingProps, UseFloatingReturn } from '@floating-ui/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 UseFloatingReturn<RT> {
+interface UseHintFloatingReturn<RT extends ReferenceType = ReferenceType> extends Omit<UseFloatingReturn<RT>, 'refs'> {
     refs: HintExtendedRefs<RT>;
 }
 /**
@@ -13,13 +13,13 @@ interface UseHintFloatingReturn<RT extends ReferenceType = ReferenceType> extend
  */
 export declare function hintFloatingConfig({ arrowRef, }?: {
     arrowRef?: MutableRefObject<HTMLElement | null>;
-}): Partial<UseFloatingProps>;
+}): Partial<UseFloatingOptions>;
 /**
  * Расширенная версия `useFloating` для использования с `Hint`.
  * @param props Свойства useFloating.
  * @return Результат useFloating.
  */
-export declare function useHintFloating<RT extends ReferenceType = ReferenceType>(props?: Partial<UseFloatingProps>): UseHintFloatingReturn<RT>;
+export declare function useHintFloating<RT extends ReferenceType = ReferenceType>(props?: Partial<UseFloatingOptions>): UseHintFloatingReturn<RT>;
 /**
  * Возвращает стили для всплывающего хинта с учетом "слоя".
  * @param floating Результат вызова useFloating.
@@ -35,27 +35,23 @@ export declare function getArrowFloatingStyle({ placement, middlewareData, }: Pi
 /**
  * Показ всплывающего хинта при наведении.
  * @param floating Результат вызова useFloating.
+ * @param props Пропсы для useHover.
  * @return Опции для открывающего и всплывающего элемента.
  */
-export declare function useHintOnHover(floating: Pick<UseFloatingReturn, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>): {
-    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
-    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-};
+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'>): {
-    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
-    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-};
+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): readonly [boolean, Dispatch<SetStateAction<boolean>>];
+export declare function useTempHintState(initialState: boolean, { timeout }?: {
+    timeout?: number;
+}): readonly [boolean, Dispatch<SetStateAction<boolean>>];
 export {};

package/hint/utils.js

@@ -1,12 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTempHintState = exports.useHintOnClick = exports.useHintOnHover = exports.getArrowFloatingStyle = exports.useHintFloatingStyle = exports.useHintFloating = exports.hintFloatingConfig = void 0;
+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 lodash_1 = require("lodash");
 const layer_1 = require("../helpers/layer");
 const hint_view_1 = require("./hint-view");
-const identity_1 = require("../hooks/identity");
+const use_identity_ref_1 = require("../hooks/use-identity-ref");
 /**
  * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
  * @param options Опции.
@@ -34,7 +39,6 @@ function hintFloatingConfig({ arrowRef, } = {}) {
         whileElementsMounted: react_2.autoUpdate,
     };
 }
-exports.hintFloatingConfig = hintFloatingConfig;
 /**
  * Расширенная версия `useFloating` для использования с `Hint`.
  * @param props Свойства useFloating.
@@ -42,22 +46,38 @@ exports.hintFloatingConfig = hintFloatingConfig;
  */
 function useHintFloating(props) {
     const [arrowEl, setArrowEl] = (0, react_1.useState)(null);
-    const arrowRef = (0, identity_1.useIdentityRef)(arrowEl);
-    const floating = (0, react_2.useFloating)(Object.assign(Object.assign({}, hintFloatingConfig(arrowEl ? { arrowRef } : undefined)), props));
-    return Object.assign(Object.assign({}, floating), { refs: Object.assign(Object.assign({}, floating.refs), { setArrow: setArrowEl }) });
+    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,
+        },
+    };
 }
-exports.useHintFloating = useHintFloating;
 /**
  * Возвращает стили для всплывающего хинта с учетом "слоя".
  * @param floating Результат вызова useFloating.
  * @return Стили для элемента с учетом "слоя".
  */
 function useHintFloatingStyle(floating) {
-    var _a, _b;
     const layer = (0, layer_1.useLayer)();
-    return Object.assign({ position: floating.strategy, top: (_a = floating.y) !== null && _a !== void 0 ? _a : 0, left: (_b = floating.x) !== null && _b !== void 0 ? _b : 0, zIndex: layer + 2 }, (0, lodash_1.mapKeys)(getArrowFloatingStyle(floating), (value, key) => `--hint-arrow-${key}`));
+    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,
+    };
 }
-exports.useHintFloatingStyle = useHintFloatingStyle;
 /**
  * Возвращает стили для стрелки между хинтом и триггером.
  * @param floating Результат вызова useFloating.
@@ -69,36 +89,36 @@ function getArrowFloatingStyle({ placement, middlewareData, }) {
         return {};
     }
     const side = placement.split('-')[0];
-    // eslint-disable-next-line require-jsdoc
+    // eslint-disable-next-line jsdoc/require-jsdoc
     const maybe = (value) => (value ? `${value}px` : '');
-    // eslint-disable-next-line require-jsdoc
+    // 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 === null || arrowData === void 0 ? void 0 : arrowData.x),
+                left: maybe(arrowData?.x),
                 bottom: arrowShift(),
             };
             break;
         }
         case 'bottom': {
             arrowStyle = {
-                left: maybe(arrowData === null || arrowData === void 0 ? void 0 : arrowData.x),
+                left: maybe(arrowData?.x),
                 top: arrowShift(),
             };
             break;
         }
         case 'left': {
             arrowStyle = {
-                top: maybe(arrowData === null || arrowData === void 0 ? void 0 : arrowData.y),
+                top: maybe(arrowData?.y),
                 right: arrowShift(),
             };
             break;
         }
         case 'right': {
             arrowStyle = {
-                top: maybe(arrowData === null || arrowData === void 0 ? void 0 : arrowData.y),
+                top: maybe(arrowData?.y),
                 left: arrowShift(),
             };
             break;
@@ -106,18 +126,20 @@ function getArrowFloatingStyle({ placement, middlewareData, }) {
     }
     return arrowStyle;
 }
-exports.getArrowFloatingStyle = getArrowFloatingStyle;
 /**
  * Показ всплывающего хинта при наведении.
  * @param floating Результат вызова useFloating.
+ * @param props Пропсы для useHover.
  * @return Опции для открывающего и всплывающего элемента.
  */
-function useHintOnHover(floating) {
+function useHintOnHover(floating, props) {
     const style = useHintFloatingStyle(floating);
-    const hover = (0, react_2.useHover)(floating.context, { delay: { close: 120 } });
+    const hover = (0, react_2.useHover)(floating.context, {
+        handleClose: (0, react_2.safePolygon)(),
+        ...props,
+    });
     return (0, react_2.useInteractions)([hover, { floating: { style } }]);
 }
-exports.useHintOnHover = useHintOnHover;
 /**
  * Показ всплывающего хинта при клике.
  * @param floating Результат вызова useFloating.
@@ -129,25 +151,25 @@ function useHintOnClick(floating) {
     const dismiss = (0, react_2.useDismiss)(floating.context);
     return (0, react_2.useInteractions)([click, dismiss, { floating: { style } }]);
 }
-exports.useHintOnClick = useHintOnClick;
 /**
  * Состояние хинта с автоматическим скрытием по таймауту.
  * @param initialState Начальное состояние.
+ * @param options Опции.
  * @return Результат вызова `useState`.
  */
-function useTempHintState(initialState) {
+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) {
-            window.clearTimeout(timerRef.current);
+            clearTimeout(timerRef.current);
         }
         // запускаем новый таймер если надо
         if (value) {
-            timerRef.current = window.setTimeout(() => setOpen(false), 2000);
+            timerRef.current = setTimeout(() => setOpen(false), timeout);
         }
-    }, []);
+    }, [timeout]);
     (0, react_1.useEffect)(() => {
         updateTimer(open);
     }, []);
@@ -158,4 +180,4 @@ function useTempHintState(initialState) {
     }, [open, setOpen, updateTimer]);
     return [open, toggle];
 }
-exports.useTempHintState = useTempHintState;
+//# sourceMappingURL=utils.js.map

package/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/hooks/index.d.ts

@@ -1,29 +1,9 @@
-import { useEffect, RefObject, MutableRefObject, DependencyList } from 'react';
-/**
- * При монтировании проверяет, поддерживает ли устройство touch события.
- * @return True - если поддерживает, false - если нет.
- */
-export declare function useIsTouchDevice(): boolean;
-/**
- * Реализует подписку на событие полной прокрутки списка.
- * @param ref Реф прокручиваемого элемента.
- * @param options Опции.
- * @param options.onFullScroll Сработает при событии полной прокрутки.
- * @param options.threshold Отступ от конца списка по которому событие должно срабатывать.
- * @param moreDeps Зависимости эффекта (нужны, когда ref заполняется не на этапе render'а).
- */
-export declare function useInfiniteScroll(ref: MutableRefObject<HTMLElement | undefined | null>, { onFullScroll, threshold, }: {
-    onFullScroll?: (event: UIEvent) => void;
-    threshold?: number;
-}, moreDeps?: DependencyList): void;
-/**
- * Запускает переданный обработчик при клике вне элемента.
- * @param elementRef Ref элемента, клик вне которого нужно обработать.
- * @param callback Сработает при клике вне элемента.
- */
-export declare function useOutsideClick(elementRef: RefObject<Element | undefined | null> | RefObject<Element | undefined | null>[], callback: undefined | ((e: MouseEvent) => void)): void;
-/**
- * Нужен для того чтобы не получать ошибку при использовании в SSR с NodeJS.
- * @see {@link https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#gistcomment-2911761}
- */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+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/hooks/index.js

@@ -1,78 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsomorphicLayoutEffect = exports.useOutsideClick = exports.useInfiniteScroll = exports.useIsTouchDevice = void 0;
-const react_1 = require("react");
-const is_touch_device_1 = require("../helpers/is-touch-device");
-const on_1 = require("../helpers/on");
-const identity_1 = require("./identity");
-/**
- * При монтировании проверяет, поддерживает ли устройство touch события.
- * @return True - если поддерживает, false - если нет.
- */
-function useIsTouchDevice() {
-    const [isTouch, setTouch] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        setTouch((0, is_touch_device_1.isTouchDevice)());
-    }, []);
-    return isTouch;
-}
-exports.useIsTouchDevice = useIsTouchDevice;
-/**
- * Реализует подписку на событие полной прокрутки списка.
- * @param ref Реф прокручиваемого элемента.
- * @param options Опции.
- * @param options.onFullScroll Сработает при событии полной прокрутки.
- * @param options.threshold Отступ от конца списка по которому событие должно срабатывать.
- * @param moreDeps Зависимости эффекта (нужны, когда ref заполняется не на этапе render'а).
- */
-function useInfiniteScroll(ref, { onFullScroll, threshold = 0, }, moreDeps) {
-    const callbackRef = (0, identity_1.useIdentityRef)(onFullScroll);
-    (0, react_1.useEffect)(() => {
-        const element = ref.current;
-        if (element) {
-            return (0, on_1.on)(element, 'scroll', event => {
-                var _a;
-                const { scrollTop, clientHeight, scrollHeight } = event.target;
-                const bottom = threshold + scrollTop + clientHeight;
-                const isFullyScrolled = bottom >= scrollHeight;
-                isFullyScrolled && ((_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, event));
-            });
-        }
-    }, [ref, threshold, ...(moreDeps || [])]);
-}
-exports.useInfiniteScroll = useInfiniteScroll;
-/**
- * Запускает переданный обработчик при клике вне элемента.
- * @param elementRef Ref элемента, клик вне которого нужно обработать.
- * @param callback Сработает при клике вне элемента.
- */
-function useOutsideClick(elementRef, callback) {
-    const innerRef = (0, identity_1.useIdentityRef)(elementRef);
-    const callbackRef = (0, identity_1.useIdentityRef)(callback);
-    (0, react_1.useEffect)(() => {
-        const off = (0, on_1.on)(document.documentElement, 'click', event => {
-            var _a;
-            const arg = innerRef.current;
-            const refs = Array.isArray(arg) ? arg : [arg];
-            let isOutsideClick = true;
-            for (const { current: element } of refs) {
-                if (element &&
-                    event.target instanceof Node &&
-                    (element === event.target || element.contains(event.target))) {
-                    isOutsideClick = false;
-                    break;
-                }
-            }
-            isOutsideClick && ((_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, event));
-        }, 
-        // ВАЖНО: чтобы изменение DOM не приводило к ложному срабатыванию
-        { capture: true });
-        return off;
-    }, []);
-}
-exports.useOutsideClick = useOutsideClick;
-/**
- * Нужен для того чтобы не получать ошибку при использовании в SSR с NodeJS.
- * @see {@link https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#gistcomment-2911761}
- */
-exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react_1.useLayoutEffect : react_1.useEffect;
+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/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/hooks/{breakpoint → use-breakpoint}/index.d.ts

@@ -7,7 +7,7 @@ import { ReactNode } from 'react';
  */
 export declare function BreakpointProvider({ children }: {
     children: ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
  * @param query Запрос, например "xs+".

package/hooks/{breakpoint → use-breakpoint}/index.js

@@ -1,36 +1,13 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBreakpoint = exports.BreakpointProvider = void 0;
-const react_1 = __importStar(require("react"));
+exports.BreakpointProvider = BreakpointProvider;
+exports.useBreakpoint = useBreakpoint;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const __1 = require("..");
-const is_browser_1 = __importDefault(require("../../helpers/is-browser"));
+const is_browser_1 = require("../../helpers/is-browser");
 const utils_1 = require("./utils");
+const context_1 = require("../../context");
 const Context = (0, react_1.createContext)(null);
 /**
  * Провайдер, предоставляющий контекст для использования хуком useBreakpoint.
@@ -40,12 +17,12 @@ const Context = (0, react_1.createContext)(null);
  */
 function BreakpointProvider({ children }) {
     const [contextValue, setRegistry] = (0, react_1.useState)(null);
+    const { matchMedia } = (0, react_1.useContext)(context_1.MatchMediaContext);
     (0, __1.useIsomorphicLayoutEffect)(() => {
-        (0, is_browser_1.default)() && setRegistry((0, utils_1.createRegistry)());
+        (0, is_browser_1.isBrowser)() && setRegistry((0, utils_1.createRegistry)({ matchMedia }));
     }, []);
-    return react_1.default.createElement(Context.Provider, { value: contextValue }, children);
+    return (0, jsx_runtime_1.jsx)(Context.Provider, { value: contextValue, children: children });
 }
-exports.BreakpointProvider = BreakpointProvider;
 /**
  * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
  * @param query Запрос, например "xs+".
@@ -58,13 +35,14 @@ function useBreakpoint(query) {
     const [, setRegistry] = (0, react_1.useState)(null);
     const registryFromContext = (0, react_1.useContext)(Context);
     const [matches, setMatches] = (0, react_1.useState)(false);
+    const { matchMedia } = (0, react_1.useContext)(context_1.MatchMediaContext);
     (0, __1.useIsomorphicLayoutEffect)(() => {
         let registry;
         if (registryFromContext) {
             registry = registryFromContext;
         }
         else {
-            registry = (0, utils_1.createRegistry)();
+            registry = (0, utils_1.createRegistry)({ matchMedia });
         }
         setRegistry(registryFromContext);
         const subscription = registry.subscribe(query, e => {
@@ -75,4 +53,4 @@ function useBreakpoint(query) {
     }, [registryFromContext]);
     return matches;
 }
-exports.useBreakpoint = useBreakpoint;
+//# sourceMappingURL=index.js.map

package/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,sCAgCC;;AAhED,iCAAuE;AACvE,0BAA+C;AAC/C,yDAAqD;AAErD,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,sBAAS,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,CAAC,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IAErD,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/hooks/use-breakpoint/types.js

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