@alfalab/core-components 27.3.0 → 27.4.0

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

@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_tssgt.select-with-tags__xl_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__xl_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_tssgt.select-with-tags__l_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__l_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_tssgt.select-with-tags__m_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__m_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_tssgt.select-with-tags__s_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__s_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_tssgt.select-with-tags__xl_tssgt .select-with-tags__contentWrapperVertical_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__xl_1s2d0 .select-with-tags__contentWrapperVertical_1s2d0 {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_tssgt.select-with-tags__l_tssgt .select-with-tags__contentWrapperVertical_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__l_1s2d0 .select-with-tags__contentWrapperVertical_1s2d0 {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_tssgt.select-with-tags__m_tssgt .select-with-tags__contentWrapperVertical_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__m_1s2d0 .select-with-tags__contentWrapperVertical_1s2d0 {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_tssgt.select-with-tags__s_tssgt .select-with-tags__contentWrapperVertical_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__s_1s2d0 .select-with-tags__contentWrapperVertical_1s2d0 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_tssgt .select-with-tags__contentWrapper_tssgt:not(.select-with-tags__contentWrapperVertical_tssgt):not(.select-with-tags__hasLabel_tssgt) {
+.select-with-tags__component_1s2d0 .select-with-tags__contentWrapper_1s2d0:not(.select-with-tags__contentWrapperVertical_1s2d0):not(.select-with-tags__hasLabel_1s2d0) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_tssgt .select-with-tags__contentWrapper_tssgt.select-with-tags__hasLabel_tssgt {
+.select-with-tags__component_1s2d0 .select-with-tags__contentWrapper_1s2d0.select-with-tags__hasLabel_1s2d0 {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_tssgt .select-with-tags__contentWrapper_tssgt.select-with-tags__hasTags_tssgt.select-with-tags__hasLabel_tssgt {
+.select-with-tags__component_1s2d0 .select-with-tags__contentWrapper_1s2d0.select-with-tags__hasTags_1s2d0.select-with-tags__hasLabel_1s2d0 {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_tssgt:hover .select-with-tags__addons_tssgt {
+.select-with-tags__component_1s2d0:hover .select-with-tags__addons_1s2d0 {
     opacity: 0.7;
 }
-.select-with-tags__field_tssgt {
+.select-with-tags__field_1s2d0 {
     cursor: pointer;
 }
-.select-with-tags__input_tssgt {
+.select-with-tags__input_1s2d0 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -94,23 +94,23 @@
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
 }
-.select-with-tags__input_tssgt:disabled {
+.select-with-tags__input_1s2d0:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_tssgt::placeholder {
+.select-with-tags__input_1s2d0::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_tssgt:focus::placeholder {
+.select-with-tags__input_1s2d0:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_tssgt {
+.select-with-tags__block_1s2d0 {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_tssgt {
+.select-with-tags__focusVisible_1s2d0 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_tssgt {
+.select-with-tags__placeholder_1s2d0 {
     display: flex;
     align-items: center;
     min-height: 28px;
@@ -118,36 +118,36 @@
     color: var(--color-light-text-tertiary);
     pointer-events: none;
 }
-.select-with-tags__addons_tssgt {
+.select-with-tags__addons_1s2d0 {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_tssgt {
+.select-with-tags__addons-size-m_1s2d0 {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_tssgt {
+.select-with-tags__addons-size-l_1s2d0 {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_tssgt {
+.select-with-tags__addons-size-xl_1s2d0 {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_tssgt.select-with-tags__s_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__s_1s2d0 .select-with-tags__label_1s2d0 {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_tssgt.select-with-tags__m_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__m_1s2d0 .select-with-tags__label_1s2d0 {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_tssgt.select-with-tags__l_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__l_1s2d0 .select-with-tags__label_1s2d0 {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_tssgt.select-with-tags__xl_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__xl_1s2d0 .select-with-tags__label_1s2d0 {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0 .select-with-tags__label_1s2d0 {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

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

package/select-with-tags/cssm/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/cssm/component.js

@@ -20,10 +20,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: '' } };
@@ -48,9 +48,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);
@@ -80,8 +80,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/cssm/types.d.ts

@@ -25,6 +25,7 @@ type SelectWithTagsProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'mul
      */
     onChange?: (payload: {
         selectedMultiple: Array<OptionShape | string>;
+        initiator?: OptionShape | null;
         name?: string;
     }) => void;
     /**
@@ -35,10 +36,6 @@ type SelectWithTagsProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'mul
      * Функция сравнения при поиске
      */
     match?: OptionMatcher;
-    /**
-     * Будет отображаться, если компонент списка пустой
-     */
-    emptyListPlaceholder?: string;
     /**
      * Компонент Тэг
      */

package/select-with-tags/esm/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/esm/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-c2d7fa8e.js';
+import { _ as __rest, a as __assign } from './tslib.es6-38a7cb2b.js';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { BaseSelect, OptionsList, Optgroup, Option, Arrow } from '../../select/esm';
 import 'classnames';
@@ -12,10 +12,10 @@ import { TagList } from './components/tag-list/component.js';
 import { filterOptions } from './utils/match.js';
 
 var SelectWithTags = forwardRef(function (_a, ref) {
-    var _b = _a.OptionsList, OptionsList$1 = _b === void 0 ? OptionsList : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? Optgroup : _c, _d = _a.Option, Option$1 = _d === void 0 ? Option : _d, _e = _a.Arrow, Arrow$1 = _e === void 0 ? 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 = __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$1 = _b === void 0 ? OptionsList : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? Optgroup : _c, _d = _a.Option, Option$1 = _d === void 0 ? Option : _d, _e = _a.Arrow, Arrow$1 = _e === void 0 ? 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 = __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 = useState(selected || []), selectedTags = _m[0], setSelectedTags = _m[1];
-    var _o = useState(false), isPopoverOpen = _o[0], setPopoverOpen = _o[1];
+    var _l = useState(selected || []), selectedTags = _l[0], setSelectedTags = _l[1];
+    var _m = useState(false), isPopoverOpen = _m[0], setPopoverOpen = _m[1];
     var updatePopover = useRef(function () { return null; });
     var resetValue = useCallback(function () {
         var event = { target: { value: '' } };
@@ -40,9 +40,9 @@ var SelectWithTags = forwardRef(function (_a, ref) {
         }
     }, [controlled, onChange, selected, selectedTags]);
     var handleChange = 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);
@@ -72,8 +72,6 @@ var SelectWithTags = 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/esm/components/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-c2d7fa8e.js';
+import '../tslib.es6-38a7cb2b.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

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

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c2d7fa8e.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-38a7cb2b.js';
 import React, { useCallback } from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/esm';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"tag":"select-with-tags__tag_14xe4","tagNoClose":"select-with-tags__tagNoClose_14xe4","tagContentWrap":"select-with-tags__tagContentWrap_14xe4","tagCross":"select-with-tags__tagCross_14xe4"};
+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/esm/components/tag/index.css

@@ -12,44 +12,44 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.select-with-tags__tag_14xe4 {
+.select-with-tags__tag_pg37o {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_14xe4: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_14xe4: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_14xe4 > span {
+.select-with-tags__tag_pg37o > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_14xe4 {
+.select-with-tags__tagNoClose_pg37o {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_14xe4 {
+.select-with-tags__tagContentWrap_pg37o {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_14xe4 {
+.select-with-tags__tagCross_pg37o {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_14xe4:hover {
+.select-with-tags__tagCross_pg37o:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_14xe4:active {
+.select-with-tags__tagCross_pg37o:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_14xe4 svg {
+.select-with-tags__tagCross_pg37o svg {
         height: 100%;
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c2d7fa8e.js';
+import '../../tslib.es6-38a7cb2b.js';
 import 'react';
 import 'classnames';
 import '../../../../tag/esm';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c2d7fa8e.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-38a7cb2b.js';
 import React, { useState, useRef, useLayoutEffect, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/CrossCompactMIcon';
 import { Tag } from '../tag/component.js';
 import { calculateTotalElementsPerRow } from '../../utils/calculate-collapse-size.js';
 
-var styles = {"component":"select-with-tags__component_tssgt","xl":"select-with-tags__xl_tssgt","contentWrapper":"select-with-tags__contentWrapper_tssgt","l":"select-with-tags__l_tssgt","m":"select-with-tags__m_tssgt","s":"select-with-tags__s_tssgt","contentWrapperVertical":"select-with-tags__contentWrapperVertical_tssgt","hasLabel":"select-with-tags__hasLabel_tssgt","hasTags":"select-with-tags__hasTags_tssgt","addons":"select-with-tags__addons_tssgt","field":"select-with-tags__field_tssgt","input":"select-with-tags__input_tssgt","block":"select-with-tags__block_tssgt","focusVisible":"select-with-tags__focusVisible_tssgt","placeholder":"select-with-tags__placeholder_tssgt","addons-size-m":"select-with-tags__addons-size-m_tssgt","addons-size-l":"select-with-tags__addons-size-l_tssgt","addons-size-xl":"select-with-tags__addons-size-xl_tssgt","label":"select-with-tags__label_tssgt"};
+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) {

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

@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_tssgt.select-with-tags__xl_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__xl_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_tssgt.select-with-tags__l_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__l_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_tssgt.select-with-tags__m_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__m_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_tssgt.select-with-tags__s_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__s_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_tssgt.select-with-tags__xl_tssgt .select-with-tags__contentWrapperVertical_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__xl_1s2d0 .select-with-tags__contentWrapperVertical_1s2d0 {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_tssgt.select-with-tags__l_tssgt .select-with-tags__contentWrapperVertical_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__l_1s2d0 .select-with-tags__contentWrapperVertical_1s2d0 {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_tssgt.select-with-tags__m_tssgt .select-with-tags__contentWrapperVertical_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__m_1s2d0 .select-with-tags__contentWrapperVertical_1s2d0 {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_tssgt.select-with-tags__s_tssgt .select-with-tags__contentWrapperVertical_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__s_1s2d0 .select-with-tags__contentWrapperVertical_1s2d0 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_tssgt .select-with-tags__contentWrapper_tssgt {
+.select-with-tags__component_1s2d0 .select-with-tags__contentWrapper_1s2d0 {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_tssgt .select-with-tags__contentWrapper_tssgt:not(.select-with-tags__contentWrapperVertical_tssgt):not(.select-with-tags__hasLabel_tssgt) {
+.select-with-tags__component_1s2d0 .select-with-tags__contentWrapper_1s2d0:not(.select-with-tags__contentWrapperVertical_1s2d0):not(.select-with-tags__hasLabel_1s2d0) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_tssgt .select-with-tags__contentWrapper_tssgt.select-with-tags__hasLabel_tssgt {
+.select-with-tags__component_1s2d0 .select-with-tags__contentWrapper_1s2d0.select-with-tags__hasLabel_1s2d0 {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_tssgt .select-with-tags__contentWrapper_tssgt.select-with-tags__hasTags_tssgt.select-with-tags__hasLabel_tssgt {
+.select-with-tags__component_1s2d0 .select-with-tags__contentWrapper_1s2d0.select-with-tags__hasTags_1s2d0.select-with-tags__hasLabel_1s2d0 {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_tssgt:hover .select-with-tags__addons_tssgt {
+.select-with-tags__component_1s2d0:hover .select-with-tags__addons_1s2d0 {
     opacity: 0.7;
 }
-.select-with-tags__field_tssgt {
+.select-with-tags__field_1s2d0 {
     cursor: pointer;
 }
-.select-with-tags__input_tssgt {
+.select-with-tags__input_1s2d0 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -94,23 +94,23 @@
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
 }
-.select-with-tags__input_tssgt:disabled {
+.select-with-tags__input_1s2d0:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_tssgt::placeholder {
+.select-with-tags__input_1s2d0::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_tssgt:focus::placeholder {
+.select-with-tags__input_1s2d0:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_tssgt {
+.select-with-tags__block_1s2d0 {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_tssgt {
+.select-with-tags__focusVisible_1s2d0 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_tssgt {
+.select-with-tags__placeholder_1s2d0 {
     display: flex;
     align-items: center;
     min-height: 28px;
@@ -118,36 +118,36 @@
     color: var(--color-light-text-tertiary);
     pointer-events: none;
 }
-.select-with-tags__addons_tssgt {
+.select-with-tags__addons_1s2d0 {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_tssgt {
+.select-with-tags__addons-size-m_1s2d0 {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_tssgt {
+.select-with-tags__addons-size-l_1s2d0 {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_tssgt {
+.select-with-tags__addons-size-xl_1s2d0 {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_tssgt.select-with-tags__s_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__s_1s2d0 .select-with-tags__label_1s2d0 {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_tssgt.select-with-tags__m_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__m_1s2d0 .select-with-tags__label_1s2d0 {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_tssgt.select-with-tags__l_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__l_1s2d0 .select-with-tags__label_1s2d0 {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_tssgt.select-with-tags__xl_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0.select-with-tags__xl_1s2d0 .select-with-tags__label_1s2d0 {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_tssgt .select-with-tags__label_tssgt {
+.select-with-tags__component_1s2d0 .select-with-tags__label_1s2d0 {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c2d7fa8e.js';
+import '../../tslib.es6-38a7cb2b.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

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

@@ -1,4 +1,4 @@
-import './tslib.es6-c2d7fa8e.js';
+import './tslib.es6-38a7cb2b.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';

package/select-with-tags/esm/types.d.ts

@@ -25,6 +25,7 @@ type SelectWithTagsProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'mul
      */
     onChange?: (payload: {
         selectedMultiple: Array<OptionShape | string>;
+        initiator?: OptionShape | null;
         name?: string;
     }) => void;
     /**
@@ -35,10 +36,6 @@ type SelectWithTagsProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'mul
      * Функция сравнения при поиске
      */
     match?: OptionMatcher;
-    /**
-     * Будет отображаться, если компонент списка пустой
-     */
-    emptyListPlaceholder?: string;
     /**
      * Компонент Тэг
      */

package/select-with-tags/esm/utils/index.js

@@ -1,3 +1,3 @@
-import '../tslib.es6-c2d7fa8e.js';
+import '../tslib.es6-38a7cb2b.js';
 import '../../../select/esm';
 export { filterOptions } from './match.js';

package/select-with-tags/esm/utils/match.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-c2d7fa8e.js';
+import { a as __assign } from '../tslib.es6-38a7cb2b.js';
 import { isGroup } from '../../../select/esm';
 
 var defaultMatch = function (option, inputValue) {

package/select-with-tags/index.js

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