@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/loading-overlay/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { SpinnerProps } from '../spinner';
-export interface LoadingOverlayProps {
-    /** Пользовательский CSS-класс корневого элемента. */
-    className?: string;
-    /** Нужно ли заполнять родительский элемент с помощью `position: absolute`. */
-    fill?: boolean;
-    /** Свойства компонента Spinner. */
-    spinnerProps?: SpinnerProps;
-    /** Пользовательские стили. */
-    style?: React.CSSProperties;
-}
-/**
- * Компонент перекрытия для отображения состояния загрузки.
- * @deprecated Следует использовать Spinner напрямую.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const LoadingOverlay: ({ style, className, spinnerProps, fill, }: LoadingOverlayProps) => JSX.Element;

package/loading-overlay/index.js

@@ -1,20 +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.LoadingOverlay = void 0;
-const react_1 = __importDefault(require("react"));
-const spinner_1 = require("../spinner");
-const bind_1 = __importDefault(require("classnames/bind"));
-const loading_overlay_module_scss_1 = __importDefault(require("./loading-overlay.module.scss"));
-const cx = bind_1.default.bind(loading_overlay_module_scss_1.default);
-/**
- * Компонент перекрытия для отображения состояния загрузки.
- * @deprecated Следует использовать Spinner напрямую.
- * @param props Свойства.
- * @return Элемент.
- */
-const LoadingOverlay = ({ style, className, spinnerProps = {}, fill = true, }) => (react_1.default.createElement("div", { className: cx('loading-overlay', fill && 'fill', className), style: style },
-    react_1.default.createElement(spinner_1.Spinner, Object.assign({}, spinnerProps))));
-exports.LoadingOverlay = LoadingOverlay;

package/loading-overlay/loading-overlay.module.scss

@@ -1,14 +0,0 @@
-.loading-overlay {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #fff;
-}
-
-.fill {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}

package/masked-field/index.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '../text-field';
-export interface MaskState {
-    value: string;
-    cleanValue: string;
-}
-export interface MaskedFieldProps extends Omit<TextFieldProps, 'value' | 'onBlur' | 'multiple'> {
-    /** Маска. */
-    mask: string;
-    /** Значение. */
-    value?: string;
-    /** Обработчик blur. */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>, s: MaskState) => void;
-}
-/**
- * Компонент текстового поля (TextField) с маской.
- * @deprecated Теперь нужно использовать MaskedInput.
- * @param props Свойства.
- * @param props.mask Маска.
- * @param props.value Значение.
- * @param props.onBlur Сработает при событии blur.
- */
-export declare const MaskedField: React.ForwardRefExoticComponent<MaskedFieldProps & React.RefAttributes<HTMLInputElement | undefined>>;

package/masked-field/index.js

@@ -1,71 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaskedField = void 0;
-const react_1 = __importStar(require("react"));
-const text_field_1 = require("../text-field");
-const dom_1 = require("@krutoo/input-mask/dist/dom");
-const maskCommons = { placeholder: '_', pattern: /\d/ };
-/**
- * Компонент текстового поля (TextField) с маской.
- * @deprecated Теперь нужно использовать MaskedInput.
- * @param props Свойства.
- * @param props.mask Маска.
- * @param props.value Значение.
- * @param props.onBlur Сработает при событии blur.
- */
-exports.MaskedField = (0, react_1.forwardRef)(function MaskedField(_a, ref) {
-    var { mask, value = '', onBlur } = _a, restOptions = __rest(_a, ["mask", "value", "onBlur"]);
-    const [inputMask, setInputMask] = (0, react_1.useState)();
-    const [inputState, setInputState] = (0, react_1.useState)({ value, cleanValue: '' });
-    const innerRef = (0, react_1.useRef)();
-    (0, react_1.useImperativeHandle)(ref, () => innerRef.current);
-    (0, react_1.useEffect)(() => {
-        const im = (0, dom_1.InputMask)(innerRef.current, Object.assign(Object.assign({}, maskCommons), { mask, onChange: setInputState }));
-        im.setValue(value);
-        setInputMask(im);
-        return () => im.disable();
-    }, [mask]);
-    (0, react_1.useEffect)(() => {
-        inputMask && inputMask.setValue(value);
-    }, [value, inputMask]);
-    return (react_1.default.createElement(text_field_1.TextField, Object.assign({}, restOptions, { ref: innerRef, multiline: false, restPlaceholder: {
-            value: mask.slice(inputState.value.length),
-            shiftValue: inputState.value,
-        }, 
-        // получаем данные маски только по событию "blur"
-        onBlur: e => onBlur === null || onBlur === void 0 ? void 0 : onBlur(e, inputState) })));
-});

