@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/select/types.d.ts

@@ -1,55 +0,0 @@
-import type { FocusEventHandler, HTMLAttributes, ReactElement, ReactNode, Ref } from 'react';
-import type { DropdownProps } from '../dropdown';
-import type { DropdownItemElement } from '../dropdown-item/types';
-import type { FieldBlockStyle } from '../field-block';
-export interface SelectStyle extends FieldBlockStyle {
-    '--dropdown-width'?: string | number;
-}
-export interface SelectOpenerBinding {
-    label?: string;
-    failed?: boolean;
-    disabled?: boolean;
-    value: ReactNode;
-    opened: boolean;
-    menuFocused: boolean;
-    openerRef: Ref<HTMLElement | null>;
-    anchorRef: Ref<HTMLElement | null>;
-    onMouseDown: Required<HTMLAttributes<HTMLElement>>['onMouseDown'];
-    onKeyDown: Required<HTMLAttributes<HTMLElement>>['onKeyDown'];
-}
-export interface SelectMenuProps extends DropdownProps {
-    menuRef?: Ref<HTMLDivElement | null>;
-    value?: ReactNode;
-    children?: ReactNode;
-    loading?: boolean;
-    onBlur?: FocusEventHandler;
-    onItemSelect?: (item: DropdownItemElement) => void;
-}
-export interface SelectProps {
-    /** Опции. */
-    children?: ReactNode;
-    /** Отключенное состояние. */
-    disabled?: boolean;
-    /** Ошибочное состояние. */
-    failed?: boolean;
-    /** Состояние загрузки опций. */
-    loading?: boolean;
-    /** Сработает при выборе опции. */
-    onValueChange?: (value: string) => void;
-    /** Сработает при открытии/закрытии меню. */
-    onMenuToggle?: (state: {
-        opened: boolean;
-    }) => void;
-    /** Значение, выводимое в качестве выбранного. При отсутствии будет выведено значение defaultValue. */
-    value?: string;
-    /** Значение по умолчанию. При отсутствии будет выведено значение label. */
-    defaultValue?: string;
-    /** Получив значение являющееся текущим или пустую строку, должна вернуть ReactNode. */
-    renderValue?: (value: string) => ReactNode;
-    /** Ярлык. */
-    label?: string;
-    /** Открывающий элемент. */
-    opener?: ReactElement;
-    /** Опции Dropdown. */
-    dropdownProps?: Pick<DropdownProps, 'className' | 'style'>;
-}

package/select/utils.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { SelectOpenerBinding } from './types';
-export declare const SelectContext: import("react").Context<SelectOpenerBinding>;

package/select/utils.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectContext = void 0;
-const react_1 = require("react");
-exports.SelectContext = (0, react_1.createContext)({
-    value: '',
-    opened: false,
-    menuFocused: false,
-    openerRef: (0, react_1.createRef)(),
-    anchorRef: (0, react_1.createRef)(),
-    onMouseDown: () => void 0,
-    onKeyDown: () => void 0,
-});
-//# sourceMappingURL=utils.js.map

package/select/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/select/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAGpC,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAsB;IAC9D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IACzB,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACxB,CAAC,CAAC"}

