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

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,145 @@
+# UI-nucleons
+
+В этом проекте собраны UI-компоненты, реализующие правила дизайн-системы, а также компоненты и утилиты, которые помогают решать распространенные задачи разработки UI.
+
+## Использование
+
+### Установка
+
+```sh
+# с помощью npm
+npm i -S @sima-land/ui-nucleons
+
+# или с помощью yarn
+yarn add @sima-land/ui-nucleons
+```
+
+### Настройка среды
+
+В библиотеке используются:
+
+- импорты изображений (jpg, png...) как url/base64
+- импорты стилей
+- импорты стилей как css-модулей (каждый такой файл промаркирован в виде `%filename%.m.scss`)
+
+#### Для работы с Webpack
+
+Необходимо сконфигурировать сборку подобным образом:
+
+```js
+// webpack.config.js
+module.exports = {
+  module: {
+    rules: [
+      // стили
+      {
+        test: /\.(css|scss)$/,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              modules: {
+                auto: /\.(module|m)\.(css|scss)$/,
+                localIdentName: '[name]__[local]--[hash:hex:3]',
+              },
+            },
+          },
+          'sass-loader',
+        ],
+      },
+
+      // картинки
+      {
+        test: /\.(apng|avif|gif|jpg|jpeg|png|webp)$/,
+        type: 'asset/resource',
+      },
+    ],
+  },
+};
+```
+
+#### Для работы с Jest
+
+Необходимо сконфигурировать среду Jest подобно тому как это сделано в данном репозитории:
+
+```js
+export default {
+  // ...прочее
+
+  transform: {
+    // css-модули
+    '\\.(module|m)\\.(css|scss)$': 'jest-css-modules-transform',
+
+    // обычные стили
+    '(?<!(.+\\.(module|m)))(\\.css|\\.scss)$': '<rootDir>/.jest/transforms/empty.js',
+
+    // asset'ы
+    '\\.(apng|avif|gif|jpg|jpeg|png|webp)$': '<rootDir>/.jest/transforms/asset.js',
+  },
+  transformIgnorePatterns: [
+    // из некоторых пакетов мы берем стили так что игнорируем только скрипты
+    '/node_modules/.+js$',
+  ],
+};
+```
+
+#### Декларации типов для TypeScript
+
+в `src/custom.d.ts` необходимо указать:
+
+```ts
+// css-модули
+declare module '*.module.css' {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+declare module '*.m.css' {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+
+// css-модули с синтаксисом SCSS
+declare module '*.module.scss' {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+declare module '*.m.scss' {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+```
+
+## Разработка и поддержка
+
+### Приёмочное тестирование `e2e`
+
+Данный тип тестирования запускается автоматически в CI и там же фиксируется результат скриншотов.
+
+> **Важно:** эталонной ОС для снапшотов является Linux Docker-окружение (`*-linux.png`).
+> Генерировать снапшоты локально **не рекомендуется**.
+
+### Принципы библиотеки
+
+- в библиотеке не должно быть HOC (компонентов высшего порядка - функций, возвращающих компонент)
+- компонент интерфейса не должен иметь внешних отступов по умолчанию
+
+### Структура библиотеки
+
+```bash
+src
+├── something # директория с компонентом
+│   ├── index.ts # точка входа с публичными экспортами
+│   ├── something.tsx # исходный код компонента
+│   ├── something.m.scss # стили компонента (при наличии)
+│   ├── something-util.scss # scss-утилиты для кастомизации (при наличии)
+│   ├── types.ts # типы (при наличии)
+│   ├── __test__
+│   │   └── something.test.tsx
+│   └── __stories__
+│       └── something.stories.tsx
+├── helpers # общие утилиты (для использования вне библиотеки)
+├── hooks # общие react-хуки (для использования вне библиотеки)
+├── test-utils # утилиты для упрощения unit-тестирования составляющих данной библиотеки
+└── _internal # внутренние скрипты для использования только в рамках данной библиотеки
+```

