@alfalab/core-components 36.3.0 → 36.4.0

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

@@ -1,26 +1,19 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-84844c85.js');
+var tslib_es6 = require('../../tslib.es6-d3b1ece0.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsFormControl = require('../../../form-control');
 var hooks = require('@alfalab/hooks');
 var utils_calculateCollapseSize = require('../../utils/calculate-collapse-size.js');
+var components_tag_component = require('../tag/component.js');
 require('../../../tag');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
-var components_tag_component = require('../tag/component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"select-with-tags__component_1jhjg","xl":"select-with-tags__xl_1jhjg","contentWrapper":"select-with-tags__contentWrapper_1jhjg","l":"select-with-tags__l_1jhjg","m":"select-with-tags__m_1jhjg","s":"select-with-tags__s_1jhjg","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1jhjg","hasLabel":"select-with-tags__hasLabel_1jhjg","hasTags":"select-with-tags__hasTags_1jhjg","addons":"select-with-tags__addons_1jhjg","field":"select-with-tags__field_1jhjg","input":"select-with-tags__input_1jhjg","block":"select-with-tags__block_1jhjg","focusVisible":"select-with-tags__focusVisible_1jhjg","placeholder":"select-with-tags__placeholder_1jhjg","addons-size-m":"select-with-tags__addons-size-m_1jhjg","addons-size-l":"select-with-tags__addons-size-l_1jhjg","addons-size-xl":"select-with-tags__addons-size-xl_1jhjg","label":"select-with-tags__label_1jhjg"};
+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"};
 require('./index.css');
 
 var TagList = function (_a) {
     var _b, _c, _d;
-    var _e = _a.size, size = _e === void 0 ? 'xl' : _e, open = _a.open, disabled = _a.disabled, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, fieldClassName = _a.fieldClassName, _g = _a.value, value = _g === void 0 ? '' : _g, autocomplete = _a.autocomplete, label = _a.label, valueRenderer = _a.valueRenderer, onInput = _a.onInput, handleDeleteTag = _a.handleDeleteTag, collapseTagList = _a.collapseTagList, moveInputToNewLine = _a.moveInputToNewLine, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, isPopoverOpen = _a.isPopoverOpen, handleUpdatePopover = _a.handleUpdatePopover, _h = _a.Tag, Tag = _h === void 0 ? components_tag_component.Tag : _h, setSelectedItems = _a.setSelectedItems, toggleMenu = _a.toggleMenu, restProps = tslib_es6.__rest(_a, ["size", "open", "disabled", "placeholder", "selectedMultiple", "Arrow", "innerProps", "className", "fieldClassName", "value", "autocomplete", "label", "valueRenderer", "onInput", "handleDeleteTag", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "isPopoverOpen", "handleUpdatePopover", "Tag", "setSelectedItems", "toggleMenu"]);
+    var _e = _a.size, size = _e === void 0 ? 'xl' : _e, open = _a.open, disabled = _a.disabled, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, fieldClassName = _a.fieldClassName, _g = _a.value, value = _g === void 0 ? '' : _g, autocomplete = _a.autocomplete, label = _a.label; _a.valueRenderer; var onInput = _a.onInput, handleDeleteTag = _a.handleDeleteTag, collapseTagList = _a.collapseTagList, moveInputToNewLine = _a.moveInputToNewLine, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, isPopoverOpen = _a.isPopoverOpen, handleUpdatePopover = _a.handleUpdatePopover, _h = _a.Tag, Tag = _h === void 0 ? components_tag_component.Tag : _h; _a.setSelectedItems; _a.toggleMenu; var restProps = tslib_es6.__rest(_a, ["size", "open", "disabled", "placeholder", "selectedMultiple", "Arrow", "innerProps", "className", "fieldClassName", "value", "autocomplete", "label", "valueRenderer", "onInput", "handleDeleteTag", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "isPopoverOpen", "handleUpdatePopover", "Tag", "setSelectedItems", "toggleMenu"]);
     var _j = React.useState(false), focused = _j[0], setFocused = _j[1];
     var _k = React.useState(false), isShowMoreEnabled = _k[0], setShowMoreEnabled = _k[1];
     var _l = React.useState(1), visibleElements = _l[0], setVisibleElements = _l[1];
@@ -98,7 +91,7 @@ var TagList = function (_a) {
         if (transformCollapsedTagText) {
             return transformCollapsedTagText(selectedMultiple.length - visibleElements);
         }
-        return "+" + (selectedMultiple.length - visibleElements);
+        return "+".concat(selectedMultiple.length - visibleElements);
     }, [transformCollapsedTagText, isShowMoreEnabled, selectedMultiple.length, visibleElements]);
     var filled = Boolean(selectedMultiple.length > 0) || Boolean(value);
     /**
@@ -107,29 +100,29 @@ var TagList = function (_a) {
      * для того чтобы не менялась высота инпута
      */
     var shouldAddVerticalMargin = Boolean((!collapseTagList || isShowMoreEnabled) && !label);
-    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 = {},
+    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 = {},
                 _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__default['default'](styles.addons, styles["addons-size-" + size]), label: label, labelClassName: styles.label }),
