@alfalab/core-components 27.1.2 → 27.4.0

package/select/modern/presets/useSelectWithApply/hook.js

@@ -1,23 +1,24 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
-import 'downshift';
 import 'resize-observer';
+import 'downshift';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-virtual';
-import '../../../../form-control/modern';
 import '../../utils.js';
+import '../../../../popover/modern';
+import '../../components/native-select/Component.js';
+import '../../Component-a5798d2e.js';
+import '../../../../form-control/modern';
 import '../../components/field/Component.js';
 import '../../components/arrow/Component.js';
+import '../../../../scrollbar/modern';
 import '../../components/optgroup/Component.js';
 import '../../components/options-list/Component.js';
 import '../../../../checkbox/modern';
 import '../../components/checkmark/Component.js';
 import '../../components/option/Component.js';
-import '../../../../popover/modern';
-import '../../components/native-select/Component.js';
-import '../../Component-e11b2c58.js';
 import '../../Component.js';
 import '../../../../bottom-sheet/modern';
 import '../../../../button/modern';
@@ -25,5 +26,5 @@ import '../../../../base-modal/modern';
 import '../../components/select-mobile/options-list/Component.js';
 import '../../components/select-mobile/checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-94b9b18e.js';
-export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-bd83ff5e.js';
+import '../../intersection-observer-f1edbc89.js';
+export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-eb707f6a.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,23 +1,24 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
-import 'downshift';
 import 'resize-observer';
+import 'downshift';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-virtual';
-import '../../../../../form-control/modern';
 import '../../../utils.js';
+import '../../../../../popover/modern';
+import '../../../components/native-select/Component.js';
+import '../../../Component-a5798d2e.js';
+import '../../../../../form-control/modern';
 import '../../../components/field/Component.js';
 import '../../../components/arrow/Component.js';
+import '../../../../../scrollbar/modern';
 import '../../../components/optgroup/Component.js';
 import '../../../components/options-list/Component.js';
 import '../../../../../checkbox/modern';
 import '../../../components/checkmark/Component.js';
 import '../../../components/option/Component.js';
-import '../../../../../popover/modern';
-import '../../../components/native-select/Component.js';
-import '../../../Component-e11b2c58.js';
 import '../../../Component.js';
 import '../../../../../bottom-sheet/modern';
 import '../../../../../button/modern';
@@ -25,5 +26,5 @@ import '../../../../../base-modal/modern';
 import '../../../components/select-mobile/options-list/Component.js';
 import '../../../components/select-mobile/checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-94b9b18e.js';
