@alfalab/core-components 37.0.0 → 37.1.0-beta.1

package/pattern-lock/utils.js

@@ -1,4 +1,4 @@
-var utils = require('./utils-e99954bc.js');
+var utils = require('./utils-3236108a.js');
 require('./consts.js');
 
 

package/picker-button/Component.d.ts

@@ -20,6 +20,11 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
      * Тип кнопки
      */
     variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
 };
 declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
@@ -36,5 +41,10 @@ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSele
      * Тип кнопки
      */
     variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/picker-button/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-c7623c88.js');
+var tslib_es6 = require('./tslib.es6-0de3999d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../select');
@@ -16,13 +16,13 @@ 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_t89dn","optionsPopover":"picker-button__optionsPopover_t89dn","sideGap":"picker-button__sideGap_t89dn","optionsListContainer":"picker-button__optionsListContainer_t89dn","option":"picker-button__option_t89dn"};
+var styles = {"container":"picker-button__container_25luf","optionsPopover":"picker-button__optionsPopover_25luf","sideGap":"picker-button__sideGap_25luf","optionsListContainer":"picker-button__optionsListContainer_25luf","option":"picker-button__option_25luf"};
 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, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
+    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 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: {
             view: view,
@@ -32,6 +32,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
+            showArrow: showArrow,
         }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(styles.container, className), popperClassName: cn__default.default('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 })));

package/picker-button/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-c7623c88.js');
+var tslib_es6 = require('./tslib.es6-0de3999d.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 var field_Component = require('./field/Component.js');
@@ -16,7 +16,7 @@ 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, restProps = tslib_es6.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps"]);
+    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: {
             view: view,
             loading: loading,
@@ -25,6 +25,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
+            showArrow: showArrow,
         }, ref: ref, options: options, selected: [] })));
 });
 

package/picker-button/Component.responsive.d.ts

@@ -17,6 +17,7 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
     })[];
     size?: import("./Component").PickerButtonSize | undefined;
     variant?: import("./Component").PickerButtonVariant | undefined;
+    showArrow?: boolean | undefined;
 } & AdditionalMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/picker-button/Component.responsive.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-c7623c88.js');
+var tslib_es6 = require('./tslib.es6-0de3999d.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component = require('./Component.js');

package/picker-button/cssm/Component.d.ts

@@ -20,6 +20,11 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
      * Тип кнопки
      */
     variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
 };
 declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
@@ -36,5 +41,10 @@ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSele
      * Тип кнопки
      */
     variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/picker-button/cssm/Component.js

@@ -23,7 +23,7 @@ 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, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
+    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 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: {
             view: view,
@@ -33,6 +33,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
+            showArrow: showArrow,
         }, 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 })));

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

@@ -18,7 +18,7 @@ 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, restProps = tslib_es6.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps"]);
+    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: {
             view: view,
             loading: loading,
@@ -27,6 +27,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
+            showArrow: showArrow,
         }, ref: ref, options: options, selected: [] })));
 });
 

package/picker-button/cssm/Component.responsive.d.ts

@@ -17,6 +17,7 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
     })[];
     size?: import("./Component").PickerButtonSize | undefined;
     variant?: import("./Component").PickerButtonVariant | undefined;
+    showArrow?: boolean | undefined;
 } & AdditionalMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/picker-button/cssm/field/Component.d.ts

@@ -5,6 +5,7 @@ import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;
+    showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }: FieldProps) => JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, ...restProps }: FieldProps) => JSX.Element;
 export { Field };

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

@@ -16,15 +16,15 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(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; _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 _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 _d = _a.showArrow, showArrow = _d === void 0 ? true : _d, restProps = tslib_es6.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow"]);
     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)));
+                (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(styles__default.default.component, view === 'primary' && styles__default.default.primary, className) }), buttonVariant !== 'compact' && label)));
 };
 
 exports.Field = Field;

package/picker-button/desktop.js

@@ -1,5 +1,5 @@
 var Component = require('./Component.js');
-require('./tslib.es6-c7623c88.js');
+require('./tslib.es6-0de3999d.js');
 require('react');
 require('classnames');
 require('../select');

package/picker-button/esm/Component.d.ts

@@ -20,6 +20,11 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
      * Тип кнопки
      */
     variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
 };
 declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
@@ -36,5 +41,10 @@ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSele
      * Тип кнопки
      */
     variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/picker-button/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-33ecdf4c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-a1f1b5ba.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseSelect, OptionsList, Optgroup } from '../../select/esm';
@@ -11,13 +11,13 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';
 
