@alfalab/core-components-picker-button 10.2.2 → 10.3.0

package/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/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c7623c88.js');
+var tslib_es6 = require('./tslib.es6-ab5bdd11.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('@alfalab/core-components-select');
@@ -18,13 +18,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_n75fx","optionsPopover":"picker-button__optionsPopover_n75fx","sideGap":"picker-button__sideGap_n75fx","optionsListContainer":"picker-button__optionsListContainer_n75fx","option":"picker-button__option_n75fx"};
 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,
@@ -34,6 +34,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/Component.mobile.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c7623c88.js');
+var tslib_es6 = require('./tslib.es6-ab5bdd11.js');
 var React = require('react');
 var coreComponentsSelect = require('@alfalab/core-components-select');
 var field_Component = require('./field/Component.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/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/Component.responsive.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c7623c88.js');
+var tslib_es6 = require('./tslib.es6-ab5bdd11.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component = require('./Component.js');

package/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/cssm/Component.js

@@ -25,7 +25,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,
@@ -35,6 +35,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/cssm/Component.mobile.js

@@ -20,7 +20,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,
@@ -29,6 +29,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
+            showArrow: showArrow,
         }, ref: ref, options: options, selected: [] })));
 });
 

package/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/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/cssm/field/Component.js

@@ -18,15 +18,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/desktop.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component = require('./Component.js');
-require('./tslib.es6-c7623c88.js');
+require('./tslib.es6-ab5bdd11.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-select');

package/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/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-eed25de0.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/esm';
@@ -11,13 +11,13 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-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_n75fx","optionsPopover":"picker-button__optionsPopover_n75fx","sideGap":"picker-button__sideGap_n75fx","optionsListContainer":"picker-button__optionsListContainer_n75fx","option":"picker-button__option_n75fx"};
 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/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-eed25de0.js';
 import React, { forwardRef } from 'react';
 import { SelectMobile, Optgroup } from '@alfalab/core-components-select/esm';
 import { Field } from './field/Component.js';
@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
 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/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/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-eed25de0.js';
 import React, { forwardRef } from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { PickerButtonDesktop } from './Component.js';

package/esm/desktop.js

@@ -1,5 +1,5 @@
 export { PickerButtonDesktop } from './Component.js';
-import './tslib.es6-33ecdf4c.js';
+import './tslib.es6-eed25de0.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-select/esm';

package/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/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-eed25de0.js';
 import React, { Fragment } from 'react';
 import cn from 'classnames';
 import { Button } from '@alfalab/core-components-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_1uer7","addonsContainer":"picker-button__addonsContainer_1uer7","open":"picker-button__open_1uer7"};
 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/esm/field/index.css

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

package/esm/field/index.js

@@ -1,5 +1,5 @@
 export { Field } from './Component.js';
-import '../tslib.es6-33ecdf4c.js';
+import '../tslib.es6-eed25de0.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-button/esm';

package/esm/index.css

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

package/esm/index.js

@@ -1,5 +1,5 @@
 export { PickerButtonResponsive as PickerButton } from './Component.responsive.js';
-import './tslib.es6-33ecdf4c.js';
+import './tslib.es6-eed25de0.js';
 import 'react';
 import '@alfalab/hooks';
 import './Component.js';

package/esm/mobile.js

@@ -1,5 +1,5 @@
 export { PickerButtonMobile } from './Component.mobile.js';
-import './tslib.es6-33ecdf4c.js';
+import './tslib.es6-eed25de0.js';
 import 'react';
 import '@alfalab/core-components-select/esm';
 import './field/Component.js';

