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

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

@@ -1,42 +0,0 @@
-import { CSSProperties, ReactNode, Ref, UIEvent as ReactUIEvent } from 'react';
-import { OverlayScrollbarsComponent, OverlayScrollbarsComponentProps } from 'overlayscrollbars-react';
-import 'overlayscrollbars/css/OverlayScrollbars.css';
-type Options = NonNullable<OverlayScrollbarsComponentProps['options']>;
-export interface CustomScrollbarProps {
-    /** Стили. */
-    style?: CSSProperties;
-    /** Класс. */
-    className?: string;
-    /** Содержимое. */
-    children?: ReactNode;
-    /** Опции переполнения. */
-    overflow?: Options['overflowBehavior'];
-    /** Необходимо поставить true если нужно использовать внутри flexbox-родителя. */
-    inFlexBox?: boolean;
-    /** Сработает при полной прокрутке. */
-    onFullScroll?: () => void;
-    /** Запас для определения полной прокрутки. */
-    fullScrollThreshold?: number;
-    /** Реф для экземпляра компонента OverlayScrollbarsComponent. */
-    osComponentRef?: Ref<OverlayScrollbarsComponent>;
-}
-/**
- * Компонент блока с кастомными полосами прокрутки по гайдам.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function CustomScrollbar({ osComponentRef, style, className, children, overflow, inFlexBox, onFullScroll, fullScrollThreshold, }: CustomScrollbarProps): JSX.Element;
-/**
- * Возвращает обработчик прокрутки, который вызовет callback при полной прокрутке.
- * @param callback Callback.
- * @param threshold Запас.
- * @return Обработчик.
- */
-export declare function useFullScroll(callback: VoidFunction | undefined, threshold?: number): (event: UIEvent | ReactUIEvent | undefined) => void;
-/**
- * Получив OverlayScrollbarsComponent вернет элемент-viewport или null.
- * @param component Экземпляр OverlayScrollbarsComponent.
- * @return Элемент или null.
- */
-export declare function getViewport(component: OverlayScrollbarsComponent | undefined | null): HTMLElement | null;
-export {};

package/_internal/custom-scrollbar/index.js

@@ -1,56 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getViewport = exports.useFullScroll = exports.CustomScrollbar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const overlayscrollbars_react_1 = require("overlayscrollbars-react");
-const bind_1 = __importDefault(require("classnames/bind"));
-const custom_scrollbar_module_scss_1 = __importDefault(require("./custom-scrollbar.module.scss"));
-const identity_1 = require("../../hooks/identity");
-require("overlayscrollbars/css/OverlayScrollbars.css");
-const cx = bind_1.default.bind(custom_scrollbar_module_scss_1.default);
-/**
- * Компонент блока с кастомными полосами прокрутки по гайдам.
- * @param props Свойства.
- * @return Элемент.
- */
-function CustomScrollbar({ osComponentRef, style, className, children, overflow, inFlexBox = false, onFullScroll, fullScrollThreshold, }) {
-    const onScrollStop = useFullScroll(onFullScroll, fullScrollThreshold);
-    return ((0, jsx_runtime_1.jsx)(overlayscrollbars_react_1.OverlayScrollbarsComponent, Object.assign({ ref: osComponentRef, style: style, className: cx('custom-scrollbar', className, { 'os-host-flexbox': inFlexBox }), options: {
-            overflowBehavior: overflow,
-            callbacks: { onScrollStop },
-        } }, { children: children })));
-}
-exports.CustomScrollbar = CustomScrollbar;
-/**
- * Возвращает обработчик прокрутки, который вызовет callback при полной прокрутке.
- * @param callback Callback.
- * @param threshold Запас.
- * @return Обработчик.
- */
-function useFullScroll(callback, threshold = 16) {
-    const callbackRef = (0, identity_1.useIdentityRef)(callback);
-    // ВАЖНО: overlayscrollbars не реагирует на замену callback'а onScrollStop на undefined поэтому проверяем сами
-    const handleScrollStop = (0, react_1.useMemo)(() => (event) => {
-        var _a;
-        const el = event === null || event === void 0 ? void 0 : event.target;
-        el instanceof Element &&
-            el.scrollTop >= el.scrollHeight - el.clientHeight - threshold &&
-            ((_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef));
-    }, []);
-    return handleScrollStop;
-}
-exports.useFullScroll = useFullScroll;
-/**
- * Получив OverlayScrollbarsComponent вернет элемент-viewport или null.
- * @param component Экземпляр OverlayScrollbarsComponent.
- * @return Элемент или null.
- */
-function getViewport(component) {
-    var _a;
-    return ((_a = component === null || component === void 0 ? void 0 : component.osInstance()) === null || _a === void 0 ? void 0 : _a.getElements().viewport) || null;
-}
-exports.getViewport = getViewport;