package/select-deprecated/index.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { TextFieldProps } from '../text-field';
-type Size = 's' | 'm' | 'l' | 'xl';
-export interface SelectProps extends Omit<TextFieldProps, 'style' | 'endAdornment'> {
-    /** Нужно ли выводить состояние загрузки списка. */
-    loading?: boolean;
-    /** Сработает при открытии/закрытии меню. */
-    onMenuToggle?: (opened: boolean) => void;
-    /** Сработает при выборе. */
-    onSelect?: (option: any) => void;
-    /** Список опций. */
-    options: any[];
-    /** Размер для DropdownItem. */
-    optionSize?: Size;
-    /** Вернет содержимое опции. */
-    renderOption?: (option: any) => React.ReactNode;
-    /** Стили. */
-    style?: React.CSSProperties;
-    endAdornment?: TextFieldProps['endAdornment'] | ((opened: boolean) => React.ReactNode);
-}
-/**
- * Выводит иконку стрелки для поля Select по умолчанию.
- * @param opened Открыт ли список опций.
- * @return Элемент.
- */
-export declare const renderDefaultArrow: (opened: boolean) => JSX.Element;
-/**
- * Поле выбора из списка.
- * @deprecated Следует использовать новую реализацию из "@sima-land/ui-nucleons/select".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Select: ({ options, optionSize, onSelect, style, className, label, onClick, value, loading, onMenuToggle, renderOption, "data-testid": dataTestId, size, endAdornment, ...restProps }: SelectProps) => JSX.Element;
-export {};

package/select-deprecated/index.js

@@ -1,77 +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.Select = exports.renderDefaultArrow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dropdown_1 = require("../dropdown");
-const dropdown_item_1 = require("../dropdown-item");
-const text_field_1 = require("../text-field");
-const dropdown_2 = require("../_internal/utils/dropdown");
-const bind_1 = __importDefault(require("classnames/bind"));
-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 select_module_scss_1 = __importDefault(require("./select.module.scss"));
-const colors_1 = require("../colors");
-const dropdown_loading_1 = require("../_internal/dropdown-loading");
-const hooks_1 = require("../hooks");
-const cx = bind_1.default.bind(select_module_scss_1.default);
-/**
- * Выводит иконку стрелки для поля Select по умолчанию.
- * @param opened Открыт ли список опций.
- * @return Элемент.
- */
-const renderDefaultArrow = (opened) => {
-    const ArrowSVG = opened ? Up_1.default : Down_1.default;
-    return (0, jsx_runtime_1.jsx)(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray38') });
-};
-exports.renderDefaultArrow = renderDefaultArrow;
-/**
- * Поле выбора из списка.
- * @deprecated Следует использовать новую реализацию из "@sima-land/ui-nucleons/select".
- * @param props Свойства.
- * @return Элемент.
- */
-const Select = ({ options, optionSize, onSelect, style, className, label, onClick, value, loading, onMenuToggle, renderOption = String, 'data-testid': dataTestId, size, endAdornment = exports.renderDefaultArrow, ...restProps }) => {
-    const rootRef = (0, react_1.useRef)(null);
-    const fieldRef = (0, react_1.useRef)(null);
-    const menuRef = (0, react_1.useRef)(null);
-    const [opened, toggleMenu] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        opened && menuRef.current && menuRef.current.focus();
-        onMenuToggle && onMenuToggle(opened);
-    }, [opened]);
-    (0, hooks_1.useOutsideClick)(rootRef, toggleMenu.bind(null, false));
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, style: style, className: cx('root', className), "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsx)(text_field_1.TextField, { ...restProps, size: size, blockProps: {
-                    ref: fieldRef,
-                    tabIndex: 0,
-                    onMouseDown: () => {
-                        toggleMenu(a => !a);
-                    },
-                    onKeyDown: e => {
-                        e.key === 'Enter' && toggleMenu(true);
-                    },
-                }, onClick: e => {
-                    e.preventDefault();
-                    onClick && onClick(e);
-                }, className: select_module_scss_1.default.field, "data-testid": 'select:field', label: label, focused: opened, baseInputProps: {
-                    // чтобы не ловить фокус на поле
-                    style: { pointerEvents: 'none' },
-                    tabIndex: -1,
-                }, value: value, multiline: false, variant: 'desktop', readOnly: true, endAdornment: typeof endAdornment === 'function' ? endAdornment(opened) : endAdornment }), opened && (loading || options.length > 0) && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...(0, dropdown_2.placeDropdown)(size), ref: menuRef, "data-testid": 'select:menu', role: 'menu', tabIndex: -1, className: cx('menu'), onKeyDown: event => {
-                    if (event.key === 'Enter') {
-                        toggleMenu(false);
-                        fieldRef.current && fieldRef.current.focus();
-                    }
-                }, onBlur: () => {
-                    toggleMenu(false);
-                    fieldRef.current && fieldRef.current.focus();
-                }, children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (options.map((option, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: optionSize, role: 'menuitem', onClick: () => {
-                        toggleMenu(false);
-                        onSelect && onSelect(option);
-                    }, children: renderOption(option) }, index)))) }))] }));
-};
-exports.Select = Select;
-//# sourceMappingURL=index.js.map

package/select-deprecated/index.js.map

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

package/select-deprecated/select.module.scss

