@sima-land/ui-nucleons 44.2.9 → 45.0.0-alpha.0

package/unknown-content/unknown-content.module.scss

@@ -120,34 +120,38 @@
     }
   }
   ol {
-    display: block;
+    // ВАЖНО: экспериментально используем стили таблицы чтобы содержимое элемента списка не залезало под номер
+    // это не позволяет сделать отступ от номера 12px по гайдам - согласовано с дизайнерами
+    // при возникновении проблем пересмотреть подход
+    display: table;
+    border-spacing: 0 16px;
     counter-reset: ordered-list;
     list-style: none;
     li {
-      display: flex;
-      flex-direction: row;
-      list-style-position: inside;
+      display: table-row;
       counter-increment: ordered-list;
     }
     li::before {
       content: counter(ordered-list) '.';
-      display: block;
-      flex-grow: 0;
-      margin-right: 12px;
+      display: table-cell;
+
+      // ВАЖНО: 10 вместо 12 по гайдам - согласовано с дизайнерами
+      // уменьшили потому что при табличной стилизации отступ от номера формируется по самому длинному номеру
+      padding-right: 10px;
     }
   }
   ul {
+    display: table;
+    border-spacing: 0 16px;
     list-style: none;
     li {
-      display: flex;
-      flex-direction: row;
-      list-style-position: inside;
+      display: table-row;
       counter-increment: ordered-list;
     }
     li::before {
-      display: block;
       content: '—';
-      margin-right: 12px;
+      display: table-cell;
+      padding-right: 10px;
     }
   }
 

package/upload-area/index.d.ts

@@ -0,0 +1,2 @@
+export type { UploadAreaProps, UploadAreaSize } from './types';
+export { UploadArea } from './upload-area';

package/upload-area/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadArea = void 0;
+var upload_area_1 = require("./upload-area");
+Object.defineProperty(exports, "UploadArea", { enumerable: true, get: function () { return upload_area_1.UploadArea; } });

package/upload-area/types.d.ts

@@ -0,0 +1,32 @@
+import type { ChangeEvent, CSSProperties, DragEvent, HTMLAttributes, InputHTMLAttributes } from 'react';
+export type UploadAreaSize = 's' | 'm';
+export interface UploadAreaProps {
+    /** Размер. */
+    size?: UploadAreaSize | 'unset';
+    /** CSS-класс корневого элемента. */
+    className?: string;
+    /** Стили корневого элемента. */
+    style?: CSSProperties;
+    /** Ограничение на количество файлов. */
+    countLimit?: number;
+    /** Состояние с ошибками валидации. */
+    failed?: boolean;
+    /** Отключенное состояния. */
+    disabled?: boolean;
+    /** Роль файлов. */
+    fileRole?: string;
+    /** Форматы файлов, выводятся пользователю. */
+    formats?: string;
+    /** Ограничение на количество файлов. */
+    multiple?: boolean;
+    /** Сработает при выборе или перетаскивании файлов, получив список файлов и событие. */
+    onSelect?: (list: File[], event: DragEvent<HTMLElement> | ChangeEvent<HTMLInputElement>) => void;
+    /** Ограничение на размер. */
+    sizeLimit?: string;
+    /** Свойства корневого элемента. */
+    rootProps?: HTMLAttributes<HTMLElement>;
+    /** Свойства элемента input. */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /** Идентификатор для систем автоматизированного тестирования. */
+    'data-testid'?: string;
+}

package/upload-area/types.js

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

package/upload-area/upload-area-util.scss

@@ -0,0 +1,17 @@
+@mixin size-s {
+  --padding-x: 16px;
+  --padding-y: 20px;
+  --justify-content: flex-start;
+  --icon-size: 0;
+  --icon-display: none;
+  --min-height: calc(48px + (2 * var(--padding-y)));
+}
+
+@mixin size-m {
+  --padding-x: 60px;
+  --padding-y: 20px;
+  --justify-content: center;
+  --icon-size: 64px;
+  --icon-display: block;
+  --min-height: calc(var(--icon-size) + (2 * var(--padding-y)));
+}

