@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/dist/modal/slots.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { ModalBodyProps } from './types';
+/**
+ * Основной контент окна.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ModalBody({ children, className, rootRef, viewportRef, viewportProps, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: ModalBodyProps): import("react").JSX.Element;
+/**
+ * Контент который будет выводится поверх окна с абсолютным позиционированием.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ModalOverlap({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Заглушка для футера по дизайн-гайдам.
+ * @return Элемент.
+ */
+export declare function ModalBottomGap(): import("react").JSX.Element;

package/dist/modal/slots.js

@@ -0,0 +1,77 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.ModalBody = ModalBody;
+exports.ModalOverlap = ModalOverlap;
+exports.ModalBottomGap = ModalBottomGap;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const custom_scrollbar_1 = require("../_internal/custom-scrollbar");
+const viewport_1 = require("../context/viewport");
+const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./modal.module.scss"));
+/**
+ * Основной контент окна.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ModalBody({ children, className, rootRef, viewportRef, viewportProps, withScrollDisable = false, scrollDisableOptions, 'data-testid': testId = 'modal-body', ...restProps }) {
+    const viewportInnerRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(viewportRef, () => viewportInnerRef.current);
+    // ВАЖНО: не смотря на то что есть возможность задать viewportRef оставляем хук здесь
+    // потому что через портал с рефами работать не получится а useState не так удобен
+    (0, page_scroll_lock_1.usePageScrollLock)(viewportInnerRef, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
+    return ((0, jsx_runtime_1.jsx)(viewport_1.ViewportContext.Provider, { value: viewportInnerRef, children: (0, jsx_runtime_1.jsx)(custom_scrollbar_1.CustomScrollbar, { ...restProps, "data-testid": testId, rootRef: rootRef, viewportRef: viewportInnerRef, viewportProps: viewportProps, className: (0, classnames_1.default)(styles.body, className), overflow: { x: 'hidden', y: 'scroll' }, children: children }) }));
+}
+/**
+ * Контент который будет выводится поверх окна с абсолютным позиционированием.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ModalOverlap({ children }) {
+    return (0, jsx_runtime_1.jsx)("div", { className: styles.overlap, children: children });
+}
+/**
+ * Заглушка для футера по дизайн-гайдам.
+ * @return Элемент.
+ */
+function ModalBottomGap() {
+    return (0, jsx_runtime_1.jsx)("div", { className: styles['bottom-gap'] });
+}
+//# sourceMappingURL=slots.js.map

package/dist/modal/slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.js","sourceRoot":"","sources":["../../src/modal/slots.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,8BAkCC;AAOD,oCAEC;AAMD,wCAEC;;AAhED,iCAA+D;AAC/D,oEAAgE;AAChE,kDAAsD;AACtD,oEAAkE;AAElE,4DAA4B;AAC5B,4DAA8C;AAE9C;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAW,EACX,aAAa,EACb,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,aAAa,EAAE,MAAM,GAAG,YAAY,EACpC,GAAG,SAAS,EACG;IACf,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEtD,IAAA,2BAAmB,EAAC,WAAW,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAyB,CAAC,CAAC;IAEnF,qFAAqF;IACrF,kFAAkF;IAClF,IAAA,oCAAiB,EAAC,gBAAgB,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEjG,OAAO,CACL,uBAAC,0BAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,YAC/C,uBAAC,kCAAe,OACV,SAAS,iBACA,MAAM,EACnB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,gBAAgB,EAC7B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,QAAQ,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,YAErC,QAAQ,GACO,GACO,CAC5B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAAE,QAAQ,EAA4B;IACjE,OAAO,gCAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,CAAC;AAC1D,CAAC;AAED;;;GAGG;AACH,SAAgB,cAAc;IAC5B,OAAO,gCAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,GAAI,CAAC;AAClD,CAAC"}

package/dist/modal/types.d.ts

