@alfalab/core-components 45.8.0-beta.5 → 45.9.0-beta.0

package/phone-input/cssm/Component.js

@@ -1,18 +1,11 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useRef, useCallback } from 'react';
+import mergeRefs from 'react-merge-refs';
+import { conformToMask } from 'text-mask-core';
+import { MaskedInput } from '../../masked-input/cssm';
+import { deleteFormatting, deleteMaskChar, setCaretPosition, getInsertedNumber } from './utils/index.js';
 
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var textMaskCore = require('text-mask-core');
-var coreComponentsMaskedInput = require('../../masked-input/cssm');
-var utils_index = require('./utils/index.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-
-var mask = [
+/* eslint-disable complexity, no-param-reassign */
+const mask = [
     '+',
     '7',
     ' ',
@@ -30,23 +23,22 @@ var mask = [
     /\d/,
     /\d/,
 ];
-var countryPrefix = '+7 ';
-var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["clearableCountryCode"]);
-    var inputRef = React.useRef(null);
-    var handleBeforeDisplay = React.useCallback(function (conformedValue, config) {
-        var rawValue = config.rawValue, previousConformedValue = config.previousConformedValue, currentCaretPosition = config.currentCaretPosition;
-        var previousValueWithoutFormatting = previousConformedValue
-            ? utils_index.deleteFormatting(previousConformedValue)
+const countryPrefix = '+7 ';
+const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps }, ref) => {
+    const inputRef = useRef(null);
+    const handleBeforeDisplay = useCallback((conformedValue, config) => {
+        const { rawValue, previousConformedValue, currentCaretPosition } = config;
+        const previousValueWithoutFormatting = previousConformedValue
+            ? deleteFormatting(previousConformedValue)
             : '';
         /*
          * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.
          */
         if (previousConformedValue && rawValue.indexOf('+7') !== 0) {
-            var newRaw = utils_index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
-            conformedValue = textMaskCore.conformToMask(newRaw, mask, config).conformedValue;
+            const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);
+            conformedValue = conformToMask(newRaw, mask, config).conformedValue;
         }
-        var currentValueWithoutFormatting = utils_index.deleteFormatting(conformedValue) || '';
+        const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';
         /*
          * код ниже нужен для фикса следующих багов библиотеки text-mask:
          * 1) так как код страны указан в маске жестко как "+7",
@@ -61,7 +53,7 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
                     currentValueWithoutFormatting.length) === 1) ||
                 ([7, 10, 13].includes(currentCaretPosition) &&
                     previousConformedValue.length > currentCaretPosition))) {
-            utils_index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
+            setCaretPosition({ position: currentCaretPosition, inputRef });
         }
         // Удаление цифры перед кодом страны удаляет только саму цифру, код остается ("+7 1" -> "+7 ")
         if (rawValue === countryPrefix) {
@@ -69,7 +61,7 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
         }
         // Вставка номера с 10 цифрами без кода страны
         if (rawValue.length === 10 && conformedValue.length === mask.length) {
-            var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
+            const masked = conformToMask(`+7${rawValue}`, mask, config);
             return masked.conformedValue;
         }
         /*
@@ -77,35 +69,35 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
          * Это происходит потому что цифра 7 есть уже в маске
          */
         if (rawValue[1] === '7') {
-            var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
+            const masked = conformToMask(`+7${rawValue}`, mask, config);
             return masked.conformedValue;
         }
-        var insertedNumber = utils_index.getInsertedNumber({
-            rawValue: rawValue,
-            clearableCountryCode: clearableCountryCode,
-            countryPrefix: countryPrefix,
-            previousConformedValue: previousConformedValue,
+        const insertedNumber = getInsertedNumber({
+            rawValue,
+            clearableCountryCode,
+            countryPrefix,
+            previousConformedValue,
         });
         // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344
         if (conformedValue.length === mask.length &&
             (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))) {
-            var masked = textMaskCore.conformToMask("+7".concat(insertedNumber.slice(1)), mask, config);
+            const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);
             return masked.conformedValue;
         }
         // Если ввод начат с 7 или 8 - выводит "+7 " и дает продолжить ввод со след. цифры
         if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {
             return countryPrefix;
         }
-        var abortCountryCodeClearing = !clearableCountryCode && !conformedValue;
+        const abortCountryCodeClearing = !clearableCountryCode && !conformedValue;
         if (abortCountryCodeClearing) {
-            utils_index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
+            setCaretPosition({ position: countryPrefix.length, inputRef });
             if (!rawValue.length)
                 return countryPrefix;
             return false;
         }
         return conformedValue;
     }, [clearableCountryCode]);
-    return (React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, tslib.__assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs__default.default([ref, inputRef]) })));
+    return (React.createElement(MaskedInput, { ...restProps, defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs([ref, inputRef]) }));
 });
 