package/_internal/dropdown-loading/index.d.ts

@@ -1,9 +0,0 @@
-import { HTMLAttributes } from 'react';
-type DropdownLoadingProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'children'>;
-/**
- * Плашка состояния загрузки для Dropdown.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function DropdownLoading(props: DropdownLoadingProps): JSX.Element;
-export {};

package/_internal/dropdown-loading/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownLoading = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const spinner_1 = require("../../spinner");
-const index_module_scss_1 = __importDefault(require("./index.module.scss"));
-/**
- * Плашка состояния загрузки для Dropdown.
- * @param props Свойства.
- * @return Элемент.
- */
-function DropdownLoading(props) {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: index_module_scss_1.default.root }, { children: (0, jsx_runtime_1.jsx)(spinner_1.SpinnerSVG, { size: 's' }) })));
-}
-exports.DropdownLoading = DropdownLoading;

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

@@ -1,39 +0,0 @@
-import type { PageScrollLockAdapter } from '../types';
-import { BodyScrollOptions } from 'body-scroll-lock';
-/**
- * Имя атрибута, устанавливаемого на элемент, имеющий прокрутку.
- * Атрибут устанавливается на элемент в случае, если
- * прокручиваемый родитель элемента обрабатывается с помощью body-scroll-lock.
- */
-export declare const BSL_IGNORE_ATTR = "data-bsl-ignore";
-/** Адаптер блокировки прокрутки использующий BSL. */
-export declare class PageScrollLock implements PageScrollLockAdapter {
-    private element;
-    private options?;
-    private lib;
-    /**
-     * Конструктор.
-     * @param element Целевой элемент для которого надо сохранить прокрутку.
-     * @param options Опции блокировки.
-     */
-    constructor(element: Element, options?: BodyScrollOptions);
-    /**
-     * Позволяет заменить библиотеку body-scroll-lock.
-     * Полезен для использования версии BSL, отличной от той что используется в библиотеке.
-     * @param lib Библиотека body-scroll-lock.
-     */
-    replaceLib(lib: PageScrollLock['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'];

package/_internal/page-scroll-lock/adapters/body-scroll-lock.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.allowTouchMove = exports.PageScrollLock = exports.BSL_IGNORE_ATTR = void 0;
-const body_scroll_lock_1 = require("body-scroll-lock");
-/**
- * Имя атрибута, устанавливаемого на элемент, имеющий прокрутку.
- * Атрибут устанавливается на элемент в случае, если
- * прокручиваемый родитель элемента обрабатывается с помощью body-scroll-lock.
- */
-exports.BSL_IGNORE_ATTR = 'data-bsl-ignore';
-/** Адаптер блокировки прокрутки использующий BSL. */
-class PageScrollLock {
-    /**
-     * Конструктор.
-     * @param element Целевой элемент для которого надо сохранить прокрутку.
-     * @param options Опции блокировки.
-     */
-    constructor(element, options) {
-        this.element = element;
-        this.options = options;
-        this.lib = {
-            disableBodyScroll: body_scroll_lock_1.disableBodyScroll,
-            enableBodyScroll: body_scroll_lock_1.enableBodyScroll,
-        };
-    }
-    /**
-     * Позволяет заменить библиотеку body-scroll-lock.
-     * Полезен для использования версии BSL, отличной от той что используется в библиотеке.
-     * @param lib Библиотека body-scroll-lock.
-     */
-    replaceLib(lib) {
-        this.lib = lib;
-    }
-    /** @inheritdoc */
-    lock() {
-        this.lib.disableBodyScroll(this.element, Object.assign(Object.assign({}, this.options), { allowTouchMove: exports.allowTouchMove }));
-    }
-    /** @inheritdoc */
-    unlock() {
-        this.lib.enableBodyScroll(this.element);
-    }
-}
-exports.PageScrollLock = PageScrollLock;
-/**
- * Проверяет необходимость блокировки дочерних элементов в прокручиваемом элементе.
- * Необходима для того, чтобы в прокручиваемых контейнерах вложенные прокручиваемые элементы,
- * имеющие специальный атрибут, прокручивались нормально.
- * @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(exports.BSL_IGNORE_ATTR) !== null) {
-            return true;
-        }
-        el = el.parentElement;
-    }
-    return false;
-};
-exports.allowTouchMove = allowTouchMove;

package/_internal/page-scroll-lock/adapters/ui-nucleons.d.ts

@@ -1,25 +0,0 @@
-import type { PageScrollLockAdapter, PageScrollLockOptions } from '../types';
-/** Адаптер блокировки прокрутки использующий внутреннее решение ui-nucleons. */
-export declare class PageScrollLock implements PageScrollLockAdapter {
-    private options?;
-    private bodyStyle?;
-    /**
-     * Конструктор.
-     * @param options Опции.
-     */
-    constructor(options?: PageScrollLockOptions);
-    /** @inheritdoc */
-    lock(): void;
-    /** @inheritdoc */
-    unlock(): void;
-    /**
-     * Определяет заблокирована ли прокрутка.
-     * @return True если прокрутка заблокирована.
-     */
-    private isLocked;
-    /**
-     * Определяет ширину полосы прокрутки.
-     * @return Ширина в пикселях.
-     */
-    private getScrollbarWidth;
-}

package/_internal/page-scroll-lock/adapters/ui-nucleons.js

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageScrollLock = void 0;
-const MARK_ATTR = 'data-scroll-locked';
-/** Адаптер блокировки прокрутки использующий внутреннее решение ui-nucleons. */
-class PageScrollLock {
-    /**
-     * Конструктор.
-     * @param options Опции.
-     */
-    constructor(options) {
-        this.options = options;
-    }
-    /** @inheritdoc */
-    lock() {
-        var _a;
-        if (!this.isLocked()) {
-            const scrollTop = document.documentElement.scrollTop;
-            this.bodyStyle = new StyleAffect(document.body);
-            // устанавливаем width: 100vw так как body сжимается при установке position: fixed
-            // @todo при необходимости дать возможность задавать установку ширины самостоятельно
-            this.bodyStyle.set('width', '100vw').set('position', 'fixed').set('top', `${-scrollTop}px`);
-            if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.reserveScrollBarGap) {
-                const gap = this.getScrollbarWidth();
-                gap > 0 && this.bodyStyle.set('padding-right', `${gap}px`);
-            }
-            document.body.setAttribute(MARK_ATTR, 'true');
-        }
-    }
-    /** @inheritdoc */
-    unlock() {
-        var _a;
-        if (this.isLocked()) {
-            const { body } = document;
-            const parsed = parseFloat(body.style.getPropertyValue('top').replace(/[A-z]*/g, '')) || 0;
-            (_a = this.bodyStyle) === null || _a === void 0 ? void 0 : _a.restore();
-            window.scrollTo(0, -parsed);
-            document.body.removeAttribute(MARK_ATTR);
-        }
-    }
-    /**
-     * Определяет заблокирована ли прокрутка.
-     * @return True если прокрутка заблокирована.
-     */
-    isLocked() {
-        return document.body.hasAttribute(MARK_ATTR);
-    }
-    /**
-     * Определяет ширину полосы прокрутки.
-     * @return Ширина в пикселях.
-     */
-    getScrollbarWidth() {
-        // https://javascript.info/task/scrollbar-width
-        const div = document.createElement('div');
-        div.style.overflowY = 'scroll';
-        div.style.width = '50px';
-        div.style.height = '50px';
-        // must be inserted into body, otherwise sizes will be zero
-        document.body.append(div);
-        const scrollBarWidth = div.offsetWidth - div.clientWidth;
-        div.remove();
-        return scrollBarWidth;
-    }
-}
-exports.PageScrollLock = PageScrollLock;
-/** Промежуточный слой для установки стилей на элемент с возможностью восстановления состояния. */
-class StyleAffect {
-    /**
-     * @param element Целевой элемент.
-     */
-    constructor(element) {
-        this.element = element;
-        this.changes = new Map();
-    }
-    /**
-     * Устанавливает стили на элемент и запоминает предыдущее значение.
-     * @param prop Имя свойства.
-     * @param value Значение.
-     * @param priority Приоритет.
-     * @return Экземпляр.
-     */
-    set(prop, value, priority) {
-        if (!this.changes.has(prop)) {
-            this.changes.set(prop, {
-                oldValue: this.element.style.getPropertyValue(prop),
-                oldPriority: this.element.style.getPropertyPriority(prop),
-            });
-        }
-        this.element.style.setProperty(prop, value, priority);
-        return this;
-    }
-    /**
-     * Откатывает стили.
-     * @return Экземпляр.
-     */
-    restore() {
-        for (const [prop, { oldValue, oldPriority }] of this.changes) {
-            this.element.style.setProperty(prop, oldValue, oldPriority);
-        }
-        this.changes.clear();
-        return this;
-    }
-}

package/_internal/page-scroll-lock/context.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { PageScrollLockContextValue, PageScrollLockProviderProps } from './types';
-/**
- * Провайдер реализации блокировки прокрутки.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function PageScrollProvider({ children, adapter }: PageScrollLockProviderProps): JSX.Element;
-/**
- * Хук использования реализации блокировки прокрутки.
- * @return Реализация.
- */
-export declare function usePageScrollContext(): PageScrollLockContextValue;

package/_internal/page-scroll-lock/context.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageScrollContext = exports.PageScrollProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const body_scroll_lock_1 = require("./adapters/body-scroll-lock");
-const PageScrollContext = (0, react_1.createContext)(null);
-const DEFAULTS = {
-    adapter: (element, options) => new body_scroll_lock_1.PageScrollLock(element, options),
-};
-/**
- * Провайдер реализации блокировки прокрутки.
- * @param props Свойства.
- * @return Элемент.
- */
-function PageScrollProvider({ children, adapter }) {
-    const contextValue = (0, react_1.useContext)(PageScrollContext);
-    if (contextValue !== null) {
-        throw Error('PageScrollContext: only one provider allowed in jsx tree');
-    }
-    return (0, jsx_runtime_1.jsx)(PageScrollContext.Provider, Object.assign({ value: { adapter } }, { children: children }));
-}
-exports.PageScrollProvider = PageScrollProvider;
-/**
- * Хук использования реализации блокировки прокрутки.
- * @return Реализация.
- */
-function usePageScrollContext() {
-    const context = (0, react_1.useContext)(PageScrollContext);
-    return context || DEFAULTS;
-}
-exports.usePageScrollContext = usePageScrollContext;

package/_internal/page-scroll-lock/hook.d.ts

@@ -1,12 +0,0 @@
-import type { RefObject } from 'react';
-import type { BodyScrollOptions } from 'body-scroll-lock';
-interface HookOptions extends Pick<BodyScrollOptions, 'reserveScrollBarGap'> {
-    lockEnabled?: boolean;
-}
-/**
- * Хук управления блокировкой прокрутки body.
- * @param ref Ref прокручиваемого элемента для которого нужно отключить прокрутку body.
- * @param options Опции.
- */
-export declare function usePageScrollLock(ref: RefObject<HTMLElement>, options?: HookOptions): void;
-export {};

package/_internal/page-scroll-lock/hook.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageScrollLock = void 0;
-const hooks_1 = require("../../hooks");
-const context_1 = require("./context");
-const DEFAULTS = {
-    lockEnabled: true,
-    reserveScrollBarGap: true,
-};
-/**
- * Хук управления блокировкой прокрутки body.
- * @param ref Ref прокручиваемого элемента для которого нужно отключить прокрутку body.
- * @param options Опции.
- */
-function usePageScrollLock(ref, options = DEFAULTS) {
-    const { adapter } = (0, context_1.usePageScrollContext)();
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        const element = ref.current;
-        if (element && options.lockEnabled) {
-            const pageScroll = adapter(element, options);
-            pageScroll.lock();
-            return () => pageScroll.unlock();
-        }
-    }, [options === null || options === void 0 ? void 0 : options.lockEnabled, options === null || options === void 0 ? void 0 : options.reserveScrollBarGap]);
-}
-exports.usePageScrollLock = usePageScrollLock;

