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

package/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/hooks/{breakpoint → use-breakpoint}/utils.d.ts

@@ -7,4 +7,6 @@ export declare const BreakpointQuery: {
     readonly parse: (query: string) => [Breakpoint, Direction];
     readonly toMediaQuery: (query: string) => string;
 };
-export declare const createRegistry: () => Registry;
+export declare function createRegistry({ matchMedia }?: {
+    matchMedia: typeof window.matchMedia;
+}): Registry;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRegistry = exports.BreakpointQuery = void 0;
+exports.BreakpointQuery = void 0;
+exports.createRegistry = createRegistry;
 const media_query_list_1 = require("../../helpers/media-query-list");
 const Resolution = {
     mxs: 0,
@@ -32,8 +33,8 @@ exports.BreakpointQuery = {
         return `(${rule}: ${value}px)`;
     },
 };
-// eslint-disable-next-line require-jsdoc
-const createRegistry = () => {
+// eslint-disable-next-line jsdoc/require-jsdoc
+function createRegistry({ matchMedia } = { matchMedia: window.matchMedia }) {
     const registry = {
         items: {},
         subscribe: (query, listener) => {
@@ -43,8 +44,7 @@ const createRegistry = () => {
             }
             else {
                 const newItem = {
-                    // ВАЖНО: используем "window.matchMedia" вместо "matchMedia" тк падают ошибки в некоторых браузерах
-                    mql: window.matchMedia(exports.BreakpointQuery.toMediaQuery(query)),
+                    mql: matchMedia(exports.BreakpointQuery.toMediaQuery(query)),
                     handlers: new Set([listener]),
                 };
                 // не предусматриваем отписку и удаление mql за ненадобностью
@@ -58,10 +58,10 @@ const createRegistry = () => {
         },
     };
     return registry;
-};
-exports.createRegistry = createRegistry;
-// eslint-disable-next-line require-jsdoc
+}
+// eslint-disable-next-line jsdoc/require-jsdoc
 const createSubscription = (item, listener) => ({
     matches: item.mql.matches,
     unsubscribe: () => item.handlers.delete(listener),
 });
+//# sourceMappingURL=utils.js.map

package/hooks/use-breakpoint/utils.js.map

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

package/hooks/{identity.d.ts → use-identity-ref/index.d.ts}

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

package/hooks/{identity.js → use-identity-ref/index.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIdentityRef = void 0;
+exports.useIdentityRef = useIdentityRef;
 const react_1 = require("react");
 /**
  * Реф с актуальным переданным значением.
@@ -8,9 +8,9 @@ const react_1 = require("react");
  * @param value Значение.
  * @return Реф.
  */
-const useIdentityRef = (value) => {
+function useIdentityRef(value) {
     const ref = (0, react_1.useRef)(value);
     ref.current = value;
     return ref;
-};
-exports.useIdentityRef = useIdentityRef;
+}
+//# sourceMappingURL=index.js.map

package/hooks/use-identity-ref/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-identity-ref/index.ts"],"names":[],"mappings":";;AAQA,wCAMC;AAdD,iCAA+B;AAE/B;;;;;GAKG;AACH,SAAgB,cAAc,CAAI,KAAQ;IACxC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,KAAK,CAAC,CAAC;IAE7B,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IAEpB,OAAO,GAAG,CAAC;AACb,CAAC"}

package/hooks/use-infinite-scroll/index.d.ts

@@ -0,0 +1,13 @@
+import { DependencyList, MutableRefObject } from 'react';
+/**
+ * Реализует подписку на событие полной прокрутки списка.
+ * @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;

package/hooks/use-infinite-scroll/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteScroll = useInfiniteScroll;
+const react_1 = require("react");
+const use_identity_ref_1 = require("../use-identity-ref");
+const on_1 = require("../../helpers/on");
+/**
+ * Реализует подписку на событие полной прокрутки списка.
+ * @param ref Реф прокручиваемого элемента.
+ * @param options Опции.
+ * @param options.onFullScroll Сработает при событии полной прокрутки.
+ * @param options.threshold Отступ от конца списка по которому событие должно срабатывать.
+ * @param moreDeps Зависимости эффекта (нужны, когда ref заполняется не на этапе render'а).
+ */
+function useInfiniteScroll(ref, { onFullScroll, threshold = 0, }, moreDeps) {
+    const callbackRef = (0, use_identity_ref_1.useIdentityRef)(onFullScroll);
+    (0, react_1.useEffect)(() => {
+        const element = ref.current;
+        if (element) {
+            return (0, on_1.on)(element, 'scroll', event => {
+                const { scrollTop, clientHeight, scrollHeight } = event.target;
+                const bottom = threshold + scrollTop + clientHeight;
+                const isFullyScrolled = bottom >= scrollHeight;
+                isFullyScrolled && callbackRef.current?.(event);
+            });
+        }
+    }, [ref, threshold, ...(moreDeps || [])]);
+}
+//# sourceMappingURL=index.js.map

package/hooks/use-infinite-scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-infinite-scroll/index.ts"],"names":[],"mappings":";;AAYA,8CA0BC;AAtCD,iCAAoE;AACpE,0DAAqD;AACrD,yCAAsC;AAEtC;;;;;;;GAOG;AACH,SAAgB,iBAAiB,CAC/B,GAAqD,EACrD,EACE,YAAY,EACZ,SAAS,GAAG,CAAC,GAId,EACD,QAAyB;IAEzB,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,YAAY,CAAC,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,IAAA,OAAE,EAAU,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAC5C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,MAAqB,CAAC;gBAC9E,MAAM,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;gBACpD,MAAM,eAAe,GAAG,MAAM,IAAI,YAAY,CAAC;gBAE/C,eAAe,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC,CAAe,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5C,CAAC"}

package/hooks/{intersection/readme.md → use-intersection/README.md}

@@ -1,13 +1,13 @@
-# Утилиты для unit-тестирования
+# useIntersection: утилиты для тестирования
 
 Утилиты для unit-тестирования (Jest) компонентов, использующих хук `useIntersection`
 
 #### Пример компонента
 
 ```jsx
-import { useIntersection } from '@sima-land/ui-nucleons/hooks/intersection';
+import { useIntersection } from '@sima-land/ui-nucleons/hooks';
 
-const TestComponent = () => {
+function TestComponent() {
   const ref = useRef(null);
   const [viewing, setViewing] = useState(false);
 
@@ -20,13 +20,13 @@ const TestComponent = () => {
       {viewing ? 'On screen' : 'Off screen'}
     </div>
   );
-};
+}
 ```
 
 #### Пример тестов
 
 ```jsx
-import { IntersectionMock } from '@sima-land/ui-nucleons/hooks/intersection/test-utils';
+import { IntersectionMock } from '@sima-land/ui-nucleons/hooks/use-intersection/test-utils';
 
 const intersectionMock = new IntersectionMock();
 

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIntersection = void 0;
+exports.useIntersection = useIntersection;
 const react_1 = require("react");
-const identity_1 = require("../identity");
+const use_identity_ref_1 = require("../use-identity-ref");
+const context_1 = require("../../context");
 /**
  * Хук, вызывающий callback при пересечении целевого элемента с областью видимости.
  * @param ref Ref с целевым элементом.
@@ -10,17 +11,17 @@ const identity_1 = require("../identity");
  * @param options Опции создания IntersectionObserver.
  */
 function useIntersection(ref, callback, options) {
-    const callbackRef = (0, identity_1.useIdentityRef)(callback);
+    const callbackRef = (0, use_identity_ref_1.useIdentityRef)(callback);
+    const { createIntersectionObserver } = (0, react_1.useContext)(context_1.IntersectionObserverContext);
     (0, react_1.useEffect)(() => {
         const element = ref.current;
         if (element) {
-            const observer = new IntersectionObserver(([entry]) => {
-                var _a;
-                (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, entry);
+            const observer = createIntersectionObserver(([entry]) => {
+                callbackRef.current?.(entry);
             }, options);
             observer.observe(element);
             return () => observer.disconnect();
         }
-    }, [ref, callbackRef, options]);
+    }, [ref, options, createIntersectionObserver]);
 }
-exports.useIntersection = useIntersection;
+//# sourceMappingURL=index.js.map

package/hooks/use-intersection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-intersection/index.ts"],"names":[],"mappings":";;AAUA,0CAsBC;AAhCD,iCAAgE;AAChE,0DAAqD;AACrD,2CAA4D;AAE5D;;;;;GAKG;AACH,SAAgB,eAAe,CAC7B,GAAyC,EACzC,QAAoD,EACpD,OAAkC;IAElC,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,EAAE,0BAA0B,EAAE,GAAG,IAAA,kBAAU,EAAC,qCAA2B,CAAC,CAAC;IAE/E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,QAAQ,GAAG,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;gBACtD,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC,EAAE,OAAO,CAAC,CAAC;YAEZ,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAE1B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,0BAA0B,CAAC,CAAC,CAAC;AACjD,CAAC"}

package/hooks/{intersection → use-intersection}/test-utils.d.ts

@@ -1,12 +1,17 @@
+/**
+ * @deprecated Следует использовать утилиты из @sima-land/ui-nucleons/test-utils.
+ */
 export type IntersectionObserverEntryBase = Omit<IntersectionObserverEntry, 'time' | 'rootBounds' | 'boundingClientRect' | 'intersectionRect'>;
 /**
  * Возвращает новый объект, частично реализующий IntersectionObserverEntry.
  * @param base Базовая информация.
  * @return Объект.
+ * @deprecated Следует использовать утилиты из @sima-land/ui-nucleons/test-utils.
  */
 export declare function createFakeEntry(base: IntersectionObserverEntryBase): IntersectionObserverEntry;
 /**
  * Реализует интерфейс для управления состоянием пересечения элемента с область видимости.
+ * @deprecated Следует использовать утилиты из @sima-land/ui-nucleons/test-utils.
  */
 export declare class IntersectionMock {
     _original: typeof IntersectionObserver;
@@ -39,6 +44,7 @@ export declare class IntersectionMock {
 }
 /**
  * Имитация IntersectionObserver.
+ * @deprecated Следует использовать утилиты из @sima-land/ui-nucleons/test-utils.
  */
 export declare class FakeIntersectionObserver implements IntersectionObserver {
     readonly root: Element | Document | null;

package/hooks/{intersection → use-intersection}/test-utils.js

@@ -1,15 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FakeIntersectionObserver = exports.IntersectionMock = exports.createFakeEntry = void 0;
+exports.FakeIntersectionObserver = exports.IntersectionMock = void 0;
+exports.createFakeEntry = createFakeEntry;
 const test_utils_1 = require("react-dom/test-utils");
 let intersectionMock;
 /**
  * Возвращает новый объект, частично реализующий IntersectionObserverEntry.
  * @param base Базовая информация.
  * @return Объект.
+ * @deprecated Следует использовать утилиты из @sima-land/ui-nucleons/test-utils.
  */
 function createFakeEntry(base) {
-    const entry = Object.assign(Object.assign({}, base), { time: Date.now(), 
+    const entry = {
+        ...base,
+        time: Date.now(),
         /** @inheritdoc */
         get rootBounds() {
             // eslint-disable-next-line no-console
@@ -27,17 +31,19 @@ function createFakeEntry(base) {
             // eslint-disable-next-line no-console
             console.error('Not implemented in mock');
             return null;
-        } });
+        },
+    };
     return entry;
 }
-exports.createFakeEntry = createFakeEntry;
 /**
  * Реализует интерфейс для управления состоянием пересечения элемента с область видимости.
+ * @deprecated Следует использовать утилиты из @sima-land/ui-nucleons/test-utils.
  */
 class IntersectionMock {
+    _original;
+    _observers = [];
     /** Конструктор. */
     constructor() {
-        this._observers = [];
         this._original = window.IntersectionObserver;
     }
     /**
@@ -94,18 +100,24 @@ class IntersectionMock {
 exports.IntersectionMock = IntersectionMock;
 /**
  * Имитация IntersectionObserver.
+ * @deprecated Следует использовать утилиты из @sima-land/ui-nucleons/test-utils.
  */
 class FakeIntersectionObserver {
+    root;
+    rootMargin;
+    thresholds;
+    _callback;
+    _elements;
     /** @inheritdoc */
     constructor(callback, options = {}) {
-        this.root = (options === null || options === void 0 ? void 0 : options.root) || null;
-        this.rootMargin = (options === null || options === void 0 ? void 0 : options.rootMargin) || '0px 0px 0px 0px';
+        this.root = options?.root || null;
+        this.rootMargin = options?.rootMargin || '0px 0px 0px 0px';
         this.thresholds = Array.isArray(options.threshold)
             ? options.threshold
             : [options.threshold || 0];
         this._callback = callback;
         this._elements = [];
-        intersectionMock === null || intersectionMock === void 0 ? void 0 : intersectionMock._registerObserver(this);
+        intersectionMock?._registerObserver(this);
     }
     /** @inheritdoc */
     observe(element) {
@@ -118,7 +130,7 @@ class FakeIntersectionObserver {
     /** @inheritdoc */
     disconnect() {
         this._elements = [];
-        intersectionMock === null || intersectionMock === void 0 ? void 0 : intersectionMock._unregisterObserver(this);
+        intersectionMock?._unregisterObserver(this);
     }
     /** @inheritdoc */
     takeRecords() {
@@ -135,3 +147,4 @@ class FakeIntersectionObserver {
     }
 }
 exports.FakeIntersectionObserver = FakeIntersectionObserver;
+//# sourceMappingURL=test-utils.js.map

package/hooks/use-intersection/test-utils.js.map

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

package/hooks/use-is-touch-device/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * При монтировании проверяет, поддерживает ли устройство touch события.
+ * @return True - если поддерживает, false - если нет.
+ */
+export declare function useIsTouchDevice(): boolean;

package/hooks/use-is-touch-device/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsTouchDevice = useIsTouchDevice;
+const react_1 = require("react");
+const is_touch_device_1 = require("../../helpers/is-touch-device");
+/**
+ * При монтировании проверяет, поддерживает ли устройство 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;
+}
+//# sourceMappingURL=index.js.map

package/hooks/use-is-touch-device/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-is-touch-device/index.ts"],"names":[],"mappings":";;AAOA,4CAQC;AAfD,iCAA4C;AAC5C,mEAA8D;AAE9D;;;GAGG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAA,+BAAa,GAAE,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/hooks/use-isomorphic-layout-effect/index.d.ts

@@ -0,0 +1,6 @@
+import { useLayoutEffect } from 'react';
+/**
+ * Нужен для того чтобы не получать ошибку при использовании в SSR с NodeJS.
+ * @see {@link https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#gistcomment-2911761}
+ */
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/hooks/use-isomorphic-layout-effect/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsomorphicLayoutEffect = void 0;
+const react_1 = require("react");
+/**
+ * Нужен для того чтобы не получать ошибку при использовании в SSR с NodeJS.
+ * @see {@link https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#gistcomment-2911761}
+ */
+exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react_1.useLayoutEffect : react_1.useEffect;
+//# sourceMappingURL=index.js.map

package/hooks/use-isomorphic-layout-effect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-isomorphic-layout-effect/index.ts"],"names":[],"mappings":";;;AAAA,iCAAmD;AAEnD;;;GAGG;AACU,QAAA,yBAAyB,GACpC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,uBAAe,CAAC,CAAC,CAAC,iBAAS,CAAC"}

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

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKeydown = void 0;
+exports.useKeydown = useKeydown;
 const react_1 = require("react");
-const identity_1 = require("./identity");
-const on_1 = require("../helpers/on");
+const use_identity_ref_1 = require("../use-identity-ref");
+const on_1 = require("../../helpers/on");
 /**
  * Хук, добавляющий обработчик нажатия на клавишу.
  * @param targetKey Клавиша, для которой отслеживается нажатие.
  * @param callback Обработчик нажатия.
  */
 function useKeydown(targetKey, callback) {
-    const ref = (0, identity_1.useIdentityRef)(callback);
+    const ref = (0, use_identity_ref_1.useIdentityRef)(callback);
     (0, react_1.useEffect)(() => (0, on_1.on)(document, 'keydown', event => {
         const handler = ref.current;
-        (event.key === targetKey || event.code === targetKey) && (handler === null || handler === void 0 ? void 0 : handler(event));
+        (event.key === targetKey || event.code === targetKey) && handler?.(event);
     }), [targetKey]);
 }
-exports.useKeydown = useKeydown;
+//# sourceMappingURL=index.js.map

package/hooks/use-keydown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-keydown/index.ts"],"names":[],"mappings":";;AASA,gCAeC;AAxBD,iCAAkC;AAClC,0DAAqD;AACrD,yCAAsC;AAEtC;;;;GAIG;AACH,SAAgB,UAAU,CACxB,SAAiB,EACjB,QAAsD;IAEtD,MAAM,GAAG,GAAG,IAAA,iCAAc,EAAC,QAAQ,CAAC,CAAC;IAErC,IAAA,iBAAS,EACP,GAAG,EAAE,CACH,IAAA,OAAE,EAAgB,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE;QAC7C,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAC5E,CAAC,CAAC,EACJ,CAAC,SAAS,CAAC,CACZ,CAAC;AACJ,CAAC"}

package/hooks/{media.d.ts → use-media/index.d.ts}

@@ -3,4 +3,4 @@
  * @param query Запрос.
  * @return Состояние (matches).
  */
-export declare const useMedia: (query: string) => boolean;
+export declare function useMedia(query: string): boolean;

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

@@ -1,22 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMedia = void 0;
+exports.useMedia = useMedia;
 const react_1 = require("react");
-const media_query_list_1 = require("../helpers/media-query-list");
+const media_query_list_1 = require("../../helpers/media-query-list");
+const use_isomorphic_layout_effect_1 = require("../use-isomorphic-layout-effect");
+const context_1 = require("../../context");
 /**
  * Возвращает состояние по media-запросу.
  * @param query Запрос.
  * @return Состояние (matches).
  */
-const useMedia = (query) => {
+function useMedia(query) {
     const [matches, setMatches] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const mql = window.matchMedia(query);
+    const { matchMedia } = (0, react_1.useContext)(context_1.MatchMediaContext);
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
+        const mql = matchMedia(query);
         setMatches(mql.matches);
         return (0, media_query_list_1.subscribe)(mql, event => {
             setMatches(event.matches);
         }).unsubscribe;
-    }, [query]);
+    }, [query, matchMedia]);
     return matches;
-};
-exports.useMedia = useMedia;
+}
+//# sourceMappingURL=index.js.map

package/hooks/use-media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-media/index.ts"],"names":[],"mappings":";;AAUA,4BAgBC;AA1BD,iCAA6C;AAC7C,qEAA2D;AAC3D,kFAA4E;AAC5E,2CAAkD;AAElD;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,KAAa;IACpC,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,wDAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAE9B,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAExB,OAAO,IAAA,4BAAS,EAAC,GAAG,EAAE,KAAK,CAAC,EAAE;YAC5B,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC,WAAW,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/hooks/use-outside-click/index.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+/**
+ * Запускает переданный обработчик при клике вне элемента.
+ * @param elementRef Ref элемента, клик вне которого нужно обработать.
+ * @param callback Сработает при клике вне элемента.
+ */
+export declare function useOutsideClick(elementRef: RefObject<Element | undefined | null> | RefObject<Element | undefined | null>[], callback: undefined | ((e: MouseEvent) => void)): void;

package/hooks/use-outside-click/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOutsideClick = useOutsideClick;
+const react_1 = require("react");
+const use_identity_ref_1 = require("../use-identity-ref");
+const on_1 = require("../../helpers/on");
+/**
+ * Запускает переданный обработчик при клике вне элемента.
+ * @param elementRef Ref элемента, клик вне которого нужно обработать.
+ * @param callback Сработает при клике вне элемента.
+ */
+function useOutsideClick(elementRef, callback) {
+    const innerRef = (0, use_identity_ref_1.useIdentityRef)(elementRef);
+    const callbackRef = (0, use_identity_ref_1.useIdentityRef)(callback);
+    (0, react_1.useEffect)(() => {
+        const off = (0, on_1.on)(document.documentElement, 'click', event => {
+            const arg = innerRef.current;
+            const refs = Array.isArray(arg) ? arg : [arg];
+            let isOutside = true;
+            for (const { current: element } of refs) {
+                if (element &&
+                    event.target instanceof Node &&
+                    (element === event.target || element.contains(event.target))) {
+                    isOutside = false;
+                    break;
+                }
+            }
+            isOutside && callbackRef.current?.(event);
+        }, 
+        // ВАЖНО: чтобы изменение DOM не приводило к ложному срабатыванию
+        { capture: true });
+        return off;
+    }, []);
+}
+//# sourceMappingURL=index.js.map

package/hooks/use-outside-click/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-outside-click/index.ts"],"names":[],"mappings":";;AASA,0CAoCC;AA7CD,iCAA6C;AAC7C,0DAAqD;AACrD,yCAAsC;AAEtC;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,UAA2F,EAC3F,QAA+C;IAE/C,MAAM,QAAQ,GAAG,IAAA,iCAAc,EAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,QAAQ,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,IAAA,OAAE,EACZ,QAAQ,CAAC,eAAe,EACxB,OAAO,EACP,KAAK,CAAC,EAAE;YACN,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC;YAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAC9C,IAAI,SAAS,GAAG,IAAI,CAAC;YAErB,KAAK,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC;gBACxC,IACE,OAAO;oBACP,KAAK,CAAC,MAAM,YAAY,IAAI;oBAC5B,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAC5D,CAAC;oBACD,SAAS,GAAG,KAAK,CAAC;oBAClB,MAAM;gBACR,CAAC;YACH,CAAC;YAED,SAAS,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;QAED,iEAAiE;QACjE,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB,CAAC;QAEF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}

package/info-text/index.d.ts

@@ -1,23 +1,2 @@
-import { CSSProperties, MouseEventHandler, ReactNode, Ref } from 'react';
-import { WithTestId } from '../types';
-export interface InfoTextProps extends WithTestId {
-    /** Текст. */
-    children?: ReactNode;
-    /** Класс. */
-    className?: string;
-    /** Стили. */
-    style?: CSSProperties;
-    /** Ref элемента иконки. */
-    iconRef?: Ref<HTMLButtonElement>;
-    /** Нужно ли выводить иконку как "активную". */
-    iconActive?: boolean;
-    /** Сработает при клике на иконку. */
-    onIconClick?: MouseEventHandler;
-}
-/**
- * Позволяет выводить в конце произвольного текста иконку.
- * Иконка не переносится на следующую строку без предыдущего слова и может обрабатывать действие при клике.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function InfoText({ children, style, className, iconRef, onIconClick, iconActive, 'data-testid': testId, }: InfoTextProps): JSX.Element;
+export type { InfoTextProps } from './types';
+export { InfoText } from './info-text';

package/info-text/index.js

@@ -1,60 +1,6 @@
 "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.InfoText = void 0;
-const react_1 = __importStar(require("react"));
-const information_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/information"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const info_text_module_scss_1 = __importDefault(require("./info-text.module.scss"));
-const cx = bind_1.default.bind(info_text_module_scss_1.default);
-/**
- * Позволяет выводить в конце произвольного текста иконку.
- * Иконка не переносится на следующую строку без предыдущего слова и может обрабатывать действие при клике.
- * @param props Свойства.
- * @return Элемент.
- */
-function InfoText({ children, style, className, iconRef, onIconClick, iconActive, 'data-testid': testId = 'info-text', }) {
-    return (react_1.default.createElement("span", { style: style, className: className, "data-testid": testId }, react_1.Children.toArray(children).map((item, index, array) => {
-        if (index < array.length - 1) {
-            return item;
-        }
-        else {
-            const text = String(item);
-            const lastSpaceIndex = text.lastIndexOf(' ');
-            const head = text.slice(0, lastSpaceIndex);
-            const last = text.slice(lastSpaceIndex);
-            return (react_1.default.createElement(react_1.Fragment, { key: index },
-                head,
-                last && (react_1.default.createElement("span", { className: info_text_module_scss_1.default.last },
-                    last,
-                    react_1.default.createElement("button", { ref: iconRef, type: 'button', "aria-label": '\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435', disabled: !onIconClick, "aria-hidden": !onIconClick, onClick: onIconClick, className: cx('button', { active: iconActive }), "data-testid": 'info-text:icon' },
-                        react_1.default.createElement(information_1.default, { className: cx('icon') }))))));
-        }
-    })));
-}
-exports.InfoText = InfoText;
+var info_text_1 = require("./info-text");
+Object.defineProperty(exports, "InfoText", { enumerable: true, get: function () { return info_text_1.InfoText; } });
+//# sourceMappingURL=index.js.map

package/info-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/info-text/index.ts"],"names":[],"mappings":";;;AACA,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA"}