package/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-eed25de0.js';
 import React from 'react';
 import { Option as Option$1 } from '@alfalab/core-components-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_1eutn","icon":"picker-button__icon_1eutn","content":"picker-button__content_1eutn"};
 require('./index.css')
 
 var Option = function (_a) {

package/esm/option/index.css

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

package/esm/option/index.js

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

package/esm/responsive.js

@@ -1,5 +1,5 @@
 export { PickerButtonResponsive } from './Component.responsive.js';
-import './tslib.es6-33ecdf4c.js';
+import './tslib.es6-eed25de0.js';
 import 'react';
 import '@alfalab/hooks';
 import './Component.js';

package/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/field/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c7623c88.js');
+var tslib_es6 = require('../tslib.es6-ab5bdd11.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('@alfalab/core-components-button');
@@ -15,19 +15,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_1uer7","addonsContainer":"picker-button__addonsContainer_1uer7","open":"picker-button__open_1uer7"};
 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/field/index.css

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

package/field/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var field_Component = require('./Component.js');
-require('../tslib.es6-c7623c88.js');
+require('../tslib.es6-ab5bdd11.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-button');

package/index.css

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

package/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-c7623c88.js');
+require('./tslib.es6-ab5bdd11.js');
 require('react');
 require('@alfalab/hooks');
 require('./Component.js');

package/mobile.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_mobile = require('./Component.mobile.js');
-require('./tslib.es6-c7623c88.js');
+require('./tslib.es6-ab5bdd11.js');
 require('react');
 require('@alfalab/core-components-select');
 require('./field/Component.js');

package/modern/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/modern/Component.js

@@ -10,11 +10,11 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const 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"};
+const styles = {"container":"picker-button__container_n75fx","optionsPopover":"picker-button__optionsPopover_n75fx","sideGap":"picker-button__sideGap_n75fx","optionsListContainer":"picker-button__optionsListContainer_n75fx","option":"picker-button__option_n75fx"};
 require('./index.css')
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
-const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', variant = 'default', className, leftAddons, rightAddons, popperClassName, optionsListClassName, optionClassName, ...restProps }, ref) => {
+const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', variant = 'default', className, leftAddons, rightAddons, popperClassName, optionsListClassName, optionClassName, showArrow, ...restProps }, ref) => {
     const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
     return (React.createElement(BaseSelect, { ...restProps, optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view,
@@ -24,6 +24,7 @@ const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsLi
             buttonVariant: variant,
             leftAddons,
             rightAddons,
+            showArrow,
         }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, {
             [styles.sideGap]: isSideGap,
         }), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true }));

package/modern/Component.mobile.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, ...restProps }, ref) => (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
+const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, ...restProps }, ref) => (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
         title: label,
         stickyHeader: true,
         ...bottomSheetProps,
@@ -22,6 +22,7 @@ const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Opti
         buttonVariant: variant,
         leftAddons,
         rightAddons,
+        showArrow,
     }, ref: ref, options: options, selected: [] })));
 
 export { PickerButtonMobile };

package/modern/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/modern/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/modern/field/Component.js

@@ -7,10 +7,10 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"iconContainer":"picker-button__iconContainer_sxh2m","addonsContainer":"picker-button__addonsContainer_sxh2m","open":"picker-button__open_sxh2m"};
+const styles = {"iconContainer":"picker-button__iconContainer_1uer7","addonsContainer":"picker-button__addonsContainer_1uer7","open":"picker-button__open_1uer7"};
 require('./index.css')
 
-const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }) => {
+const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, ...restProps }) => {
     const Icon = getIcon(buttonVariant, buttonSize);
     const { ref, ...restInnerProps } = innerProps;
     const buttonProps = {
@@ -20,8 +20,8 @@ const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open,
     return (React.createElement("div", { ref: ref },
         React.createElement(Button, { ...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/modern/field/index.css

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

package/modern/index.css

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

package/modern/option/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '@alfalab/core-components-select/modern';
 
-const styles = {"container":"picker-button__container_5ju7k","icon":"picker-button__icon_5ju7k","content":"picker-button__content_5ju7k"};
+const styles = {"container":"picker-button__container_1eutn","icon":"picker-button__icon_1eutn","content":"picker-button__content_1eutn"};
 require('./index.css')
 
 const Option = ({ option, children, ...restProps }) => {

package/modern/option/index.css

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

package/option/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c7623c88.js');
+var tslib_es6 = require('../tslib.es6-ab5bdd11.js');
 var React = require('react');
 var coreComponentsSelect = require('@alfalab/core-components-select');
 
@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"container":"picker-button__container_5ju7k","icon":"picker-button__icon_5ju7k","content":"picker-button__content_5ju7k"};
+var styles = {"container":"picker-button__container_1eutn","icon":"picker-button__icon_1eutn","content":"picker-button__content_1eutn"};
 require('./index.css')
 
 var Option = function (_a) {

package/option/index.css

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

package/option/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var option_Component = require('./Component.js');
-require('../tslib.es6-c7623c88.js');
+require('../tslib.es6-ab5bdd11.js');
 require('react');
 require('@alfalab/core-components-select');
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-picker-button",
-    "version": "10.2.2",
+    "version": "10.3.0",
     "description": "Picker button component",
     "keywords": [],
     "license": "MIT",
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@alfalab/core-components-button": "^7.0.2",
-        "@alfalab/core-components-select": "^13.2.5",
+        "@alfalab/core-components-select": "^13.2.6",
         "@alfalab/icons-classic": "^2.3.0",
         "@alfalab/icons-glyph": "^2.89.0",
         "classnames": "^2.3.1"

package/responsive.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-c7623c88.js');
+require('./tslib.es6-ab5bdd11.js');
 require('react');
 require('@alfalab/hooks');
 require('./Component.js');