-var styles = {"container":"picker-button__container_t89dn","optionsPopover":"picker-button__optionsPopover_t89dn","sideGap":"picker-button__sideGap_t89dn","optionsListContainer":"picker-button__optionsListContainer_t89dn","option":"picker-button__option_t89dn"};
+var styles = {"container":"picker-button__container_25luf","optionsPopover":"picker-button__optionsPopover_25luf","sideGap":"picker-button__sideGap_25luf","optionsListContainer":"picker-button__optionsListContainer_25luf","option":"picker-button__option_25luf"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
 var PickerButtonDesktop = forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.OptionsList, OptionsList$1 = _c === void 0 ? OptionsList : _c, _d = _a.Optgroup, Optgroup$1 = _d === void 0 ? Optgroup : _d, _e = _a.Option, Option$1 = _e === void 0 ? 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 = __rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
+    var _c = _a.OptionsList, OptionsList$1 = _c === void 0 ? OptionsList : _c, _d = _a.Optgroup, Optgroup$1 = _d === void 0 ? Optgroup : _d, _e = _a.Option, Option$1 = _e === void 0 ? 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 = __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.createElement(BaseSelect, __assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view: view,
@@ -27,6 +27,7 @@ var PickerButtonDesktop = forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
+            showArrow: showArrow,
         }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, 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 })));

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-33ecdf4c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-a1f1b5ba.js';
 import React, { forwardRef } from 'react';
 import { SelectMobile, Optgroup } from '../../select/esm';
 import { Field } from './field/Component.js';
@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';
 
 var PickerButtonMobile = forwardRef(function (_a, ref) {
-    var options = _a.options, label = _a.label, _b = _a.Option, Option$1 = _b === void 0 ? Option : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? 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 = __rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps"]);
+    var options = _a.options, label = _a.label, _b = _a.Option, Option$1 = _b === void 0 ? Option : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? 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 = __rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
     return (React.createElement(SelectMobile, __assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field, Optgroup: Optgroup$1, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
             view: view,
             loading: loading,
@@ -21,6 +21,7 @@ var PickerButtonMobile = forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
+            showArrow: showArrow,
         }, ref: ref, options: options, selected: [] })));
 });
 

package/picker-button/esm/Component.responsive.d.ts

@@ -17,6 +17,7 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
     })[];
     size?: import("./Component").PickerButtonSize | undefined;
     variant?: import("./Component").PickerButtonVariant | undefined;
+    showArrow?: boolean | undefined;
 } & AdditionalMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-33ecdf4c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-a1f1b5ba.js';
 import React, { forwardRef } from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { PickerButtonDesktop } from './Component.js';

package/picker-button/esm/desktop.js

@@ -9,5 +9,5 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './option/Component.js';
-import './tslib.es6-33ecdf4c.js';
+import './tslib.es6-a1f1b5ba.js';
 import './utils/index.js';

package/picker-button/esm/field/Component.d.ts

@@ -5,6 +5,7 @@ import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;
+    showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }: FieldProps) => JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, ...restProps }: FieldProps) => JSX.Element;
 export { Field };

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-33ecdf4c.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-a1f1b5ba.js';
 import React, { Fragment } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../button/esm';