package/dist/_internal/custom-scrollbar/custom-scrollbar.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+import { UseOverlayScrollbarsInitialization, UseOverlayScrollbarsInstance } from 'overlayscrollbars-react';
+import type { CustomScrollbarProps } from './types';
+import 'overlayscrollbars/overlayscrollbars.css';
+/**
+ * Блок с кастомными полосами прокрутки.
+ * @param props Свойства.
+ * @return Элемент.
+ * @todo Переименовать в StyledScrollbars и вынести из _internal?
+ */
+export declare function CustomScrollbar({ children, style, className, overflow, rootRef, viewportRef, viewportProps, ...restProps }: CustomScrollbarProps): import("react/jsx-runtime").JSX.Element;
+/** @inheritdoc */
+export declare function useOverlayScrollbarsInit(initialize: UseOverlayScrollbarsInitialization, getInstance: UseOverlayScrollbarsInstance, rootRef: RefObject<HTMLDivElement>, viewportRef: RefObject<HTMLDivElement>): void;

package/dist/_internal/custom-scrollbar/custom-scrollbar.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomScrollbar = CustomScrollbar;
+exports.useOverlayScrollbarsInit = useOverlayScrollbarsInit;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const overlayscrollbars_react_1 = require("overlayscrollbars-react");
+const hooks_1 = require("../../hooks");
+const bind_1 = __importDefault(require("classnames/bind"));
+// ВАЖНО: сначала стили overlayscrollbars затем местные для правильной специфичности
+require("overlayscrollbars/overlayscrollbars.css");
+const custom_scrollbar_m_scss_1 = __importDefault(require("./custom-scrollbar.m.scss"));
+const cx = bind_1.default.bind(custom_scrollbar_m_scss_1.default);
+/**
+ * Блок с кастомными полосами прокрутки.
+ * @param props Свойства.
+ * @return Элемент.
+ * @todo Переименовать в StyledScrollbars и вынести из _internal?
+ */
+function CustomScrollbar({ children, style, className, overflow, rootRef, viewportRef, viewportProps, ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(rootRef, () => ref.current?.getElement());
+    (0, react_1.useImperativeHandle)(viewportRef, () => ref.current?.osInstance()?.elements().viewport);
+    return ((0, jsx_runtime_1.jsx)(OverlayScrollbarsComponent, { ...restProps, ref: ref, defer: false, style: style, className: cx('root', className), viewportProps: viewportProps, options: {
+            // костыль из-за https://github.com/KingSora/OverlayScrollbars/issues/586
+            ...(overflow && { overflow }),
+            scrollbars: {
+                theme: cx('theme'),
+            },
+        }, events: {
+            /** @inheritdoc */
+            initialized(instance) {
+                // ВАЖНО: в новой версии на viewport автоматически ставится tabindex
+                // это ломает Select так как у него blur на корневом элементе Dropdown
+                // поэтому принудительно удаляем tabindex с элемента
+                // подсказали тут: https://github.com/KingSora/OverlayScrollbars/discussions/638#discussioncomment-9494642
+                // @todo возможно стоит переделать Select так чтобы фокус был на viewport - тогда этот костыль будет не нужен
+                instance.elements().viewport.removeAttribute('tabindex');
+            },
+        }, children: children }));
+}
+/**
+ * Аналог OverlayScrollbarsComponent из пакета 'overlayscrollbars-react'.
+ * Использует useIsomorphicLayoutEffect вместо useEffect.
+ */
+const OverlayScrollbarsComponent = (0, react_1.forwardRef)((props, ref) => {
+    const { options, events, defer, children, viewportProps, ...rootProps } = props;
+    const rootRef = (0, react_1.useRef)(null);
+    const viewportRef = (0, react_1.useRef)(null);
+    const [initialize, getInstance] = (0, overlayscrollbars_react_1.useOverlayScrollbars)({ options, events, defer });
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        /** @inheritdoc */
+        osInstance() {
+            return getInstance();
+        },
+        /** @inheritdoc */
+        getElement() {
+            return rootRef.current;
+        },
+    }), [initialize, getInstance]);
+    useOverlayScrollbarsInit(initialize, getInstance, rootRef, viewportRef);
+    return ((0, jsx_runtime_1.jsx)("div", { ...rootProps, ref: rootRef, children: (0, jsx_runtime_1.jsx)("div", { ...viewportProps, ref: viewportRef, children: children }) }));
+});
+/** @inheritdoc */
+function useOverlayScrollbarsInit(initialize, getInstance, rootRef, viewportRef) {
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        const { current: root } = rootRef;
+        const { current: viewport } = viewportRef;
+        if (root && viewport) {
+            initialize({
+                target: root,
+                elements: {
+                    viewport,
+                    content: viewport,
+                },
+            });
+        }
+        return () => {
+            getInstance()?.destroy();
+        };
+    }, [initialize, getInstance]);
+}
+//# sourceMappingURL=custom-scrollbar.js.map

