@alfalab/core-components-select 15.2.3 → 16.0.0

package/cssm/components/{base-select-mobile/footer → footer}/Component.js

@@ -6,6 +6,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
 var mobile = require('@alfalab/core-components-button/cssm/mobile');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -16,8 +17,8 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Footer = function (_a) {
     var _b;
-    var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear;
-    var _c = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _c.footerHighlighted, setHasFooter = _c.setHasFooter;
+    var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear, _c = _a.clearText, clearText = _c === void 0 ? 'Сбросить' : _c, _d = _a.applyText, applyText = _d === void 0 ? 'Применить' : _d, dataTestId = _a.dataTestId;
+    var _e = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _e.footerHighlighted, setHasFooter = _e.setHasFooter;
     React.useEffect(function () {
         setHasFooter(true);
     }, [setHasFooter]);
@@ -26,8 +27,8 @@ var Footer = function (_a) {
         tabIndex: 0, className: cn__default.default(styles__default.default.footer, (_b = {},
             _b[styles__default.default.highlighted] = footerHighlighted,
             _b)) },
-        showClear && (React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'secondary', className: styles__default.default.button, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")),
-        React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'primary', className: styles__default.default.button, onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C")));
+        showClear && (React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'secondary', className: styles__default.default.button, onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear') }, clearText)),
+        React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'primary', className: styles__default.default.button, onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply') }, applyText)));
 };
 
 exports.Footer = Footer;

package/cssm/components/footer/index.d.ts

@@ -0,0 +1 @@
+export { Footer } from "./Component";

package/cssm/components/{base-select-mobile/footer → footer}/index.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_baseSelectMobile_footer_Component = require('./Component.js');
+var components_footer_Component = require('./Component.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-base-modal/cssm');
 require('@alfalab/core-components-button/cssm/mobile');
+require('@alfalab/core-components-shared/cssm');
 require('./index.module.css');
 
 
 
-exports.Footer = components_baseSelectMobile_footer_Component.Footer;
+exports.Footer = components_footer_Component.Footer;

package/cssm/components/{base-select-mobile/footer → footer}/index.module.css

@@ -1,7 +1,7 @@
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-    --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-primary: #d5d6dc; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {

package/cssm/components/index.js

@@ -18,13 +18,14 @@ require('./arrow/index.module.css');
 require('tslib');
 require('react-merge-refs');
 require('@juggle/resize-observer');
+require('compute-scroll-into-view');
 require('downshift');
-require('@alfalab/core-components-popover/cssm');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/hooks');
 require('../utils.js');
 require('./native-select/Component.js');
 require('./base-select/index.module.css');
+require('./base-select/mobile.module.css');
 require('./field/index.module.css');
 require('./optgroup/index.module.css');
 require('./checkmark/Component.js');
@@ -36,6 +37,7 @@ require('./checkmark/index.module.css');
 require('./checkmark-mobile/Component.js');
 require('./checkmark-mobile/index.module.css');
 require('./option/index.module.css');
+require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
 require('../consts.js');
 require('./options-list/index.module.css');

package/cssm/components/optgroup/index.module.css

@@ -1,7 +1,7 @@
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {

package/cssm/components/option/index.module.css

@@ -1,11 +1,11 @@
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-    --color-light-bg-secondary: #f3f4f5;
-    --color-light-bg-tertiary: #e9e9eb;
-    --color-light-border-primary: #dcdcdd;
+    --color-light-bg-secondary: #f2f3f5;
+    --color-light-bg-tertiary: #e7e8ea;
+    --color-light-border-primary: #d5d6dc;
     --color-light-text-primary: #0e0e0e;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {

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

@@ -6,8 +6,9 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
+var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
 var coreComponentsScrollbar = require('@alfalab/core-components-scrollbar/cssm');
-var hooks = require('@alfalab/hooks');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var consts = require('../../consts.js');
 var utils = require('../../utils.js');
 var components_optgroup_Component = require('../optgroup/Component.js');
@@ -29,7 +30,10 @@ var createCounter = function () {
 var OptionsList = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.Optgroup, Optgroup = _e === void 0 ? components_optgroup_Component.Optgroup : _e, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _f = _a.visibleOptions, visibleOptions = _f === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _f, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _g = _a.showFooter, showFooter = _g === void 0 ? true : _g, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _h = _a.flatOptions, flatOptions = _h === void 0 ? [] : _h, setHighlightedIndex = _a.setHighlightedIndex;
-    var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
+    var query = '(max-width: 1023px)';
+    var nativeScrollbar = coreComponentsMq.useMatchMedia(query, function () {
+        return coreComponentsShared.isClient() ? window.matchMedia(query).matches : true;
+    })[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
     var renderOption = function (option, index) { return (React__default.default.createElement(Option, tslib.__assign({ key: option.key }, getOptionProps(option, index)))); };
     var listRef = React.useRef(null);

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

@@ -7,8 +7,9 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
+require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('@alfalab/hooks');
+require('@alfalab/core-components-shared/cssm');
 require('../../consts.js');
 require('../../utils.js');
 require('../optgroup/Component.js');

package/cssm/components/options-list/index.module.css

@@ -1,7 +1,7 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-border-secondary: #e9e9eb;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-secondary: #e7e8ec;
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {

package/cssm/components/search/Component.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-declare const Search: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
-    breakpoint?: number | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+import { SearchProps } from "../../typings";
+declare const Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Search };

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

@@ -7,8 +7,9 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var reactVirtual = require('react-virtual');
 var cn = require('classnames');
+var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
 var coreComponentsScrollbar = require('@alfalab/core-components-scrollbar/cssm');
-var hooks = require('@alfalab/hooks');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var consts = require('../../consts.js');
 var utils = require('../../utils.js');
 var components_optgroup_Component = require('../optgroup/Component.js');
@@ -30,7 +31,10 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var scrollbarRef = React.useRef(null);
     var _k = React.useState(''), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
     var prevHighlightedIndex = utils.usePrevious(highlightedIndex) || -1;
-    var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
+    var query = '(max-width: 1023px)';
+    var nativeScrollbar = coreComponentsMq.useMatchMedia(query, function () {
+        return coreComponentsShared.isClient() ? window.matchMedia(query).matches : true;
+    })[0];
     var rowVirtualizer = reactVirtual.useVirtual({
         size: flatOptions.length,
         parentRef: (ref || parentRef),

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

@@ -8,8 +8,9 @@ require('react');
 require('react-merge-refs');
 require('react-virtual');
 require('classnames');
+require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('@alfalab/hooks');
+require('@alfalab/core-components-shared/cssm');
 require('../../consts.js');
 require('../../utils.js');
 require('../optgroup/Component.js');

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

@@ -1,8 +1,8 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-border-primary: #dcdcdd;
-    --color-light-border-secondary: #e9e9eb;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-primary: #d5d6dc;
+    --color-light-border-secondary: #e7e8ec;
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {

package/cssm/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectDesktop } from "../Component.desktop";
+export type { SelectDesktopProps } from "../typings";

package/cssm/desktop/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('../Component.desktop.js');
+require('tslib');
+require('react');
+require('@alfalab/core-components-form-control/cssm/desktop');
+require('@alfalab/core-components-popover/cssm');
+require('../components/arrow/Component.js');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/arrow/index.module.css');
+require('../components/base-select/Component.js');
+require('react-merge-refs');
+require('@juggle/resize-observer');
+require('compute-scroll-into-view');
+require('downshift');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/hooks');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/base-select/mobile.module.css');
+require('../components/field/Component.js');
+require('../components/field/index.module.css');
+require('../components/optgroup/Component.js');
+require('../components/optgroup/index.module.css');
+require('../components/option/Component.js');
+require('../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
+require('../components/options-list/Component.js');
+require('@alfalab/core-components-mq/cssm');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../consts.js');
+require('../components/options-list/index.module.css');
+require('../components/search/Component.js');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/icons-glyph/MagnifierMIcon');
+require('../components/search/index.module.css');
+
+
+
+exports.SelectDesktop = Component_desktop.SelectDesktop;

package/cssm/{hook-244c8d6e.js → hook-2f9ec939.js}

@@ -56,12 +56,16 @@ var SELECT_ALL_KEY = 'select_all';
 var selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
 function useSelectWithApply(_a) {
     var options = _a.options, selected = _a.selected, _b = _a.onChange, onChange = _b === void 0 ? function () { return null; } : _b, OptionsList = _a.OptionsList, _c = _a.optionsListProps, optionsListProps = _c === void 0 ? {} : _c, _d = _a.showClear, showClear = _d === void 0 ? true : _d, _e = _a.showSelectAll, showSelectAll = _e === void 0 ? false : _e, _f = _a.showHeaderWithSelectAll, showHeaderWithSelectAll = _f === void 0 ? false : _f, showSearch = _a.showSearch, _g = _a.searchProps, searchProps = _g === void 0 ? {} : _g;
-    var _h = React.useState(''), search = _h[0], setSearch = _h[1];
+    var _h = React.useState(''), searchState = _h[0], setSearchState = _h[1];
+    var _j = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
+        ? [searchProps.value, searchProps.onChange]
+        : [searchState, setSearchState], search = _j[0], setSearch = _j[1];
     var accessor = searchProps.accessor || utils.defaultAccessor;
-    var _j = React.useMemo(function () {
-        return utils.processOptions(options, selected, showSearch ? function (option) { return utils.defaultFilterFn(accessor(option), search); } : undefined);
-    }, [accessor, options, search, selected, showSearch]), flatOptions = _j.flatOptions, selectedOptions = _j.selectedOptions;
-    var _k = React.useState(selectedOptions), selectedDraft = _k[0], setSelectedDraft = _k[1];
+    var filterFn = searchProps.filterFn || utils.defaultFilterFn;
+    var _k = React.useMemo(function () {
+        return utils.processOptions(options, selected, showSearch ? function (option) { return filterFn(accessor(option), search); } : undefined);
+    }, [filterFn, accessor, options, search, selected, showSearch]), flatOptions = _k.flatOptions, selectedOptions = _k.selectedOptions;
+    var _l = React.useState(selectedOptions), selectedDraft = _l[0], setSelectedDraft = _l[1];
     var selectedOptionsRef = React.useRef(selectedOptions);
     var handleApply = function () {
         onChange({

package/{esm/hook-8abfea97.d.ts → cssm/hook-ad89c253.d.ts}

@@ -81,9 +81,10 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     showSearch: boolean | undefined;
     searchProps: {
         value: string;
-        onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
-        componentProps?: import("@alfalab/core-components-input").InputProps | undefined;
+        onChange: ((value: string) => void) | undefined;
+        componentProps?: import("./typings").SearchProps | undefined;
         accessor?: ((option: OptionShape) => string) | undefined;
+        filterFn?: ((optionText: string, search: string) => boolean) | undefined;
     } | undefined;
 };
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/cssm/index.d.ts

@@ -1,2 +1,2 @@
-export { SelectResponsive as Select, SelectResponsiveProps as SelectProps } from "./Component.responsive";
-export {};
+export { SelectResponsive as Select } from "./Component.responsive";
+export type { SelectProps } from "./typings";

package/cssm/index.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
-require('@alfalab/hooks');
+require('@alfalab/core-components-mq/cssm');
 require('./Component.desktop.js');
 require('@alfalab/core-components-form-control/cssm/desktop');
+require('@alfalab/core-components-popover/cssm');
 require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -15,12 +16,14 @@ require('./components/arrow/index.module.css');
 require('./components/base-select/Component.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
+require('compute-scroll-into-view');
 require('downshift');
-require('@alfalab/core-components-popover/cssm');
 require('@alfalab/core-components-shared/cssm');
+require('@alfalab/hooks');
 require('./utils.js');
 require('./components/native-select/Component.js');
 require('./components/base-select/index.module.css');
+require('./components/base-select/mobile.module.css');
 require('./components/field/Component.js');
 require('./components/field/index.module.css');
 require('./components/optgroup/Component.js');
@@ -44,19 +47,17 @@ require('@alfalab/core-components-input/cssm');
 require('@alfalab/icons-glyph/MagnifierMIcon');
 require('./components/search/index.module.css');
 require('./Component.mobile.js');
-require('@alfalab/core-components-form-control/cssm/mobile');
-require('./components/base-select-mobile/Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
-require('@alfalab/core-components-modal/cssm/mobile');
-require('./components/base-select-mobile/index.module.css');
-require('./components/base-select-mobile/footer/Component.js');
+require('@alfalab/core-components-form-control/cssm/mobile');
+require('@alfalab/core-components-modal/cssm/Component.mobile');
+require('./components/footer/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('@alfalab/core-components-button/cssm/mobile');
-require('./components/base-select-mobile/footer/index.module.css');
+require('./components/footer/index.module.css');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
 require('./components/virtual-options-list/index.module.css');
-require('./hook-244c8d6e.js');
+require('./hook-2f9ec939.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('@alfalab/core-components-button/cssm/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');

package/cssm/mobile/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectMobile } from "../Component.mobile";
+export { SelectModalMobile } from "../Component.modal.mobile";
+export type { SelectMobileProps, SelectModalMobileProps } from "../typings";

package/cssm/mobile/index.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('../Component.mobile.js');
+var Component_modal_mobile = require('../Component.modal.mobile.js');
+require('tslib');
+require('react');
+require('@alfalab/core-components-bottom-sheet/cssm');
+require('@alfalab/core-components-form-control/cssm/mobile');
+require('@alfalab/core-components-modal/cssm/Component.mobile');
+require('../components/arrow/Component.js');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/arrow/index.module.css');
+require('../components/base-select/Component.js');
+require('react-merge-refs');
+require('@juggle/resize-observer');
+require('compute-scroll-into-view');
+require('downshift');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/hooks');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/base-select/mobile.module.css');
+require('../components/field/Component.js');
+require('../components/field/index.module.css');
+require('../components/footer/Component.js');
+require('@alfalab/core-components-base-modal/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
+require('../components/footer/index.module.css');
+require('../components/optgroup/Component.js');
+require('../components/optgroup/index.module.css');
+require('../components/option/Component.js');
+require('../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
+require('../components/options-list/Component.js');
+require('@alfalab/core-components-mq/cssm');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../consts.js');
+require('../components/options-list/index.module.css');
+require('../components/search/Component.js');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/icons-glyph/MagnifierMIcon');
+require('../components/search/index.module.css');
+require('../components/virtual-options-list/Component.js');
+require('react-virtual');
+require('../components/virtual-options-list/index.module.css');
+require('../hook-2f9ec939.js');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('@alfalab/core-components-button/cssm/desktop');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('../presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+
+
+
+exports.SelectMobile = Component_mobile.SelectMobile;
+exports.SelectModalMobile = Component_modal_mobile.SelectModalMobile;

package/cssm/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-8abfea97";
+export * from "../hook-ad89c253";

package/cssm/presets/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-244c8d6e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-2f9ec939.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-skeleton/cssm');
@@ -24,8 +24,9 @@ require('intersection-observer');
 require('../utils.js');
 require('../components/options-list/Component.js');
 require('react-merge-refs');
+require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('@alfalab/hooks');
+require('@alfalab/core-components-shared/cssm');
 require('../consts.js');
 require('../components/optgroup/Component.js');
 require('../components/optgroup/index.module.css');

package/cssm/presets/useSelectWithApply/hook.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-244c8d6e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-2f9ec939.js');
 require('../../components/options-list/Component.js');
 require('react-merge-refs');
 require('classnames');
+require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('@alfalab/hooks');
+require('@alfalab/core-components-shared/cssm');
 require('../../consts.js');
 require('../../components/optgroup/Component.js');
 require('../../components/optgroup/index.module.css');

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

@@ -6,13 +6,14 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-244c8d6e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-2f9ec939.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 require('react-merge-refs');
 require('classnames');
+require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('@alfalab/hooks');
+require('@alfalab/core-components-shared/cssm');
 require('../../../utils.js');
 require('../../../components/optgroup/Component.js');
 require('../../../components/optgroup/index.module.css');

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

@@ -1 +1 @@
-export * from "../../../hook-244c8d6e";
+export * from "../../../hook-2f9ec939";

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

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-244c8d6e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-2f9ec939.js');
 require('tslib');
 require('react');
 require('../../../utils.js');
 require('../../../components/options-list/Component.js');
 require('react-merge-refs');
 require('classnames');
+require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('@alfalab/hooks');
+require('@alfalab/core-components-shared/cssm');
 require('../../../consts.js');
 require('../../../components/optgroup/Component.js');
 require('../../../components/optgroup/index.module.css');

package/cssm/shared/index.d.ts

@@ -0,0 +1,12 @@
+export * from "../presets/index";
+export * from "../typings";
+export * from "../utils";
+export * from "../components/option/index";
+export * from "../components/base-option/index";
+export * from "../components/options-list/index";
+export * from "../components/virtual-options-list/index";
+export * from "../components/field/index";
+export * from "../components/arrow/index";
+export * from "../components/base-select/index";
+export * from "../components/optgroup/index";
+export * from "../components/footer/index";