@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.41

package/phone-input-deprecated/index.js

@@ -1,124 +0,0 @@
-"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.PhoneInput = void 0;
-const react_1 = __importStar(require("react"));
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
-const dropdown_1 = require("../dropdown");
-const dropdown_item_1 = require("../dropdown-item");
-const text_field_1 = require("../text-field");
-const masked_field_1 = require("../masked-field");
-const hooks_1 = require("../hooks");
-const presets_1 = require("../phone-input/presets");
-const utils_1 = require("../phone-input/utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const phone_input_module_scss_1 = __importDefault(require("./phone-input.module.scss"));
-const cx = bind_1.default.bind(phone_input_module_scss_1.default);
-/**
- * Удаляет из значения код переданной страны.
- * @param value Значение.
- * @param country Данные страны.
- * @return Значение без кода.
- */
-const formatValue = (value, country) => value.replace(/\D/g, '').slice(country.codeChars.length);
-/**
- * Компонент поля ввода номера телефона.
- * @param props Параметры компонента.
- * @deprecated Нужно использовать новую реализацию "@sima-land/ui-nucleons/phone-input".
- * @return Элемент.
- */
-const PhoneInput = (_a) => {
-    var { 'data-testid': testId, className, label = 'Телефон', onBlur, onCountrySelect, style, value = '', onChange } = _a, restProps = __rest(_a, ['data-testid', "className", "label", "onBlur", "onCountrySelect", "style", "value", "onChange"]);
-    // маску определяем автоматически только при старте
-    const [country, setCountry] = (0, react_1.useState)(() => (0, utils_1.defineCountry)(value));
-    const [cleanValue, setCleanValue] = (0, react_1.useState)(() => formatValue(value, country));
-    const [withMenu, toggleMenu] = (0, react_1.useState)(false);
-    const rootRef = (0, react_1.useRef)(null);
-    const openerRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        setCleanValue(formatValue(value, country));
-    }, [value]);
-    (0, hooks_1.useOutsideClick)(rootRef, () => {
-        toggleMenu(false);
-    });
-    const AdornmentSVG = withMenu ? up_1.default : down_1.default;
-    const commonFieldProps = Object.assign(Object.assign({}, restProps), { label, multiline: false, className: cx('field'), endAdornment: (react_1.default.createElement("div", { ref: openerRef, className: cx('adornment'), "data-testid": 'phone-input:dropdown-opener', onClick: () => {
-                toggleMenu(a => !a);
-            } },
-            react_1.default.createElement("img", { alt: '', width: 24, height: 24, src: country.imageSrc }),
-            react_1.default.createElement(AdornmentSVG, { className: cx('arrow') }))), onClick: event => {
-            const opener = openerRef.current;
-            if (opener instanceof Node &&
-                event.target instanceof Node &&
-                (opener === event.target || opener.contains(event.target))) {
-                event.preventDefault(); // чтобы не фокусировалось на поле
-            }
-            else {
-                toggleMenu(false);
-            }
-        } });
-    return (react_1.default.createElement("div", { ref: rootRef, "data-testid": testId, style: style, className: cx('root', className) },
-        country.id === presets_1.IDS.other ? (react_1.default.createElement(text_field_1.TextField, Object.assign({}, commonFieldProps, { value: cleanValue, onChange: (e) => {
-                const nextValue = e.target.value.replace(/\D/g, '').slice(0, 20);
-                e.target.value = nextValue;
-                setCleanValue(nextValue);
-                onChange && onChange(e);
-            }, onBlur: e => {
-                onBlur &&
-                    onBlur(e, {
-                        value: e.target.value,
-                        cleanValue: e.target.value,
-                        ready: e.target.value.length > 0,
-                    });
-            } }))) : (react_1.default.createElement(masked_field_1.MaskedField, Object.assign({}, commonFieldProps, { 
-            // убираем код страны, так как он уже зашит в маску
-            value: cleanValue, mask: country.mask, onBlur: (event, state) => {
-                onBlur &&
-                    onBlur(event, Object.assign(Object.assign({}, state), { 
-                        // вставляем код страны обратно в чистое значение
-                        cleanValue: `${country.codeChars}${state.cleanValue}` }));
-            } }))),
-        withMenu && (react_1.default.createElement(dropdown_1.Dropdown, { role: 'menu', className: cx('menu'), "data-testid": 'phone-input:dropdown' }, presets_1.countriesList.map((item, index) => item.id === country.id ? null : (react_1.default.createElement(dropdown_item_1.DropdownItem, { key: index, size: 'm', role: 'menuitem', className: cx('menu-item'), onClick: () => {
-                toggleMenu(false);
-                setCountry(item);
-                onCountrySelect && onCountrySelect(item);
-            }, startContent: react_1.default.createElement("img", { alt: '', width: 24, height: 24, src: item.imageSrc, className: cx('country-icon') }), endContent: item.code }, item.name)))))));
-};
-exports.PhoneInput = PhoneInput;