package/upload-area/upload-area.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { UploadAreaProps } from './types';
+/**
+ * Поля выбора файлов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function UploadArea({ className, style, size, multiple, disabled, failed, formats, fileRole, countLimit, onSelect, sizeLimit, rootProps, inputProps, 'data-testid': testId, }: UploadAreaProps): JSX.Element;

package/upload-area/upload-area.js

@@ -0,0 +1,105 @@
+"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.UploadArea = void 0;
+const react_1 = __importStar(require("react"));
+const link_1 = require("../link");
+const utils_1 = require("./utils");
+const lodash_1 = require("lodash");
+const get_declination_1 = require("../helpers/get-declination");
+const upload_svg_1 = __importDefault(require("./upload.svg"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const upload_area_module_scss_1 = __importDefault(require("./upload-area.module.scss"));
+const cx = bind_1.default.bind(upload_area_module_scss_1.default);
+/**
+ * Поля выбора файлов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function UploadArea({ className, style, size = 'm', multiple, disabled, failed, formats, fileRole = 'файл', countLimit = multiple ? undefined : 1, onSelect, sizeLimit, rootProps, inputProps, 'data-testid': testId = 'upload-area', }) {
+    const inputRef = (0, react_1.useRef)(null);
+    const secondaryInfo = (0, lodash_1.upperFirst)([
+        typeof countLimit === 'number' && countLimit > 0
+            ? `${countLimit} ${(0, get_declination_1.getDeclination)(countLimit, ['файл', 'файла', 'файлов'])}`
+            : null,
+        formats ? `формат ${formats}` : null,
+        sizeLimit ? `до ${sizeLimit}` : null,
+    ]
+        .filter(Boolean)
+        .join(', '));
+    const filterFiles = (0, react_1.useCallback)((files) => {
+        const result = [...files];
+        multiple
+            ? countLimit && Number.isFinite(countLimit) && result.splice(countLimit)
+            : result.splice(1);
+        return result;
+    }, [multiple, countLimit]);
+    const onInputChange = (0, react_1.useCallback)(event => {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(filterFiles(event.target.files || []), event);
+        // очищаем поле чтобы можно было выбрать тот же файл повторно
+        event.target.value = '';
+    }, [filterFiles, onSelect]);
+    const { active, bind } = (0, utils_1.useFilesDrop)(event => {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(filterFiles(event.dataTransfer.files), event);
+    });
+    const rootClassName = cx('root', size !== 'unset' && `size-${size}`, { active, failed, disabled }, className);
+    return (react_1.default.createElement("div", Object.assign({}, rootProps, bind, { "data-testid": testId, style: style, className: rootClassName, tabIndex: disabled ? -1 : 0, role: 'button', onFocus: event => {
+            var _a;
+            if (!disabled) {
+                (_a = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(rootProps, event);
+            }
+        }, onClick: event => {
+            var _a, _b;
+            if (!disabled) {
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                (_b = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onClick) === null || _b === void 0 ? void 0 : _b.call(rootProps, event);
+            }
+        }, onKeyDown: event => {
+            var _a, _b;
+            // имитируем поведение кнопки
+            if (!disabled && ['Enter', 'Space'].includes(event.code)) {
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                (_b = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onKeyDown) === null || _b === void 0 ? void 0 : _b.call(rootProps, event);
+            }
+        }, onBlur: event => {
+            var _a;
+            (_a = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(rootProps, event);
+        } }),
+        react_1.default.createElement(upload_svg_1.default, { className: cx('icon') }),
+        react_1.default.createElement("div", { className: cx('info') },
+            react_1.default.createElement("div", { className: cx('text', 'primary') },
+                react_1.default.createElement("input", Object.assign({}, inputProps, { ref: inputRef, type: 'file', multiple: multiple, className: cx('input'), onChange: onInputChange, onClick: e => {
+                        // для того чтобы при клике на корневом элементе не вызывался второй клик
+                        e.stopPropagation();
+                    }, "data-testid": 'upload-area:input', disabled: disabled })),
+                react_1.default.createElement(link_1.Link, { pseudo: true, "data-testid": 'upload-area:anchor', disabled: disabled },
+                    "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 ",
+                    fileRole)),
+            secondaryInfo && react_1.default.createElement("div", { className: cx('text', 'secondary') }, secondaryInfo))));
+}
+exports.UploadArea = UploadArea;

package/upload-area/upload-area.module.scss

@@ -0,0 +1,78 @@
+@use '../colors';
+@use './upload-area-util';
+
+.root {
+  --secondary-text-color: #{colors.$basic-gray38};
+  display: flex;
+  align-items: center;
+  justify-content: var(--justify-content);
+  padding: calc(var(--padding-y) - 1px) calc(var(--padding-x) - 1px);
+  min-height: var(--min-height);
+  border-radius: 8px;
+  border: 1px dashed colors.$basic-gray24;
+  max-width: 100%;
+  overflow: hidden;
+  outline: 0;
+  background: #fff;
+  &.size-s {
+    @include upload-area-util.size-s;
+  }
+  &.size-m {
+    @include upload-area-util.size-m;
+  }
+  &:not(.disabled):hover {
+    cursor: pointer;
+    border-color: colors.$basic-blue;
+  }
+  &:not(.disabled).active,
+  &:not(.disabled):focus-visible {
+    border-color: colors.$basic-blue;
+    border-style: solid;
+  }
+  &.disabled {
+    background: colors.$basic-gray4;
+    --secondary-text-color: #{colors.$basic-gray24};
+  }
+  &.failed {
+    --secondary-text-color: #{colors.$additional-deep-red};
+  }
+}
+
+.icon {
+  width: var(--icon-size);
+  height: var(--icon-size);
+  display: var(--icon-display);
+  flex-shrink: 0;
+  margin-right: 24px;
+  fill: colors.$basic-gray24;
+}
+
+.info {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  align-items: flex-start;
+  text-align: left;
+  .text {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    &.primary {
+      font-size: 16px;
+      line-height: 24px;
+    }
+    &.secondary {
+      margin-top: 4px;
+      font-size: 14px;
+      line-height: 20px;
+      color: var(--secondary-text-color);
+    }
+  }
+}
+
+.input {
+  display: none;
+}

package/upload-area/utils.d.ts

@@ -0,0 +1,17 @@
+import { DragEventHandler } from 'react';
+type UseFilesDropResult<T> = {
+    active: boolean;
+    bind: {
+        onDragEnter: DragEventHandler<T>;
+        onDragOver: DragEventHandler<T>;
+        onDragLeave: DragEventHandler<T>;
+        onDrop: DragEventHandler<T>;
+    };
+};
+/**
+ * Хук обработки перетаскивания файлов на элемент.
+ * @param callback Опции.
+ * @return Данные.
+ */
+export declare function useFilesDrop<T extends HTMLElement = HTMLElement>(callback: DragEventHandler<T>): UseFilesDropResult<T>;
+export {};