@@ -1,26 +0,0 @@
-.root {
-  position: relative;
-  width: var(--width, 320px);
-}
-
-.field {
-  width: 100%;
-}
-
-.field,
-.field * {
-  cursor: pointer;
-}
-
-.adornment {
-  display: flex;
-  align-items: center;
-  user-select: none;
-}
-
-.menu {
-  position: absolute;
-  width: 100%;
-  top: 100%;
-  z-index: 2;
-}

package/shadows.scss

@@ -1,18 +0,0 @@
-/**
- * Формирует тень по дизайн-гайдам.
- */
-@mixin box-shadow($key) {
-  @if $key == 'z1' {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.08);
-  } @else if $key == 'z2' {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.1);
-  } @else if $key == 'z2-straight' {
-    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
-  } @else if $key == 'z3' {
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08), 0 0 4px rgba(0, 0, 0, 0.04);
-  } @else if $key == 'z4' {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 12px 30px rgba(0, 0, 0, 0.1);
-  } @else {
-    @warn 'No such shadow `#{$key}`.';
-  }
-}

package/side-page/index.d.ts

@@ -1,39 +0,0 @@
-import { ReactNode } from 'react';
-import { WithPageScrollLock } from '../_internal/page-scroll-lock';
-import { SidePageBody, SidePageFooter, SidePageHeader } from './slots';
-import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-export interface SidePageProps extends WithPageScrollLock {
-    /** Нужно ли показать компонент. */
-    shown?: boolean;
-    /** Нужно ли использовать анимации при открытии/закрытии. */
-    withTransitions?: boolean;
-    /** Ширина. */
-    size?: 's' | 'm';
-    /** Содержимое. */
-    children?: ReactNode;
-    /** Сработает при закрытии. */
-    onClose?: () => void;
-    /** Обработчик "onEntering" для CSSTransition. */
-    onEntering?: CSSTransitionProps['onEntering'];
-    /** Обработчик "onEnter" для CSSTransition. */
-    onEnter?: CSSTransitionProps['onEnter'];
-    /** Обработчик "onEntered" для CSSTransition. */
-    onEntered?: CSSTransitionProps['onEntered'];
-    /** Обработчик "onExiting" для CSSTransition. */
-    onExiting?: CSSTransitionProps['onExiting'];
-    /** Обработчик "onExited" для CSSTransition. */
-    onExited?: CSSTransitionProps['onExited'];
-    /** Обработчик "onExit" для CSSTransition. */
-    onExit?: CSSTransitionProps['onExit'];
-}
-/**
- * Компонент модального окна, прикрепленного к правой стороне экрана.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SidePage({ shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited, ...restProps }: SidePageProps): JSX.Element;
-export declare namespace SidePage {
-    var Header: typeof SidePageHeader;
-    var Body: typeof SidePageBody;
-    var Footer: typeof SidePageFooter;
-}

package/side-page/index.js

@@ -1,58 +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.SidePage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const define_slots_1 = require("../helpers/define-slots");
-const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
-const slots_1 = require("./slots");
-const CSSTransition_1 = __importDefault(require("react-transition-group/CSSTransition"));
-const modal_overlay_1 = require("../modal-overlay");
-const utils_1 = require("../modal-overlay/utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const side_page_module_scss_1 = __importDefault(require("./side-page.module.scss"));
-const cx = bind_1.default.bind(side_page_module_scss_1.default);
-const transitionClasses = {
-    enter: cx('enter'),
-    enterActive: cx('enter-active'),
-    exit: cx('exit'),
-    exitActive: cx('exit-active'),
-};
-/**
- * Компонент модального окна, прикрепленного к правой стороне экрана.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePage({ shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited, ...restProps }) {
-    const transitionDuration = withTransitions ? 300 : 0;
-    return ((0, jsx_runtime_1.jsx)(CSSTransition_1.default, { in: shown, timeout: transitionDuration, classNames: transitionClasses, unmountOnExit: true, onEntering: onEntering, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, children: transitionStatus => ((0, jsx_runtime_1.jsx)(SidePageInner, { ...restProps, ...{ transitionStatus, transitionDuration } })) }));
-}
-exports.SidePage = SidePage;
-/**
- * Фиктивный компонент, необходимый для того чтобы задействовать хук блокировки прокрутки внутри CSSTransition.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePageInner({ size = 'm', children, onClose, withScrollDisable = false, scrollDisableOptions, transitionStatus, transitionDuration, }) {
-    const overlayClickBind = (0, utils_1.useExactClick)(onClose);
-    const ref = (0, react_1.useRef)(null);
-    (0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
-    const { header, body, footer } = (0, define_slots_1.defineSlots)(children, {
-        header: SidePage.Header,
-        body: SidePage.Body,
-        footer: SidePage.Footer,
-    });
-    const overlayProps = {
-        style: { '--transition-duration': `${transitionDuration}ms` },
-        // условие нужно чтобы не было моментального закрытия на double click
-        ...(transitionStatus !== 'entering' && overlayClickBind),
-    };
-    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { ...overlayProps, children: (0, jsx_runtime_1.jsxs)("div", { className: cx('side-page', `size-${size}`), children: [header, (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('body'), children: body }), footer] }) }));
-}
-SidePage.Header = slots_1.SidePageHeader;
-SidePage.Body = slots_1.SidePageBody;
-SidePage.Footer = slots_1.SidePageFooter;
-//# sourceMappingURL=index.js.map

package/side-page/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/side-page/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAyD;AACzD,0DAAsD;AACtD,oEAAsF;AACtF,mCAAuE;AACvE,yFAAyF;AACzF,oDAAmE;AACnE,kDAAuD;AACvD,2DAAyC;AACzC,oFAA6C;AAqC7C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,+BAAM,CAAC,CAAC;AAEnC,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC;IAClB,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC;IAChB,UAAU,EAAE,EAAE,CAAC,aAAa,CAAC;CACrB,CAAC;AAEX;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,eAAe,EACf,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACE;IACd,MAAM,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,uBAAC,uBAAa,IACZ,EAAE,EAAE,KAAK,EACT,OAAO,EAAE,kBAAkB,EAC3B,UAAU,EAAE,iBAAiB,EAC7B,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,YAEjB,gBAAgB,CAAC,EAAE,CAAC,CACnB,uBAAC,aAAa,OAAK,SAAS,KAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAI,CAC/E,GACa,CACjB,CAAC;AACJ,CAAC;AA/BD,4BA+BC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EACrB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,GAInB;IACC,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,oCAAiB,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEpF,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,MAAM,EAAE,QAAQ,CAAC,MAAM;KACxB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAsB;QACtC,KAAK,EAAE,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,IAAI,EAAmB;QAE9E,qEAAqE;QACrE,GAAG,CAAC,gBAAgB,KAAK,UAAU,IAAI,gBAAgB,CAAC;KACzD,CAAC;IAEF,OAAO,CACL,uBAAC,4BAAY,OAAK,YAAY,YAC5B,iCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAC,aAC5C,MAAM,EACP,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YACjC,IAAI,GACD,EACL,MAAM,IACH,GACO,CAChB,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,MAAM,GAAG,sBAAc,CAAC;AACjC,QAAQ,CAAC,IAAI,GAAG,oBAAY,CAAC;AAC7B,QAAQ,CAAC,MAAM,GAAG,sBAAc,CAAC"}

package/side-page/side-page.module.scss

@@ -1,89 +0,0 @@
-@use '../colors';
-@use '../breakpoints';
-@use '../top-bar/top-bar-util';
-@use '../bottom-bar/bottom-bar-util';
-@use '../modal-overlay/modal-overlay-util';
-
-.side-page {
-  position: absolute;
-  top: 0;
-  right: 0;
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  background: #fff;
-  @include breakpoints.down('xs') {
-    width: 100%;
-    .header {
-      @include top-bar-util.size-m;
-    }
-    .footer {
-      @include bottom-bar-util.size-m;
-    }
-  }
-  @include breakpoints.up('xs') {
-    &.size-s {
-      max-width: 488px;
-    }
-    &.size-m {
-      max-width: 968px;
-    }
-    .header {
-      @include top-bar-util.size-xl;
-    }
-    .footer {
-      @include bottom-bar-util.size-l;
-    }
-  }
-}
-
-.header {
-  flex-shrink: 0;
-  width: 100%;
-}
-
-.body {
-  flex-grow: 1;
-  overflow-y: auto;
-}
-
-.footer {
-  flex-shrink: 0;
-  width: 100%;
-}
-
-// transitions
-.enter {
-  background-color: transparent;
-  .side-page {
-    transform: translateX(100%);
-  }
-}
-
-.enter-active {
-  transition: background-color var(--transition-duration) ease-in-out;
-  background-color: modal-overlay-util.$overlay-color;
-  overflow: hidden;
-  .side-page {
-    transition: transform var(--transition-duration) ease-in-out;
-    transform: translateX(0);
-  }
-}
-
-.exit {
-  background-color: modal-overlay-util.$overlay-color;
-  .side-page {
-    transform: translateX(0);
-  }
-}
-
-.exit-active {
-  transition: background-color var(--transition-duration) ease-in-out;
-  background-color: transparent;
-  overflow: hidden;
-  .side-page {
-    transition: transform var(--transition-duration) ease-in-out;
-    transform: translateX(100%);
-  }
-}

package/side-page/slots.d.ts

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-import { TopBarProps } from '../top-bar';
-import { BottomBarProps } from '../bottom-bar';
-/**
- * Шапка SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SidePageHeader({ onBack, onClose, buttons, ...topBarProps }: TopBarProps & {
-    onBack?: () => void;
-    onClose?: () => void;
-}): JSX.Element;
-/**
- * Основной контент SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SidePageBody({ children }: {
-    children?: ReactNode;
-}): JSX.Element;
-/**
- * Подвал SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SidePageFooter({ ...props }: BottomBarProps): JSX.Element;

package/side-page/slots.js

@@ -1,40 +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.SidePageFooter = exports.SidePageBody = exports.SidePageHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const top_bar_1 = require("../top-bar");
-const bottom_bar_1 = require("../bottom-bar");
-const utils_1 = require("../top-bar/utils");
-const classnames_1 = __importDefault(require("classnames"));
-const side_page_module_scss_1 = __importDefault(require("./side-page.module.scss"));
-/**
- * Шапка SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePageHeader({ onBack, onClose, buttons, ...topBarProps }) {
-    return ((0, jsx_runtime_1.jsx)(top_bar_1.TopBar, { ...topBarProps, size: 'unset', className: side_page_module_scss_1.default.header, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }) }));
-}
-exports.SidePageHeader = SidePageHeader;
-/**
- * Основной контент SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePageBody({ children }) {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-}
-exports.SidePageBody = SidePageBody;
-/**
- * Подвал SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePageFooter({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, { ...props, size: 'unset', className: (0, classnames_1.default)(side_page_module_scss_1.default.footer) });
-}
-exports.SidePageFooter = SidePageFooter;
-//# sourceMappingURL=slots.js.map

package/side-page/slots.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slots.js","sourceRoot":"","sources":["../../src/side-page/slots.tsx"],"names":[],"mappings":";;;;;;;AACA,wCAAiD;AACjD,8CAA0D;AAC1D,4CAAqD;AACrD,4DAAoC;AACpC,oFAA6C;AAE7C;;;;GAIG;AACH,SAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,OAAO,EACP,GAAG,WAAW,EAIf;IACC,OAAO,CACL,uBAAC,gBAAM,OACD,WAAW,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,+BAAM,CAAC,MAAM,EACxB,OAAO,EAAE,IAAA,yBAAiB,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GACxD,CACH,CAAC;AACJ,CAAC;AAjBD,wCAiBC;AAED;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAAE,QAAQ,EAA4B;IACjE,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAFD,oCAEC;AAED;;;;GAIG;AACH,SAAgB,cAAc,CAAC,EAAE,GAAG,KAAK,EAAkB;IACzD,OAAO,uBAAC,sBAAS,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAAM,CAAC,MAAM,CAAC,GAAI,CAAC;AACrF,CAAC;AAFD,wCAEC"}

package/spinner/index.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { Token } from '../colors';
-/**
- * @deprecated Следует использовать 's' | 'm' | 'l'.
- */
-type SpinnerLegacySize = 'small' | 'medium' | 'large';
-export type SpinnerSize = 's' | 'm' | 'l';
-export interface SpinnerProps {
-    /** Размер. */
-    size?: SpinnerSize | SpinnerLegacySize;
-    /** Цвет. */
-    color?: Token;
-    /** Класс. */
-    className?: string;
-    /** Стили. */
-    style?: React.CSSProperties;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string | null;
-}
-export declare const DIAMETERS: Record<SpinnerSize | SpinnerLegacySize, number>;
-/**
- * Компонент спиннера.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Spinner({ size, color, className, style, 'data-testid': testId, }: SpinnerProps): JSX.Element;
-/**
- * Спиннер.
- * Выделен в отдельный компонент для возможности использования без обертки в виде div.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SpinnerSVG({ size, color, className, style, 'data-testid': testId, }: SpinnerProps): JSX.Element;
-export {};

package/spinner/index.js

@@ -1,46 +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.SpinnerSVG = exports.Spinner = exports.DIAMETERS = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lodash_1 = require("lodash");
-const colors_1 = require("../colors");
-const bind_1 = __importDefault(require("classnames/bind"));
-const spinner_module_scss_1 = __importDefault(require("./spinner.module.scss"));
-const cx = bind_1.default.bind(spinner_module_scss_1.default);
-exports.DIAMETERS = {
-    s: 20,
-    m: 48,
-    l: 80,
-    // legacy, @todo удалить со временем:
-    small: 20,
-    medium: 48,
-    large: 80,
-};
-const DEFAULT_COLOR = 'basic-blue';
-/**
- * Компонент спиннера.
- * @param props Свойства.
- * @return Элемент.
- */
-function Spinner({ size = 'm', color = DEFAULT_COLOR, className, style, 'data-testid': testId = 'spinner', }) {
-    const readySize = (0, lodash_1.has)(exports.DIAMETERS, size) ? size : 'm';
-    const readyColor = colors_1.COLORS.has(color) ? color : DEFAULT_COLOR;
-    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "data-testid": testId, children: (0, jsx_runtime_1.jsx)(SpinnerSVG, { size: readySize, color: readyColor, "data-testid": null }) }));
-}
-exports.Spinner = Spinner;
-/**
- * Спиннер.
- * Выделен в отдельный компонент для возможности использования без обертки в виде div.
- * @param props Свойства.
- * @return Элемент.
- */
-function SpinnerSVG({ size = 'm', color = DEFAULT_COLOR, className, style, 'data-testid': testId = 'spinner', }) {
-    const diameter = exports.DIAMETERS[size];
-    const radius = diameter / 2;
-    return ((0, jsx_runtime_1.jsx)("svg", { style: style, className: cx('spinner', `size-${size}`, className), viewBox: `0 0 ${diameter} ${diameter}`, width: diameter, height: diameter, stroke: colors_1.COLORS.get(color), "data-testid": testId, children: (0, jsx_runtime_1.jsx)("circle", { className: cx('circle'), cx: radius, cy: radius, r: radius - 1 }) }));
-}
-exports.SpinnerSVG = SpinnerSVG;
-//# sourceMappingURL=index.js.map