-exports.PhoneInput = PhoneInput;
+export { PhoneInput };

package/phone-input/cssm/index.js

@@ -1,7 +1,6 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
-
-
-
-exports.PhoneInput = Component.PhoneInput;
+export { PhoneInput } from './Component.js';
+import 'react';
+import 'react-merge-refs';
+import 'text-mask-core';
+import '../../masked-input/cssm';
+import './utils/index.js';

package/phone-input/cssm/utils/index.js

@@ -1,22 +1,16 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) {
-    return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '');
-};
-function setCaretPosition(_a) {
-    var position = _a.position, inputRef = _a.inputRef;
-    window.requestAnimationFrame(function () {
+const deleteFormatting = (phone) => phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '');
+function setCaretPosition({ position, inputRef, }) {
+    window.requestAnimationFrame(() => {
         if (inputRef === null || !inputRef.current)
             return;
         inputRef.current.setSelectionRange(position, position);
     });
 }
-function getInsertedNumber(_a) {
-    var rawValue = _a.rawValue, clearableCountryCode = _a.clearableCountryCode, countryPrefix = _a.countryPrefix, previousConformedValue = _a.previousConformedValue;
+function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }) {
     if (!clearableCountryCode && previousConformedValue === countryPrefix) {
         if (rawValue.startsWith('7') || rawValue.startsWith('8')) {
             return rawValue;
@@ -26,11 +20,11 @@ function getInsertedNumber(_a) {
     return rawValue;
 }
 function deleteMaskChar(previousValue, rawValue) {
-    var prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();
-    var prevConformedCharIdx = previousValue.length - 1;
-    var isMaskRemoved = false;
-    var newRaw = [];
-    prevRawValueAsArr.forEach(function (char) {
+    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();
+    let prevConformedCharIdx = previousValue.length - 1;
+    let isMaskRemoved = false;
+    const newRaw = [];
+    prevRawValueAsArr.forEach((char) => {
         if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {
             newRaw.push(char);
             prevConformedCharIdx -= 1;
@@ -42,7 +36,4 @@ function deleteMaskChar(previousValue, rawValue) {
     return newRaw.reverse().join('');
 }
 
-exports.deleteFormatting = deleteFormatting;
-exports.deleteMaskChar = deleteMaskChar;
-exports.getInsertedNumber = getInsertedNumber;
-exports.setCaretPosition = setCaretPosition;
+export { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition };

package/picker-button/cssm/Component.responsive.js

@@ -1,22 +1,29 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { useMedia } from '@alfalab/hooks';
+import { PickerButtonDesktop } from './desktop/Component.desktop.js';
+import { PickerButtonMobile } from './mobile/Component.mobile.js';
+import 'classnames';
+import '../../popover/cssm';
+import '../../select/cssm/shared';
+import './field/Component.js';
+import '../../button/cssm';
+import './utils/index.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import './field/index.module.css';
+import './option/Component.js';
+import './option/index.module.css';
+import './index.module.css';
+import '../../select/cssm/mobile';
 
-var tslib = require('tslib');
-var React = require('react');
-var hooks = require('@alfalab/hooks');
-var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
-    var view = hooks.useMedia([
-        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
-        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
-    ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
+const PickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
+    const [view] = useMedia([
+        ['mobile', `(max-width: ${breakpoint - 1}px)`],
+        ['desktop', `(min-width: ${breakpoint}px)`],
+    ], 'desktop');
+    return view === 'desktop' ? (React.createElement(PickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(PickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint, ...restProps }));
 });
 
-exports.PickerButtonResponsive = PickerButtonResponsive;
+export { PickerButtonResponsive };

package/picker-button/cssm/desktop/Component.desktop.js

@@ -1,39 +1,39 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import cn from 'classnames';
+import { Popover } from '../../../popover/cssm';
+import { BaseSelect, OptionsList, Optgroup } from '../../../select/cssm/shared';
+import { Field } from '../field/Component.js';
+import { Option } from '../option/Component.js';
+import styles from '../index.module.css';
+import '../../../button/cssm';
+import '../utils/index.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import '../field/index.module.css';
+import '../option/index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsPopover = require('../../../popover/cssm');
-var shared = require('../../../select/cssm/shared');
-var field_Component = require('../field/Component.js');
-var option_Component = require('../option/Component.js');
-var styles = require('../index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
-var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.OptionsList, OptionsList = _c === void 0 ? shared.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? shared.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 56 : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, _h = _a.Field, Field = _h === void 0 ? field_Component.Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps"]);
-    var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    var fieldDefaultProps = {
-        view: view,
-        loading: loading,
+const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
+const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 56, variant = 'default', className, leftAddons, rightAddons, popperClassName, optionClassName, showArrow, Field: Field$1 = Field, fieldProps = {}, ...restProps }, ref) => {
+    const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
+    const fieldDefaultProps = {
+        view,
+        loading,
         /** size у select, button несовместимы */
         buttonSize: size,
         buttonVariant: variant,
-        leftAddons: leftAddons,
-        rightAddons: rightAddons,
-        showArrow: showArrow,
+        leftAddons,
+        rightAddons,
+        showArrow,
         breakpoint: 1,
     };
-    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { Popover: coreComponentsPopover.Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' || size === 56 ? 56 : 48, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(styles__default.default.container, className), popperClassName: cn__default.default('cc-picker-button', styles__default.default.optionsPopover, popperClassName, (_b = {},
-            _b[styles__default.default.sideGap] = isSideGap,
-            _b)), optionClassName: cn__default.default(styles__default.default.option, optionClassName), selected: [], closeOnSelect: true })));
+    return (React.createElement(BaseSelect, { ...restProps, Popover: Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field$1, size: size === 'm' || size === 56 ? 56 : 48, fieldProps: {
+            ...fieldDefaultProps,
+            ...fieldProps,
+        }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, {
+            [styles.sideGap]: isSideGap,
+        }), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true }));
 });
 
-exports.PickerButtonDesktop = PickerButtonDesktop;
+export { PickerButtonDesktop };

package/picker-button/cssm/desktop/index.js

@@ -1,7 +1,16 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var desktop_Component_desktop = require('./Component.desktop.js');
-
-
-
-exports.PickerButtonDesktop = desktop_Component_desktop.PickerButtonDesktop;
+export { PickerButtonDesktop } from './Component.desktop.js';
+import 'react';
+import 'classnames';
+import '../../../popover/cssm';
+import '../../../select/cssm/shared';
+import '../field/Component.js';
+import '../../../button/cssm';
+import '../utils/index.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import '../field/index.module.css';
+import '../option/Component.js';
+import '../option/index.module.css';
+import '../index.module.css';

package/picker-button/cssm/field/Component.js

@@ -1,19 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { Fragment } from 'react';
+import cn from 'classnames';
+import { Button } from '../../../button/cssm';
+import { getIcon } from '../utils/index.js';
+import styles from './index.module.css';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsButton = require('../../../button/cssm');
-var utils_index = require('../utils/index.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var SIZE_TO_CLASSNAME_MAP = {
+const SIZE_TO_CLASSNAME_MAP = {
     xxs: 'size-32',
     xs: 'size-40',
     s: 'size-48',
@@ -27,21 +22,22 @@ var SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-var Field = function (_a) {
-    var _b, _c;
-    var _d = _a.buttonSize, buttonSize = _d === void 0 ? 56 : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
-    var Icon = utils_index.getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize]);
-    var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
-    var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
-    return (React__default.default.createElement("div", { ref: ref },
-        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, buttonProps, { rightAddons: React__default.default.createElement(React.Fragment, null,
-                rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.addonsContainer, (_b = {},
-                        _b[styles__default.default.showControlIcon] = showArrow || buttonVariant === 'compact',
-                        _b)) }, rightAddons)),
-                (showArrow || buttonVariant === 'compact') && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.iconContainer, buttonVariant !== 'compact' && open && styles__default.default.open) },
-                    React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn__default.default(className, (_c = {},
-                _c[styles__default.default.linkOpen] = view === 'link' && open,
-                _c)) }), buttonVariant !== 'compact' && label)));
+const Field = ({ buttonSize = 56, buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
+    const Icon = getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize]);
+    const { ref, ...restInnerProps } = innerProps;
+    const buttonProps = {
+        ...restProps,
+        ...restInnerProps,
+    };
+    return (React.createElement("div", { ref: ref },
+        React.createElement(Button, { ...buttonProps, rightAddons: React.createElement(Fragment, null,
+                rightAddons && (React.createElement("span", { className: cn(styles.addonsContainer, {
+                        [styles.showControlIcon]: showArrow || buttonVariant === 'compact',
+                    }) }, rightAddons)),
+                (showArrow || buttonVariant === 'compact') && (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
+                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn(className, {
+                [styles.linkOpen]: view === 'link' && open,
+            }) }, buttonVariant !== 'compact' && label)));
 };
 
-exports.Field = Field;
+export { Field };

package/picker-button/cssm/field/index.js

@@ -1,7 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var field_Component = require('./Component.js');
-
-
-
-exports.Field = field_Component.Field;
+export { Field } from './Component.js';
+import 'react';
+import 'classnames';
+import '../../../button/cssm';
+import '../utils/index.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import './index.module.css';

package/picker-button/cssm/index.js

@@ -1,7 +1,20 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-
-
-
-exports.PickerButton = Component_responsive.PickerButtonResponsive;
+export { PickerButtonResponsive as PickerButton } from './Component.responsive.js';
+import 'react';
+import '@alfalab/hooks';
+import './desktop/Component.desktop.js';
+import 'classnames';
+import '../../popover/cssm';
+import '../../select/cssm/shared';
+import './field/Component.js';
+import '../../button/cssm';
+import './utils/index.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import './field/index.module.css';
+import './option/Component.js';
+import './option/index.module.css';
+import './index.module.css';
+import './mobile/Component.mobile.js';
+import '../../select/cssm/mobile';

package/picker-button/cssm/mobile/Component.mobile.js

@@ -1,30 +1,38 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { SelectMobile } from '../../../select/cssm/mobile';
+import { Optgroup } from '../../../select/cssm/shared';
+import { Field } from '../field/Component.js';
+import { Option } from '../option/Component.js';
+import 'classnames';
+import '../../../button/cssm';
+import '../utils/index.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import '../field/index.module.css';
+import '../option/index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var mobile = require('../../../select/cssm/mobile');
-var shared = require('../../../select/cssm/shared');
-var field_Component = require('../field/Component.js');
-var option_Component = require('../option/Component.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var PickerButtonMobile = React.forwardRef(function (_a, ref) {
-    var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, _g = _a.breakpoint, breakpoint = _g === void 0 ? 1024 : _g, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "breakpoint"]);
-    var fieldDefaultProps = {
-        view: view,
-        loading: loading,
+const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, Field: Field$1 = Field, fieldProps = {}, breakpoint = 1024, ...restProps }, ref) => {
+    const fieldDefaultProps = {
+        view,
+        loading,
         /** size у select, button несовместимы */
         buttonSize: size,
         buttonVariant: variant,
-        leftAddons: leftAddons,
-        rightAddons: rightAddons,
-        showArrow: showArrow,
-        breakpoint: breakpoint,
+        leftAddons,
+        rightAddons,
+        showArrow,
+        breakpoint,
     };
-    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
+    return (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
+            title: label,
+            stickyHeader: true,
+            ...bottomSheetProps,
+        }, Field: Field$1, Optgroup: Optgroup$1, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: {
+            ...fieldDefaultProps,
+            ...fieldProps,
+        }, ref: ref, options: options, selected: [] }));
 });
 