package/upload-area/utils.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilesDrop = void 0;
+const react_1 = require("react");
+const identity_1 = require("../hooks/identity");
+/**
+ * Хук обработки перетаскивания файлов на элемент.
+ * @param callback Опции.
+ * @return Данные.
+ */
+function useFilesDrop(callback) {
+    const [active, setActive] = (0, react_1.useState)(false);
+    const callbackRef = (0, identity_1.useIdentityRef)(callback);
+    const onDragEnter = (0, react_1.useCallback)(event => {
+        event.preventDefault();
+        setActive(true);
+    }, []);
+    const onDragOver = (0, react_1.useCallback)(event => {
+        event.preventDefault();
+        setActive(true);
+    }, []);
+    const onDragLeave = (0, react_1.useCallback)(event => {
+        event.preventDefault();
+        const { currentTarget, relatedTarget } = event;
+        // игнорируем переход по дочерним элементам
+        if (!relatedTarget ||
+            (currentTarget instanceof Node &&
+                relatedTarget instanceof Node &&
+                !currentTarget.contains(relatedTarget))) {
+            setActive(false);
+        }
+    }, []);
+    const onDrop = (0, react_1.useCallback)(event => {
+        event.preventDefault();
+        setActive(false);
+        callbackRef.current(event);
+    }, []);
+    return {
+        active,
+        bind: {
+            onDragEnter,
+            onDragOver,
+            onDragLeave,
+            onDrop,
+        },
+    };
+}
+exports.useFilesDrop = useFilesDrop;

package/utils.scss

@@ -1,4 +1,8 @@
-// скрывает полосы прокрутки у элемента
+@use './colors';
+
+/**
+ * Скрывает полосы прокрутки у элемента.
+ */
 @mixin hidden-scrollbars {
   scrollbar-width: none; // Firefox
   overflow: -moz-scrollbars-none; // old Firefox
@@ -7,3 +11,72 @@
     display: none; // Chrome, Safari, Opera
   }
 }