package/dist/_internal/custom-scrollbar/custom-scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-scrollbar.js","sourceRoot":"","sources":["../../../src/_internal/custom-scrollbar/custom-scrollbar.tsx"],"names":[],"mappings":"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"}

package/dist/_internal/custom-scrollbar/custom-scrollbar.m.scss

@@ -0,0 +1,49 @@
+@use '../../colors';
+
+.root {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.theme:global(.os-scrollbar) {
+  --os-size: 12px;
+  --os-padding-axis: 4px;
+  --os-padding-perpendicular: 0;
+
+  --os-track-border: none;
+  --os-track-border-hover: none;
+  --os-track-border-active: none;
+  --os-track-border-radius: 0;
+  --os-track-bg: none;
+  --os-track-bg-hover: none;
+  --os-track-bg-active: none;
+
+  --os-handle-border-radius: 2px;
+  --os-handle-bg: #{colors.$basic-gray12};
+  --os-handle-bg-hover: #{colors.$basic-gray24};
+  --os-handle-bg-active: #{colors.$basic-gray24};
+  --os-handle-border: none;
+  --os-handle-border-hover: none;
+  --os-handle-border-active: none;
+  --os-handle-min-size: 33px;
+  --os-handle-max-size: none;
+  --os-handle-perpendicular-size: 4px;
+  --os-handle-perpendicular-size-hover: 4px;
+  --os-handle-perpendicular-size-active: 4px;
+  --os-handle-interactive-area-offset: 0;
+}
+
+.theme :global(.os-scrollbar-handle) {
+  transition:
+    opacity 0.15s,
+    background-color 0.15s,
+    border-color 0.15s;
+}
+
+.theme:global(.os-scrollbar-horizontal) :global(.os-scrollbar-handle) {
+  margin-bottom: 4px;
+}
+
+.theme:global(.os-scrollbar-vertical) :global(.os-scrollbar-handle) {
+  margin-right: 4px;
+}

package/dist/_internal/custom-scrollbar/index.d.ts

@@ -0,0 +1,2 @@
+export type { CustomScrollbarProps } from './types';
+export { CustomScrollbar } from './custom-scrollbar';

package/dist/_internal/custom-scrollbar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomScrollbar = void 0;
+var custom_scrollbar_1 = require("./custom-scrollbar");
+Object.defineProperty(exports, "CustomScrollbar", { enumerable: true, get: function () { return custom_scrollbar_1.CustomScrollbar; } });
+//# sourceMappingURL=index.js.map

package/dist/_internal/custom-scrollbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_internal/custom-scrollbar/index.ts"],"names":[],"mappings":";;;AACA,uDAAqD;AAA5C,mHAAA,eAAe,OAAA"}

package/dist/_internal/custom-scrollbar/types.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { PartialOptions } from 'overlayscrollbars';
+export interface CustomScrollbarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Стили. */
+    style?: CSSProperties;
+    /** Класс. */
+    className?: string;
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Опции переполнения. */
+    overflow?: PartialOptions['overflow'];
+    /** Реф корневого элемента. */
+    rootRef?: Ref<HTMLDivElement>;
+    /** Реф внутреннего элемента с прокруткой. */
+    viewportRef?: Ref<HTMLDivElement>;
+    /** Свойства внутреннего элемента с прокруткой. */
+    viewportProps?: HTMLAttributes<HTMLDivElement>;
+}