-export { O as OptionsListWithApply } from '../../../Component-bd83ff5e.js';
+import '../../../intersection-observer-f1edbc89.js';
+export { O as OptionsListWithApply } from '../../../Component-eb707f6a.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: h9wzy */
+/* hash: k40p0 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_dmtlb {
+.select__footer_1w9q9 {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_dmtlb > * + * {
+.select__footer_1w9q9 > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_dmtlb {
+.select__withBorder_1w9q9 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-bd83ff5e";
+export * from "../../../Component-eb707f6a";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,23 +1,24 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
-import 'downshift';
 import 'resize-observer';
+import 'downshift';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-virtual';
-import '../../../../../form-control/modern';
 import '../../../utils.js';
+import '../../../../../popover/modern';
+import '../../../components/native-select/Component.js';
+import '../../../Component-a5798d2e.js';
+import '../../../../../form-control/modern';
 import '../../../components/field/Component.js';
 import '../../../components/arrow/Component.js';
+import '../../../../../scrollbar/modern';
 import '../../../components/optgroup/Component.js';
 import '../../../components/options-list/Component.js';
 import '../../../../../checkbox/modern';
 import '../../../components/checkmark/Component.js';
 import '../../../components/option/Component.js';
-import '../../../../../popover/modern';
-import '../../../components/native-select/Component.js';
-import '../../../Component-e11b2c58.js';
 import '../../../Component.js';
 import '../../../../../bottom-sheet/modern';
 import '../../../../../button/modern';
@@ -25,5 +26,5 @@ import '../../../../../base-modal/modern';
 import '../../../components/select-mobile/options-list/Component.js';
 import '../../../components/select-mobile/checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-94b9b18e.js';
-export { O as OptionsListWithApply } from '../../../Component-bd83ff5e.js';
+import '../../../intersection-observer-f1edbc89.js';
+export { O as OptionsListWithApply } from '../../../Component-eb707f6a.js';

package/select/modern/presets/useSelectWithLoading/hook.js

@@ -5,7 +5,7 @@ import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '../../../../skeleton/modern';
 
-var styles = {"skeleton":"select__skeleton_16g6e"};
+var styles = {"skeleton":"select__skeleton_17gth"};
 require('./index.css');
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, }) {

package/select/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1d6mv */
-.select__skeleton_16g6e {
+/* hash: ympaa */
+.select__skeleton_17gth {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/modern/typings.d.ts

@@ -412,6 +412,15 @@ type OptionsListProps = {
      * Нужно ли показывать футер
      */
     showFooter?: boolean;
+    /**
+     * Нужно ли использовать нативный скроллбар
+     */
+    nativeScrollbar?: boolean;
+    /**
+     * Управляет шириной выпадающего меню.
+     * Ширину определяет контент, либо ширина равна ширине поля
+     */
+    optionsListWidth?: BaseSelectProps['optionsListWidth'];
     /**
      * Обработчик подтверждения изменений
      */

package/select/presets/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-f340e335.js');
+require('../tslib.es6-814bc9fb.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -10,6 +10,7 @@ require('../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../components/arrow/Component.js');
 require('react-merge-refs');
+require('../../scrollbar');
 require('../components/optgroup/Component.js');
 require('../components/options-list/Component.js');
 require('../../checkbox');
@@ -19,18 +20,18 @@ require('resize-observer');
 require('../../popover');
 require('downshift');
 require('../components/native-select/Component.js');
-require('../Component-c86bf7ae.js');
+require('../Component-2de04427.js');
 require('../Component.js');
 require('../../bottom-sheet');
 require('../../button');
 require('../../base-modal');
 require('../components/select-mobile/options-list/Component.js');
 require('../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../Component-3f415d29.js');
+var presets_useSelectWithApply_hook = require('../Component-d11dd70b.js');
 require('react-virtual');
 require('../../skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-require('../intersection-observer-e6c55361.js');
+require('../intersection-observer-c7a31945.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
 
 

package/select/presets/useLazyLoading/hook.js

@@ -1,19 +1,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f340e335.js');
+var tslib_es6 = require('../../tslib.es6-814bc9fb.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');
 require('../../components/checkmark/Component.js');
 var components_option_Component = require('../../components/option/Component.js');
 var coreComponentsSkeleton = require('../../../skeleton');
-require('../../intersection-observer-e6c55361.js');
+require('../../intersection-observer-c7a31945.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_1mig9"};
+var styles = {"skeleton":"select__skeleton_1m8aa"};
 require('./index.css');
 
 var DEBOUNCE_TIMEOUT = 300;

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1eegq */
-.select__skeleton_1mig9 {
+/* hash: 1vuai */
+.select__skeleton_1m8aa {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/presets/useSelectWithApply/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f340e335.js');
+require('../../tslib.es6-814bc9fb.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -10,6 +10,7 @@ require('../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/arrow/Component.js');
 require('react-merge-refs');
+require('../../../scrollbar');
 require('../../components/optgroup/Component.js');
 require('../../components/options-list/Component.js');
 require('../../../checkbox');
@@ -19,17 +20,17 @@ require('resize-observer');
 require('../../../popover');
 require('downshift');
 require('../../components/native-select/Component.js');
-require('../../Component-c86bf7ae.js');
+require('../../Component-2de04427.js');
 require('../../Component.js');
 require('../../../bottom-sheet');
 require('../../../button');
 require('../../../base-modal');
 require('../../components/select-mobile/options-list/Component.js');
 require('../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-3f415d29.js');
+var presets_useSelectWithApply_hook = require('../../Component-d11dd70b.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-e6c55361.js');
+require('../../intersection-observer-c7a31945.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-f340e335.js');
+require('../../../tslib.es6-814bc9fb.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -10,6 +10,7 @@ require('../../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/Component.js');
 require('react-merge-refs');
+require('../../../../scrollbar');
 require('../../../components/optgroup/Component.js');
 require('../../../components/options-list/Component.js');
 require('../../../../checkbox');
@@ -19,17 +20,17 @@ require('resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-c86bf7ae.js');
+require('../../../Component-2de04427.js');
 require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../button');
 require('../../../../base-modal');
 require('../../../components/select-mobile/options-list/Component.js');
 require('../../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-3f415d29.js');
+var presets_useSelectWithApply_hook = require('../../../Component-d11dd70b.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-e6c55361.js');
+require('../../../intersection-observer-c7a31945.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: h9wzy */
+/* hash: k40p0 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_dmtlb {
+.select__footer_1w9q9 {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_dmtlb > * + * {
+.select__footer_1w9q9 > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_dmtlb {
+.select__withBorder_1w9q9 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-3f415d29";
+export * from "../../../Component-d11dd70b";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-f340e335.js');
+require('../../../tslib.es6-814bc9fb.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -10,6 +10,7 @@ require('../../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/Component.js');
 require('react-merge-refs');
+require('../../../../scrollbar');
 require('../../../components/optgroup/Component.js');
 require('../../../components/options-list/Component.js');
 require('../../../../checkbox');
@@ -19,17 +20,17 @@ require('resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-c86bf7ae.js');
+require('../../../Component-2de04427.js');
 require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../button');
 require('../../../../base-modal');
 require('../../../components/select-mobile/options-list/Component.js');
 require('../../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-3f415d29.js');
+var presets_useSelectWithApply_hook = require('../../../Component-d11dd70b.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-e6c55361.js');
+require('../../../intersection-observer-c7a31945.js');
 
 
 

package/select/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f340e335.js');
+var tslib_es6 = require('../../tslib.es6-814bc9fb.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_16g6e"};
+var styles = {"skeleton":"select__skeleton_17gth"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1d6mv */
-.select__skeleton_16g6e {
+/* hash: ympaa */
+.select__skeleton_17gth {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/typings.d.ts

@@ -412,6 +412,15 @@ type OptionsListProps = {
      * Нужно ли показывать футер
      */
     showFooter?: boolean;
+    /**
+     * Нужно ли использовать нативный скроллбар
+     */
+    nativeScrollbar?: boolean;
+    /**
+     * Управляет шириной выпадающего меню.
+     * Ширину определяет контент, либо ширина равна ширине поля
+     */
+    optionsListWidth?: BaseSelectProps['optionsListWidth'];
     /**
      * Обработчик подтверждения изменений
      */

package/select-with-tags/component.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../select").OptionShape)[] | undefined;
     onChange?: ((payload: {
         selectedMultiple: (string | import("../select").OptionShape)[];
+        initiator?: import("../select").OptionShape | null | undefined;
         name?: string | undefined;
     }) => void) | undefined;
     autocomplete?: boolean | undefined;
     match?: import("./types").OptionMatcher | undefined;
-    emptyListPlaceholder?: string | undefined;
     Tag?: React.FC<import("./types").TagProps> | undefined;
     collapseTagList?: boolean | undefined;
     moveInputToNewLine?: boolean | undefined;

package/select-with-tags/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-29f2689a.js');
+var tslib_es6 = require('./tslib.es6-c4f792f2.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 require('classnames');
@@ -18,10 +18,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var SelectWithTags = React.forwardRef(function (_a, ref) {
-    var _b = _a.OptionsList, OptionsList = _b === void 0 ? coreComponentsSelect.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? coreComponentsSelect.Option : _d, _e = _a.Arrow, Arrow = _e === void 0 ? coreComponentsSelect.Arrow : _e, value = _a.value, selected = _a.selected, _f = _a.size, size = _f === void 0 ? 'xl' : _f, onInput = _a.onInput, onChange = _a.onChange, options = _a.options, _g = _a.autocomplete, autocomplete = _g === void 0 ? true : _g, match = _a.match, _h = _a.allowUnselect, allowUnselect = _h === void 0 ? true : _h, _j = _a.collapseTagList, collapseTagList = _j === void 0 ? false : _j, _k = _a.moveInputToNewLine, moveInputToNewLine = _k === void 0 ? true : _k, _l = _a.emptyListPlaceholder, emptyListPlaceholder = _l === void 0 ? 'Ничего не найдено.' : _l, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, Tag = _a.Tag, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "Arrow", "value", "selected", "size", "onInput", "onChange", "options", "autocomplete", "match", "allowUnselect", "collapseTagList", "moveInputToNewLine", "emptyListPlaceholder", "transformCollapsedTagText", "transformTagText", "Tag"]);
+    var _b = _a.OptionsList, OptionsList = _b === void 0 ? coreComponentsSelect.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? coreComponentsSelect.Option : _d, _e = _a.Arrow, Arrow = _e === void 0 ? coreComponentsSelect.Arrow : _e, value = _a.value, selected = _a.selected, _f = _a.size, size = _f === void 0 ? 'xl' : _f, onInput = _a.onInput, onChange = _a.onChange, options = _a.options, _g = _a.autocomplete, autocomplete = _g === void 0 ? true : _g, match = _a.match, _h = _a.allowUnselect, allowUnselect = _h === void 0 ? true : _h, _j = _a.collapseTagList, collapseTagList = _j === void 0 ? false : _j, _k = _a.moveInputToNewLine, moveInputToNewLine = _k === void 0 ? true : _k, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, Tag = _a.Tag, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "Arrow", "value", "selected", "size", "onInput", "onChange", "options", "autocomplete", "match", "allowUnselect", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "Tag"]);
     var controlled = Boolean(selected);
-    var _m = React.useState(selected || []), selectedTags = _m[0], setSelectedTags = _m[1];
-    var _o = React.useState(false), isPopoverOpen = _o[0], setPopoverOpen = _o[1];
+    var _l = React.useState(selected || []), selectedTags = _l[0], setSelectedTags = _l[1];
+    var _m = React.useState(false), isPopoverOpen = _m[0], setPopoverOpen = _m[1];
     var updatePopover = React.useRef(function () { return null; });
     var resetValue = React.useCallback(function () {
         var event = { target: { value: '' } };
@@ -46,9 +46,9 @@ var SelectWithTags = React.forwardRef(function (_a, ref) {
         }
     }, [controlled, onChange, selected, selectedTags]);
     var handleChange = React.useCallback(function (_a) {
-        var selectedMultiple = _a.selectedMultiple, name = _a.name;
+        var selectedMultiple = _a.selectedMultiple, name = _a.name, initiator = _a.initiator;
         if (onChange) {
-            onChange({ selectedMultiple: selectedMultiple, name: name });
+            onChange({ selectedMultiple: selectedMultiple, name: name, initiator: initiator });
         }
         if (!controlled) {
             setSelectedTags(selectedMultiple);
@@ -78,8 +78,6 @@ var SelectWithTags = React.forwardRef(function (_a, ref) {
             transformTagText: transformTagText,
             handleUpdatePopover: handleUpdatePopover,
             isPopoverOpen: isPopoverOpen,
-        }, optionsListProps: {
-            emptyPlaceholder: emptyListPlaceholder,
         }, selected: selected || selectedTags, autocomplete: isAutocomplete, size: size, options: filteredOptions, onChange: handleChange, onOpen: handleOpen })));
 });
 

package/select-with-tags/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-29f2689a.js');
+require('../tslib.es6-c4f792f2.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/components/tag/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-29f2689a.js');
+var tslib_es6 = require('../../tslib.es6-c4f792f2.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tag":"select-with-tags__tag_12yn8","tagNoClose":"select-with-tags__tagNoClose_12yn8","tagContentWrap":"select-with-tags__tagContentWrap_12yn8","tagCross":"select-with-tags__tagCross_12yn8"};
+var styles = {"tag":"select-with-tags__tag_pg37o","tagNoClose":"select-with-tags__tagNoClose_pg37o","tagContentWrap":"select-with-tags__tagContentWrap_pg37o","tagCross":"select-with-tags__tagCross_pg37o"};
 require('./index.css');
 
 var Tag = function (_a) {

package/select-with-tags/components/tag/index.css

@@ -12,44 +12,44 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.select-with-tags__tag_12yn8 {
+.select-with-tags__tag_pg37o {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_12yn8:active:not(:disabled) {
+.select-with-tags__tag_pg37o:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_12yn8:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_pg37o:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_12yn8 > span {
+.select-with-tags__tag_pg37o > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_12yn8 {
+.select-with-tags__tagNoClose_pg37o {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_12yn8 {
+.select-with-tags__tagContentWrap_pg37o {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_12yn8 {
+.select-with-tags__tagCross_pg37o {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_12yn8:hover {
+.select-with-tags__tagCross_pg37o:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_12yn8:active {
+.select-with-tags__tagCross_pg37o:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_12yn8 svg {
+.select-with-tags__tagCross_pg37o svg {
         height: 100%;
     }

package/select-with-tags/components/tag/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-29f2689a.js');
+require('../../tslib.es6-c4f792f2.js');
 require('react');
 require('classnames');
 require('../../../tag');

package/select-with-tags/components/tag-list/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-29f2689a.js');
+var tslib_es6 = require('../../tslib.es6-c4f792f2.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"select-with-tags__component_70jom","xl":"select-with-tags__xl_70jom","contentWrapper":"select-with-tags__contentWrapper_70jom","l":"select-with-tags__l_70jom","m":"select-with-tags__m_70jom","s":"select-with-tags__s_70jom","contentWrapperVertical":"select-with-tags__contentWrapperVertical_70jom","hasLabel":"select-with-tags__hasLabel_70jom","hasTags":"select-with-tags__hasTags_70jom","addons":"select-with-tags__addons_70jom","field":"select-with-tags__field_70jom","input":"select-with-tags__input_70jom","block":"select-with-tags__block_70jom","focusVisible":"select-with-tags__focusVisible_70jom","placeholder":"select-with-tags__placeholder_70jom","addons-size-m":"select-with-tags__addons-size-m_70jom","addons-size-l":"select-with-tags__addons-size-l_70jom","addons-size-xl":"select-with-tags__addons-size-xl_70jom","label":"select-with-tags__label_70jom"};
+var styles = {"component":"select-with-tags__component_1s2d0","xl":"select-with-tags__xl_1s2d0","contentWrapper":"select-with-tags__contentWrapper_1s2d0","l":"select-with-tags__l_1s2d0","m":"select-with-tags__m_1s2d0","s":"select-with-tags__s_1s2d0","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1s2d0","hasLabel":"select-with-tags__hasLabel_1s2d0","hasTags":"select-with-tags__hasTags_1s2d0","addons":"select-with-tags__addons_1s2d0","field":"select-with-tags__field_1s2d0","input":"select-with-tags__input_1s2d0","block":"select-with-tags__block_1s2d0","focusVisible":"select-with-tags__focusVisible_1s2d0","placeholder":"select-with-tags__placeholder_1s2d0","addons-size-m":"select-with-tags__addons-size-m_1s2d0","addons-size-l":"select-with-tags__addons-size-l_1s2d0","addons-size-xl":"select-with-tags__addons-size-xl_1s2d0","label":"select-with-tags__label_1s2d0"};
 require('./index.css');
 
 var TagList = function (_a) {