package/masked-input/hook.d.ts

@@ -1,8 +0,0 @@
-import { UseInputMaskOptions, UseInputMaskResult } from './types';
-/**
- * Хук для задания маски для поля ввода текста.
- * @todo Возможно стоит перенести в `@krutoo/input-mask`.
- * @param props Опции.
- * @return Интерфейс работы с маской.
- */
-export declare function useInputMask({ maskOptions: maskOptionsProp, value, defaultValue, }: UseInputMaskOptions): UseInputMaskResult;

package/masked-input/hook.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInputMask = void 0;
-const react_1 = require("react");
-const hooks_1 = require("../hooks");
-const on_1 = require("../helpers/on");
-const utils_1 = require("@krutoo/input-mask/dist/dom/utils");
-const utils_2 = require("./utils");
-/**
- * Хук для задания маски для поля ввода текста.
- * @todo Возможно стоит перенести в `@krutoo/input-mask`.
- * @param props Опции.
- * @return Интерфейс работы с маской.
- */
-function useInputMask({ maskOptions: maskOptionsProp, value, defaultValue, }) {
-    // запоминаем опции тк RegExp - объект и при использовании литерала он будет каждый раз новым
-    const maskOptions = (0, react_1.useMemo)(() => ({
-        mask: maskOptionsProp.mask,
-        pattern: new RegExp(maskOptionsProp.pattern),
-        placeholder: maskOptionsProp.placeholder,
-    }), [maskOptionsProp.mask, maskOptionsProp.pattern, maskOptionsProp.placeholder]);
-    const input = (0, react_1.useRef)(null);
-    const [initialValue] = (0, react_1.useState)(defaultValue);
-    // mask options change: init new store
-    const createStore = (0, react_1.useCallback)(() => {
-        var _a;
-        const newStore = (0, utils_2.createInputMaskStore)(maskOptions);
-        newStore.dispatch(utils_2.actions.manualChange({ value: (_a = value !== null && value !== void 0 ? value : initialValue) !== null && _a !== void 0 ? _a : '' }));
-        return newStore;
-    }, [maskOptions, value, initialValue]);
-    const store = (0, react_1.useMemo)(createStore, [maskOptions]);
-    // ВАЖНО: состояние нужно для того, чтобы вызывать render при изменении состояния хранилища
-    // ВАЖНО: используем именно store.getState(), тк reducer может вернуть состояние без изменений
-    const [, setState] = (0, react_1.useState)(() => store.getState());
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        const offList = [
-            store.subscribe(() => {
-                setState(store.getState());
-                if (input.current) {
-                    utils_1.State.applyDiff(store.getState(), input.current);
-                }
-            }),
-            (0, on_1.on)(document, 'selectionchange', () => {
-                if (input.current && input.current === document.activeElement) {
-                    store.dispatch(utils_2.actions.inputSelectionChange({ input: input.current }));
-                }
-            }),
-        ];
-        return () => offList.forEach(fn => fn());
-    }, [store]);
-    // value prop change: update state
-    const onValuePropChange = (0, react_1.useCallback)(() => {
-        if (typeof value !== 'undefined' &&
-            value !== utils_1.Value.toClean(maskOptions, store.getState().value)) {
-            store.dispatch(utils_2.actions.manualChange({ value }));
-        }
-    }, [value, store, maskOptions]);
-    (0, hooks_1.useIsomorphicLayoutEffect)(onValuePropChange, [value]);
-    // input change: update state
-    const onChange = (0, react_1.useCallback)(event => {
-        store.dispatch(utils_2.actions.inputChange({ input: event.target }));
-    }, [store]);
-    return {
-        store,
-        bind: {
-            ref: input,
-            value: store.getState().value,
-            onChange,
-        },
-    };
-}
-exports.useInputMask = useInputMask;