-            React__default['default'].createElement("div", { className: cn__default['default'](styles.contentWrapper, (_c = {},
+                _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 = {},
                     _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__default['default'].createElement(Tag, { option: tslib_es6.__assign(tslib_es6.__assign({}, option), { content: transformTagText
+                    return isShowMoreEnabled || index + 1 <= visibleElements ? (React.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__default['default'].createElement(Tag, { "data-collapse": 'collapse-last-tag-element', onClick: toggleShowMoreLessButton, option: {
+                visibleElements < selectedMultiple.length && (React.createElement(Tag, { "data-collapse": 'collapse-last-tag-element', onClick: toggleShowMoreLessButton, option: {
                         key: 'collapse',
                         content: collapseTagTitle,
                     } })),
-                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 = {},
+                autocomplete && (React.createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn(styles.input, (_d = {},
                         _d[styles.focusVisible] = inputFocusVisible,
                         _d[styles.block] = inputOnNewLine,
                         _d)), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder }))),
-                placeholder && !filled && !autocomplete && (React__default['default'].createElement("span", { className: styles.placeholder }, placeholder))))));
+                placeholder && !filled && !autocomplete && (React.createElement("span", { className: styles.placeholder }, placeholder))))));
 };
 
 exports.TagList = TagList;

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

@@ -1,4 +1,4 @@
-/* hash: 1i6zx */
+/* hash: 1c8h5 */
 :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_1jhjg.select-with-tags__xl_1jhjg .select-with-tags__contentWrapper_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__xl_mi821 .select-with-tags__contentWrapper_mi821 {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_1jhjg.select-with-tags__l_1jhjg .select-with-tags__contentWrapper_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__l_mi821 .select-with-tags__contentWrapper_mi821 {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_1jhjg.select-with-tags__m_1jhjg .select-with-tags__contentWrapper_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__m_mi821 .select-with-tags__contentWrapper_mi821 {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_1jhjg.select-with-tags__s_1jhjg .select-with-tags__contentWrapper_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__s_mi821 .select-with-tags__contentWrapper_mi821 {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_1jhjg.select-with-tags__xl_1jhjg .select-with-tags__contentWrapperVertical_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__xl_mi821 .select-with-tags__contentWrapperVertical_mi821 {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_1jhjg.select-with-tags__l_1jhjg .select-with-tags__contentWrapperVertical_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__l_mi821 .select-with-tags__contentWrapperVertical_mi821 {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_1jhjg.select-with-tags__m_1jhjg .select-with-tags__contentWrapperVertical_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__m_mi821 .select-with-tags__contentWrapperVertical_mi821 {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_1jhjg.select-with-tags__s_1jhjg .select-with-tags__contentWrapperVertical_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__s_mi821 .select-with-tags__contentWrapperVertical_mi821 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_1jhjg .select-with-tags__contentWrapper_1jhjg {
+.select-with-tags__component_mi821 .select-with-tags__contentWrapper_mi821 {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_1jhjg .select-with-tags__contentWrapper_1jhjg:not(.select-with-tags__contentWrapperVertical_1jhjg):not(.select-with-tags__hasLabel_1jhjg) {
+.select-with-tags__component_mi821 .select-with-tags__contentWrapper_mi821:not(.select-with-tags__contentWrapperVertical_mi821):not(.select-with-tags__hasLabel_mi821) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_1jhjg .select-with-tags__contentWrapper_1jhjg.select-with-tags__hasLabel_1jhjg {
+.select-with-tags__component_mi821 .select-with-tags__contentWrapper_mi821.select-with-tags__hasLabel_mi821 {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_1jhjg .select-with-tags__contentWrapper_1jhjg.select-with-tags__hasTags_1jhjg.select-with-tags__hasLabel_1jhjg {
+.select-with-tags__component_mi821 .select-with-tags__contentWrapper_mi821.select-with-tags__hasTags_mi821.select-with-tags__hasLabel_mi821 {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_1jhjg:hover .select-with-tags__addons_1jhjg {
+.select-with-tags__component_mi821:hover .select-with-tags__addons_mi821 {
     opacity: 0.7;
 }
-.select-with-tags__field_1jhjg {
+.select-with-tags__field_mi821 {
     cursor: pointer;
 }
-.select-with-tags__input_1jhjg {
+.select-with-tags__input_mi821 {
     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_1jhjg:disabled {
+.select-with-tags__input_mi821:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1jhjg::placeholder {
+.select-with-tags__input_mi821::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1jhjg:focus::placeholder {
+.select-with-tags__input_mi821:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1jhjg {
+.select-with-tags__block_mi821 {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1jhjg {
+.select-with-tags__focusVisible_mi821 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1jhjg {
+.select-with-tags__placeholder_mi821 {
     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_1jhjg {
+.select-with-tags__addons_mi821 {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1jhjg {
+.select-with-tags__addons-size-m_mi821 {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1jhjg {
+.select-with-tags__addons-size-l_mi821 {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1jhjg {
+.select-with-tags__addons-size-xl_mi821 {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1jhjg.select-with-tags__s_1jhjg .select-with-tags__label_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__s_mi821 .select-with-tags__label_mi821 {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1jhjg.select-with-tags__m_1jhjg .select-with-tags__label_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__m_mi821 .select-with-tags__label_mi821 {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1jhjg.select-with-tags__l_1jhjg .select-with-tags__label_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__l_mi821 .select-with-tags__label_mi821 {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1jhjg.select-with-tags__xl_1jhjg .select-with-tags__label_1jhjg {
+.select-with-tags__component_mi821.select-with-tags__xl_mi821 .select-with-tags__label_mi821 {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1jhjg .select-with-tags__label_1jhjg {
+.select-with-tags__component_mi821 .select-with-tags__label_mi821 {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -1,15 +1,13 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../tslib.es6-84844c85.js');
+var components_tagList_component = require('./component.js');
+require('../../tslib.es6-d3b1ece0.js');
 require('react');
 require('classnames');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils/calculate-collapse-size.js');
+require('../tag/component.js');
 require('../../../tag');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
-require('../tag/component.js');
-var components_tagList_component = require('./component.js');
 
 
 

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

@@ -1,23 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var coreComponentsSelect = require('../../select/cssm');
+var components_tagList_component = require('./components/tag-list/component.js');
 require('classnames');
-require('../../form-control/cssm');
-require('@alfalab/hooks');
-require('./utils/calculate-collapse-size.js');
 require('../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
 require('./components/tag/index.module.css');
+var utils_match = require('./utils/match.js');
+require('../../form-control/cssm');
+require('@alfalab/hooks');
+require('./utils/calculate-collapse-size.js');
 require('./components/tag/component.js');
 require('./components/tag-list/index.module.css');
-var components_tagList_component = require('./components/tag-list/component.js');
-var utils_match = require('./utils/match.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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, 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"]);
@@ -70,7 +64,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__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: {
+    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: {
             value: value,
             autocomplete: isAutocomplete,
             onInput: onInput,

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

@@ -1,19 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../tslib.es6-9682e485.js');
+var components_tagList_component = require('./tag-list/component.js');
+var components_tag_component = require('./tag/component.js');
+require('../tslib.es6-bbd6cd2a.js');
 require('react');
 require('classnames');
 require('../../../form-control/cssm');
 require('@alfalab/hooks');
 require('../utils/calculate-collapse-size.js');
+require('./tag-list/index.module.css');
 require('../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
 require('./tag/index.module.css');
-var components_tag_component = require('./tag/component.js');
-require('./tag-list/index.module.css');
-var components_tagList_component = require('./tag-list/component.js');
 
 
 
-exports.Tag = components_tag_component.Tag;
 exports.TagList = components_tagList_component.TagList;
+exports.Tag = components_tag_component.Tag;

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

@@ -1,18 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../../tag/cssm');
 var CrossCompactMIcon = require('@alfalab/icons-glyph/CrossCompactMIcon');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(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"]);
@@ -21,13 +13,13 @@ var Tag = function (_a) {
             handleDeleteTag(key);
         }
     }, [handleDeleteTag, key]);
-    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 },
+    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 },
             content,
             handleDeleteTag && (
             // eslint-disable-next-line
-            React__default['default'].createElement("span", { className: styles__default['default'].tagCross, onClick: handleClick },
-                React__default['default'].createElement(CrossCompactMIcon.CrossCompactMIcon, null))))));
+            React.createElement("span", { className: styles.tagCross, onClick: handleClick },
+                React.createElement(CrossCompactMIcon.CrossCompactMIcon, null))))));
 };
 
 exports.Tag = Tag;

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

@@ -1,12 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../tslib.es6-9682e485.js');
+var components_tag_component = require('./component.js');
+require('../../tslib.es6-bbd6cd2a.js');
 require('react');
 require('classnames');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
 require('./index.module.css');
-var components_tag_component = require('./component.js');
 
 
 

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

@@ -1,26 +1,18 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsFormControl = require('../../../../form-control/cssm');
 var hooks = require('@alfalab/hooks');
 var utils_calculateCollapseSize = require('../../utils/calculate-collapse-size.js');
+var components_tag_component = require('../tag/component.js');
+var styles = require('./index.module.css');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
 require('../tag/index.module.css');
-var components_tag_component = require('../tag/component.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var TagList = function (_a) {
     var _b, _c, _d;
-    var _e = _a.size, size = _e === void 0 ? 'xl' : _e, open = _a.open, disabled = _a.disabled, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, fieldClassName = _a.fieldClassName, _g = _a.value, value = _g === void 0 ? '' : _g, autocomplete = _a.autocomplete, label = _a.label, valueRenderer = _a.valueRenderer, onInput = _a.onInput, handleDeleteTag = _a.handleDeleteTag, collapseTagList = _a.collapseTagList, moveInputToNewLine = _a.moveInputToNewLine, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, isPopoverOpen = _a.isPopoverOpen, handleUpdatePopover = _a.handleUpdatePopover, _h = _a.Tag, Tag = _h === void 0 ? components_tag_component.Tag : _h, setSelectedItems = _a.setSelectedItems, toggleMenu = _a.toggleMenu, restProps = tslib_es6.__rest(_a, ["size", "open", "disabled", "placeholder", "selectedMultiple", "Arrow", "innerProps", "className", "fieldClassName", "value", "autocomplete", "label", "valueRenderer", "onInput", "handleDeleteTag", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "isPopoverOpen", "handleUpdatePopover", "Tag", "setSelectedItems", "toggleMenu"]);
+    var _e = _a.size, size = _e === void 0 ? 'xl' : _e, open = _a.open, disabled = _a.disabled, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, fieldClassName = _a.fieldClassName, _g = _a.value, value = _g === void 0 ? '' : _g, autocomplete = _a.autocomplete, label = _a.label; _a.valueRenderer; var onInput = _a.onInput, handleDeleteTag = _a.handleDeleteTag, collapseTagList = _a.collapseTagList, moveInputToNewLine = _a.moveInputToNewLine, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, isPopoverOpen = _a.isPopoverOpen, handleUpdatePopover = _a.handleUpdatePopover, _h = _a.Tag, Tag = _h === void 0 ? components_tag_component.Tag : _h; _a.setSelectedItems; _a.toggleMenu; var restProps = tslib_es6.__rest(_a, ["size", "open", "disabled", "placeholder", "selectedMultiple", "Arrow", "innerProps", "className", "fieldClassName", "value", "autocomplete", "label", "valueRenderer", "onInput", "handleDeleteTag", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "isPopoverOpen", "handleUpdatePopover", "Tag", "setSelectedItems", "toggleMenu"]);
     var _j = React.useState(false), focused = _j[0], setFocused = _j[1];
     var _k = React.useState(false), isShowMoreEnabled = _k[0], setShowMoreEnabled = _k[1];
     var _l = React.useState(1), visibleElements = _l[0], setVisibleElements = _l[1];
@@ -98,7 +90,7 @@ var TagList = function (_a) {
         if (transformCollapsedTagText) {
             return transformCollapsedTagText(selectedMultiple.length - visibleElements);
         }
-        return "+" + (selectedMultiple.length - visibleElements);
+        return "+".concat(selectedMultiple.length - visibleElements);
     }, [transformCollapsedTagText, isShowMoreEnabled, selectedMultiple.length, visibleElements]);
     var filled = Boolean(selectedMultiple.length > 0) || Boolean(value);
     /**
@@ -107,29 +99,29 @@ var TagList = function (_a) {
      * для того чтобы не менялась высота инпута
      */
     var shouldAddVerticalMargin = Boolean((!collapseTagList || isShowMoreEnabled) && !label);
-    return (React__default['default'].createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn__default['default'](className, styles__default['default'].component, styles__default['default'][size]) },
-        React__default['default'].createElement(coreComponentsFormControl.FormControl, tslib_es6.__assign({}, restProps, { ref: innerProps.ref, fieldClassName: cn__default['default'](fieldClassName, styles__default['default'].field, (_b = {},
-                _b[styles__default['default'].focusVisible] = focusVisible,
-                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn__default['default'](styles__default['default'].addons, styles__default['default']["addons-size-" + size]), label: label, labelClassName: styles__default['default'].label }),
-            React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].contentWrapper, (_c = {},
-                    _c[styles__default['default'].hasLabel] = Boolean(label),
-                    _c[styles__default['default'].hasTags] = selectedMultiple.length > 0,
-                    _c[styles__default['default'].contentWrapperVertical] = shouldAddVerticalMargin,
+    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 = {},
+                _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 = {},
+                    _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__default['default'].createElement(Tag, { option: tslib_es6.__assign(tslib_es6.__assign({}, option), { content: transformTagText
+                    return isShowMoreEnabled || index + 1 <= visibleElements ? (React.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__default['default'].createElement(Tag, { "data-collapse": 'collapse-last-tag-element', onClick: toggleShowMoreLessButton, option: {
+                visibleElements < selectedMultiple.length && (React.createElement(Tag, { "data-collapse": 'collapse-last-tag-element', onClick: toggleShowMoreLessButton, option: {
                         key: 'collapse',
                         content: collapseTagTitle,
                     } })),
-                autocomplete && (React__default['default'].createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn__default['default'](styles__default['default'].input, (_d = {},
-                        _d[styles__default['default'].focusVisible] = inputFocusVisible,
-                        _d[styles__default['default'].block] = inputOnNewLine,
+                autocomplete && (React.createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn(styles.input, (_d = {},
+                        _d[styles.focusVisible] = inputFocusVisible,
+                        _d[styles.block] = inputOnNewLine,
                         _d)), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder }))),
-                placeholder && !filled && !autocomplete && (React__default['default'].createElement("span", { className: styles__default['default'].placeholder }, placeholder))))));
+                placeholder && !filled && !autocomplete && (React.createElement("span", { className: styles.placeholder }, placeholder))))));
 };
 
 exports.TagList = TagList;

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

@@ -1,17 +1,15 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../tslib.es6-9682e485.js');
+var components_tagList_component = require('./component.js');
+require('../../tslib.es6-bbd6cd2a.js');
 require('react');
 require('classnames');
 require('../../../../form-control/cssm');
 require('@alfalab/hooks');
 require('../../utils/calculate-collapse-size.js');
+require('../tag/component.js');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
 require('../tag/index.module.css');
-require('../tag/component.js');
 require('./index.module.css');
-var components_tagList_component = require('./component.js');
 
 
 

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

@@ -1,20 +1,18 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var component = require('./component.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
 require('../../select/cssm');
+require('./components/tag-list/component.js');
 require('classnames');
 require('../../form-control/cssm');
 require('@alfalab/hooks');
 require('./utils/calculate-collapse-size.js');
+require('./components/tag/component.js');
 require('../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
 require('./components/tag/index.module.css');
-require('./components/tag/component.js');
 require('./components/tag-list/index.module.css');
-require('./components/tag-list/component.js');
 require('./utils/match.js');
-var component = require('./component.js');
 
 
 

package/select-with-tags/cssm/utils/calculate-collapse-size.d.ts

@@ -1,2 +1,2 @@
-declare const calculateTotalElementsPerRow: (container: HTMLDivElement, input?: HTMLInputElement | null | undefined) => number;
+declare const calculateTotalElementsPerRow: (container: HTMLDivElement, input?: HTMLInputElement | null) => number;
 export { calculateTotalElementsPerRow };

package/select-with-tags/cssm/utils/calculate-collapse-size.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var getElementSize = function (element, property) {
     var size = +window.getComputedStyle(element).getPropertyValue(property).replace('px', '');
     return Number.isNaN(size) ? 0 : size;

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

@@ -1,8 +1,6 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../tslib.es6-9682e485.js');
-require('../../../select/cssm');
 var utils_match = require('./match.js');
+require('../tslib.es6-bbd6cd2a.js');
+require('../../../select/cssm');
 
 
 

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

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-9682e485.js');
+var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
 var coreComponentsSelect = require('../../../select/cssm');
 
 var defaultMatch = function (option, inputValue) {

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

@@ -1,15 +1,15 @@
-import { _ as __rest, a as __assign } from './tslib.es6-e8dc019a.js';
+import { _ as __rest, a as __assign } from './tslib.es6-508ceae0.js';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { BaseSelect, OptionsList, Optgroup, Option, Arrow } from '../../select/esm';
+import { TagList } from './components/tag-list/component.js';
 import 'classnames';
-import '../../form-control/esm';
-import '@alfalab/hooks';
-import './utils/calculate-collapse-size.js';
 import '../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-import './components/tag/component.js';
-import { TagList } from './components/tag-list/component.js';
 import { filterOptions } from './utils/match.js';
+import '../../form-control/esm';
+import '@alfalab/hooks';
+import './components/tag/component.js';
+import './utils/calculate-collapse-size.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, 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 = __rest(_a, ["OptionsList", "Optgroup", "Option", "Arrow", "value", "selected", "size", "onOpen", "onInput", "onChange", "options", "autocomplete", "match", "allowUnselect", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "Tag"]);

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

@@ -1,10 +1,10 @@
-import '../tslib.es6-e8dc019a.js';
+export { TagList } from './tag-list/component.js';
+export { Tag } from './tag/component.js';
 import 'react';
 import 'classnames';
 import '../../../form-control/esm';
 import '@alfalab/hooks';
-import '../utils/calculate-collapse-size.js';
 import '../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-export { Tag } from './tag/component.js';
-export { TagList } from './tag-list/component.js';
+import '../tslib.es6-508ceae0.js';
+import '../utils/calculate-collapse-size.js';