@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

package/phone-input/cssm/Component.js

@@ -1,11 +1,18 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-/* eslint-disable complexity, no-param-reassign */
-const mask = [
+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 = [
     '+',
     '7',
     ' ',
@@ -23,22 +30,23 @@ const mask = [
     /\d/,
     /\d/,
 ];
-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)
+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)
             : '';
         /*
          * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.
          */
         if (previousConformedValue && rawValue.indexOf('+7') !== 0) {
-            const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);
-            conformedValue = conformToMask(newRaw, mask, config).conformedValue;
+            var newRaw = utils_index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
+            conformedValue = textMaskCore.conformToMask(newRaw, mask, config).conformedValue;
         }
-        const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';
+        var currentValueWithoutFormatting = utils_index.deleteFormatting(conformedValue) || '';
         /*
          * код ниже нужен для фикса следующих багов библиотеки text-mask:
          * 1) так как код страны указан в маске жестко как "+7",
@@ -53,7 +61,7 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
                     currentValueWithoutFormatting.length) === 1) ||
                 ([7, 10, 13].includes(currentCaretPosition) &&
                     previousConformedValue.length > currentCaretPosition))) {
-            setCaretPosition({ position: currentCaretPosition, inputRef });
+            utils_index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
         }
         // Удаление цифры перед кодом страны удаляет только саму цифру, код остается ("+7 1" -> "+7 ")
         if (rawValue === countryPrefix) {
@@ -61,7 +69,7 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
         }
         // Вставка номера с 10 цифрами без кода страны
         if (rawValue.length === 10 && conformedValue.length === mask.length) {
-            const masked = conformToMask(`+7${rawValue}`, mask, config);
+            var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
         /*
@@ -69,35 +77,35 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
          * Это происходит потому что цифра 7 есть уже в маске
          */
         if (rawValue[1] === '7') {
-            const masked = conformToMask(`+7${rawValue}`, mask, config);
+            var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
-        const insertedNumber = getInsertedNumber({
-            rawValue,
-            clearableCountryCode,
-            countryPrefix,
-            previousConformedValue,
+        var insertedNumber = utils_index.getInsertedNumber({
+            rawValue: rawValue,
+            clearableCountryCode: clearableCountryCode,
+            countryPrefix: countryPrefix,
+            previousConformedValue: previousConformedValue,
         });
         // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344
         if (conformedValue.length === mask.length &&
             (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))) {
-            const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);
+            var masked = textMaskCore.conformToMask("+7".concat(insertedNumber.slice(1)), mask, config);
             return masked.conformedValue;
         }
         // Если ввод начат с 7 или 8 - выводит "+7 " и дает продолжить ввод со след. цифры
         if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {
             return countryPrefix;
         }
-        const abortCountryCodeClearing = !clearableCountryCode && !conformedValue;
+        var abortCountryCodeClearing = !clearableCountryCode && !conformedValue;
         if (abortCountryCodeClearing) {
-            setCaretPosition({ position: countryPrefix.length, inputRef });
+            utils_index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
             if (!rawValue.length)
                 return countryPrefix;
             return false;
         }
         return conformedValue;
     }, [clearableCountryCode]);
-    return (React.createElement(MaskedInput, { ...restProps, defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs([ref, inputRef]) }));
+    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]) })));
 });
 
-export { PhoneInput };
+exports.PhoneInput = PhoneInput;

package/phone-input/cssm/index.js

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

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

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

package/picker-button/Component.responsive.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 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 OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _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)")],

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

@@ -1,29 +1,23 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-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 }));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsShared = require('../../shared/cssm');
+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 ? coreComponentsShared.getComponentBreakpoint() : _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)));
 });
 
-export { PickerButtonResponsive };
+exports.PickerButtonResponsive = PickerButtonResponsive;

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

@@ -1,39 +1,39 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-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,
+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,
         /** size у select, button несовместимы */
         buttonSize: size,
         buttonVariant: variant,
-        leftAddons,
-        rightAddons,
-        showArrow,
+        leftAddons: leftAddons,
+        rightAddons: rightAddons,
+        showArrow: showArrow,
         breakpoint: 1,
     };
-    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 }));
+    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 })));
 });
 
-export { PickerButtonDesktop };
+exports.PickerButtonDesktop = PickerButtonDesktop;

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

@@ -1,16 +1,7 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.PickerButtonDesktop = desktop_Component_desktop.PickerButtonDesktop;

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

@@ -1,14 +1,19 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SIZE_TO_CLASSNAME_MAP = {
+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 = {
     xxs: 'size-32',
     xs: 'size-40',
     s: 'size-48',
@@ -22,22 +27,21 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-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)));
+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)));
 };
 
-export { Field };
+exports.Field = Field;

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

@@ -1,10 +1,7 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var field_Component = require('./Component.js');
+
+
+
+exports.Field = field_Component.Field;

package/picker-button/cssm/index.js

@@ -1,20 +1,7 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.PickerButton = Component_responsive.PickerButtonResponsive;

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

@@ -1,38 +1,31 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-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,
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('../../../select/cssm/mobile');
+var shared = require('../../../select/cssm/shared');
+var coreComponentsShared = require('../../../shared/cssm');
+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 ? coreComponentsShared.getComponentBreakpoint() : _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,
         /** size у select, button несовместимы */
         buttonSize: size,
         buttonVariant: variant,
-        leftAddons,
-        rightAddons,
-        showArrow,
-        breakpoint,
+        leftAddons: leftAddons,
+        rightAddons: rightAddons,
+        showArrow: showArrow,
+        breakpoint: breakpoint,
     };
-    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: [] }));
+    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: [] })));
 });
 
-export { PickerButtonMobile };
+exports.PickerButtonMobile = PickerButtonMobile;

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

@@ -1,15 +1,7 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.PickerButtonMobile = mobile_Component_mobile.PickerButtonMobile;

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

@@ -1,14 +1,23 @@
-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))));
+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))));
 };
 
-export { Option };
+exports.Option = Option;

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

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