package/modal/modal.module.scss

@@ -1,134 +0,0 @@
-@use '../colors';
-@use '../breakpoints';
-@use '../top-bar/top-bar-util';
-@use '../bottom-bar/bottom-bar-util';
-
-$modal-max-height: 696px;
-
-@mixin regular-modal {
-  height: var(--modal-height, auto);
-  max-height: min(#{$modal-max-height}, calc(100vh - 32px));
-  min-height: 232px;
-  border-radius: 8px;
-}
-
-@mixin fullscreen-modal {
-  width: 100%;
-  height: 100%;
-  max-height: 100%;
-}
-
-@mixin medium-header {
-  &.has-header {
-    --modal-header-height: #{top-bar-util.$size-m-height};
-    .header {
-      @include top-bar-util.size-m;
-    }
-  }
-}
-
-@mixin large-header {
-  &.has-header {
-    --modal-header-height: #{top-bar-util.$size-xl-height};
-    .header {
-      @include top-bar-util.size-xl;
-    }
-  }
-}
-
-@mixin medium-footer {
-  &.has-footer {
-    --modal-footer-height: #{bottom-bar-util.$size-m-height};
-    .footer {
-      @include bottom-bar-util.size-m;
-    }
-  }
-}
-
-@mixin large-footer {
-  &.has-footer {
-    --modal-footer-height: #{bottom-bar-util.$size-l-height};
-    .footer {
-      @include bottom-bar-util.size-l;
-    }
-  }
-}
-
-.overlay {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.modal {
-  flex-shrink: 0;
-  position: relative; // для overlap
-  margin: auto; // для корректной прокрутки во flex-контейнере
-  display: flex;
-  flex-direction: column;
-  z-index: 1;
-  background-color: #fff;
-  @include breakpoints.down('xs') {
-    @include fullscreen-modal;
-    @include medium-header;
-    @include medium-footer;
-  }
-  @include breakpoints.up('xs') {
-    &:not(.size-fullscreen) {
-      @include regular-modal;
-      @include medium-header;
-      @include medium-footer;
-      &.size-s {
-        width: 480px;
-      }
-      &.size-m {
-        width: 640px;
-      }
-      &.size-l {
-        width: 768px;
-      }
-      &.size-xl {
-        width: 960px;
-      }
-    }
-    &.size-fullscreen {
-      @include fullscreen-modal;
-      @include large-header;
-      @include large-footer;
-    }
-  }
-}
-
-.header {
-  border-radius: 8px 8px 0 0;
-  flex-shrink: 0;
-}
-
-.body {
-  flex-grow: 1;
-}
-
-.footer {
-  flex-shrink: 0;
-  border-radius: 0 0 8px 8px;
-  overflow: hidden;
-}
-
-.footer-stub {
-  flex-shrink: 0;
-  border-radius: 0 0 8px 8px;
-  height: 16px;
-  background: #fff;
-}
-
-.overlap-content {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  * {
-    pointer-events: auto;
-  }
-}

package/no-index-mark/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface NoIndexMarkProps {
-    /** Флаг закрывающегося тэга. */
-    closing?: boolean;
-}
-/**
- * Компонент отображает неиндексируемый контент.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const NoIndexMark: ({ closing }: NoIndexMarkProps) => JSX.Element;

package/no-index-mark/index.js

@@ -1,14 +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.NoIndexMark = void 0;
-const react_1 = __importDefault(require("react"));
-/**
- * Компонент отображает неиндексируемый контент.
- * @param props Свойства.
- * @return Элемент.
- */
-const NoIndexMark = ({ closing }) => (react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: `<!--${closing ? '/' : ''}noindex-->` } }));
-exports.NoIndexMark = NoIndexMark;