package/_internal/page-scroll-lock/index.d.ts

@@ -1,4 +0,0 @@
-export type { WithPageScrollLock, PageScrollLockAdapterFactory } from './types';
-export { BSL_IGNORE_ATTR } from './adapters/body-scroll-lock';
-export { usePageScrollLock } from './hook';
-export { PageScrollProvider } from './context';

package/_internal/page-scroll-lock/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageScrollProvider = exports.usePageScrollLock = exports.BSL_IGNORE_ATTR = void 0;
-var body_scroll_lock_1 = require("./adapters/body-scroll-lock");
-Object.defineProperty(exports, "BSL_IGNORE_ATTR", { enumerable: true, get: function () { return body_scroll_lock_1.BSL_IGNORE_ATTR; } });
-var hook_1 = require("./hook");
-Object.defineProperty(exports, "usePageScrollLock", { enumerable: true, get: function () { return hook_1.usePageScrollLock; } });
-var context_1 = require("./context");
-Object.defineProperty(exports, "PageScrollProvider", { enumerable: true, get: function () { return context_1.PageScrollProvider; } });

package/_internal/page-scroll-lock/types.d.ts

@@ -1,22 +0,0 @@
-import type { ReactNode } from 'react';
-import type { BodyScrollOptions } from 'body-scroll-lock';
-export interface PageScrollLockAdapterFactory {
-    (target: HTMLElement, options?: WithPageScrollLock['scrollDisableOptions']): PageScrollLockAdapter;
-}
-export interface PageScrollLockContextValue {
-    adapter: PageScrollLockAdapterFactory;
-}
-export interface PageScrollLockProviderProps extends PageScrollLockContextValue {
-    children?: ReactNode;
-}
-export interface PageScrollLockAdapter {
-    lock(): void;
-    unlock(): void;
-}
-export type PageScrollLockOptions = Pick<BodyScrollOptions, 'reserveScrollBarGap'>;
-export interface WithPageScrollLock {
-    /** Нужно ли выключать прокрутку body. */
-    withScrollDisable?: boolean;
-    /** Опции отключения прокрутки. */
-    scrollDisableOptions?: PageScrollLockOptions;
-}

