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

package/hint/hint-view.js

@@ -1,43 +0,0 @@
-"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 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);
-/** Длина стороны квадрата, составленного из двух стрелок (треугольников). */
-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 ((0, jsx_runtime_1.jsx)("div", Object.assign({ 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 (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: arrowRef, className: cx('arrow', className) }, rest));
-}
-HintView.Arrow = HintArrow;

package/hint/hint.d.ts

@@ -1,14 +0,0 @@
-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): JSX.Element;

package/hint/hint.js

@@ -1,36 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Hint = void 0;
-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(_a) {
-    var { open } = _a, rest = __rest(_a, ["open"]);
-    return (0, jsx_runtime_1.jsx)(portal_1.Portal, { children: open && (0, jsx_runtime_1.jsx)(HintInner, Object.assign({}, rest)) });
-}
-exports.Hint = Hint;
-/**
- * Внутренний компонент, необходим из-за использования портала.
- * @param props Свойства.
- * @return Элемент.
- */
-function HintInner(_a) {
-    var { arrowRef, children } = _a, rest = __rest(_a, ["arrowRef", "children"]);
-    return ((0, jsx_runtime_1.jsxs)(hint_view_1.HintView, Object.assign({}, rest, { children: [children, (0, jsx_runtime_1.jsx)(hint_view_1.HintView.Arrow, { arrowRef: arrowRef })] })));
-}

package/hint/index.js

@@ -1,15 +0,0 @@
-"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; } });

package/hint/utils.d.ts

@@ -1,65 +0,0 @@
-import { CSSProperties, Dispatch, MutableRefObject, SetStateAction } from 'react';
-import { ExtendedRefs, ReferenceType, UseFloatingProps, 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> {
-    refs: HintExtendedRefs<RT>;
-}
-/**
- * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
- * @param options Опции.
- * @return Конфигурация для `useFloating` по дизайн-гайдам.
- */
-export declare function hintFloatingConfig({ arrowRef, }?: {
-    arrowRef?: MutableRefObject<HTMLElement | null>;
-}): Partial<UseFloatingProps>;
-/**
- * Расширенная версия `useFloating` для использования с `Hint`.
- * @param props Свойства useFloating.
- * @return Результат useFloating.
- */
-export declare function useHintFloating<RT extends ReferenceType = ReferenceType>(props?: Partial<UseFloatingProps>): 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<RT>): {
-    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>;
-};
-/**
- * Показ всплывающего хинта при клике.
- * @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>;
-};
-/**
- * Состояние хинта с автоматическим скрытием по таймауту.
- * @param initialState Начальное состояние.
- * @param options Опции.
- * @return Результат вызова `useState`.
- */
-export declare function useTempHintState(initialState: boolean, { timeout }?: {
-    timeout?: number;
-}): readonly [boolean, Dispatch<SetStateAction<boolean>>];
-export {};

package/hint/utils.js