package/pagination/base-pagination.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import { PageButtonProps } from './page-button';
-import { getPageButtons } from './utils';
-interface RenderButtonProps extends PageButtonProps {
-    type?: 'prev' | 'next' | 'more';
-    isFirst?: boolean;
-    isLast?: boolean;
-    page?: number;
-    selected?: boolean;
-}
-export interface BasePaginationProps {
-    total: number;
-    current: number;
-    onButtonClick?: (n: number) => void;
-    isButtonSelected?: (n: string | number) => boolean;
-    renderButton?: (p: RenderButtonProps, i?: number) => React.ReactNode;
-    needPrevButton?: (data: {
-        current: number;
-        total: number;
-    }) => boolean;
-    needNextButton?: (data: {
-        current: number;
-        total: number;
-    }) => boolean;
-    calculateButtons?: typeof getPageButtons;
-}
-export declare const BUTTON_TYPES: {
-    readonly prev: "prev";
-    readonly next: "next";
-    readonly more: "more";
-};
-export declare const BUTTON_CONTENTS: {
-    readonly prev: JSX.Element;
-    readonly next: JSX.Element;
-    readonly more: "...";
-};
-/**
- * Возвращает базовый компонент списка кнопок навигации по страницам.
- * @param props Свойства.
- * @param props.total Номер последней страницы.
- * @param props.current Номер текущей страницы.
- * @param props.isButtonSelected Должна определить что кнопка выбрана.
- * @param props.onButtonClick Сработает при клике на кнопку.
- * @param props.renderButton Должна вернуть компонент кнопки.
- * @param props.needPrevButton Должна определить, нужно ла выводить кнопку "Вперед".
- * @param props.needNextButton Должна определить, нужно ла выводить кнопку "Назад".
- * @param props.calculateButtons Должна вернуть список кнопок (например ['prev', 1, 2, 3, 'next']).
- * @return Элемент.
- */
-export declare const BasePagination: React.FC<BasePaginationProps>;
-export {};

package/pagination/base-pagination.js

