@alfalab/core-components-select 13.2.11 → 13.2.13

package/components/options-list/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-a986f11c.js');
+var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optionsList":"select__optionsList_hntwi","scrollable":"select__scrollable_hntwi","emptyPlaceholder":"select__emptyPlaceholder_hntwi","l":"select__l_hntwi","xl":"select__xl_hntwi"};
+var styles = {"optionsList":"select__optionsList_1iw1q","scrollable":"select__scrollable_1iw1q","emptyPlaceholder":"select__emptyPlaceholder_1iw1q","l":"select__l_1iw1q","xl":"select__xl_1iw1q"};
 require('./index.css')
 
 var createCounter = function () {
@@ -27,12 +27,12 @@ var OptionsList = React.forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b, className = _a.className, optionGroupClassName = _a.optionGroupClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? components_optgroup_Component.Optgroup : _d, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _e = _a.visibleOptions, visibleOptions = _e === void 0 ? 5 : _e, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar;
     var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
-    var renderOption = function (option, index) { return (React__default.default.createElement(Option, tslib_es6.__assign({ key: option.key }, getOptionProps(option, index)))); };
+    var renderOption = function (option, index) { return (React__default.default.createElement(Option, tslib.__assign({ key: option.key }, getOptionProps(option, index)))); };
     var listRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
     var counter = createCounter();
     var renderGroup = function (group) { return (React__default.default.createElement(Optgroup, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map(function (option) { return renderOption(option, counter()); }))); };
-    utils.useVisibleOptions(tslib_es6.__assign(tslib_es6.__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, invalidate: options }));
+    utils.useVisibleOptions(tslib.__assign(tslib.__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, invalidate: options }));
     if (options.length === 0 && !emptyPlaceholder) {
         return null;
     }
@@ -50,7 +50,7 @@ var OptionsList = React.forwardRef(function (_a, ref) {
         return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, { className: styles.scrollable, ref: scrollbarRef, horizontalAutoStretch: optionsListWidth === 'content', scrollableNodeProps: scrollableNodeProps, contentNodeProps: { ref: listRef } }, renderListItems()));
     };
     var renderWithNativeScrollbar = function () { return (React__default.default.createElement("div", { className: styles.scrollable, ref: mergeRefs__default.default([listRef, ref]), onScroll: onScroll }, renderListItems())); };
