@alfalab/core-components 36.3.0 → 36.4.0

package/pattern-lock/index.js

@@ -1,14 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./utils-e7492ab3.js');
+var Component = require('./Component.js');
+var consts = require('./consts.js');
+require('./utils-011cff26.js');
 require('react');
 require('react-canvas-pattern-lock');
 require('classnames');
 require('../gap');
-var consts = require('./consts.js');
-var Component = require('./Component.js');
 
 
 
-exports.THEME_STATE = consts.THEME_STATE;
 exports.PatternLock = Component.PatternLock;
+exports.THEME_STATE = consts.THEME_STATE;

package/pattern-lock/modern/Component.js

@@ -2,10 +2,10 @@ import React, { forwardRef, useState, useEffect } from 'react';
 import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
 import cn from 'classnames';
 import { Gap } from '../../gap/modern';
-import { THEME_STATE, OBSERVABLE_TOKENS, OBSERVE_OPTIONS } from './consts.js';
+import { THEME_STATE, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-var styles = {"component":"pattern-lock__component_1oflx","hidden":"pattern-lock__hidden_1oflx","error":"pattern-lock__error_1oflx"};
+const styles = {"component":"pattern-lock__component_1n4yo","hidden":"pattern-lock__hidden_1n4yo","error":"pattern-lock__error_1n4yo"};
 require('./index.css');
 
 const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, ...restProps }, ref) => {

package/pattern-lock/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 12flr */
+/* hash: osr8s */
 :root {
     --color-light-text-negative: #d91d0b;
 }
@@ -18,18 +18,18 @@
 :root {
     --pattern-lock-max-width: 500px;
 }
-.pattern-lock__component_1oflx {
+.pattern-lock__component_1n4yo {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
 }
-.pattern-lock__component_1oflx canvas {
+.pattern-lock__component_1n4yo canvas {
         display: block;
         margin: 0 auto;
     }
-.pattern-lock__hidden_1oflx {
+.pattern-lock__hidden_1n4yo {
     visibility: hidden;
 }
-.pattern-lock__error_1oflx {
+.pattern-lock__error_1n4yo {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/pattern-lock/modern/index.js

@@ -1,7 +1,7 @@
+export { PatternLock } from './Component.js';
+export { THEME_STATE } from './consts.js';
 import 'react';
 import 'react-canvas-pattern-lock';
 import 'classnames';
 import '../../gap/modern';
-export { THEME_STATE } from './consts.js';
 import './utils.js';
-export { PatternLock } from './Component.js';

package/pattern-lock/utils.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('./utils-e7492ab3.js');
+var utils = require('./utils-011cff26.js');
 require('./consts.js');
 
 

package/phone-input/Component.js

@@ -1,14 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var textMaskCore = require('text-mask-core');
 var coreComponentsMaskedInput = require('../masked-input');
 var utils_index = require('./utils/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -67,7 +61,7 @@ var mask = [
     /\d/,
 ];
 var countryPrefix = '+7 ';
-var PhoneInput = React__default['default'].forwardRef(function (_a, ref) {
+var PhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = __rest(_a, ["clearableCountryCode"]);
     var inputRef = React.useRef(null);
     // Оставляет возможность прокинуть ref извне
@@ -100,7 +94,7 @@ var PhoneInput = React__default['default'].forwardRef(function (_a, ref) {
         }
         // Вставка номера с 10 цифрами без кода страны
         if (rawValue.length === 10 && conformedValue.length === mask.length) {
-            var masked = textMaskCore.conformToMask("+7" + rawValue, mask, config);
+            var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
         var insertedNumber = utils_index.getInsertedNumber({
@@ -112,7 +106,7 @@ var PhoneInput = React__default['default'].forwardRef(function (_a, ref) {
         // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344
         if (conformedValue.length === mask.length &&
             (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))) {
-            var masked = textMaskCore.conformToMask("+7" + insertedNumber.slice(1), mask, config);
+            var masked = textMaskCore.conformToMask("+7".concat(insertedNumber.slice(1)), mask, config);
             return masked.conformedValue;
         }
         // Если ввод начат с 7 или 8 - выводит "+7 " и дает продолжить ввод со след. цифры
@@ -128,7 +122,7 @@ var PhoneInput = React__default['default'].forwardRef(function (_a, ref) {
         }
         return conformedValue;
     }, [clearableCountryCode]);
-    return (React__default['default'].createElement(coreComponentsMaskedInput.MaskedInput, __assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: inputRef })));
+    return (React.createElement(coreComponentsMaskedInput.MaskedInput, __assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: inputRef })));
 });
 
 exports.PhoneInput = PhoneInput;

package/phone-input/cssm/Component.js

@@ -1,14 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var textMaskCore = require('text-mask-core');
 var coreComponentsMaskedInput = require('../../masked-input/cssm');
 var utils_index = require('./utils/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -67,7 +61,7 @@ var mask = [
     /\d/,
 ];
 var countryPrefix = '+7 ';
-var PhoneInput = React__default['default'].forwardRef(function (_a, ref) {
+var PhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = __rest(_a, ["clearableCountryCode"]);
     var inputRef = React.useRef(null);
     // Оставляет возможность прокинуть ref извне
@@ -100,7 +94,7 @@ var PhoneInput = React__default['default'].forwardRef(function (_a, ref) {
         }
         // Вставка номера с 10 цифрами без кода страны
         if (rawValue.length === 10 && conformedValue.length === mask.length) {
-            var masked = textMaskCore.conformToMask("+7" + rawValue, mask, config);
+            var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
         var insertedNumber = utils_index.getInsertedNumber({
@@ -112,7 +106,7 @@ var PhoneInput = React__default['default'].forwardRef(function (_a, ref) {
         // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344
         if (conformedValue.length === mask.length &&
             (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))) {
-            var masked = textMaskCore.conformToMask("+7" + insertedNumber.slice(1), mask, config);
+            var masked = textMaskCore.conformToMask("+7".concat(insertedNumber.slice(1)), mask, config);
             return masked.conformedValue;
         }
         // Если ввод начат с 7 или 8 - выводит "+7 " и дает продолжить ввод со след. цифры
@@ -128,7 +122,7 @@ var PhoneInput = React__default['default'].forwardRef(function (_a, ref) {
         }
         return conformedValue;
     }, [clearableCountryCode]);
-    return (React__default['default'].createElement(coreComponentsMaskedInput.MaskedInput, __assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: inputRef })));
+    return (React.createElement(coreComponentsMaskedInput.MaskedInput, __assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: inputRef })));
 });
 
 exports.PhoneInput = PhoneInput;

package/phone-input/cssm/index.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
 require('react');
 require('text-mask-core');

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

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона

package/phone-input/esm/Component.js

@@ -94,7 +94,7 @@ var PhoneInput = React.forwardRef(function (_a, ref) {
         }
         // Вставка номера с 10 цифрами без кода страны
         if (rawValue.length === 10 && conformedValue.length === mask.length) {
-            var masked = conformToMask("+7" + rawValue, mask, config);
+            var masked = conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
         var insertedNumber = getInsertedNumber({
@@ -106,7 +106,7 @@ var PhoneInput = React.forwardRef(function (_a, ref) {
         // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344
         if (conformedValue.length === mask.length &&
             (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))) {
-            var masked = conformToMask("+7" + insertedNumber.slice(1), mask, config);
+            var masked = conformToMask("+7".concat(insertedNumber.slice(1)), mask, config);
             return masked.conformedValue;
         }
         // Если ввод начат с 7 или 8 - выводит "+7 " и дает продолжить ввод со след. цифры

package/phone-input/esm/index.js

@@ -1,5 +1,5 @@
+export { PhoneInput } from './Component.js';
 import 'react';
 import 'text-mask-core';
 import '../../masked-input/esm';
 import './utils/index.js';
-export { PhoneInput } from './Component.js';

package/phone-input/index.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
 require('react');
 require('text-mask-core');

package/phone-input/modern/index.js

@@ -1,5 +1,5 @@
+export { PhoneInput } from './Component.js';
 import 'react';
 import 'text-mask-core';
 import '../../masked-input/modern';
 import './utils/index.js';
-export { PhoneInput } from './Component.js';

package/phone-input/utils/index.js

@@ -1,12 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) {
-    return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '').replace(/-/g, '');
-};
+var deleteFormatting = function (phone) { return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '').replace(/-/g, ''); };
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/picker-button/Component.js

@@ -1,24 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-c5669a66.js');
+var tslib_es6 = require('./tslib.es6-23ba87f4.js');
 var React = require('react');
-var coreComponentsSelect = require('../select');
 var cn = require('classnames');
+var coreComponentsSelect = require('../select');
+var field_Component = require('./field/Component.js');
+var option_Component = require('./option/Component.js');
 require('../button');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
-var field_Component = require('./field/Component.js');
-var option_Component = require('./option/Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"container":"picker-button__container_1py1u","optionsPopover":"picker-button__optionsPopover_1py1u","sideGap":"picker-button__sideGap_1py1u","optionsListContainer":"picker-button__optionsListContainer_1py1u","option":"picker-button__option_1py1u"};
+var styles = {"container":"picker-button__container_j6qhc","optionsPopover":"picker-button__optionsPopover_j6qhc","sideGap":"picker-button__sideGap_j6qhc","optionsListContainer":"picker-button__optionsListContainer_j6qhc","option":"picker-button__option_j6qhc"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -26,7 +19,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.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 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
     var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    return (React__default['default'].createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
+    return (React.createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */
@@ -34,9 +27,9 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
-        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default['default'](styles.container, className), popperClassName: cn__default['default']('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
+        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
             _b[styles.sideGap] = isSideGap,
-            _b)), optionsListClassName: cn__default['default'](styles.optionsListContainer, optionsListClassName), optionClassName: cn__default['default'](styles.option, optionClassName), selected: [], closeOnSelect: true })));
+            _b)), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
 });
 
 exports.PickerButtonDesktop = PickerButtonDesktop;

package/picker-button/Component.mobile.js

@@ -1,25 +1,19 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-c5669a66.js');
+var tslib_es6 = require('./tslib.es6-23ba87f4.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
+var field_Component = require('./field/Component.js');
+var option_Component = require('./option/Component.js');
 require('classnames');
 require('../button');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
-var field_Component = require('./field/Component.js');
-var option_Component = require('./option/Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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 ? coreComponentsSelect.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, restProps = tslib_es6.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps"]);
-    return (React__default['default'].createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib_es6.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
+    return (React.createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib_es6.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */

package/picker-button/Component.responsive.js

@@ -1,32 +1,26 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-c5669a66.js');
+var tslib_es6 = require('./tslib.es6-23ba87f4.js');
 var React = require('react');
-require('../select');
+var hooks = require('@alfalab/hooks');
+var Component = require('./Component.js');
+var Component_mobile = require('./Component.mobile.js');
 require('classnames');
+require('../select');
+require('./field/Component.js');
 require('../button');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
-require('./field/Component.js');
 require('./option/Component.js');
-var Component_mobile = require('./Component.mobile.js');
-var hooks = require('@alfalab/hooks');
-var Component = require('./Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var PickerButton = 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_es6.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var view = hooks.useMedia([
-        ['mobile', "(max-width: " + (breakpoint - 1) + "px)"],
-        ['desktop', "(min-width: " + breakpoint + "px)"],
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default['default'].createElement(Component.PickerButtonDesktop, tslib_es6.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default['default'].createElement(Component_mobile.PickerButtonMobile, tslib_es6.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
+    return view === 'desktop' ? (React.createElement(Component.PickerButtonDesktop, tslib_es6.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(Component_mobile.PickerButtonMobile, tslib_es6.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
 
 exports.PickerButton = PickerButton;

package/picker-button/cssm/Component.js

@@ -1,33 +1,25 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
-var coreComponentsSelect = require('../../select/cssm');
 var cn = require('classnames');
+var coreComponentsSelect = require('../../select/cssm');
+var field_Component = require('./field/Component.js');
+var option_Component = require('./option/Component.js');
+var styles = require('./index.module.css');
 require('../../button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-var field_Component = require('./field/Component.js');
 require('./option/index.module.css');
-var option_Component = require('./option/Component.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(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 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.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 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
     var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    return (React__default['default'].createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
+    return (React.createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */
@@ -35,9 +27,9 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
-        }, 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)), optionsListClassName: cn__default['default'](styles__default['default'].optionsListContainer, optionsListClassName), optionClassName: cn__default['default'](styles__default['default'].option, optionClassName), selected: [], closeOnSelect: true })));
+        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
+            _b[styles.sideGap] = isSideGap,
+            _b)), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
 });
 
 exports.PickerButtonDesktop = PickerButtonDesktop;

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

@@ -1,27 +1,21 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var coreComponentsSelect = require('../../select/cssm');
+var field_Component = require('./field/Component.js');
+var option_Component = require('./option/Component.js');
 require('classnames');
 require('../../button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-var field_Component = require('./field/Component.js');
 require('./option/index.module.css');
-var option_Component = require('./option/Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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 ? coreComponentsSelect.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, restProps = tslib_es6.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps"]);
-    return (React__default['default'].createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib_es6.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
+    return (React.createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib_es6.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */

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

@@ -1,35 +1,29 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
-require('../../select/cssm');
+var hooks = require('@alfalab/hooks');
+var Component = require('./Component.js');
+var Component_mobile = require('./Component.mobile.js');
 require('classnames');
+require('../../select/cssm');
+require('./field/Component.js');
 require('../../button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-require('./field/Component.js');
-require('./option/index.module.css');
 require('./option/Component.js');
-var Component_mobile = require('./Component.mobile.js');
-var hooks = require('@alfalab/hooks');
+require('./option/index.module.css');
 require('./index.module.css');
-var Component = require('./Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var PickerButton = 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_es6.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var view = hooks.useMedia([
-        ['mobile', "(max-width: " + (breakpoint - 1) + "px)"],
-        ['desktop', "(min-width: " + breakpoint + "px)"],
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default['default'].createElement(Component.PickerButtonDesktop, tslib_es6.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default['default'].createElement(Component_mobile.PickerButtonMobile, tslib_es6.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
+    return view === 'desktop' ? (React.createElement(Component.PickerButtonDesktop, tslib_es6.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(Component_mobile.PickerButtonMobile, tslib_es6.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
 
 exports.PickerButton = PickerButton;

package/picker-button/cssm/desktop.js

@@ -1,21 +1,19 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component = require('./Component.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
-require('../../select/cssm');
 require('classnames');
+require('../../select/cssm');
+require('./field/Component.js');
 require('../../button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-require('./field/Component.js');
-require('./option/index.module.css');
 require('./option/Component.js');
+require('./option/index.module.css');
 require('./index.module.css');
-var Component = require('./Component.js');
 
 
 

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

@@ -1,32 +1,24 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-9682e485.js');
+var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
 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');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-var utils_index = require('../utils/index.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Field = function (_a) {
-    var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, _c = _a.buttonVariant, buttonVariant = _c === void 0 ? 'default' : _c, view = _a.view, label = _a.label, open = _a.open, multiple = _a.multiple, rightAddons = _a.rightAddons, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, selected = _a.selected, selectedMultiple = _a.selectedMultiple, setSelectedItems = _a.setSelectedItems, toggleMenu = _a.toggleMenu, valueRenderer = _a.valueRenderer, restProps = tslib_es6.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer"]);
+    var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, _c = _a.buttonVariant, buttonVariant = _c === void 0 ? 'default' : _c, 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 restProps = tslib_es6.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer"]);
     var Icon = utils_index.getIcon(buttonVariant, buttonSize);
     var ref = innerProps.ref, restInnerProps = tslib_es6.__rest(innerProps, ["ref"]);
     var buttonProps = tslib_es6.__assign(tslib_es6.__assign({}, restProps), restInnerProps);
-    return (React__default['default'].createElement("div", { ref: ref },
-        React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({}, buttonProps, { rightAddons: React__default['default'].createElement(React.Fragment, null,
-                rightAddons && (React__default['default'].createElement("span", { className: styles__default['default'].addonsContainer }, rightAddons)),
-                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'](styles__default['default'].component, view === 'primary' && styles__default['default'].primary, className) }), buttonVariant !== 'compact' && label)));
+    return (React.createElement("div", { ref: ref },
+        React.createElement(coreComponentsButton.Button, tslib_es6.__assign({}, buttonProps, { rightAddons: React.createElement(React.Fragment, null,
+                rightAddons && (React.createElement("span", { className: styles.addonsContainer }, rightAddons)),
+                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(styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
 };
 
 exports.Field = Field;