@@ -0,0 +1,37 @@
+import type { CSSProperties, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { WithTestId } from '../types';
+import type { ModalOverlayProps } from '../modal-overlay';
+import type { WithPageScrollLock } from '../_internal/page-scroll-lock';
+export type ModalSize = 's' | 'm' | 'l' | 'xl' | 'fullscreen';
+export interface ModalStyle extends CSSProperties {
+    '--modal-width'?: string;
+    '--modal-height'?: string;
+    '--modal-max-height'?: string;
+    '--modal-min-height'?: string;
+    '--modal-border-radius'?: string;
+    '--modal-overlay-padding'?: string;
+}
+export interface ModalProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
+    /** Содержимое компонента. */
+    children?: ReactNode;
+    /** Размер окна. */
+    size?: ModalSize | 'unset';
+    /** Скругления углов. */
+    rounds?: 's' | 'm' | 'unset';
+    /** Стили. */
+    style?: ModalStyle;
+    /** Будет вызвана при закрытии окна. */
+    onClose?: () => void;
+    /** Свойства компонента ModalOverlay. */
+    overlayProps?: ModalOverlayProps;
+    /** Нужно ли применять стили для flex-раскладки. */
+    flexLayout?: boolean;
+}
+export interface ModalBodyProps extends HTMLAttributes<HTMLDivElement>, WithPageScrollLock, WithTestId {
+    /** Реф корневого элемента. */
+    rootRef?: Ref<HTMLDivElement>;
+    /** Реф внутреннего элемента с прокруткой. */
+    viewportRef?: Ref<HTMLDivElement>;
+    /** Свойства внутреннего элемента с прокруткой. */
+    viewportProps?: HTMLAttributes<HTMLDivElement>;
+}

package/dist/modal/types.js

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

package/dist/modal/types.js.map

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

package/dist/modal/utils.d.ts

@@ -0,0 +1,9 @@
+import type { ModalProps } from './types';
+/**
+ * Вернет свойства Modal для формирования.
+ * @param config Настройки.
+ * @param config.size Размер на desktop-разрешениях.
+ * @param config.overlayProps Опции overlayProps.
+ * @return Свойства Modal.
+ */
+export declare function getResponsiveModalProps(config: Pick<ModalProps, 'size' | 'overlayProps'>): ModalProps;

package/dist/modal/utils.js