@@ -1,105 +0,0 @@
-"use strict";
-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.BasePagination = exports.BUTTON_CONTENTS = exports.BUTTON_TYPES = void 0;
-const react_1 = __importDefault(require("react"));
-const page_button_1 = require("./page-button");
-const utils_1 = require("./utils");
-const fp_1 = require("lodash/fp");
-const lodash_1 = require("lodash");
-const sizes_1 = require("../styling/sizes");
-const left_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/left"));
-const right_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/right"));
-const DEFAULTS = {
-    renderButton: (_a, index) => {
-        var { type, isFirst, isLast } = _a, restProps = __rest(_a, ["type", "isFirst", "isLast"]);
-        return (react_1.default.createElement(page_button_1.PageButton, Object.assign({ key: index, rounded: resolveRounded({ type, isFirst, isLast }), className: getClassByType(type) }, restProps)));
-    },
-    needPrevButton: ({ current }) => current > 1,
-    needNextButton: ({ current, total }) => current < total,
-    calculateButtons: utils_1.getPageButtons,
-};
-exports.BUTTON_TYPES = {
-    prev: 'prev',
-    next: 'next',
-    more: 'more',
-};
-exports.BUTTON_CONTENTS = {
-    prev: react_1.default.createElement(left_1.default, { className: (0, utils_1.cx)('icon') }),
-    next: react_1.default.createElement(right_1.default, { className: (0, utils_1.cx)('icon') }),
-    more: '...',
-};
-/**
- * Возвращает базовый компонент списка кнопок навигации по страницам.
- * @param props Свойства.
- * @param props.total Номер последней страницы.
- * @param props.current Номер текущей страницы.
- * @param props.isButtonSelected Должна определить что кнопка выбрана.
- * @param props.onButtonClick Сработает при клике на кнопку.
- * @param props.renderButton Должна вернуть компонент кнопки.
- * @param props.needPrevButton Должна определить, нужно ла выводить кнопку "Вперед".
- * @param props.needNextButton Должна определить, нужно ла выводить кнопку "Назад".
- * @param props.calculateButtons Должна вернуть список кнопок (например ['prev', 1, 2, 3, 'next']).
- * @return Элемент.
- */
-const BasePagination = ({ total, current, onButtonClick, isButtonSelected = (0, fp_1.eq)(current), renderButton = DEFAULTS.renderButton, needPrevButton = DEFAULTS.needPrevButton, needNextButton = DEFAULTS.needNextButton, calculateButtons = DEFAULTS.calculateButtons, }) => {
-    const pageButtons = calculateButtons({
-        current,
-        total,
-        buttonKeys: exports.BUTTON_TYPES,
-    });
-    return (react_1.default.createElement("div", { className: (0, utils_1.cx)('base-pagination-wrapper') },
-        needPrevButton({ current, total }) &&
-            renderButton({
-                'aria-label': 'Назад',
-                type: exports.BUTTON_TYPES.prev,
-                children: exports.BUTTON_CONTENTS.prev,
-                onClick: () => onButtonClick && onButtonClick(current - 1),
-                page: current - 1,
-            }),
-        pageButtons.map(({ content, value }, index) => renderButton({
-            type: content === exports.BUTTON_TYPES.more ? exports.BUTTON_TYPES.more : undefined,
-            isFirst: index === 0,
-            isLast: index === pageButtons.length - 1,
-            children: (0, lodash_1.has)(exports.BUTTON_CONTENTS, content) ? exports.BUTTON_CONTENTS[content] : content,
-            selected: isButtonSelected(content),
-            'aria-label': `Перейти на страницу ${value}`,
-            onClick: () => onButtonClick && onButtonClick(value),
-            page: value,
-        }, index)),
-        needNextButton({ current, total }) &&
-            renderButton({
-                'aria-label': 'Вперед',
-                type: exports.BUTTON_TYPES.next,
-                children: exports.BUTTON_CONTENTS.next,
-                onClick: () => onButtonClick && onButtonClick(current + 1),
-                page: current + 1,
-            })));
-};
-exports.BasePagination = BasePagination;
-const resolveRounded = (0, fp_1.cond)([
-    [(0, fp_1.propEq)('type', exports.BUTTON_TYPES.prev), (0, fp_1.always)('all')],
-    [(0, fp_1.propEq)('type', exports.BUTTON_TYPES.next), (0, fp_1.always)('all')],
-    [(0, fp_1.allPass)([(0, fp_1.prop)('isFirst'), (0, fp_1.prop)('isLast')]), (0, fp_1.always)('all')],
-    [(0, fp_1.prop)('isFirst'), (0, fp_1.always)('left')],
-    [(0, fp_1.prop)('isLast'), (0, fp_1.always)('right')],
-    [fp_1.T, (0, fp_1.always)('none')],
-]);
-const getClassByType = (0, fp_1.cond)([
-    [(0, fp_1.eq)(exports.BUTTON_TYPES.prev), (0, fp_1.always)((0, sizes_1.marginRight)(2))],
-    [(0, fp_1.eq)(exports.BUTTON_TYPES.next), (0, fp_1.always)((0, sizes_1.marginLeft)(2))],
-    [fp_1.T, () => undefined],
-]);

package/pagination/page-button.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface PageButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
-    rounded?: 'all' | 'none' | 'left' | 'right';
-    className?: string;
-    selected?: boolean;
-}
-/**
- * Компонент кнопки страницы по умолчанию. Поддерживаются свойства элемента button.
- * @param props Свойства.
- * @param props.selected Выбрана ли кнопка.
- * @param props.className CSS-класс.
- * @param props.rounded С какой стороны делать скругления.
- * @return Элемент.
- */
-export declare const PageButton: React.FC<PageButtonProps>;

package/pagination/page-button.js

@@ -1,32 +0,0 @@
-"use strict";
-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.PageButton = void 0;
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("./utils");
-/**
- * Компонент кнопки страницы по умолчанию. Поддерживаются свойства элемента button.
- * @param props Свойства.
- * @param props.selected Выбрана ли кнопка.
- * @param props.className CSS-класс.
- * @param props.rounded С какой стороны делать скругления.
- * @return Элемент.
- */
-const PageButton = (_a) => {
-    var { selected, rounded = 'all', className } = _a, restProps = __rest(_a, ["selected", "rounded", "className"]);
-    return (react_1.default.createElement("button", Object.assign({}, restProps, { type: 'button', className: (0, utils_1.cx)('page-button', selected && 'selected', rounded === 'all' && 'rounds-all', rounded === 'left' && 'rounds-left', rounded === 'right' && 'rounds-right', className) })));
-};
-exports.PageButton = PageButton;