-    return (React__default.default.createElement("div", tslib_es6.__assign({}, (nativeScrollbar && { 'data-test-id': dataTestId }), { className: cn__default.default(styles.optionsList, styles[size], className) }),
+    return (React__default.default.createElement("div", tslib.__assign({}, (nativeScrollbar && { 'data-test-id': dataTestId }), { className: cn__default.default(styles.optionsList, styles[size], className) }),
         header,
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),
         footer));

package/components/options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: l9fj8 */
+/* hash: 10arf */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -28,18 +28,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_hntwi {
+} .select__optionsList_1iw1q {
     overflow: auto;
     width: 100%;
     outline: none;
     box-sizing: border-box;
-} .select__scrollable_hntwi {
+} .select__scrollable_1iw1q {
     overflow: auto;
     width: 100%;
-} .select__emptyPlaceholder_hntwi {
+} .select__emptyPlaceholder_1iw1q {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_hntwi .select__emptyPlaceholder_hntwi,
-.select__xl_hntwi .select__emptyPlaceholder_hntwi {
+} .select__l_1iw1q .select__emptyPlaceholder_1iw1q,
+.select__xl_1iw1q .select__emptyPlaceholder_1iw1q {
     padding: var(--gap-xl) var(--gap-m);
 }

package/components/options-list/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_optionsList_Component = require('./Component.js');
-require('../../tslib.es6-a986f11c.js');
+require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/components/select-mobile/Component.js

@@ -1,9 +1,9 @@
 'use strict';
 
-require('../../tslib.es6-a986f11c.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-fc2a45a0.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-088caba2.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -14,7 +14,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../../Component.js');
-require('../../Component-0a2300e8.js');
+require('../../Component-ca307b80.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
@@ -33,10 +33,11 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-404c5a30.js');
+require('../../intersection-observer-31caed5c.js');
 require('@alfalab/core-components-button');
 require('../base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
+require('../base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-fc2a45a0";
+export * from "../../Component-088caba2";

package/components/select-mobile/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-fc2a45a0.js');
-require('../../tslib.es6-a986f11c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-088caba2.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
 require('classnames');
@@ -11,7 +11,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../../Component.js');
-require('../../Component-0a2300e8.js');
+require('../../Component-ca307b80.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
@@ -33,10 +33,11 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-404c5a30.js');
+require('../../intersection-observer-31caed5c.js');
 require('@alfalab/core-components-button');
 require('../base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
+require('../base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/components/select-modal-mobile/Component.js

@@ -1,9 +1,9 @@
 'use strict';
 
-require('../../tslib.es6-a986f11c.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-fc2a45a0.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-088caba2.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -14,7 +14,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../../Component.js');
-require('../../Component-0a2300e8.js');
+require('../../Component-ca307b80.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
@@ -33,10 +33,11 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-404c5a30.js');
+require('../../intersection-observer-31caed5c.js');
 require('@alfalab/core-components-button');
 require('../base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
+require('../base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/components/select-modal-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-fc2a45a0";
+export * from "../../Component-088caba2";

package/components/select-modal-mobile/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-fc2a45a0.js');
-require('../../tslib.es6-a986f11c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-088caba2.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
 require('classnames');
@@ -11,7 +11,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../../Component.js');
-require('../../Component-0a2300e8.js');
+require('../../Component-ca307b80.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
@@ -33,10 +33,11 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-404c5a30.js');
+require('../../intersection-observer-31caed5c.js');
 require('@alfalab/core-components-button');
 require('../base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
+require('../base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/components/virtual-options-list/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-a986f11c.js');
+var tslib = require('tslib');
 var React = require('react');
 var reactVirtual = require('react-virtual');
 var cn = require('classnames');
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_xtou4","scrollable":"select__scrollable_xtou4","inner":"select__inner_xtou4","virtualRow":"select__virtualRow_xtou4","highlighted":"select__highlighted_xtou4","emptyPlaceholder":"select__emptyPlaceholder_xtou4","l":"select__l_xtou4","xl":"select__xl_xtou4"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_1vml2","scrollable":"select__scrollable_1vml2","inner":"select__inner_1vml2","virtualRow":"select__virtualRow_1vml2","highlighted":"select__highlighted_1vml2","emptyPlaceholder":"select__emptyPlaceholder_1vml2","l":"select__l_1vml2","xl":"select__xl_1vml2"};
 require('./index.css')
 
 /* eslint-disable react-hooks/exhaustive-deps */
@@ -106,12 +106,12 @@ var VirtualOptionsList = function (_a) {
                     transform: "translateY(".concat(virtualRow.start, "px)"),
                 } },
                 group && React__default.default.createElement(Optgroup, { label: group.label }),
-                !utils.isGroup(option) && React__default.default.createElement(Option, tslib_es6.__assign({}, getOptionProps(option, virtualRow.index)))));
+                !utils.isGroup(option) && React__default.default.createElement(Option, tslib.__assign({}, getOptionProps(option, virtualRow.index)))));
         });
     };
     var renderWithCustomScrollbar = function () { return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, { className: styles.scrollable, ref: scrollbarRef, scrollableNodeProps: { onScroll: onScroll, ref: parentRef }, contentNodeProps: contentNodeProps }, renderList())); };
     var renderWithNativeScrollbar = function () { return (React__default.default.createElement("div", { className: styles.scrollable, ref: parentRef, onScroll: onScroll },
-        React__default.default.createElement("div", tslib_es6.__assign({}, contentNodeProps), renderList()))); };
+        React__default.default.createElement("div", tslib.__assign({}, contentNodeProps), renderList()))); };
     return (React__default.default.createElement("div", { className: cn__default.default(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId },
         header,
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),

package/components/virtual-options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 1j4id */
+/* hash: z1veu */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
@@ -34,23 +34,23 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_xtou4 {
+} .select__virtualOptionsList_1vml2 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__scrollable_xtou4 {
+} .select__scrollable_1vml2 {
     overflow: auto;
     width: 100%;
-} .select__inner_xtou4 {
+} .select__inner_1vml2 {
     position: relative;
     width: 100%;
-} .select__virtualRow_xtou4 {
+} .select__virtualRow_1vml2 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_xtou4:before {
+} .select__virtualRow_1vml2:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -60,15 +60,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_xtou4:first-child:before {
+    } .select__virtualRow_1vml2:first-child:before {
         display: none;
-    } .select__highlighted_xtou4:before,
-    .select__highlighted_xtou4 + .select__virtualRow_xtou4:before {
+    } .select__highlighted_1vml2:before,
+    .select__highlighted_1vml2 + .select__virtualRow_1vml2:before {
         display: none;
-    } .select__emptyPlaceholder_xtou4 {
+    } .select__emptyPlaceholder_1vml2 {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_xtou4 .select__emptyPlaceholder_xtou4,
-.select__xl_xtou4 .select__emptyPlaceholder_xtou4 {
+} .select__l_1vml2 .select__emptyPlaceholder_1vml2,
+.select__xl_1vml2 .select__emptyPlaceholder_1vml2 {
     padding: var(--gap-xl) var(--gap-m);
 }

package/components/virtual-options-list/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_virtualOptionsList_Component = require('./Component.js');
-require('../../tslib.es6-a986f11c.js');
+require('tslib');
 require('react');
 require('react-virtual');
 require('classnames');

package/cssm/{Component-d0e84442.js → Component-1481ef6b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-0e9bf404.js');
+var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var resizeObserver = require('@juggle/resize-observer');
@@ -105,7 +105,7 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
                             }
                         }
                     }
-                    return tslib_es6.__assign(tslib_es6.__assign({}, changes), { isOpen: !closeOnSelect, 
+                    return tslib.__assign(tslib.__assign({}, changes), { isOpen: !closeOnSelect, 
                         // при closeOnSelect === false - сохраняем подсвеченный индекс
                         highlightedIndex: state.isOpen && !closeOnSelect
                             ? state.highlightedIndex
@@ -159,11 +159,11 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
         }
     };
     var handleNativeSelectChange = React.useCallback(function (event) {
-        setSelectedItems(tslib_es6.__spreadArray([], event.target.options, true).reduce(function (acc, option, index) {
+        setSelectedItems(tslib.__spreadArray([], event.target.options, true).reduce(function (acc, option, index) {
             return option.selected ? acc.concat(flatOptions[index]) : acc;
         }, []));
     }, [flatOptions, setSelectedItems]);
-    var getOptionProps = React.useCallback(function (option, index) { return (tslib_es6.__assign(tslib_es6.__assign({}, optionProps), { className: optionClassName, innerProps: getItemProps({
+    var getOptionProps = React.useCallback(function (option, index) { return (tslib.__assign(tslib.__assign({}, optionProps), { className: optionClassName, innerProps: getItemProps({
             index: index,
             item: option,
             disabled: option.disabled,
@@ -221,12 +221,12 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
         var value = multiple
             ? selectedItems.map(function (option) { return option.key; })
             : (selectedItems[0] || {}).key;
-        return (React__default.default.createElement(components_nativeSelect_Component.NativeSelect, tslib_es6.__assign({}, menuProps, { className: styles__default.default.nativeSelect, disabled: disabled, multiple: multiple, name: name, value: value, onChange: handleNativeSelectChange, options: options })));
+        return (React__default.default.createElement(components_nativeSelect_Component.NativeSelect, tslib.__assign({}, menuProps, { className: styles__default.default.nativeSelect, disabled: disabled, multiple: multiple, name: name, value: value, onChange: handleNativeSelectChange, options: options })));
     }, [multiple, selectedItems, disabled, name, handleNativeSelectChange, options, menuProps]);
     var needRenderOptionsList = flatOptions.length > 0 || showEmptyOptionsList;
-    return (React__default.default.createElement("div", tslib_es6.__assign({}, getComboboxProps(tslib_es6.__assign(tslib_es6.__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) }),
+    return (React__default.default.createElement("div", tslib.__assign({}, getComboboxProps(tslib.__assign(tslib.__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) }),
         nativeSelect && renderNativeSelect(),
-        React__default.default.createElement(Field, tslib_es6.__assign({ selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React__default.default.createElement("span", tslib_es6.__assign({}, getLabelProps()), label), labelView: labelView, Arrow: Arrow && React__default.default.createElement(Arrow, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
+        React__default.default.createElement(Field, tslib.__assign({ selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React__default.default.createElement("span", tslib.__assign({}, getLabelProps()), label), labelView: labelView, Arrow: Arrow && React__default.default.createElement(Arrow, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
                 onBlur: handleFieldBlur,
                 onFocus: disabled ? undefined : handleFieldFocus,
                 onClick: disabled ? undefined : handleFieldClick,
@@ -240,8 +240,8 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
                     : undefined,
             }, dataTestId: getDataTestId(dataTestId, 'field') }, fieldProps)),
         name && !nativeSelect && renderValue(),
-        !nativeSelect && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn__default.default(styles__default.default.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, needRenderOptionsList && (React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: cn__default.default(optionsListClassName, styles__default.default.optionsList) }),
-            React__default.default.createElement(OptionsList, tslib_es6.__assign({}, optionsListProps, { optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: options, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: visibleOptions, onScroll: onScroll, dataTestId: getDataTestId(dataTestId, 'options-list') }))))))));
+        !nativeSelect && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn__default.default(styles__default.default.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, needRenderOptionsList && (React__default.default.createElement("div", tslib.__assign({}, menuProps, { className: cn__default.default(optionsListClassName, styles__default.default.optionsList) }),
+            React__default.default.createElement(OptionsList, tslib.__assign({}, optionsListProps, { optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: options, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: visibleOptions, onScroll: onScroll, dataTestId: getDataTestId(dataTestId, 'options-list') }))))))));
 });
 
 exports.BaseSelect = BaseSelect;