@alfalab/core-components 38.3.0 → 39.0.0-beta.1

package/pattern-lock/modern/Component.d.ts

@@ -1,14 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
 import { TPatternLockInstance } from 'react-canvas-pattern-lock';
-declare const PatternLock: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    error?: React.ReactNode;
-    dataTestId?: string | undefined;
-    observeTokens?: boolean | undefined;
-    observerParams?: {
-        getTarget?: (() => Node) | undefined;
-        options?: MutationObserverInit | undefined;
-    } | undefined;
-} & Omit<import("react-canvas-pattern-lock").ReactPatternLockProps, "theme" | "width" | "height" | "rows" | "cols"> & React.RefAttributes<TPatternLockInstance>>;
+import { PatternLockProps } from "./typings";
+declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
 export { PatternLock };

package/pattern-lock/modern/Component.js

@@ -1,14 +1,20 @@
 import React, { forwardRef, useState, useEffect } from 'react';
 import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
 import cn from 'classnames';
+import { Button } from '../../button/modern';
 import { Gap } from '../../gap/modern';
 import { THEME_STATE, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-const styles = {"component":"pattern-lock__component_18lti","hidden":"pattern-lock__hidden_18lti","error":"pattern-lock__error_18lti"};
+const getDataTestId = (dataTestId, element) => {
+    const elementPart = element ? `-${element.toLowerCase()}` : '';
+    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
+};
+
+const styles = {"component":"pattern-lock__component_16f79","hidden":"pattern-lock__hidden_16f79","error":"pattern-lock__error_16f79","forgotBtn":"pattern-lock__forgotBtn_16f79"};
 require('./index.css');
 
-const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, ...restProps }, ref) => {
+const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, ...restProps }, ref) => {
     const [params, setParams] = useState();
     useEffect(() => {
         const { elementSizes, width, height } = getSizes();
@@ -39,11 +45,11 @@ const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, ju
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [observeTokens]);
     return (React.createElement("div", { className: cn(styles.component, className, { [styles.hidden]: !params }), "data-test-id": dataTestId },
-        React.createElement(Gap, { size: 'm' }),
-        React.createElement(Gap, { size: 's' }),
+        React.createElement(Gap, { size: 'xs' }),
         React.createElement("div", { className: styles.error }, error),
-        React.createElement(Gap, { size: 'xl' }),
-        React.createElement(ReactCanvasPatternLock, { ...restProps, ...params, ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes })));
+        React.createElement(Gap, { size: '3xl' }),
+        React.createElement(ReactCanvasPatternLock, { ...restProps, ...params, ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes }),
+        showForgotCodeBtn ? (React.createElement(Button, { view: 'link', className: styles.forgotBtn, onClick: onForgotBtnClick, dataTestId: getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React.createElement("div", { className: styles.forgotBtn }))));
 });
 
 export { PatternLock };

