@alfalab/core-components 36.4.0 → 36.5.0

package/select/presets/useSelectWithApply/hook.js

@@ -1,10 +1,10 @@
-require('../../tslib.es6-b8d245fd.js');
+require('../../tslib.es6-84fcf750.js');
 require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../Component-dc8aa97a.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4e5b4c78.js');
+require('../../Component-01370e34.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f5f4c7a.js');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -16,7 +16,7 @@ require('../../components/options-list/Component.js');
 require('react-virtual');
 require('../../../scrollbar');
 require('../../../skeleton');
-require('../../intersection-observer-54c021a4.js');
+require('../../intersection-observer-1891d844.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');

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

@@ -1,10 +1,10 @@
-require('../../../tslib.es6-b8d245fd.js');
+require('../../../tslib.es6-84fcf750.js');
 require('react');
 require('classnames');
 require('../../../../button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../../Component-dc8aa97a.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-4e5b4c78.js');
+require('../../../Component-01370e34.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-8f5f4c7a.js');
 require('../../../../form-control');
 require('@alfalab/hooks');
 require('@alfalab/core-components/badge');
@@ -32,7 +32,7 @@ require('../../../components/checkmark/Component.js');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-54c021a4.js');
+require('../../../intersection-observer-1891d844.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal');
 

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

@@ -1,4 +1,4 @@
-/* hash: 5jvy4 */
+/* hash: 1p0ct */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -25,14 +25,14 @@
 
     /* optgroup */
 }