@@ -1,163 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTempHintState = exports.useHintOnClick = exports.useHintOnHover = exports.getArrowFloatingStyle = exports.useHintFloatingStyle = exports.useHintFloating = exports.hintFloatingConfig = void 0;
-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");
-/**
- * Возвращает конфигурацию для `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: react_2.autoUpdate,
-    };
-}
-exports.hintFloatingConfig = hintFloatingConfig;
-/**
- * Расширенная версия `useFloating` для использования с `Hint`.
- * @param props Свойства useFloating.
- * @return Результат useFloating.
- */
-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 }) });
-}
-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}`));
-}
-exports.useHintFloatingStyle = useHintFloatingStyle;
-/**
- * Возвращает стили для стрелки между хинтом и триггером.
- * @param floating Результат вызова useFloating.
- * @return Стили для элемента с учетом "слоя".
- */
-function getArrowFloatingStyle({ placement, middlewareData, }) {
-    const { arrow: arrowData } = middlewareData;
-    if (!arrowData) {
-        return {};
-    }
-    const side = placement.split('-')[0];
-    // eslint-disable-next-line require-jsdoc
-    const maybe = (value) => (value ? `${value}px` : '');
-    // eslint-disable-next-line 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),
-                bottom: arrowShift(),
-            };
-            break;
-        }
-        case 'bottom': {
-            arrowStyle = {
-                left: maybe(arrowData === null || arrowData === void 0 ? void 0 : arrowData.x),
-                top: arrowShift(),
-            };
-            break;
-        }
-        case 'left': {
-            arrowStyle = {
-                top: maybe(arrowData === null || arrowData === void 0 ? void 0 : arrowData.y),
-                right: arrowShift(),
-            };
-            break;
-        }
-        case 'right': {
-            arrowStyle = {
-                top: maybe(arrowData === null || arrowData === void 0 ? void 0 : arrowData.y),
-                left: arrowShift(),
-            };
-            break;
-        }
-    }
-    return arrowStyle;
-}
-exports.getArrowFloatingStyle = getArrowFloatingStyle;
-/**
- * Показ всплывающего хинта при наведении.
- * @param floating Результат вызова useFloating.
- * @param props Пропсы для useHover.
- * @return Опции для открывающего и всплывающего элемента.
- */
-function useHintOnHover(floating, props) {
-    const style = useHintFloatingStyle(floating);
-    const hover = (0, react_2.useHover)(floating.context, Object.assign({ handleClose: (0, react_2.safePolygon)() }, props));
-    return (0, react_2.useInteractions)([hover, { floating: { style } }]);
-}
-exports.useHintOnHover = useHintOnHover;
-/**
- * Показ всплывающего хинта при клике.
- * @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 } }]);
-}
-exports.useHintOnClick = useHintOnClick;
-/**
- * Состояние хинта с автоматическим скрытием по таймауту.
- * @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) {
-            window.clearTimeout(timerRef.current);
-        }
-        // запускаем новый таймер если надо
-        if (value) {
-            timerRef.current = window.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];
-}
-exports.useTempHintState = useTempHintState;

package/hint-deprecated/hint.module.scss

@@ -1,61 +0,0 @@
-@use '../colors';
-
-.root {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  &.top,
-  &.bottom {
-    flex-direction: column;
-  }
-  &.top::after {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 4px 4px 0;
-    border-color: colors.$basic-gray76 transparent transparent transparent;
-  }
-  &.right::before {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 4px 4px 4px 0;
-    border-color: transparent colors.$basic-gray76 transparent transparent;
-  }
-  &.bottom::before {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 0 4px 4px;
-    border-color: transparent transparent colors.$basic-gray76 transparent;
-  }
-  &.left::after {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 4px 0 4px 4px;
-    border-color: transparent transparent transparent colors.$basic-gray76;
-  }
-}
-
-.body {
-  align-items: center;
-  background: colors.$basic-gray76;
-  border-radius: 4px;
-  color: #fff;
-  display: flex;
-  font-size: 14px;
-  line-height: 20px;
-  min-height: 36px;
-  padding: 8px;
-  white-space: nowrap;
-  text-align: center;
-}

package/hint-deprecated/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-type Direction = 'top' | 'left' | 'bottom' | 'right';
-export interface HintProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** С какой стороны появляется хинт. */
-    direction: Direction;
-}
-/**
- * @deprecated Теперь нужно использовать `hint`.
- */
-export declare const Hint: import("react").ForwardRefExoticComponent<HintProps & import("react").RefAttributes<HTMLDivElement | null>>;
-export {};

package/hint-deprecated/index.js

@@ -1,30 +0,0 @@
-"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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shadows_1 = require("../styling/shadows");
-const bind_1 = __importDefault(require("classnames/bind"));
-const hint_module_scss_1 = __importDefault(require("./hint.module.scss"));
-const cx = bind_1.default.bind(hint_module_scss_1.default);
-/**
- * @deprecated Теперь нужно использовать `hint`.
- */
-exports.Hint = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, className, direction } = _a, restProps = __rest(_a, ["children", "className", "direction"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { ref: ref, className: cx('root', className, direction), "data-testid": 'hint' }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('body', shadows_1.BoxShadow.z4) }, { children: children })) })));
-});

package/hooks/breakpoint/index.d.ts

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

package/hooks/breakpoint/index.js

@@ -1,56 +0,0 @@
-"use strict";
-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 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 utils_1 = require("./utils");
-const Context = (0, react_1.createContext)(null);
-/**
- * Провайдер, предоставляющий контекст для использования хуком useBreakpoint.
- * Не является обязательным, используется в целях оптимизации.
- * @param props Свойства.
- * @return Элемент.
- */
-function BreakpointProvider({ children }) {
-    const [contextValue, setRegistry] = (0, react_1.useState)(null);
-    (0, __1.useIsomorphicLayoutEffect)(() => {
-        (0, is_browser_1.default)() && setRegistry((0, utils_1.createRegistry)());
-    }, []);
-    return (0, jsx_runtime_1.jsx)(Context.Provider, Object.assign({ value: contextValue }, { children: children }));
-}
-exports.BreakpointProvider = BreakpointProvider;
-/**
- * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
- * @param query Запрос, например "xs+".
- * @return Соответствует ли ширина экрана заданному запросу.
- */
-function useBreakpoint(query) {
-    if (!utils_1.BreakpointQuery.isValid(query)) {
-        throw Error(`useBreakpoint: Invalid query, "${query}"`);
-    }
-    const [, setRegistry] = (0, react_1.useState)(null);
-    const registryFromContext = (0, react_1.useContext)(Context);
-    const [matches, setMatches] = (0, react_1.useState)(false);
-    (0, __1.useIsomorphicLayoutEffect)(() => {
-        let registry;
-        if (registryFromContext) {
-            registry = registryFromContext;
-        }
-        else {
-            registry = (0, utils_1.createRegistry)();
-        }
-        setRegistry(registryFromContext);
-        const subscription = registry.subscribe(query, e => {
-            setMatches(e.matches);
-        });
-        setMatches(subscription.matches);
-        return subscription.unsubscribe;
-    }, [registryFromContext]);
-    return matches;
-}
-exports.useBreakpoint = useBreakpoint;

package/hooks/breakpoint/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/hooks/breakpoint/utils.d.ts

@@ -1,10 +0,0 @@
-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 const createRegistry: () => Registry;

package/hooks/breakpoint/utils.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRegistry = exports.BreakpointQuery = void 0;
-const media_query_list_1 = require("../../helpers/media-query-list");
-const Resolution = {
-    mxs: 0,
-    ms: 480,
-    mm: 720,
-    ml: 840,
-    xs: 1024,
-    s: 1280,
-    m: 1440,
-    l: 1600,
-    xl: 1920,
-};
-const BREAKPOINTS = ['mxs', 'ms', 'mm', 'ml', 'xs', 's', 'm', 'l', 'xl'];
-exports.BreakpointQuery = {
-    getBreakpoint: (query) => query.slice(0, -1),
-    getDirection: (query) => query.slice(-1),
-    isValid: (value) => typeof value === 'string' &&
-        value.length >= 2 &&
-        BREAKPOINTS.includes(exports.BreakpointQuery.getBreakpoint(value)) &&
-        ['+', '-', ''].includes(exports.BreakpointQuery.getDirection(value)),
-    parse: (query) => [
-        exports.BreakpointQuery.getBreakpoint(query),
-        exports.BreakpointQuery.getDirection(query),
-    ],
-    toMediaQuery: (query) => {
-        const [breakpoint, direction] = exports.BreakpointQuery.parse(query);
-        const rule = direction === '+' ? 'min-width' : 'max-width';
-        const value = Resolution[breakpoint] + (direction === '+' ? 0 : -1);
-        return `(${rule}: ${value}px)`;
-    },
-};
-// eslint-disable-next-line require-jsdoc
-const createRegistry = () => {
-    const registry = {
-        items: {},
-        subscribe: (query, listener) => {
-            let item = registry.items[query];
-            if (item) {
-                item.handlers.add(listener);
-            }
-            else {
-                const newItem = {
-                    // ВАЖНО: используем "window.matchMedia" вместо "matchMedia" тк падают ошибки в некоторых браузерах
-                    mql: window.matchMedia(exports.BreakpointQuery.toMediaQuery(query)),
-                    handlers: new Set([listener]),
-                };
-                // не предусматриваем отписку и удаление mql за ненадобностью
-                (0, media_query_list_1.subscribe)(newItem.mql, e => {
-                    newItem.handlers.forEach(fn => fn(e));
-                });
-                item = newItem;
-                registry.items[query] = newItem;
-            }
-            return createSubscription(item, listener);
-        },
-    };
-    return registry;
-};
-exports.createRegistry = createRegistry;
-// eslint-disable-next-line require-jsdoc
-const createSubscription = (item, listener) => ({
-    matches: item.mql.matches,
-    unsubscribe: () => item.handlers.delete(listener),
-});

package/hooks/identity.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Реф с актуальным переданным значением.
- * Нужен, когда в ref нужно обновлять значение при каждом рендере.
- * @param value Значение.
- * @return Реф.
- */
-export declare const useIdentityRef: <T>(value: T) => import("react").MutableRefObject<T>;

package/hooks/identity.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIdentityRef = void 0;
-const react_1 = require("react");
-/**
- * Реф с актуальным переданным значением.
- * Нужен, когда в ref нужно обновлять значение при каждом рендере.
- * @param value Значение.
- * @return Реф.
- */
-const useIdentityRef = (value) => {
-    const ref = (0, react_1.useRef)(value);
-    ref.current = value;
-    return ref;
-};
-exports.useIdentityRef = useIdentityRef;

package/hooks/index.d.ts

@@ -1,29 +0,0 @@
-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;