package/pattern-lock/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: rkcoc */
+/* hash: q87v7 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b;
@@ -14,21 +14,27 @@
 } :root {
 } :root {
     --gap-xs: 8px;
+    --gap-s: 12px;
     --gap-m: 16px;
+    --gap-l: 20px;
     --gap-xl: 24px;
+    --gap-2xl: 32px;
 } :root {
 } :root {
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_18lti {
+} .pattern-lock__component_16f79 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_18lti canvas {
+} .pattern-lock__component_16f79 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_18lti {
+    } .pattern-lock__hidden_16f79 {
     visibility: hidden;
-} .pattern-lock__error_18lti {
+} .pattern-lock__error_16f79 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -39,4 +45,25 @@
     padding: 0 var(--gap-m);
     min-height: 24px;
     color: var(--color-light-text-negative);
+} .pattern-lock__forgotBtn_16f79 {
+    display: block;
+    min-height: var(--size-xs-height);
+    margin: var(--gap-xl) auto 0;
+} @media screen and (min-width: 360px) {
+    .pattern-lock__forgotBtn_16f79 {
+        margin-top: var(--gap-2xl);
+        min-height: var(--size-s-height);
+    }
+
+    .pattern-lock__component_16f79 {
+        margin-bottom: var(--gap-s);
+    }
+} @media screen and (min-width: 390px) {
+    .pattern-lock__forgotBtn_16f79 {
+        min-height: var(--size-m-height);
+    }
+
+    .pattern-lock__component_16f79 {
+        margin-bottom: var(--gap-l);
+    }
 }

package/pattern-lock/modern/index.js

@@ -3,5 +3,6 @@ export { THEME_STATE } from './consts.js';
 import 'react';
 import 'react-canvas-pattern-lock';
 import 'classnames';
+import '../../button/modern';
 import '../../gap/modern';
 import './utils.js';

package/pattern-lock/modern/typings.d.ts

@@ -1,5 +1,25 @@
-import { ReactNode } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
+type ConditionalProps = {
+    /**
+     * Текст кнопки "забыли код"
+     * @default "Забыли код?"
+     */
+    showForgotCodeBtn: true;
+    /**
+     * Текст кнопки "забыли код"
+     * @default "Забыли код?"
+     */
+    forgotCodeBtnText?: string;
+    /**
+     * Коллбэк, вызываемый при клике на кнопку "Забыли код"
+     */
+    onForgotBtnClick: (event: MouseEvent<HTMLButtonElement>) => void;
+} | {
+    showForgotCodeBtn?: false;
+    onForgotBtnClick?: never;
+    forgotCodeBtnText?: never;
+};
 type PatternLockProps = {
     /**
      * Дополнительный класс.
@@ -25,7 +45,7 @@ type PatternLockProps = {
         getTarget?: () => Node;
         options?: MutationObserverInit;
     };
-} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols'>;
+} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols'> & ConditionalProps;
 type ObservableTokens = {
     ACCENT_INITIAL: string;
     ACCENT_SUCCESS: string;

package/pattern-lock/typings.d.ts

@@ -1,5 +1,25 @@
-import { ReactNode } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
+type ConditionalProps = {
+    /**
+     * Текст кнопки "забыли код"
+     * @default "Забыли код?"
+     */
+    showForgotCodeBtn: true;
+    /**
+     * Текст кнопки "забыли код"
+     * @default "Забыли код?"
+     */
+    forgotCodeBtnText?: string;
+    /**
+     * Коллбэк, вызываемый при клике на кнопку "Забыли код"
+     */
+    onForgotBtnClick: (event: MouseEvent<HTMLButtonElement>) => void;
+} | {
+    showForgotCodeBtn?: false;
+    onForgotBtnClick?: never;
+    forgotCodeBtnText?: never;
+};
 type PatternLockProps = {
     /**
      * Дополнительный класс.
@@ -25,7 +45,7 @@ type PatternLockProps = {
         getTarget?: () => Node;
         options?: MutationObserverInit;
     };
-} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols'>;
+} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols'> & ConditionalProps;
 type ObservableTokens = {
     ACCENT_INITIAL: string;
     ACCENT_SUCCESS: string;

package/pattern-lock/utils.d.ts

@@ -0,0 +1,10 @@
+import { Theme, ThemeParams } from 'react-canvas-pattern-lock';
+declare function getDefaultObserveTarget(): HTMLHeadElement;
+declare function getColorByToken(token: string): string;
+declare const getSizes: () => {
+    elementSizes: ThemeParams['dimens'];
+    width: number;
+    height: number;
+};
+declare function getTheme(dimens: ThemeParams['dimens']): Theme;
+export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme };

package/pattern-lock/utils.js

@@ -1,9 +1,71 @@
-var utils = require('./utils-d362973f.js');
-require('./consts.js');
+var tslib = require('tslib');
+var consts = require('./consts.js');
 
+function getDefaultObserveTarget() {
+    return document.head;
+}
+function getColorByToken(token) {
+    return getComputedStyle(document.documentElement).getPropertyValue(token);
+}
+var getSizes = (function () {
+    var COMMON_SIZES = {
+        lineWidth: 6,
+        nodeRing: 0,
+        nodeCore: 12,
+    };
+    var cachedSize;
+    return function () {
+        if (cachedSize) {
+            return cachedSize;
+        }
+        if (window.matchMedia('(min-width: 390px)').matches) {
+            cachedSize = {
+                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 43 }),
+                width: 322,
+                height: 322,
+            };
+        }
+        else if (window.matchMedia('(min-width: 360px)').matches) {
+            cachedSize = {
+                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 38 }),
+                width: 292,
+                height: 292,
+            };
+        }
+        else {
+            cachedSize = {
+                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
+                width: 240,
+                height: 240,
+            };
+        }
+        return cachedSize;
+    };
+})();
+function getTheme(dimens) {
+    var _a;
+    var baseColors = {
+        primary: getColorByToken(consts.OBSERVABLE_TOKENS.PRIMARY),
+        bg: getColorByToken(consts.OBSERVABLE_TOKENS.BG),
+        ringBg: getColorByToken(consts.OBSERVABLE_TOKENS.RING_BG_INITIAL),
+    };
+    return _a = {},
+        _a[consts.THEME_STATE.INITIAL] = {
+            colors: tslib.__assign(tslib.__assign({}, baseColors), { accent: getColorByToken(consts.OBSERVABLE_TOKENS.ACCENT_INITIAL), selectedRingBg: getColorByToken(consts.OBSERVABLE_TOKENS.SELECTED_RING_BG_INITIAL) }),
+            dimens: dimens,
+        },
+        _a[consts.THEME_STATE.SUCCESS] = {
+            colors: tslib.__assign(tslib.__assign({}, baseColors), { accent: getColorByToken(consts.OBSERVABLE_TOKENS.ACCENT_SUCCESS), selectedRingBg: getColorByToken(consts.OBSERVABLE_TOKENS.SELECTED_RING_BG_SUCCESS) }),
+            dimens: dimens,
+        },
+        _a[consts.THEME_STATE.FAILURE] = {
+            colors: tslib.__assign(tslib.__assign({}, baseColors), { accent: getColorByToken(consts.OBSERVABLE_TOKENS.ACCENT_FAILURE), selectedRingBg: getColorByToken(consts.OBSERVABLE_TOKENS.SELECTED_RING_BG_FAILURE) }),
+            dimens: dimens,
+        },
+        _a;
+}
 
-
-exports.getColorByToken = utils.getColorByToken;
-exports.getDefaultObserveTarget = utils.getDefaultObserveTarget;
-exports.getSizes = utils.getSizes;
-exports.getTheme = utils.getTheme;
+exports.getColorByToken = getColorByToken;
+exports.getDefaultObserveTarget = getDefaultObserveTarget;
+exports.getSizes = getSizes;
+exports.getTheme = getTheme;

package/phone-input/Component.js

@@ -1,3 +1,4 @@
+var tslib = require('tslib');
 var React = require('react');
 var textMaskCore = require('text-mask-core');
 var coreComponentsMaskedInput = require('../masked-input');
@@ -7,45 +8,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var mask = [
     '+',
     '7',
@@ -66,7 +28,7 @@ var mask = [
 ];
 var countryPrefix = '+7 ';
 var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = __rest(_a, ["clearableCountryCode"]);
+    var _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["clearableCountryCode"]);
     var inputRef = React.useRef(null);
     // Оставляет возможность прокинуть ref извне
     React.useImperativeHandle(ref, function () { return inputRef.current; });
@@ -126,7 +88,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__default.default.createElement(coreComponentsMaskedInput.MaskedInput, tslib.__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,3 +1,4 @@
+var tslib = require('tslib');
 var React = require('react');
 var textMaskCore = require('text-mask-core');
 var coreComponentsMaskedInput = require('../../masked-input/cssm');
@@ -7,45 +8,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var mask = [
     '+',
     '7',
@@ -66,7 +28,7 @@ var mask = [
 ];
 var countryPrefix = '+7 ';
 var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = __rest(_a, ["clearableCountryCode"]);
+    var _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["clearableCountryCode"]);
     var inputRef = React.useRef(null);
     // Оставляет возможность прокинуть ref извне
     React.useImperativeHandle(ref, function () { return inputRef.current; });
@@ -126,7 +88,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__default.default.createElement(coreComponentsMaskedInput.MaskedInput, tslib.__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,4 +1,5 @@
 var Component = require('./Component.js');
+require('tslib');
 require('react');
 require('text-mask-core');
 require('../../masked-input/cssm');

package/phone-input/esm/Component.js

@@ -1,47 +1,9 @@
+import { __rest, __assign } from 'tslib';
 import React, { useRef, useImperativeHandle, useCallback } from 'react';
 import { conformToMask } from 'text-mask-core';
 import { MaskedInput } from '../../masked-input/esm';
 import { deleteFormatting, setCaretPosition, getInsertedNumber } from './utils/index.js';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var mask = [
     '+',
     '7',

package/phone-input/esm/index.js

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

package/phone-input/index.js

@@ -1,4 +1,5 @@
 var Component = require('./Component.js');
+require('tslib');
 require('react');
 require('text-mask-core');
 require('../masked-input');

package/picker-button/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-8eb25c70.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../select');
@@ -16,15 +16,15 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"picker-button__container_1e7su","optionsPopover":"picker-button__optionsPopover_1e7su","sideGap":"picker-button__sideGap_1e7su","optionsListContainer":"picker-button__optionsListContainer_1e7su","option":"picker-button__option_1e7su"};
+var styles = {"container":"picker-button__container_1xwiq","optionsPopover":"picker-button__optionsPopover_1xwiq","sideGap":"picker-button__sideGap_1xwiq","optionsListContainer":"picker-button__optionsListContainer_1xwiq","option":"picker-button__option_1xwiq"};
 require('./index.css');
 
 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, showArrow = _a.showArrow, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
+    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, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
     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__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__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 несовместимы */

package/picker-button/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-8eb25c70.js');
+var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 var field_Component = require('./field/Component.js');
@@ -16,8 +16,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 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 ? 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, showArrow = _a.showArrow, restProps = tslib_es6.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
-    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: {
+    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, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
+    return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__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,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-8eb25c70.js');
+var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component = require('./Component.js');
@@ -19,12 +19,12 @@ 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_es6.__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 ? 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(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__default.default.createElement(Component.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
 
 exports.PickerButtonResponsive = PickerButtonResponsive;

package/picker-button/cssm/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../../select/cssm');
@@ -23,9 +23,9 @@ 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 ? 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, showArrow = _a.showArrow, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
+    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, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
     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__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__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 несовместимы */

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
+var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSelect = require('../../select/cssm');
 var field_Component = require('./field/Component.js');
@@ -18,8 +18,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 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 ? 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, showArrow = _a.showArrow, restProps = tslib_es6.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
-    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: {
+    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, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
+    return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__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,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
+var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component = require('./Component.js');
@@ -22,12 +22,12 @@ 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_es6.__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 ? 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(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__default.default.createElement(Component.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
 
 exports.PickerButtonResponsive = PickerButtonResponsive;