-exports.PickerButtonMobile = PickerButtonMobile;
+export { PickerButtonMobile };

package/picker-button/cssm/mobile/index.js

@@ -1,7 +1,15 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var mobile_Component_mobile = require('./Component.mobile.js');
-
-
-
-exports.PickerButtonMobile = mobile_Component_mobile.PickerButtonMobile;
+export { PickerButtonMobile } from './Component.mobile.js';
+import 'react';
+import '../../../select/cssm/mobile';
+import '../../../select/cssm/shared';
+import '../field/Component.js';
+import 'classnames';
+import '../../../button/cssm';
+import '../utils/index.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import '../field/index.module.css';
+import '../option/Component.js';
+import '../option/index.module.css';

package/picker-button/cssm/option/Component.js

@@ -1,23 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var shared = require('../../../select/cssm/shared');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var Option = function (_a) {
-    var option = _a.option, children = _a.children, restProps = tslib.__rest(_a, ["option", "children"]);
-    var content = children || option.content || option.key;
-    var Icon = option.icon;
-    return (React__default.default.createElement(shared.Option, tslib.__assign({ option: option }, restProps),
-        React__default.default.createElement("div", { className: styles__default.default.container },
-            Icon && React__default.default.createElement(Icon, { className: styles__default.default.icon }),
-            React__default.default.createElement("div", { className: styles__default.default.content }, content))));
+import React from 'react';
+import { Option as Option$1 } from '../../../select/cssm/shared';
+import styles from './index.module.css';
+
+const Option = ({ option, children, ...restProps }) => {
+    const content = children || option.content || option.key;
+    const Icon = option.icon;
+    return (React.createElement(Option$1, { option: option, ...restProps },
+        React.createElement("div", { className: styles.container },
+            Icon && React.createElement(Icon, { className: styles.icon }),
+            React.createElement("div", { className: styles.content }, content))));
 };
 
-exports.Option = Option;
+export { Option };

package/picker-button/cssm/option/index.js

@@ -1,7 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var option_Component = require('./Component.js');
-
-
-
-exports.Option = option_Component.Option;
+export { Option } from './Component.js';
+import 'react';
+import '../../../select/cssm/shared';
+import './index.module.css';

package/picker-button/cssm/shared/index.js

@@ -1,7 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils_index = require('../utils/index.js');
-
-
-
-exports.getIcon = utils_index.getIcon;
+export { getIcon } from '../utils/index.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';