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

package/modal/utils.m.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/modal-overlay/index.d.ts

@@ -1,13 +1,3 @@
-import { HTMLAttributes, Ref } from 'react';
-export interface ModalOverlayProps extends HTMLAttributes<HTMLDivElement> {
-    /** Реф корневого элемента. */
-    rootRef?: Ref<HTMLDivElement>;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Полноэкранное затемнение для модальных компонентов (Alert, Modal, SidePage...).
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function ModalOverlay({ rootRef, children, className, style, 'data-testid': testId, ...restProps }: ModalOverlayProps): JSX.Element;
+export type { ModalOverlayProps } from './types';
+export { ModalOverlay } from './modal-overlay';
+export { useExactClick, useVisualViewportPlacement } from './utils';

package/modal-overlay/index.js

@@ -1,60 +1,9 @@
 "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 __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.ModalOverlay = void 0;
-const react_1 = __importStar(require("react"));
-const styles_1 = require("../hooks/styles");
-const layer_1 = require("../helpers/layer");
-const classnames_1 = __importDefault(require("classnames"));
-const modal_overlay_module_scss_1 = __importDefault(require("./modal-overlay.module.scss"));
-/**
- * Полноэкранное затемнение для модальных компонентов (Alert, Modal, SidePage...).
- * @param props Свойства.
- * @return Элемент.
- */
-function ModalOverlay(_a) {
-    var { rootRef, children, className, style, 'data-testid': testId = 'modal-overlay' } = _a, restProps = __rest(_a, ["rootRef", "children", "className", "style", 'data-testid']);
-    const layer = (0, layer_1.useLayer)() + 100;
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
-    (0, styles_1.useViewportHeightUnit)(ref);
-    return (react_1.default.createElement(layer_1.LayerProvider, { value: layer },
-        react_1.default.createElement("div", Object.assign({}, restProps, { ref: ref, className: (0, classnames_1.default)(modal_overlay_module_scss_1.default.root, className), "data-testid": testId, style: Object.assign(Object.assign({}, style), { zIndex: layer }) }), children)));
-}
-exports.ModalOverlay = ModalOverlay;
+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/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/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-runtime").JSX.Element;

package/modal-overlay/modal-overlay.js

@@ -0,0 +1,29 @@
+"use strict";
+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 modal_overlay_m_scss_1 = __importDefault(require("./modal-overlay.m.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)(modal_overlay_m_scss_1.default.root, className), "data-testid": testId, style: {
+                ...style,
+                zIndex: layer, // ВАЖНО: z-index должен быть на том же элементе что и position: fixed
+            }, children: children }) }));
+}
+//# sourceMappingURL=modal-overlay.js.map

package/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,4DAAoC;AACpC,kFAA4C;AAE5C;;;;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,oBAAU,EAAC,8BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBAChC,MAAM,EACnB,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE,KAAK,EAAE,sEAAsE;aACtF,YAEA,QAAQ,GACL,GACQ,CACjB,CAAC;AACJ,CAAC"}

package/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/modal-overlay/types.js

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

package/modal-overlay/types.js.map

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

package/modal-overlay/utils.d.ts

@@ -1,14 +1,22 @@
-import { MouseEventHandler } from 'react';
+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<Element>;
-    onMouseDown: MouseEventHandler<Element>;
+    onMouseUp: MouseEventHandler;
+    onMouseDown: MouseEventHandler;
+};
+/**
+ * Возвращает пропсы со стилям, которые формируют размер и позицию на основе window.visualViewport.
+ * @return Пропсы.
+ */
+export declare function useVisualViewportPlacement(): {
+    style: CSSProperties;
 };

package/modal-overlay/utils.js

@@ -1,26 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useExactClick = void 0;
+exports.useExactClick = useExactClick;
+exports.useVisualViewportPlacement = useVisualViewportPlacement;
 const react_1 = require("react");
-const identity_1 = require("../hooks/identity");
+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, identity_1.useIdentityRef)(onExactClick);
+    const callbackRef = (0, use_identity_ref_1.useIdentityRef)(onExactClick);
     const mouseDownTarget = (0, react_1.useRef)(null);
     const handleMouseDown = (0, react_1.useCallback)(event => {
-        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+        onMouseDown?.(event);
         if (event.button === 0) {
             mouseDownTarget.current = event.target;
         }
     }, []);
     const handleMouseUp = (0, react_1.useCallback)(event => {
         const fn = callbackRef.current;
-        onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(event);
+        onMouseUp?.(event);
         fn &&
             event.button === 0 &&
             event.target === event.currentTarget &&
@@ -29,4 +31,48 @@ function useExactClick(onExactClick, { onMouseDown, onMouseUp, } = {}) {
     }, []);
     return { onMouseUp: handleMouseUp, onMouseDown: handleMouseDown };
 }
-exports.useExactClick = useExactClick;
+/**
+ * Возвращает пропсы со стилям, которые формируют размер и позицию на основе 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/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/no-index/index.d.ts

@@ -1,11 +1,4 @@
-import React from 'react';
-export interface NoIndexProps {
-    /** Содержимое. */
-    children?: React.ReactNode;
-}
-/**
- * Компонент отображает неиндексируемый контент.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const NoIndex: React.FC<NoIndexProps>;
+export type { NoIndexProps, NoIndexMarkProps } from './types';
+export { NoIndex } from './no-index';
+export { NoIndexMark } from './no-index-mark';
+export { wrapNoIndex, getNoIndexProps } from './utils';

package/no-index/index.js

@@ -1,18 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoIndex = void 0;
-const react_1 = __importDefault(require("react"));
-const no_index_mark_1 = require("../no-index-mark");
-/**
- * Компонент отображает неиндексируемый контент.
- * @param props Свойства.
- * @return Элемент.
- */
-const NoIndex = ({ children }) => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(no_index_mark_1.NoIndexMark, null),
-    children,
-    react_1.default.createElement(no_index_mark_1.NoIndexMark, { closing: true })));
-exports.NoIndex = NoIndex;
+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/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/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-runtime").JSX.Element;

package/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/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/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-runtime").JSX.Element;

package/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/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/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/no-index/types.js

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

package/no-index/types.js.map

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

package/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/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

package/no-index/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/no-index/utils.ts"],"names":[],"mappings":";;AAOA,kCAKC;AAOD,0CAQC;AAzBD;;;;GAIG;AACH,SAAgB,WAAW,CAAC,OAAgB;IAC1C,+IAA+I;IAC/I,OAAO,CAAC,OAAO,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,OAAO,KAAK,CAAC;QACnD,CAAC,CAAC,iBAAiB,MAAM,CAAC,OAAO,CAAC,iBAAiB;QACnD,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,OAAgB;IAEhB,OAAO;QACL,uBAAuB,EAAE;YACvB,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC;SAC7B;KACF,CAAC;AACJ,CAAC"}