package/spinner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/spinner/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAA6B;AAC7B,sCAA0C;AAC1C,2DAAyC;AACzC,gFAA2C;AA0B3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAM,CAAC,CAAC;AAEtB,QAAA,SAAS,GAAoD;IACxE,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IAEL,qCAAqC;IACrC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACD,CAAC;AAEX,MAAM,aAAa,GAAU,YAAY,CAAC;AAE1C;;;;GAIG;AACH,SAAgB,OAAO,CAAC,EACtB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,aAAa,EACrB,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,SAAS,GACpB;IACb,MAAM,SAAS,GAAoC,IAAA,YAAG,EAAC,iBAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IACrF,MAAM,UAAU,GAAG,eAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAE7D,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,YAC1D,uBAAC,UAAU,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,iBAAe,IAAI,GAAI,GACjE,CACP,CAAC;AACJ,CAAC;AAfD,0BAeC;AAED;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,aAAa,EACrB,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,SAAS,GACpB;IACb,MAAM,QAAQ,GAAG,iBAAS,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,gCACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,OAAO,QAAQ,IAAI,QAAQ,EAAE,EACtC,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,eAAM,CAAC,GAAG,CAAC,KAAK,CAAC,iBACZ,MAAM,YAEnB,mCACE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EACvB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,GAAG,CAAC,GACb,GACE,CACP,CAAC;AACJ,CAAC;AA5BD,gCA4BC"}