package/dist/_internal/custom-scrollbar/types.js

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

package/dist/_internal/custom-scrollbar/types.js.map

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

package/dist/_internal/lifecycle/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+/**
+ * Обертка, позволяющая следить за жизненным циклом компонента.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Lifecycle({ children, onMount, onUnmount, }: {
+    children?: ReactNode;
+    onMount?: VoidFunction;
+    onUnmount?: VoidFunction;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/_internal/lifecycle/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Lifecycle = Lifecycle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * Обертка, позволяющая следить за жизненным циклом компонента.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Lifecycle({ 
+// @todo onMountSync (useLayoutEffect)
+children, onMount, onUnmount, }) {
+    (0, react_1.useEffect)(() => {
+        onMount?.();
+        return () => {
+            onUnmount?.();
+        };
+    }, []);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+//# sourceMappingURL=index.js.map

package/dist/_internal/lifecycle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_internal/lifecycle/index.tsx"],"names":[],"mappings":";;AAOA,8BAmBC;;AA1BD,iCAA6C;AAE7C;;;;GAIG;AACH,SAAgB,SAAS,CAAC;AACxB,sCAAsC;AACtC,QAAQ,EACR,OAAO,EACP,SAAS,GAKV;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,EAAE,EAAE,CAAC;QAEZ,OAAO,GAAG,EAAE;YACV,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}

package/dist/_internal/page-scroll-lock/adapters/body-scroll-lock.d.ts

@@ -0,0 +1,42 @@
+import type { PageScrollLockAdapter } from '../types';
+import { disableBodyScroll, enableBodyScroll, BodyScrollOptions } from 'body-scroll-lock-upgrade';
+/**
+ * Имя атрибута, устанавливаемого на элемент, имеющий прокрутку.
+ * Атрибут устанавливается на элемент в случае, если
+ * прокручиваемый родитель элемента обрабатывается с помощью body-scroll-lock.
+ */
+export declare const BSL_IGNORE_ATTR = "data-bsl-ignore";
+/** Адаптер блокировки прокрутки использующий BSL. */
+export declare class PageScrollLockAdapterBSL implements PageScrollLockAdapter {
+    private element;
+    private options?;
+    lib: {
+        disableBodyScroll: (...args: Parameters<typeof disableBodyScroll>) => void;
+        enableBodyScroll: (...args: Parameters<typeof enableBodyScroll>) => void;
+    };
+    /**
+     * Конструктор.
+     * @param element Целевой элемент для которого надо сохранить прокрутку.
+     * @param options Опции блокировки.
+     */
+    constructor(element: HTMLElement, options?: BodyScrollOptions);
+    /**
+     * Позволяет заменить библиотеку body-scroll-lock.
+     * Полезен для использования версии BSL, отличной от той что используется в библиотеке.
+     * @param lib Библиотека body-scroll-lock.
+     */
+    replaceLib(lib: PageScrollLockAdapterBSL['lib']): void;
+    /** @inheritdoc */
+    lock(): void;
+    /** @inheritdoc */
+    unlock(): void;
+}
+/**
+ * Проверяет необходимость блокировки дочерних элементов в прокручиваемом элементе.
+ * Необходима для того, чтобы в прокручиваемых контейнерах вложенные прокручиваемые элементы,
+ * имеющие специальный атрибут, прокручивались нормально.
+ * @see {@link https://github.com/willmcpo/body-scroll-lock#more-complex}
+ * @param startEl Начальный элемент.
+ * @return Нужно ли позволить перетаскивание элемента.
+ */
+export declare const allowTouchMove: Required<BodyScrollOptions>['allowTouchMove'];