package/_internal/page-scroll-lock/types.js

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

package/_internal/readme.md

@@ -1,5 +0,0 @@
-# Внутренние компоненты
-
-Компоненты из этого каталога не должны использоваться за пределами данной библиотеки.
-
-Ломающие изменения содержимого данного каталога не влияют на мажорность релиза.

package/_internal/utils/dropdown.d.ts

@@ -1,12 +0,0 @@
-import { HEIGHTS } from '../../text-field';
-/**
- * Получив размер TextField, возвращает свойства для Dropdown для позиционирования строго под полем.
- * @deprecated Эта функция больше не нужна так как позиционирование выполняется другим способом.
- * @param size Размер TextField.
- * @return Свойства для Dropdown.
- */
-export declare const placeDropdown: (size?: keyof typeof HEIGHTS) => {
-    style: {
-        top: string;
-    };
-};

package/_internal/utils/dropdown.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.placeDropdown = void 0;
-const text_field_1 = require("../../text-field");
-/**
- * Получив размер TextField, возвращает свойства для Dropdown для позиционирования строго под полем.
- * @deprecated Эта функция больше не нужна так как позиционирование выполняется другим способом.
- * @param size Размер TextField.
- * @return Свойства для Dropdown.
- */
-const placeDropdown = (size = text_field_1.DEFAULTS.size) => ({
-    style: {
-        top: `${text_field_1.HEIGHTS[size]}px`,
-    },
-});
-exports.placeDropdown = placeDropdown;