@@ -8,19 +8,19 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"iconContainer":"picker-button__iconContainer_sxh2m","addonsContainer":"picker-button__addonsContainer_sxh2m","open":"picker-button__open_sxh2m"};
+var styles = {"iconContainer":"picker-button__iconContainer_1k04l","addonsContainer":"picker-button__addonsContainer_1k04l","open":"picker-button__open_1k04l"};
 require('./index.css');
 
 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; _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 = __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 _d = _a.showArrow, showArrow = _d === void 0 ? true : _d, restProps = __rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow"]);
     var Icon = getIcon(buttonVariant, buttonSize);
     var ref = innerProps.ref, restInnerProps = __rest(innerProps, ["ref"]);
     var buttonProps = __assign(__assign({}, restProps), restInnerProps);
     return (React.createElement("div", { ref: ref },
         React.createElement(Button, __assign({}, buttonProps, { rightAddons: React.createElement(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)));
+                (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(styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
 };
 
 export { Field };

package/picker-button/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1cfs6 */
+/* hash: 5ogsp */
 :root {
 
     /* Hard */
@@ -13,14 +13,14 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_sxh2m {
+.picker-button__iconContainer_1k04l {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_sxh2m {
+.picker-button__addonsContainer_1k04l {
     display: flex;
     margin-right: var(--gap-2xs);
 }
-.picker-button__open_sxh2m {
+.picker-button__open_1k04l {
     transform: var(--arrow-transform);
 }

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

@@ -6,5 +6,5 @@ import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
-import '../tslib.es6-33ecdf4c.js';
+import '../tslib.es6-a1f1b5ba.js';
 import '../utils/index.js';

package/picker-button/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: kacmq */
+/* hash: 1r1o0 */
 :root {
 
     /* Hard */
@@ -15,22 +15,22 @@
 :root {
     --border-radius-m: 8px;
 }
-.picker-button__container_t89dn {
+.picker-button__container_25luf {
     min-width: auto;
 }
-.cc-picker-button.picker-button__optionsPopover_t89dn {
+.cc-picker-button.picker-button__optionsPopover_25luf {
         padding: var(--gap-2xs) 0
     }
-.cc-picker-button.picker-button__optionsPopover_t89dn.picker-button__sideGap_t89dn {
+.cc-picker-button.picker-button__optionsPopover_25luf.picker-button__sideGap_25luf {
             padding: 0 var(--gap-xs);
         }
-.cc-picker-button .picker-button__optionsListContainer_t89dn {
+.cc-picker-button .picker-button__optionsListContainer_25luf {
         border-radius: var(--border-radius-m);
     }
-.cc-picker-button .picker-button__option_t89dn {
+.cc-picker-button .picker-button__option_25luf {
         padding: 0 var(--gap-m)
     }
-.cc-picker-button .picker-button__option_t89dn:before {
+.cc-picker-button .picker-button__option_25luf:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/esm/index.js

@@ -12,5 +12,5 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './option/Component.js';
 import './Component.mobile.js';
-import './tslib.es6-33ecdf4c.js';
+import './tslib.es6-a1f1b5ba.js';
 import './utils/index.js';

package/picker-button/esm/mobile.js

@@ -9,5 +9,5 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './option/Component.js';
-import './tslib.es6-33ecdf4c.js';
+import './tslib.es6-a1f1b5ba.js';
 import './utils/index.js';

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

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-33ecdf4c.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-a1f1b5ba.js';
 import React from 'react';
 import { Option as Option$1 } from '../../../select/esm';
 
-var styles = {"container":"picker-button__container_5ju7k","icon":"picker-button__icon_5ju7k","content":"picker-button__content_5ju7k"};
+var styles = {"container":"picker-button__container_tta1n","icon":"picker-button__icon_tta1n","content":"picker-button__content_tta1n"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/esm/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xh80 */
+/* hash: 157fb */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_5ju7k {
+.picker-button__container_tta1n {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_5ju7k {
+.picker-button__icon_tta1n {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_5ju7k {
+.picker-button__content_tta1n {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

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

@@ -1,4 +1,4 @@
 export { Option } from './Component.js';
 import 'react';
 import '../../../select/esm';
-import '../tslib.es6-33ecdf4c.js';
+import '../tslib.es6-a1f1b5ba.js';

package/picker-button/esm/responsive.js

@@ -12,5 +12,5 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './option/Component.js';
 import './Component.mobile.js';
-import './tslib.es6-33ecdf4c.js';
+import './tslib.es6-a1f1b5ba.js';
 import './utils/index.js';

package/picker-button/field/Component.d.ts

@@ -5,6 +5,7 @@ import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;
+    showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }: FieldProps) => JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, ...restProps }: FieldProps) => JSX.Element;
 export { Field };

package/picker-button/field/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../tslib.es6-c7623c88.js');
+var tslib_es6 = require('../tslib.es6-0de3999d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../button');
@@ -13,19 +13,19 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"picker-button__iconContainer_sxh2m","addonsContainer":"picker-button__addonsContainer_sxh2m","open":"picker-button__open_sxh2m"};
+var styles = {"iconContainer":"picker-button__iconContainer_1k04l","addonsContainer":"picker-button__addonsContainer_1k04l","open":"picker-button__open_1k04l"};
 require('./index.css');
 
 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; _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 _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 _d = _a.showArrow, showArrow = _d === void 0 ? true : _d, restProps = tslib_es6.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow"]);
     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.addonsContainer }, rightAddons)),
-                React__default.default.createElement("span", { className: cn__default.default(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
-                    React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn__default.default(styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
+                (showArrow || buttonVariant === 'compact') && (React__default.default.createElement("span", { className: cn__default.default(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
+                    React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn__default.default(styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
 };
 
 exports.Field = Field;

package/picker-button/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1cfs6 */
+/* hash: 5ogsp */
 :root {
 
     /* Hard */
@@ -13,14 +13,14 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_sxh2m {
+.picker-button__iconContainer_1k04l {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_sxh2m {
+.picker-button__addonsContainer_1k04l {
     display: flex;
     margin-right: var(--gap-2xs);
 }
-.picker-button__open_sxh2m {
+.picker-button__open_1k04l {
     transform: var(--arrow-transform);
 }

package/picker-button/field/index.js

@@ -1,5 +1,5 @@
 var field_Component = require('./Component.js');
-require('../tslib.es6-c7623c88.js');
+require('../tslib.es6-0de3999d.js');
 require('react');
 require('classnames');
 require('../../button');