package/phone-input-deprecated/phone-input.module.scss

@@ -1,41 +0,0 @@
-@use '../colors';
-
-.root {
-  text-align: left;
-  position: relative;
-  width: var(--phone-input-width, 320px);
-}
-
-.field {
-  width: 100%;
-}
-
-.adornment {
-  display: flex;
-  align-items: center;
-  user-select: none;
-  cursor: pointer;
-}
-
-.arrow {
-  display: block;
-  fill: colors.$basic-gray38;
-  margin-left: 4px;
-  pointer-events: none; // игнорируем клики т.к. после них элемент стрелки подменяется и считается что он сработал вне элемента родителя
-}
-
-.menu {
-  position: absolute;
-  width: 100%;
-  top: 56px;
-  --dropdown-max-height: 208px;
-  z-index: 2;
-}
-
-.menu-item {
-  font-size: 16px;
-  line-height: 24px;
-  .country-icon {
-    display: block;
-  }
-}

package/rating/star.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.304 2.31811C11.556 1.69076 12.4441 1.69076 12.696 2.31811L15.2632 8.71108L22.1366 9.17714C22.8111 9.22287 23.0856 10.0675 22.5668 10.501L17.28 14.9181L18.9608 21.5991C19.1257 22.2547 18.4072 22.7767 17.8347 22.4173L12 18.7542L6.16538 22.4173C5.59282 22.7767 4.87433 22.2547 5.03926 21.5991L6.72002 14.9181L1.43326 10.501C0.914465 10.0675 1.1889 9.22287 1.8634 9.17714L8.7368 8.71108L11.304 2.31811Z" />
-</svg>

package/readme.md