package/alert/index.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-import { WithPageScrollLock } from '../_internal/page-scroll-lock';
-import { CardContentProps } from '../card/slots';
-export interface AlertProps extends WithPageScrollLock {
-    /** Основное содержимое. */
-    children?: ReactNode;
-    /** Будет вызвана при закрытии окна нажатием на затемнение. */
-    onClose?: VoidFunction;
-}
-/**
- * Компонент модального диалога.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Alert({ children, withScrollDisable, scrollDisableOptions, onClose, }: AlertProps): JSX.Element;
-/**
- * Основной контент Alert.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function AlertBody({ children }: CardContentProps): JSX.Element;

package/alert/index.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertBody = exports.Alert = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
-const modal_overlay_1 = require("../modal-overlay");
-const card_1 = require("../card");
-const top_bar_1 = require("../top-bar");
-const bottom_bar_1 = require("../bottom-bar");
-const define_slots_1 = require("../helpers/define-slots");
-const utils_1 = require("../modal-overlay/utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const alert_module_scss_1 = __importDefault(require("./alert.module.scss"));
-const cx = bind_1.default.bind(alert_module_scss_1.default);
-/**
- * Компонент модального диалога.
- * @param props Свойства.
- * @return Элемент.
- */
-function Alert({ children, withScrollDisable = false, scrollDisableOptions, onClose, }) {
-    const scrollableRef = (0, react_1.useRef)(null);
-    (0, page_scroll_lock_1.usePageScrollLock)(scrollableRef, Object.assign({ lockEnabled: withScrollDisable }, scrollDisableOptions));
-    const { topBar, body, bottomBar } = (0, define_slots_1.defineSlots)(children, {
-        topBar: top_bar_1.TopBar,
-        body: AlertBody,
-        bottomBar: bottom_bar_1.BottomBar,
-    });
-    const overlayClickBind = (0, utils_1.useExactClick)(onClose);
-    (0, react_1.useImperativeHandle)(body === null || body === void 0 ? void 0 : body.props.scrollableRef, () => scrollableRef.current);
-    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, Object.assign({ className: alert_module_scss_1.default.overlay }, overlayClickBind, { children: (0, jsx_runtime_1.jsxs)(card_1.Card, Object.assign({ shadow: 'z4', rounds: 'm', className: cx('alert'), "data-testid": 'alert' }, { children: [topBar && (0, jsx_runtime_1.jsx)(top_bar_1.TopBar, Object.assign({ size: 's' }, topBar.props)), body && ((0, jsx_runtime_1.jsx)(card_1.CardContent, Object.assign({}, body.props, { scrollableRef: scrollableRef }, { children: body }))), bottomBar && (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, Object.assign({ size: 's' }, bottomBar.props))] })) })));
-}
-exports.Alert = Alert;
-/**
- * Основной контент Alert.
- * @param props Свойства.
- * @return Элемент.
- */
-function AlertBody({ children }) {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-}
-exports.AlertBody = AlertBody;

package/arrow-button/arrow-button.module.scss

@@ -1,41 +0,0 @@
-@use '../colors';
-@use '../utils';
-@use '../shadows';
-
-.arrow-button {
-  @include utils.focus-visible;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: #fff;
-  border-radius: 50%;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: 0;
-  box-sizing: border-box;
-  transition: box-shadow 200ms ease-out;
-  color: colors.$basic-gray87;
-  &:not(:disabled):hover {
-    cursor: pointer;
-  }
-  &:disabled {
-    color: colors.$basic-gray24;
-  }
-  &.size-s {
-    width: 32px;
-    height: 32px;
-    @include shadows.box-shadow('z2');
-    &:not(:disabled):hover {
-      @include shadows.box-shadow('z3');
-    }
-  }
-  &.size-l {
-    width: 56px;
-    height: 56px;
-    @include shadows.box-shadow('z3');
-    &:not(:disabled):hover {
-      @include shadows.box-shadow('z4');
-    }
-  }
-}