+
+/**
+ * стилизует полосы прокрутки по дизайн-гайдам с ограничениями:
+ * - в браузерах на основе webkit/blink (Chrome, Opera, Safari) полоса прокрутки не накладывается поверх контента
+ * - в браузерах которые поддерживают только стандартизированный способ стилизации (Firefox) определяет только цвет ползунка
+ */
+@mixin semi-stylized-scrollbars($bg-color: #fff) {
+  // firefox
+  scrollbar-width: thin;
+  scrollbar-color: colors.$basic-gray12 transparent;
+
+  // webkit
+  &::-webkit-scrollbar {
+    width: 12px;
+  }
+  &::-webkit-scrollbar-track {
+    background: $bg-color;
+    border-radius: 4px;
+  }
+  &::-webkit-scrollbar-thumb {
+    border: 4px solid $bg-color;
+    border-radius: 12px;
+    background: colors.$basic-gray12;
+  }
+}
+
+/**
+ * Полный сброс стилей button до состояния сравнимого с div.
+ * взято отсюда: https://gist.github.com/MoOx/9137295
+ */
+@mixin reset-button {
+  outline: none;
+  border: none;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  overflow: visible;
+
+  background: transparent;
+
+  /* inherit font & color from ancestor */
+  color: inherit;
+  font: inherit;
+
+  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
+  line-height: normal;
+
+  /* Corrects font smoothing for webkit */
+  -webkit-font-smoothing: inherit;
+  -moz-osx-font-smoothing: inherit;
+
+  /* Corrects inability to style clickable `input` types in iOS */
+  -webkit-appearance: none;
+
+  /* Remove excess padding and border in Firefox 4+ */
+  &::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+}
+
+/**
+ * Формирует стандартную визуальную подсветку для состояния focus-visible.
+ */
+@mixin focus-visible() {
+  &:focus-visible {
+    outline: 2px solid colors.$basic-blue;
+  }
+}

package/with-hint/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { HintProps } from '../hint';
-declare type ChildrenFn = (ref: React.RefObject<Element>, toggle: (opened: boolean) => void) => React.ReactNode;
+import { HintProps } from '../hint-deprecated';
+type ChildrenFn = (ref: React.RefObject<Element>, toggle: (opened: boolean) => void) => React.ReactNode;
 export interface WithHintProps {
     /** Содержимое хинта. */
     hint: React.ReactNode;
@@ -15,6 +15,7 @@ export interface WithHintProps {
 }
 /**
  * Компонент вывода "хинта" рядом с заданным элементом.
+ * @deprecated Следует использовать `hint`.
  * @param props Свойства.
  * @return Элемент.
  */

package/with-hint/index.js

@@ -30,6 +30,7 @@ const positioning_hint_1 = require("./positioning-hint");
 const utils_1 = require("./utils");
 /**
  * Компонент вывода "хинта" рядом с заданным элементом.
+ * @deprecated Следует использовать `hint`.
  * @param props Свойства.
  * @return Элемент.
  */

package/with-hint/positioning-hint.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HintProps } from '../hint';
+import { HintProps } from '../hint-deprecated';
 interface Props extends HintProps {
     openerRef: React.RefObject<Element | undefined | null>;
 }

package/with-hint/positioning-hint.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PositioningHint = void 0;
 const react_1 = __importStar(require("react"));
-const hint_1 = require("../hint");
+const hint_deprecated_1 = require("../hint-deprecated");
 const utils_1 = require("./utils");
 const bind_1 = __importDefault(require("classnames/bind"));
 const positioning_hint_module_scss_1 = __importDefault(require("./positioning-hint.module.scss"));
@@ -48,6 +48,6 @@ const PositioningHint = ({ children, direction, openerRef }) => {
             utils_1.PlaceAt[direction](ref.current, openerRef.current);
         }
     }, [direction, children]);
-    return (react_1.default.createElement(hint_1.Hint, { ref: ref, direction: direction, className: cx('hint', 'hidden'), style: { zIndex: layer + 1 }, children: children }));
+    return (react_1.default.createElement(hint_deprecated_1.Hint, { ref: ref, direction: direction, className: cx('hint', 'hidden'), style: { zIndex: layer + 1 }, children: children }));
 };
 exports.PositioningHint = PositioningHint;