-.select__footer_1gjww {
+.select__footer_n6ake {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
 }
-.select__footer_1gjww > * + * {
+.select__footer_n6ake > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_1gjww {
+.select__withBorder_n6ake {
     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-4e5b4c78";
+export * from "../../../Component-8f5f4c7a";

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

@@ -1,5 +1,5 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-4e5b4c78.js');
-require('../../../tslib.es6-b8d245fd.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-8f5f4c7a.js');
+require('../../../tslib.es6-84fcf750.js');
 require('react');
 require('../../../components/arrow/Component.js');
 require('classnames');
@@ -9,7 +9,7 @@ require('downshift');
 require('../../../../bottom-sheet');
 require('../../../../modal/mobile');
 require('../../../Component.js');
-require('../../../Component-dc8aa97a.js');
+require('../../../Component-01370e34.js');
 require('@juggle/resize-observer');
 require('../../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-54c021a4.js');
+require('../../../intersection-observer-1891d844.js');
 require('../../../../button');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal');

package/select/presets/useSelectWithLoading/hook.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-b8d245fd.js');
+var tslib_es6 = require('../../tslib.es6-84fcf750.js');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
@@ -10,18 +10,22 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/checkmark/Component.js');
 require('../../../checkbox');
 
-var styles = {"skeleton":"select__skeleton_1r7a4"};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var styles = {"skeleton":"select__skeleton_1f99n"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {
     var _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.visibleOptions, visibleOptions = _c === void 0 ? 6 : _c, _d = _a.Option, Option = _d === void 0 ? components_option_Component.Option : _d;
-    var renderOption = function (props) { return (React.createElement(Option, tslib_es6.__assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))); };
+    var renderOption = function (props) { return (React__default.default.createElement(Option, tslib_es6.__assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))); };
     var options = Array(visibleOptions)
         .fill(0)
         .map(function (_, key) { return ({
         key: "loading-".concat(key),
         disabled: true,
-        content: React.createElement(coreComponentsSkeleton.Skeleton, { className: styles.skeleton, visible: true }),
+        content: React__default.default.createElement(coreComponentsSkeleton.Skeleton, { className: styles.skeleton, visible: true }),
     }); });
     if (!loading)
         return null;

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 15wvi */
-.select__skeleton_1r7a4 {
+/* hash: cq5kn */
+.select__skeleton_1f99n {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/responsive.js

@@ -1,12 +1,12 @@
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-b8d245fd.js');
+require('./tslib.es6-84fcf750.js');
 require('react');
 require('@alfalab/hooks');
 require('./Component.js');
 require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./Component-dc8aa97a.js');
+require('./Component-01370e34.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
@@ -25,14 +25,14 @@ require('./components/checkmark/Component.js');
 require('../checkbox');
 require('./components/options-list/Component.js');
 require('../scrollbar');
-require('./Component-4e5b4c78.js');
+require('./Component-8f5f4c7a.js');
 require('../bottom-sheet');
 require('../modal/mobile');
 require('react-virtual');
 require('./components/base-option/Component.js');
 require('./components/base-checkmark/Component.js');
 require('../skeleton');
-require('./intersection-observer-54c021a4.js');
+require('./intersection-observer-1891d844.js');
 require('../button');
 require('./components/base-select-mobile/options-list/Component.js');
 require('../base-modal');

package/select-with-tags/component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-d3b1ece0.js');
+var tslib_es6 = require('./tslib.es6-8512a195.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 var components_tagList_component = require('./components/tag-list/component.js');
@@ -11,6 +11,10 @@ require('@alfalab/hooks');
 require('./utils/calculate-collapse-size.js');
 require('./components/tag/component.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(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, onOpen = _a.onOpen, 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", "onOpen", "onInput", "onChange", "options", "autocomplete", "match", "allowUnselect", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "Tag"]);
     var controlled = Boolean(selected);
@@ -62,7 +66,7 @@ var SelectWithTags = React.forwardRef(function (_a, ref) {
     }, [onOpen, resetValue, value]);
     var filteredOptions = utils_match.filterOptions(options, value, match);
     var isAutocomplete = autocomplete || Boolean(match);
-    return (React.createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { ref: ref, Option: Option, Field: components_tagList_component.TagList, Optgroup: Optgroup, OptionsList: OptionsList, Arrow: Arrow, multiple: true, updatePopover: updatePopover, allowUnselect: allowUnselect, showEmptyOptionsList: true, fieldProps: {
+    return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { ref: ref, Option: Option, Field: components_tagList_component.TagList, Optgroup: Optgroup, OptionsList: OptionsList, Arrow: Arrow, multiple: true, updatePopover: updatePopover, allowUnselect: allowUnselect, showEmptyOptionsList: true, fieldProps: {
             value: value,
             autocomplete: isAutocomplete,
             onInput: onInput,

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

@@ -1,6 +1,6 @@
 var components_tagList_component = require('./tag-list/component.js');
 var components_tag_component = require('./tag/component.js');
-require('../tslib.es6-d3b1ece0.js');
+require('../tslib.es6-8512a195.js');
 require('react');
 require('classnames');
 require('../../form-control');

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

@@ -1,10 +1,15 @@
-var tslib_es6 = require('../../tslib.es6-d3b1ece0.js');
+var tslib_es6 = require('../../tslib.es6-8512a195.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');
 var CrossCompactMIcon = require('@alfalab/icons-glyph/CrossCompactMIcon');
 
-var styles = {"tag":"select-with-tags__tag_21vir","tagNoClose":"select-with-tags__tagNoClose_21vir","tagContentWrap":"select-with-tags__tagContentWrap_21vir","tagCross":"select-with-tags__tagCross_21vir"};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"tag":"select-with-tags__tag_1ddcx","tagNoClose":"select-with-tags__tagNoClose_1ddcx","tagContentWrap":"select-with-tags__tagContentWrap_1ddcx","tagCross":"select-with-tags__tagCross_1ddcx"};
 require('./index.css');
 
 var Tag = function (_a) {
@@ -15,13 +20,13 @@ var Tag = function (_a) {
             handleDeleteTag(key);
         }
     }, [handleDeleteTag, key]);
-    return (React.createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn(styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)) }, props),
-        React.createElement("span", { className: styles.tagContentWrap },
+    return (React__default.default.createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default.default(styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)) }, props),
+        React__default.default.createElement("span", { className: styles.tagContentWrap },
             content,
             handleDeleteTag && (
             // eslint-disable-next-line
-            React.createElement("span", { className: styles.tagCross, onClick: handleClick },
-                React.createElement(CrossCompactMIcon.CrossCompactMIcon, null))))));
+            React__default.default.createElement("span", { className: styles.tagCross, onClick: handleClick },
+                React__default.default.createElement(CrossCompactMIcon.CrossCompactMIcon, null))))));
 };
 
 exports.Tag = Tag;

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

@@ -1,4 +1,4 @@
-/* hash: 150vl */
+/* hash: q3yz6 */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_21vir {
+.select-with-tags__tag_1ddcx {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_21vir:active:not(:disabled) {
+.select-with-tags__tag_1ddcx:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_21vir:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_1ddcx:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_21vir > span {
+.select-with-tags__tag_1ddcx > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_21vir {
+.select-with-tags__tagNoClose_1ddcx {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_21vir {
+.select-with-tags__tagContentWrap_1ddcx {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_21vir {
+.select-with-tags__tagCross_1ddcx {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_21vir:hover {
+.select-with-tags__tagCross_1ddcx:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_21vir:active {
+.select-with-tags__tagCross_1ddcx:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_21vir svg {
+.select-with-tags__tagCross_1ddcx svg {
         height: 100%;
     }

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

@@ -1,5 +1,5 @@
 var components_tag_component = require('./component.js');
-require('../../tslib.es6-d3b1ece0.js');
+require('../../tslib.es6-8512a195.js');
 require('react');
 require('classnames');
 require('../../../tag');

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-d3b1ece0.js');
+var tslib_es6 = require('../../tslib.es6-8512a195.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsFormControl = require('../../../form-control');
@@ -8,7 +8,12 @@ var components_tag_component = require('../tag/component.js');
 require('../../../tag');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
 
-var styles = {"component":"select-with-tags__component_mi821","xl":"select-with-tags__xl_mi821","contentWrapper":"select-with-tags__contentWrapper_mi821","l":"select-with-tags__l_mi821","m":"select-with-tags__m_mi821","s":"select-with-tags__s_mi821","contentWrapperVertical":"select-with-tags__contentWrapperVertical_mi821","hasLabel":"select-with-tags__hasLabel_mi821","hasTags":"select-with-tags__hasTags_mi821","addons":"select-with-tags__addons_mi821","field":"select-with-tags__field_mi821","input":"select-with-tags__input_mi821","block":"select-with-tags__block_mi821","focusVisible":"select-with-tags__focusVisible_mi821","placeholder":"select-with-tags__placeholder_mi821","addons-size-m":"select-with-tags__addons-size-m_mi821","addons-size-l":"select-with-tags__addons-size-l_mi821","addons-size-xl":"select-with-tags__addons-size-xl_mi821","label":"select-with-tags__label_mi821"};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"select-with-tags__component_9q59u","xl":"select-with-tags__xl_9q59u","contentWrapper":"select-with-tags__contentWrapper_9q59u","l":"select-with-tags__l_9q59u","m":"select-with-tags__m_9q59u","s":"select-with-tags__s_9q59u","contentWrapperVertical":"select-with-tags__contentWrapperVertical_9q59u","hasLabel":"select-with-tags__hasLabel_9q59u","hasTags":"select-with-tags__hasTags_9q59u","addons":"select-with-tags__addons_9q59u","field":"select-with-tags__field_9q59u","input":"select-with-tags__input_9q59u","block":"select-with-tags__block_9q59u","focusVisible":"select-with-tags__focusVisible_9q59u","placeholder":"select-with-tags__placeholder_9q59u","addons-size-m":"select-with-tags__addons-size-m_9q59u","addons-size-l":"select-with-tags__addons-size-l_9q59u","addons-size-xl":"select-with-tags__addons-size-xl_9q59u","label":"select-with-tags__label_9q59u"};
 require('./index.css');
 
 var TagList = function (_a) {
@@ -100,29 +105,29 @@ var TagList = function (_a) {
      * для того чтобы не менялась высота инпута
      */
     var shouldAddVerticalMargin = Boolean((!collapseTagList || isShowMoreEnabled) && !label);
-    return (React.createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn(className, styles.component, styles[size]) },
-        React.createElement(coreComponentsFormControl.FormControl, tslib_es6.__assign({}, restProps, { ref: innerProps.ref, fieldClassName: cn(fieldClassName, styles.field, (_b = {},
+    return (React__default.default.createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn__default.default(className, styles.component, styles[size]) },
+        React__default.default.createElement(coreComponentsFormControl.FormControl, tslib_es6.__assign({}, restProps, { ref: innerProps.ref, fieldClassName: cn__default.default(fieldClassName, styles.field, (_b = {},
                 _b[styles.focusVisible] = focusVisible,
-                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn(styles.addons, styles["addons-size-".concat(size)]), label: label, labelClassName: styles.label }),
-            React.createElement("div", { className: cn(styles.contentWrapper, (_c = {},
+                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn__default.default(styles.addons, styles["addons-size-".concat(size)]), label: label, labelClassName: styles.label }),
+            React__default.default.createElement("div", { className: cn__default.default(styles.contentWrapper, (_c = {},
                     _c[styles.hasLabel] = Boolean(label),
                     _c[styles.hasTags] = selectedMultiple.length > 0,
                     _c[styles.contentWrapperVertical] = shouldAddVerticalMargin,
                     _c)), ref: contentWrapperRef },
                 selectedMultiple.map(function (option, index) {
-                    return isShowMoreEnabled || index + 1 <= visibleElements ? (React.createElement(Tag, { option: tslib_es6.__assign(tslib_es6.__assign({}, option), { content: transformTagText
+                    return isShowMoreEnabled || index + 1 <= visibleElements ? (React__default.default.createElement(Tag, { option: tslib_es6.__assign(tslib_es6.__assign({}, option), { content: transformTagText
                                 ? transformTagText(option.content)
                                 : option.content }), key: option.key, handleDeleteTag: handleDeleteTag })) : null;
                 }),
-                visibleElements < selectedMultiple.length && (React.createElement(Tag, { "data-collapse": 'collapse-last-tag-element', onClick: toggleShowMoreLessButton, option: {
+                visibleElements < selectedMultiple.length && (React__default.default.createElement(Tag, { "data-collapse": 'collapse-last-tag-element', onClick: toggleShowMoreLessButton, option: {
                         key: 'collapse',
                         content: collapseTagTitle,
                     } })),
-                autocomplete && (React.createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn(styles.input, (_d = {},
+                autocomplete && (React__default.default.createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn__default.default(styles.input, (_d = {},
                         _d[styles.focusVisible] = inputFocusVisible,
                         _d[styles.block] = inputOnNewLine,
                         _d)), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder }))),
-                placeholder && !filled && !autocomplete && (React.createElement("span", { className: styles.placeholder }, placeholder))))));
+                placeholder && !filled && !autocomplete && (React__default.default.createElement("span", { className: styles.placeholder }, placeholder))))));
 };
 
 exports.TagList = TagList;

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

@@ -1,4 +1,4 @@
-/* hash: 1c8h5 */
+/* hash: 1jarq */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;
@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_mi821.select-with-tags__xl_mi821 .select-with-tags__contentWrapper_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__xl_9q59u .select-with-tags__contentWrapper_9q59u {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_mi821.select-with-tags__l_mi821 .select-with-tags__contentWrapper_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__l_9q59u .select-with-tags__contentWrapper_9q59u {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_mi821.select-with-tags__m_mi821 .select-with-tags__contentWrapper_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__m_9q59u .select-with-tags__contentWrapper_9q59u {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_mi821.select-with-tags__s_mi821 .select-with-tags__contentWrapper_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__s_9q59u .select-with-tags__contentWrapper_9q59u {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_mi821.select-with-tags__xl_mi821 .select-with-tags__contentWrapperVertical_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__xl_9q59u .select-with-tags__contentWrapperVertical_9q59u {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_mi821.select-with-tags__l_mi821 .select-with-tags__contentWrapperVertical_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__l_9q59u .select-with-tags__contentWrapperVertical_9q59u {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_mi821.select-with-tags__m_mi821 .select-with-tags__contentWrapperVertical_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__m_9q59u .select-with-tags__contentWrapperVertical_9q59u {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_mi821.select-with-tags__s_mi821 .select-with-tags__contentWrapperVertical_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__s_9q59u .select-with-tags__contentWrapperVertical_9q59u {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_mi821 .select-with-tags__contentWrapper_mi821 {
+.select-with-tags__component_9q59u .select-with-tags__contentWrapper_9q59u {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_mi821 .select-with-tags__contentWrapper_mi821:not(.select-with-tags__contentWrapperVertical_mi821):not(.select-with-tags__hasLabel_mi821) {
+.select-with-tags__component_9q59u .select-with-tags__contentWrapper_9q59u:not(.select-with-tags__contentWrapperVertical_9q59u):not(.select-with-tags__hasLabel_9q59u) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_mi821 .select-with-tags__contentWrapper_mi821.select-with-tags__hasLabel_mi821 {
+.select-with-tags__component_9q59u .select-with-tags__contentWrapper_9q59u.select-with-tags__hasLabel_9q59u {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_mi821 .select-with-tags__contentWrapper_mi821.select-with-tags__hasTags_mi821.select-with-tags__hasLabel_mi821 {
+.select-with-tags__component_9q59u .select-with-tags__contentWrapper_9q59u.select-with-tags__hasTags_9q59u.select-with-tags__hasLabel_9q59u {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_mi821:hover .select-with-tags__addons_mi821 {
+.select-with-tags__component_9q59u:hover .select-with-tags__addons_9q59u {
     opacity: 0.7;
 }
-.select-with-tags__field_mi821 {
+.select-with-tags__field_9q59u {
     cursor: pointer;
 }
-.select-with-tags__input_mi821 {
+.select-with-tags__input_9q59u {
     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_mi821:disabled {
+.select-with-tags__input_9q59u:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_mi821::placeholder {
+.select-with-tags__input_9q59u::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_mi821:focus::placeholder {
+.select-with-tags__input_9q59u:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_mi821 {
+.select-with-tags__block_9q59u {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_mi821 {
+.select-with-tags__focusVisible_9q59u {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_mi821 {
+.select-with-tags__placeholder_9q59u {
     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_mi821 {
+.select-with-tags__addons_9q59u {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_mi821 {
+.select-with-tags__addons-size-m_9q59u {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_mi821 {
+.select-with-tags__addons-size-l_9q59u {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_mi821 {
+.select-with-tags__addons-size-xl_9q59u {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_mi821.select-with-tags__s_mi821 .select-with-tags__label_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__s_9q59u .select-with-tags__label_9q59u {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_mi821.select-with-tags__m_mi821 .select-with-tags__label_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__m_9q59u .select-with-tags__label_9q59u {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_mi821.select-with-tags__l_mi821 .select-with-tags__label_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__l_9q59u .select-with-tags__label_9q59u {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_mi821.select-with-tags__xl_mi821 .select-with-tags__label_mi821 {
+.select-with-tags__component_9q59u.select-with-tags__xl_9q59u .select-with-tags__label_9q59u {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_mi821 .select-with-tags__label_mi821 {
+.select-with-tags__component_9q59u .select-with-tags__label_9q59u {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -1,5 +1,5 @@
 var components_tagList_component = require('./component.js');
-require('../../tslib.es6-d3b1ece0.js');
+require('../../tslib.es6-8512a195.js');
 require('react');
 require('classnames');
 require('../../../form-control');

package/select-with-tags/cssm/component.js

@@ -13,6 +13,10 @@ require('./utils/calculate-collapse-size.js');
 require('./components/tag/component.js');
 require('./components/tag-list/index.module.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(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, onOpen = _a.onOpen, 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", "onOpen", "onInput", "onChange", "options", "autocomplete", "match", "allowUnselect", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "Tag"]);
     var controlled = Boolean(selected);
@@ -64,7 +68,7 @@ var SelectWithTags = React.forwardRef(function (_a, ref) {
     }, [onOpen, resetValue, value]);
     var filteredOptions = utils_match.filterOptions(options, value, match);
     var isAutocomplete = autocomplete || Boolean(match);
-    return (React.createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { ref: ref, Option: Option, Field: components_tagList_component.TagList, Optgroup: Optgroup, OptionsList: OptionsList, Arrow: Arrow, multiple: true, updatePopover: updatePopover, allowUnselect: allowUnselect, showEmptyOptionsList: true, fieldProps: {
+    return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { ref: ref, Option: Option, Field: components_tagList_component.TagList, Optgroup: Optgroup, OptionsList: OptionsList, Arrow: Arrow, multiple: true, updatePopover: updatePopover, allowUnselect: allowUnselect, showEmptyOptionsList: true, fieldProps: {
             value: value,
             autocomplete: isAutocomplete,
             onInput: onInput,

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

@@ -5,6 +5,12 @@ var coreComponentsTag = require('../../../../tag/cssm');
 var CrossCompactMIcon = require('@alfalab/icons-glyph/CrossCompactMIcon');
 var styles = require('./index.module.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 var Tag = function (_a) {
     var _b;
     var _c = _a.option, content = _c.content, key = _c.key, onClick = _a.onClick, handleDeleteTag = _a.handleDeleteTag, props = tslib_es6.__rest(_a, ["option", "onClick", "handleDeleteTag"]);
@@ -13,13 +19,13 @@ var Tag = function (_a) {
             handleDeleteTag(key);
         }
     }, [handleDeleteTag, key]);
-    return (React.createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn(styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)) }, props),
-        React.createElement("span", { className: styles.tagContentWrap },
+    return (React__default.default.createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default.default(styles__default.default.tag, (_b = {}, _b[styles__default.default.tagNoClose] = !handleDeleteTag, _b)) }, props),
+        React__default.default.createElement("span", { className: styles__default.default.tagContentWrap },
             content,
             handleDeleteTag && (
             // eslint-disable-next-line
-            React.createElement("span", { className: styles.tagCross, onClick: handleClick },
-                React.createElement(CrossCompactMIcon.CrossCompactMIcon, null))))));
+            React__default.default.createElement("span", { className: styles__default.default.tagCross, onClick: handleClick },
+                React__default.default.createElement(CrossCompactMIcon.CrossCompactMIcon, null))))));
 };
 
 exports.Tag = Tag;