@@ -1,183 +0,0 @@
-# Библиотека компонентов
-
-В этом проекте собраны react-компоненты, реализующие правила дизайн-системы, а также компоненты и вспомогательные функции (в том числе react-хуки) которые помогают решать распространенные задачи разработки UI.
-
-## Использование
-
-### Установка
-
-```bash
-# npm
-npm i -S @sima-land/ui-nucleons
-
-# или yarn
-yarn add @sima-land/ui-nucleons
-```
-
-### Настройка среды
-
-Компоненты библиотеки используют:
-
-- импорты изображений (jpg, png..) как url/src
-- импорты стилей
-- импорты стилей как css-модулей (каждый такой файл промаркирован в виде `%filename%.module.scss`)
-- импорты svg-файлов как react-компоненты
-
-#### Для работы с Webpack необходимо (как вариант):
-
-- добавить необходимые пакеты `@svgr/*`
-- сконфигурировать обработку svg, css, scss файлов
-
-##### Зависимости
-
-```bash
-npm install --save-dev @svgr/core @svgr/plugin-jsx @svgr/plugin-svgo @svgr/webpack
-```
-
-##### Конфигурация
-
-```js
-// webpack.config.js
-const svgrOptions = require('../../svgr.config'); // опции SVGR (скопировать из данного проекта)
-
-module.exports = {
-  module: {
-    rules: [
-      // svg
-      {
-        test: /\.svg$/,
-        use: [
-          {
-            loader: '@svgr/webpack',
-            options: svgrOptions,
-          },
-        ],
-      },
-
-      // стилей
-      {
-        test: /\.(css|scss)$/,
-        use: [
-          // ...здесь style-loader, mini-css-extract-plugin или что-то другое
-          {
-            loader: 'css-loader',
-            options: {
-              modules: {
-                auto: /\.module\.(css|scss)$/,
-                localIdentName: '[name]__[local]--[hash:hex:3]',
-              },
-            },
-          },
-          'sass-loader',
-        ],
-      },
-    ],
-  },
-};
-```
-
-#### Для работы с Jest необходимо (как вариант):
-
-- добавить необходимые пакеты `@svgr/*`
-- сконфигурировать обработку svg, css, scss файлов
-
-##### Добавить обработку SVG
-
-- добавить файл "трансформера" вида:
-
-```js
-const babel = require('@babel/core');
-const babelConfig = require('../../babel.config');
-const svgr = require('@svgr/core');
-const svgrConfig = require('../../svgr.config');
-
-module.exports = {
-  process(sourceText, sourcePath) {
-    const code = svgr.transform.sync(sourceText, svgrConfig, { filePath: sourcePath });
-
-    return babel.transformSync(code, { filename: sourcePath, ...babelConfig });
-  },
-};
-```
-
-- задействовать его в конфигурации Jest
-
-##### Добавить поддержку стилей
-
-В конфигурации Jest:
-
-```js
-module.exports = {
-  transform: {
-    // svg как react-компоненты
-    '\\.svg$': '<rootDir>/.jest/transforms/svg.js',
-
-    // обычный css
-    '(?<!(\\.module))\\.(css|scss)$': './transformer/empty.js',
-
-    // css-модули
-    '\\.module\\.(css|scss)$': 'jest-css-modules-transform',
-  },
-  transformIgnorePatterns: [
-    // в пакете содержится css-модули, поэтому игнорируем только скрипты
-    '/node_modules/.+js$',
-  ],
-  // ...
-};
-```
-
-#### Декларации типов для TypeScript
-
-в `src/custom.d.ts` необходимо указать:
-
-```ts
-// css-модули
-declare module '*.module.css' {
-  const classes: { [key: string]: string };
-  export default classes;
-}
-
-// css-модули с синтаксисом SCSS
-declare module '*.module.scss' {
-  const classes: { [key: string]: string };
-  export default classes;
-}
-
-// svg как React-компоненты
-declare module '*.svg' {
-  const content: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-  export default content;
-}
-```
-
-## Разработка и поддержка
-
-### Принципы библиотеки
-
-- в библиотеке не должно быть HOC (компонентов высшего порядка - функций, возвращающих компонент)
-- компонент интерфейса не должен иметь внешних отступов по умолчанию
-
-### Структура библиотеки
-
-`src/` - директория со всеми компонентами библиотеки
-
-- `something/` - директория с компонентом
-  - `__stories__/`
-    - `index.stories.tsx` - описание компонента для storybook
-  - `__test__/`
-    - `index.test.tsx` - unit-тесты
-  - `index.tsx` - файл, с именованными экспортами компонента и интерфейса
-- `helpers/` - общие вспомогательные функции (для использования вне библиотеки)
-- `hooks/` - общие react-хуки (для использования вне библиотеки)
-- `_internal/` - внутренние скрипты для использования только в рамках данной библиотеки
-
-### Тестирование
-
-Локально E2E-тесты должны запускаться через docker, пример:
-
-```bash
-docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.29.2-focal /bin/bash
-npx playwright test
-```
-
-В противном случае скриншотные тесты не будут совпадать из-за разницы окружения запуска.