@@ -0,0 +1,61 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.getResponsiveModalProps = getResponsiveModalProps;
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./utils.module.scss"));
+/**
+ * Вернет свойства Modal для формирования.
+ * @param config Настройки.
+ * @param config.size Размер на desktop-разрешениях.
+ * @param config.overlayProps Опции overlayProps.
+ * @return Свойства Modal.
+ */
+function getResponsiveModalProps(config) {
+    const { size, overlayProps } = config;
+    return {
+        size: 'unset',
+        rounds: 'unset',
+        // ВАЖНО: накидываем класс именно на ModalOverlay так как размер влияет и на него в том числе
+        overlayProps: {
+            ...overlayProps,
+            className: (0, classnames_1.default)(styles[`size-${size}`], overlayProps?.className),
+        },
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/modal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/modal/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,0DAeC;AAzBD,4DAA4B;AAC5B,4DAA8C;AAE9C;;;;;;GAMG;AACH,SAAgB,uBAAuB,CACrC,MAAiD;IAEjD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;IAEtC,OAAO;QACL,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,OAAO;QAEf,6FAA6F;QAC7F,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,YAAY,EAAE,SAAS,CAAC;SAC/D;KACF,CAAC;AACJ,CAAC"}

package/dist/modal/utils.module.scss

@@ -0,0 +1,45 @@
+@use '../breakpoints';
+@use './modal-util';
+@use '../top-bar/top-bar-util';
+@use '../bottom-bar/bottom-bar-util';
+
+@include breakpoints.lt('xs') {
+  .size-s,
+  .size-m,
+  .size-l,
+  .size-xl,
+  .size-fullscreen {
+    @include modal-util.size-fullscreen;
+    @include top-bar-util.size-m;
+    @include bottom-bar-util.size-m;
+  }
+}
+
+@include breakpoints.gte('xs') {
+  .size-s {
+    @include modal-util.size-s;
+  }
+  .size-m {
+    @include modal-util.size-m;
+  }
+  .size-l {
+    @include modal-util.size-l;
+  }
+  .size-xl {
+    @include modal-util.size-xl;
+  }
+  .size-fullscreen {
+    @include modal-util.size-fullscreen;
+  }
+  .size-s,
+  .size-m,
+  .size-l,
+  .size-xl {
+    @include top-bar-util.size-m;
+    @include bottom-bar-util.size-m;
+  }
+  .size-fullscreen {
+    @include top-bar-util.size-xl;
+    @include bottom-bar-util.size-l;
+  }
+}

package/dist/modal-overlay/index.d.ts

@@ -0,0 +1,3 @@
+export type { ModalOverlayProps } from './types';
+export { ModalOverlay } from './modal-overlay';
+export { useExactClick, useVisualViewportPlacement } from './utils';

package/dist/modal-overlay/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVisualViewportPlacement = exports.useExactClick = exports.ModalOverlay = void 0;
+var modal_overlay_1 = require("./modal-overlay");
+Object.defineProperty(exports, "ModalOverlay", { enumerable: true, get: function () { return modal_overlay_1.ModalOverlay; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "useExactClick", { enumerable: true, get: function () { return utils_1.useExactClick; } });
+Object.defineProperty(exports, "useVisualViewportPlacement", { enumerable: true, get: function () { return utils_1.useVisualViewportPlacement; } });
+//# sourceMappingURL=index.js.map

package/dist/modal-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal-overlay/index.ts"],"names":[],"mappings":";;;AACA,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iCAAoE;AAA3D,sGAAA,aAAa,OAAA;AAAE,mHAAA,0BAA0B,OAAA"}

package/dist/modal-overlay/modal-overlay.d.ts

@@ -0,0 +1,7 @@
+import type { ModalOverlayProps } from './types';
+/**
+ * Полноэкранное затемнение для модальных компонентов (Alert, Modal, SidePage...).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ModalOverlay({ rootRef, children, className, style, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: ModalOverlayProps): import("react").JSX.Element;

package/dist/modal-overlay/modal-overlay.js

@@ -0,0 +1,62 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.ModalOverlay = ModalOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
+const layer_1 = require("../helpers/layer");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./modal-overlay.module.scss"));
+/**
+ * Полноэкранное затемнение для модальных компонентов (Alert, Modal, SidePage...).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ModalOverlay({ rootRef, children, className, style, withScrollDisable = false, scrollDisableOptions, 'data-testid': testId = 'modal-overlay', ...restProps }) {
+    const layer = (0, layer_1.useLayer)() + 100;
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
+    // ВАЖНО: поскольку у ModalOverlay тоже есть прокрутка - для него тоже надо блокировать прокрутку страницы (в частности на iPad)
+    (0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
+    return ((0, jsx_runtime_1.jsx)(layer_1.LayerProvider, { value: layer, children: (0, jsx_runtime_1.jsx)("div", { ...restProps, ref: ref, className: (0, classnames_1.default)(styles.root, className), "data-testid": testId, style: {
+                ...style,
+                zIndex: layer, // ВАЖНО: z-index должен быть на том же элементе что и position: fixed
+            }, children: children }) }));
+}
+//# sourceMappingURL=modal-overlay.js.map

package/dist/modal-overlay/modal-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-overlay.js","sourceRoot":"","sources":["../../src/modal-overlay/modal-overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,oCAmCC;;AA9CD,iCAAoD;AACpD,oEAAkE;AAClE,4CAA2D;AAC3D,4DAA4B;AAC5B,oEAAsD;AAEtD;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,aAAa,EAAE,MAAM,GAAG,eAAe,EACvC,GAAG,SAAS,EACM;IAClB,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,GAAG,GAAG,CAAC;IAE/B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,2BAAmB,EAA+C,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,gIAAgI;IAChI,IAAA,oCAAiB,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEpF,OAAO,CACL,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,YACzB,mCACM,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBACxB,MAAM,EACnB,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE,KAAK,EAAE,sEAAsE;aACtF,YAEA,QAAQ,GACL,GACQ,CACjB,CAAC;AACJ,CAAC"}

package/dist/modal-overlay/types.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { WithTestId } from '../types';
+import type { WithPageScrollLock } from '../_internal/page-scroll-lock';
+export interface ModalOverlayProps extends HTMLAttributes<HTMLDivElement>, WithPageScrollLock, WithTestId {
+    /** Реф корневого элемента. */
+    rootRef?: Ref<HTMLDivElement>;
+}

package/dist/modal-overlay/types.js

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

package/dist/modal-overlay/types.js.map

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

package/dist/modal-overlay/utils.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties, MouseEventHandler } from 'react';
+/**
+ * Вызывает callback только если клик был начат и закончен на одном и том же элементе.
+ * @param onExactClick Сработает при клике.
+ * @param options Опции.
+ * @return Свойства для целевого элемента.
+ * @todo Экспортировать из точки входа modal-overlay.
+ */
+export declare function useExactClick(onExactClick: VoidFunction | undefined, { onMouseDown, onMouseUp, }?: {
+    onMouseDown?: MouseEventHandler;
+    onMouseUp?: MouseEventHandler;
+}): {
+    onMouseUp: MouseEventHandler;
+    onMouseDown: MouseEventHandler;
+};
+/**
+ * Возвращает пропсы со стилям, которые формируют размер и позицию на основе window.visualViewport.
+ * @return Пропсы.
+ */
+export declare function useVisualViewportPlacement(): {
+    style: CSSProperties;
+};

package/dist/modal-overlay/utils.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExactClick = useExactClick;
+exports.useVisualViewportPlacement = useVisualViewportPlacement;
+const react_1 = require("react");
+const use_identity_ref_1 = require("../hooks/use-identity-ref");
+/**
+ * Вызывает callback только если клик был начат и закончен на одном и том же элементе.
+ * @param onExactClick Сработает при клике.
+ * @param options Опции.
+ * @return Свойства для целевого элемента.
+ * @todo Экспортировать из точки входа modal-overlay.
+ */
+function useExactClick(onExactClick, { onMouseDown, onMouseUp, } = {}) {
+    const callbackRef = (0, use_identity_ref_1.useIdentityRef)(onExactClick);
+    const mouseDownTarget = (0, react_1.useRef)(null);
+    const handleMouseDown = (0, react_1.useCallback)(event => {
+        onMouseDown?.(event);
+        if (event.button === 0) {
+            mouseDownTarget.current = event.target;
+        }
+    }, []);
+    const handleMouseUp = (0, react_1.useCallback)(event => {
+        const fn = callbackRef.current;
+        onMouseUp?.(event);
+        fn &&
+            event.button === 0 &&
+            event.target === event.currentTarget &&
+            event.currentTarget === mouseDownTarget.current &&
+            fn();
+    }, []);
+    return { onMouseUp: handleMouseUp, onMouseDown: handleMouseDown };
+}
+/**
+ * Возвращает пропсы со стилям, которые формируют размер и позицию на основе window.visualViewport.
+ * @return Пропсы.
+ */
+function useVisualViewportPlacement() {
+    const [state, setState] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        const { visualViewport } = window;
+        if (!visualViewport) {
+            return;
+        }
+        /** Сохраняет значения visualViewport в состояние. */
+        const callback = () => {
+            setState({
+                width: visualViewport.width * visualViewport.scale,
+                height: visualViewport.height * visualViewport.scale,
+                // @todo проверить на реальном устройстве зум пальцами (iPad с показанной клавиатурой)
+                offsetTop: visualViewport.scale === 1 ? visualViewport.offsetTop : 0,
+                offsetLeft: visualViewport.scale === 1 ? visualViewport.offsetLeft : 0,
+            });
+        };
+        visualViewport.addEventListener('resize', callback);
+        visualViewport.addEventListener('scroll', callback);
+        window.addEventListener('resize', callback);
+        window.addEventListener('orientationchange', callback);
+        callback();
+        return () => {
+            visualViewport.removeEventListener('resize', callback);
+            visualViewport.removeEventListener('scroll', callback);
+            window.removeEventListener('resize', callback);
+            window.removeEventListener('orientationchange', callback);
+        };
+    }, []);
+    return {
+        style: state
+            ? {
+                top: `${state.offsetTop}px`,
+                left: `${state.offsetLeft}px`,
+                width: `${state.width}px`,
+                height: `${state.height}px`,
+            }
+            : {},
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/modal-overlay/utils.js.map

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

package/dist/no-index/index.d.ts

@@ -0,0 +1,4 @@
+export type { NoIndexProps, NoIndexMarkProps } from './types';
+export { NoIndex } from './no-index';
+export { NoIndexMark } from './no-index-mark';
+export { wrapNoIndex, getNoIndexProps } from './utils';

package/dist/no-index/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNoIndexProps = exports.wrapNoIndex = exports.NoIndexMark = exports.NoIndex = void 0;
+var no_index_1 = require("./no-index");
+Object.defineProperty(exports, "NoIndex", { enumerable: true, get: function () { return no_index_1.NoIndex; } });
+var no_index_mark_1 = require("./no-index-mark");
+Object.defineProperty(exports, "NoIndexMark", { enumerable: true, get: function () { return no_index_mark_1.NoIndexMark; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "wrapNoIndex", { enumerable: true, get: function () { return utils_1.wrapNoIndex; } });
+Object.defineProperty(exports, "getNoIndexProps", { enumerable: true, get: function () { return utils_1.getNoIndexProps; } });
+//# sourceMappingURL=index.js.map

package/dist/no-index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/no-index/index.ts"],"names":[],"mappings":";;;AACA,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,iDAA8C;AAArC,4GAAA,WAAW,OAAA;AACpB,iCAAuD;AAA9C,oGAAA,WAAW,OAAA;AAAE,wGAAA,eAAe,OAAA"}

package/dist/no-index/no-index-mark.d.ts

@@ -0,0 +1,7 @@
+import type { NoIndexMarkProps } from './types';
+/**
+ * Span с комментарием начала или конца неиндексируемого контента.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function NoIndexMark({ closing }: NoIndexMarkProps): import("react").JSX.Element;

package/dist/no-index/no-index-mark.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoIndexMark = NoIndexMark;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const open = '<!--noindex-->';
+const close = '<!--/noindex-->';
+/**
+ * Span с комментарием начала или конца неиндексируемого контента.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function NoIndexMark({ closing }) {
+    return (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: closing ? close : open } });
+}
+//# sourceMappingURL=no-index-mark.js.map

package/dist/no-index/no-index-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-index-mark.js","sourceRoot":"","sources":["../../src/no-index/no-index-mark.tsx"],"names":[],"mappings":";;AAUA,kCAEC;;AAVD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAC9B,MAAM,KAAK,GAAG,iBAAiB,CAAC;AAEhC;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAAE,OAAO,EAAoB;IACvD,OAAO,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,GAAI,CAAC;AAC/E,CAAC"}

package/dist/no-index/no-index.d.ts

@@ -0,0 +1,7 @@
+import type { NoIndexProps } from './types';
+/**
+ * Неиндексируемый контент.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function NoIndex({ children }: NoIndexProps): import("react").JSX.Element;

package/dist/no-index/no-index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoIndex = NoIndex;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const no_index_mark_1 = require("./no-index-mark");
+/**
+ * Неиндексируемый контент.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function NoIndex({ children }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(no_index_mark_1.NoIndexMark, {}), children, (0, jsx_runtime_1.jsx)(no_index_mark_1.NoIndexMark, { closing: true })] }));
+}
+//# sourceMappingURL=no-index.js.map

package/dist/no-index/no-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-index.js","sourceRoot":"","sources":["../../src/no-index/no-index.tsx"],"names":[],"mappings":";;AAQA,0BAQC;;AAfD,mDAA8C;AAE9C;;;;GAIG;AACH,SAAgB,OAAO,CAAC,EAAE,QAAQ,EAAgB;IAChD,OAAO,CACL,6DACE,uBAAC,2BAAW,KAAG,EACd,QAAQ,EACT,uBAAC,2BAAW,IAAC,OAAO,SAAG,IACtB,CACJ,CAAC;AACJ,CAAC"}

package/dist/no-index/types.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface NoIndexMarkProps {
+    /** Флаг закрывающегося тэга. */
+    closing?: boolean;
+}
+export interface NoIndexProps {
+    /** Содержимое. */
+    children?: ReactNode;
+}

package/dist/no-index/types.js

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

package/dist/no-index/types.js.map

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

package/dist/no-index/utils.d.ts

@@ -0,0 +1,13 @@
+import type { DOMAttributes } from 'react';
+/**
+ * Оборачивает строку html-комментариями <!--noindex--> для запрета отслеживания контента поисковиками.
+ * @param content Исходная строка.
+ * @return Новая строка.
+ */
+export declare function wrapNoIndex(content: unknown): string;
+/**
+ * Возвращает пропсы dangerouslySetInnerHTML с исходной строкой в тэге <!--noindex--> для запрета отслеживания контента поисковиками.
+ * @param content Исходная строка.
+ * @return Объект, содержащий обернутую строку, для использования c атрибутом dangerouslySetInnerHTML.
+ */
+export declare function getNoIndexProps(content: unknown): Pick<DOMAttributes<any>, 'dangerouslySetInnerHTML'>;

package/dist/no-index/utils.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapNoIndex = wrapNoIndex;
+exports.getNoIndexProps = getNoIndexProps;
+/**
+ * Оборачивает строку html-комментариями <!--noindex--> для запрета отслеживания контента поисковиками.
+ * @param content Исходная строка.
+ * @return Новая строка.
+ */
+function wrapNoIndex(content) {
+    // ВАЖНО: проверка согласно тому как работает React (https://legacy.reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored)
+    return (content && content !== true) || content === 0
+        ? `<!--noindex-->${String(content)}<!--/noindex-->`
+        : '';
+}
+/**
+ * Возвращает пропсы dangerouslySetInnerHTML с исходной строкой в тэге <!--noindex--> для запрета отслеживания контента поисковиками.
+ * @param content Исходная строка.
+ * @return Объект, содержащий обернутую строку, для использования c атрибутом dangerouslySetInnerHTML.
+ */
+function getNoIndexProps(content) {
+    return {
+        dangerouslySetInnerHTML: {
+            __html: wrapNoIndex(content),
+        },
+    };
+}
+//# sourceMappingURL=utils.js.map