package/with-tooltip/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type ChildrenFn = (ref: React.RefObject<HTMLElement>, toggle: (opened: boolean) => void, shown: boolean) => React.ReactNode;
+type ChildrenFn = (ref: React.RefObject<HTMLElement>, toggle: (opened: boolean) => void, shown: boolean) => React.ReactNode;
 export interface WithTooltipProps {
     /** Сработает при клике вне подсказки или на крестик в ней. */
     onDismiss?: () => void;
@@ -10,6 +10,7 @@ export interface WithTooltipProps {
 }
 /**
  * Компонент, добавляющий к содержимому подсказку.
+ * @deprecated Можно использовать `popup/utils`.
  * @param props Свойства.
  * @return Элемент.
  */

package/with-tooltip/index.js

@@ -30,6 +30,7 @@ const portal_1 = require("../portal");
 const positioning_tooltip_1 = require("./positioning-tooltip");
 /**
  * Компонент, добавляющий к содержимому подсказку.
+ * @deprecated Можно использовать `popup/utils`.
  * @param props Свойства.
  * @return Элемент.
  */

package/with-tooltip/utils.d.ts

@@ -1,5 +1,5 @@
-declare type DOMRectLike = Record<typeof rectKeys[number], number>;
-declare type CanPlaceFn = (holder: HTMLElement, tooltipEl: HTMLElement, area: DOMRectLike) => boolean;
+type DOMRectLike = Record<(typeof rectKeys)[number], number>;
+type CanPlaceFn = (holder: HTMLElement, tooltipEl: HTMLElement, area: DOMRectLike) => boolean;
 declare const rectKeys: readonly ["top", "left", "bottom", "right", "width", "height"];
 export declare const CanPlace: Record<'onRight' | 'onLeft' | 'onBottom' | 'onTop', CanPlaceFn>;
 export declare const PlaceOffset: {

package/_internal/body-scroll.d.ts

@@ -1,23 +0,0 @@
-import { BodyScrollOptions } from 'body-scroll-lock';
-export interface WithBodyScrollLock {
-    /** Нужно ли выключать прокрутку body. */
-    withScrollDisable?: boolean;
-    /** Опции отключения прокрутки. */
-    scrollDisableOptions?: BodyScrollOptions;
-}
-/**
- * Хук управления блокировкой прокрутки body.
- * @param ref Реф элемента для которого нужно отключить прокрутку body.
- * @param needDisable Нужно ли отключать.
- * @param options Опции.
- */
-export declare const useBodyScrollLock: (ref: React.RefObject<HTMLElement>, needDisable: boolean | undefined, options?: BodyScrollOptions | undefined) => void;
-/**
- * Проверяет необходимость блокировки дочерних элементов в прокручиваемом элементе.
- * Необходима для того, чтобы в прокручиваемых контейнерах вложенные прокручиваемые элементы,
- * имеющие специальный атрибут, прокручивались нормально.
- * @see {@link https://github.com/willmcpo/body-scroll-lock#more-complex}
- * @param startEl Начальный элемент.
- * @return Нужно ли позволить перетаскивание элемента.
- */
-export declare const allowTouchMove: Required<BodyScrollOptions>['allowTouchMove'];

package/_internal/body-scroll.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.allowTouchMove = exports.useBodyScrollLock = void 0;
-const body_scroll_lock_1 = require("body-scroll-lock");
-const constants_1 = require("../constants");
-const hooks_1 = require("../hooks");
-/**
- * Хук управления блокировкой прокрутки body.
- * @param ref Реф элемента для которого нужно отключить прокрутку body.
- * @param needDisable Нужно ли отключать.
- * @param options Опции.
- */
-const useBodyScrollLock = (ref, needDisable, options) => {
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        const element = ref.current;
-        if (element && needDisable) {
-            (0, body_scroll_lock_1.disableBodyScroll)(element, options);
-            return () => (0, body_scroll_lock_1.enableBodyScroll)(element);
-        }
-    }, [needDisable, options]);
-};
-exports.useBodyScrollLock = useBodyScrollLock;
-/**
- * Проверяет необходимость блокировки дочерних элементов в прокручиваемом элементе.
- * Необходима для того, чтобы в прокручиваемых контейнерах вложенные прокручиваемые элементы,
- * имеющие специальный атрибут, прокручивались нормально.
- * @see {@link https://github.com/willmcpo/body-scroll-lock#more-complex}
- * @param startEl Начальный элемент.
- * @return Нужно ли позволить перетаскивание элемента.
- */
-const allowTouchMove = (startEl) => {
-    let el = startEl;
-    while (el && el !== document.body) {
-        if (el.getAttribute(constants_1.BSL_IGNORE_ATTR) !== null) {
-            return true;
-        }
-        el = el.parentElement;
-    }
-    return false;
-};
-exports.allowTouchMove = allowTouchMove;

package/_internal/checkbox/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}

package/constants.d.ts

@@ -1,6 +0,0 @@
-/**
- * Имя атрибута, устанавливаемого на элемент, имеющий прокрутку.
- * Атрибут устанавливается на элемент в случае, если
- * прокручиваемый родитель элемента обрабатывается с помощью body-scroll-lock.
- */
-export declare const BSL_IGNORE_ATTR = "data-bsl-ignore";

package/constants.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BSL_IGNORE_ATTR = void 0;
-/**
- * Имя атрибута, устанавливаемого на элемент, имеющий прокрутку.
- * Атрибут устанавливается на элемент в случае, если
- * прокручиваемый родитель элемента обрабатывается с помощью body-scroll-lock.
- */
-exports.BSL_IGNORE_ATTR = 'data-bsl-ignore';