package/screen/index.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { ScreenInnerProps } from './utils';
-import { WithPageScrollLock } from '../_internal/page-scroll-lock';
-export interface ScreenProps extends ScreenInnerProps, WithPageScrollLock {
-    /** Содержимое. */
-    children?: React.ReactNode;
-    /** Определяет область отображаемую как загружающуюся. */
-    loadingArea?: 'content' | 'full';
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Экран.
- * @deprecated На адаптивных страницах стоит использовать Modal.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Screen: {
-    ({ children, loading, loadingArea, loadingOverlayProps, onFullScroll, fullScrollThreshold, withScrollDisable, scrollDisableOptions, "data-testid": testId, }: ScreenProps): JSX.Element;
-    Header: ({ divided, title, subtitle, buttons, onBack, onClose, ...restProps }: import("./slots").HeaderSlotProps) => JSX.Element;
-    Body: React.ForwardRefExoticComponent<{
-        children?: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement | null>>;
-    Footer: React.FC<{}>;
-};

package/screen/index.js

@@ -1,74 +0,0 @@
-"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.Screen = void 0;
-const react_1 = __importStar(require("react"));
-const slots_1 = require("./slots");
-const layer_1 = require("../helpers/layer");
-const define_slots_1 = require("../helpers/define-slots");
-const utils_1 = require("./utils");
-const screen_module_scss_1 = __importDefault(require("./screen.module.scss"));
-const styles_1 = require("../hooks/styles");
-/**
- * Экран.
- * @deprecated На адаптивных страницах стоит использовать Modal.
- * @param props Свойства.
- * @return Элемент.
- */
-const Screen = ({ children, loading, loadingArea = 'full', loadingOverlayProps, onFullScroll, fullScrollThreshold = 320, withScrollDisable, scrollDisableOptions, 'data-testid': testId = 'screen', }) => {
-    const fullLoading = loading && loadingArea === 'full';
-    const layer = (0, layer_1.useLayer)() + 300; // 300 из-за монолита
-    const { header, body, footer } = (0, define_slots_1.defineSlots)(children, {
-        header: slots_1.HeaderSlot,
-        body: slots_1.BodySlot,
-        footer: slots_1.FooterSlot,
-    });
-    const rootRef = (0, react_1.useRef)(null);
-    (0, styles_1.useViewportHeightUnit)(rootRef);
-    if (!body) {
-        throw Error('Looks like you are trying to render <Screen /> without <Screen.Body /> slot, but it is required');
-    }
-    return (react_1.default.createElement("div", { ref: rootRef, className: screen_module_scss_1.default.root, style: {
-            zIndex: layer, // z-index именно здесь из-за position: fixed
-        }, "data-testid": testId },
-        react_1.default.createElement(layer_1.LayerProvider, { value: layer },
-            !fullLoading && header,
-            react_1.default.createElement(utils_1.ScreenContext.Provider, { value: {
-                    loading,
-                    loadingOverlayProps,
-                    onFullScroll,
-                    fullScrollThreshold,
-                    withScrollDisable,
-                    scrollDisableOptions,
-                } }, body),
-            !fullLoading && footer && (react_1.default.createElement("div", { className: screen_module_scss_1.default.footer, "data-testid": 'screen:footer' }, footer)))));
-};
-exports.Screen = Screen;
-exports.Screen.Header = slots_1.HeaderSlot;
-exports.Screen.Body = slots_1.BodySlot;
-exports.Screen.Footer = slots_1.FooterSlot;

package/screen/screen.module.scss

@@ -1,31 +0,0 @@
-.root {
-  position: fixed;
-
-  // для корректного отображения с динамическим viewport переменная --offsetTop должна быть доступна
-  top: var(--offsetTop, 0);
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  height: calc(var(--vh, 1vh) * 100);
-  width: 100%;
-  box-sizing: border-box;
-  background-color: #fff;
-  outline: 100px solid #fff;
-}
-
-.body {
-  width: 100%;
-  height: 0;
-  overflow-y: auto;
-  flex-grow: 1;
-  flex-shrink: 0;
-  -webkit-overflow-scrolling: touch;
-}
-
-.footer {
-  min-height: 56px;
-  width: 100%;
-  flex-grow: 0;
-  flex-shrink: 0;
-  box-shadow: inset 0 1px 0 #e0e0e0;
-}

package/screen/slots.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { TopBarProps } from '../top-bar';
-export interface HeaderSlotProps extends TopBarProps {
-    /** Будет вызвана при нажатии на кнопку-стрелку. */
-    onBack?: () => void;
-    /** Будет вызвана при нажатии на кнопку-крести. */
-    onClose?: () => void;
-}
-/**
- * Слот шапки экрана.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const HeaderSlot: ({ divided, title, subtitle, buttons, onBack, onClose, ...restProps }: HeaderSlotProps) => JSX.Element;
-/**
- * Слот основного контента экрана.
- */
-export declare const BodySlot: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement | null>>;
-/**
- * Слот футера экрана.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const FooterSlot: React.FC;

package/screen/slots.js

@@ -1,101 +0,0 @@
-"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.FooterSlot = exports.BodySlot = exports.HeaderSlot = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = require("lodash");
-const arrow_left_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-left"));
-const cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/cross"));
-const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
-const hooks_1 = require("../hooks");
-const loading_overlay_1 = require("../loading-overlay");
-const utils_1 = require("./utils");
-const screen_module_scss_1 = __importDefault(require("./screen.module.scss"));
-const top_bar_1 = require("../top-bar");
-/**
- * Слот шапки экрана.
- * @param props Свойства.
- * @return Элемент.
- */
-const HeaderSlot = (_a) => {
-    var { divided, title, subtitle, buttons, onBack, onClose } = _a, restProps = __rest(_a, ["divided", "title", "subtitle", "buttons", "onBack", "onClose"]);
-    return (react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, restProps, { size: 's', title: title, subtitle: subtitle, divided: divided, buttons: Object.assign(Object.assign({}, buttons), { start: onBack
-                ? {
-                    // ВАЖНО: не подмешиваем свойства из buttons.start
-                    // чтобы не распылять конфигурацию одной и той же кнопки по нескольким местам
-                    icon: react_1.default.createElement(arrow_left_1.default, null),
-                    onClick: onBack,
-                    'aria-label': 'Вернуться назад',
-                    'data-testid': 'screen:back',
-                }
-                : (0, lodash_1.get)(buttons, 'start'), end: onClose
-                ? {
-                    // ВАЖНО: не подмешиваем свойства из buttons.end
-                    // чтобы не распылять конфигурацию одной и той же кнопки по нескольким местам
-                    icon: react_1.default.createElement(cross_1.default, null),
-                    onClick: onClose,
-                    'aria-label': `Закрыть ${title || ''}`.trim(),
-                    'data-testid': 'screen:close',
-                }
-                : (0, lodash_1.get)(buttons, 'end') }) })));
-};
-exports.HeaderSlot = HeaderSlot;
-/**
- * Слот основного контента экрана.
- */
-exports.BodySlot = (0, react_1.forwardRef)(function BodySlot({ children }, outerRef) {
-    const { loading, loadingOverlayProps, onFullScroll, fullScrollThreshold, withScrollDisable, scrollDisableOptions, } = (0, react_1.useContext)(utils_1.ScreenContext);
-    // при блокировке прокрутки нужно передавать элемент, которому нужно сохранить возможность прокрутки
-    // https://github.com/willmcpo/body-scroll-lock/blame/79c4cf2c956eb7d5cf8d54a03d12751bc6ac8aa3/README.md#L52
-    // поэтому используем внутренний ref и useImperativeHandle
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(outerRef, () => ref.current);
-    (0, page_scroll_lock_1.usePageScrollLock)(ref, Object.assign({ lockEnabled: withScrollDisable }, scrollDisableOptions));
-    (0, hooks_1.useInfiniteScroll)(ref, { onFullScroll, threshold: fullScrollThreshold });
-    return (
-    // ВАЖНО: элемент с ref должен выводиться всегда (без условий), т.к. он нужен для блокировки прокрутки
-    react_1.default.createElement("div", { ref: ref, className: screen_module_scss_1.default.body, "data-testid": 'screen:body' }, loading ? (react_1.default.createElement(loading_overlay_1.LoadingOverlay, Object.assign({}, loadingOverlayProps, { fill: false, style: { height: '100%' } }))) : (children)));
-});
-/**
- * Слот футера экрана.
- * @param props Свойства.
- * @return Элемент.
- */
-const FooterSlot = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children);
-exports.FooterSlot = FooterSlot;

package/screen/utils.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { LoadingOverlayProps } from '../loading-overlay';
-import { WithPageScrollLock } from '../_internal/page-scroll-lock';
-export interface ScreenInnerProps extends WithPageScrollLock {
-    /** Нужно ли выводить вместо содержимого состояние загрузки. */
-    loading?: boolean;
-    /** Свойства компонента LoadingOverlay. */
-    loadingOverlayProps?: LoadingOverlayProps;
-    /** Будет вызвана при полной прокрутке содержимого экрана. */
-    onFullScroll?: () => void;
-    /** Отступ от нижней границы содержимого экрана, после которого начинает срабатывать onFullScroll. */
-    fullScrollThreshold?: number;
-}
-export declare const ScreenContext: import("react").Context<ScreenInnerProps>;

package/screen/utils.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScreenContext = void 0;
-const react_1 = require("react");
-exports.ScreenContext = (0, react_1.createContext)({});

package/select/parts/block.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { FieldBlockProps } from '../../field-block';
-/**
- * Компонент открывашки в виде поля.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SelectFieldBlock(props: FieldBlockProps): JSX.Element;