@alfalab/core-components 37.3.0-beta-.1 → 37.3.0-beta.10

package/select/esm/components/field/index.js

@@ -3,5 +3,5 @@ import 'react';
 import 'classnames';
 import '../../../../form-control/esm';
 import '@alfalab/hooks';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

package/select/esm/components/index.js

@@ -1,6 +1,6 @@
 export { Arrow } from './arrow/Component.js';
-export { B as BaseSelect } from '../Component-f90150f9.js';
-export { S as SelectMobile, a as SelectModalMobile } from '../Component-48869888.js';
+export { B as BaseSelect } from '../Component-31f76563.js';
+export { S as SelectMobile, a as SelectModalMobile } from '../Component-97b29b7a.js';
 export { Field } from './field/Component.js';
 export { Optgroup } from './optgroup/Component.js';
 export { Option } from './option/Component.js';
@@ -29,10 +29,10 @@ import '../../../checkbox/esm';
 import '../../../scrollbar/esm';
 import 'react-virtual';
 import '../../../skeleton/esm';
-import '../intersection-observer-0cd7a6ad.js';
+import '../intersection-observer-b8a51493.js';
 import '../../../button/esm';
 import './base-checkmark/Component.js';
 import './base-select-mobile/options-list/Component.js';
 import '../../../base-modal/esm';
-import '../tslib.es6-91bf0a4f.js';
+import '../tslib.es6-0bbcaa10.js';
 import '../utils.js';

package/select/esm/components/native-select/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-91bf0a4f.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0bbcaa10.js';
 import React, { forwardRef, useCallback } from 'react';
 import { isGroup } from '../../utils.js';
 

package/select/esm/components/native-select/index.js

@@ -1,4 +1,4 @@
 export { NativeSelect } from './Component.js';
 import 'react';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

package/select/esm/components/optgroup/index.css

@@ -1,7 +1,7 @@
 /* hash: 5w4c0 */
 :root {
     --color-light-bg-primary: #fff;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.6);
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
 :root {
 

package/select/esm/components/option/Component.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-91bf0a4f.js';
+import { a as __assign } from '../../tslib.es6-0bbcaa10.js';
 import React, { isValidElement } from 'react';
 import cn from 'classnames';
 import { Checkmark } from '../base-select-mobile/checkmark/Component.js';

package/select/esm/components/option/index.css

@@ -2,10 +2,10 @@
 :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-secondary: #f3f4f5;
-    --color-light-bg-tertiary: #e9e9eb;
-    --color-light-border-primary: #dcdcdd;
-    --color-light-text-primary: #000;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.6);
+    --color-light-bg-tertiary: #e7e9eb;
+    --color-light-border-primary: #dbdee1;
+    --color-light-text-primary: #0b1f35;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
 :root {
 

package/select/esm/components/option/index.js

@@ -7,4 +7,4 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark/Component.js';
 import '../../../../checkbox/esm';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';

package/select/esm/components/options-list/Component.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-91bf0a4f.js';
+import { a as __assign } from '../../tslib.es6-0bbcaa10.js';
 import React, { forwardRef, useRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
@@ -16,21 +16,25 @@ var createCounter = function () {
     return function () { return count++; };
 };
 var OptionsList = 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$1 = _d === void 0 ? 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 _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$1 = _d === void 0 ? 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, _f = _a.useOptionsIds, useOptionsIds = _f === void 0 ? false : _f;
     var nativeScrollbar = useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
     var renderOption = function (option, index) { return (React.createElement(Option, __assign({ key: option.key }, getOptionProps(option, index)))); };
     var listRef = useRef(null);
     var scrollbarRef = useRef(null);
     var counter = createCounter();
-    var renderGroup = function (group) { return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map(function (option) { return renderOption(option, counter()); }))); };
+    var renderGroup = function (group) { return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map(function (option) {
+        return renderOption(option, useOptionsIds ? option.id || 0 : counter());
+    }))); };
     useVisibleOptions(__assign(__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, invalidate: options }));
     if (options.length === 0 && !emptyPlaceholder) {
         return null;
     }
     var renderListItems = function () { return (React.createElement(React.Fragment, null,
         options.map(function (option) {
-            return isGroup(option) ? renderGroup(option) : renderOption(option, counter());
+            return isGroup(option)
+                ? renderGroup(option)
+                : renderOption(option, useOptionsIds ? option.id || 0 : counter());
         }),
         emptyPlaceholder && options.length === 0 && (React.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder)))); };
     var renderWithCustomScrollbar = function () {

package/select/esm/components/options-list/index.css

@@ -1,6 +1,6 @@
 /* hash: sbc9w */
 :root {
-    --color-light-text-secondary: rgba(60, 60, 67, 0.6);
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
 :root {
 

package/select/esm/components/options-list/index.js

@@ -5,5 +5,5 @@ import 'classnames';
 import '../../../../scrollbar/esm';
 import '@alfalab/hooks';
 import '../optgroup/Component.js';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../arrow/Component.js';
-export { S as SelectMobile } from '../../Component-48869888.js';
+export { S as SelectMobile } from '../../Component-97b29b7a.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
 import '../../../../bottom-sheet/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.js';
-import '../../Component-f90150f9.js';
+import '../../Component-31f76563.js';
 import '@juggle/resize-observer';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,9 +29,9 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-0cd7a6ad.js';
+import '../../intersection-observer-b8a51493.js';
 import '../../../../button/esm';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

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

@@ -1 +1 @@
-export * from "../../Component-48869888";
+export * from "../../Component-97b29b7a";

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

@@ -1,4 +1,4 @@
-export { S as SelectMobile } from '../../Component-48869888.js';
+export { S as SelectMobile } from '../../Component-97b29b7a.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.js';
-import '../../Component-f90150f9.js';
+import '../../Component-31f76563.js';
 import '@juggle/resize-observer';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,9 +29,9 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-0cd7a6ad.js';
+import '../../intersection-observer-b8a51493.js';
 import '../../../../button/esm';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../arrow/Component.js';
-export { a as SelectModalMobile } from '../../Component-48869888.js';
+export { a as SelectModalMobile } from '../../Component-97b29b7a.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
 import '../../../../bottom-sheet/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.js';
-import '../../Component-f90150f9.js';
+import '../../Component-31f76563.js';
 import '@juggle/resize-observer';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,9 +29,9 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-0cd7a6ad.js';
+import '../../intersection-observer-b8a51493.js';
 import '../../../../button/esm';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

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

@@ -1 +1 @@
-export * from "../../Component-48869888";
+export * from "../../Component-97b29b7a";

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

@@ -1,4 +1,4 @@
-export { a as SelectModalMobile } from '../../Component-48869888.js';
+export { a as SelectModalMobile } from '../../Component-97b29b7a.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.js';
-import '../../Component-f90150f9.js';
+import '../../Component-31f76563.js';
 import '@juggle/resize-observer';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,9 +29,9 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-0cd7a6ad.js';
+import '../../intersection-observer-b8a51493.js';
 import '../../../../button/esm';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

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

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-91bf0a4f.js';
+import { a as __assign } from '../../tslib.es6-0bbcaa10.js';
 import React, { useRef, useState, useEffect, useMemo } from 'react';
 import { useVirtual } from 'react-virtual';
 import cn from 'classnames';

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

@@ -1,7 +1,7 @@
 /* hash: 9gwji */
 :root {
-    --color-light-border-primary: #dcdcdd;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.6);
+    --color-light-border-primary: #dbdee1;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
 :root {
 

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

@@ -5,5 +5,5 @@ import 'classnames';
 import '../../../../scrollbar/esm';
 import '@alfalab/hooks';
 import '../optgroup/Component.js';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

package/select/esm/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
-export { B as BaseSelect } from './Component-f90150f9.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-48869888.js';
+export { B as BaseSelect } from './Component-31f76563.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-97b29b7a.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -10,7 +10,7 @@ export { VirtualOptionsList } from './components/virtual-options-list/Component.
 export { BaseOption } from './components/base-option/Component.js';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';
-export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
+export { getFilteredOptions, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -32,9 +32,9 @@ import '../../bottom-sheet/esm';
 import '../../modal/esm/mobile';
 import 'react-virtual';
 import '../../skeleton/esm';
-import './intersection-observer-0cd7a6ad.js';
+import './intersection-observer-b8a51493.js';
 import '../../button/esm';
 import './components/base-checkmark/Component.js';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/esm';
-import './tslib.es6-91bf0a4f.js';
+import './tslib.es6-0bbcaa10.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-48869888.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-97b29b7a.js';
 import 'react';
 import '../../../skeleton/esm';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark/Component.js';
 import '../../../checkbox/esm';
-import '../intersection-observer-0cd7a6ad.js';
+import '../intersection-observer-b8a51493.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
 import '../../../bottom-sheet/esm';
 import '../../../modal/esm/mobile';
 import '../Component.js';
-import '../Component-f90150f9.js';
+import '../Component-31f76563.js';
 import '@juggle/resize-observer';
 import '../../../popover/esm';
 import '@alfalab/hooks';
@@ -35,5 +35,5 @@ import '../components/base-checkmark/Component.js';
 import '../../../button/esm';
 import '../components/base-select-mobile/options-list/Component.js';
 import '../../../base-modal/esm';
-import '../tslib.es6-91bf0a4f.js';
+import '../tslib.es6-0bbcaa10.js';
 import '../utils.js';

package/select/esm/presets/useLazyLoading/hook.js

@@ -1,8 +1,8 @@
-import { b as __spreadArray, a as __assign } from '../../tslib.es6-91bf0a4f.js';
+import { b as __spreadArray, a as __assign } from '../../tslib.es6-0bbcaa10.js';
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '../../../../skeleton/esm';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-0cd7a6ad.js';
+import '../../intersection-observer-b8a51493.js';
 import 'classnames';
 import '../../components/base-select-mobile/checkmark/Component.js';
 import '../../../../badge/esm';

package/select/esm/presets/useSelectWithApply/hook.js

@@ -2,8 +2,8 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-f90150f9.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-48869888.js';
+import '../../Component-31f76563.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-97b29b7a.js';
 import '../../../../form-control/esm';
 import '@alfalab/hooks';
 import '../../../../badge/esm';
@@ -14,7 +14,7 @@ import '../../components/options-list/Component.js';
 import 'react-virtual';
 import '../../../../scrollbar/esm';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-0cd7a6ad.js';
+import '../../intersection-observer-b8a51493.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
@@ -33,5 +33,5 @@ import '../../components/base-checkmark/Component.js';
 import '../../../../button/esm';
 import '../../components/base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
-import '../../tslib.es6-91bf0a4f.js';
+import '../../tslib.es6-0bbcaa10.js';
 import '../../utils.js';

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

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import '../../../../../button/esm';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-f90150f9.js';
-export { O as OptionsListWithApply } from '../../../Component-48869888.js';
+import '../../../Component-31f76563.js';
+export { O as OptionsListWithApply } from '../../../Component-97b29b7a.js';
 import '../../../../../form-control/esm';
 import '@alfalab/hooks';
 import '../../../../../badge/esm';
@@ -30,8 +30,8 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/esm';
-import '../../../intersection-observer-0cd7a6ad.js';
+import '../../../intersection-observer-b8a51493.js';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/esm';
-import '../../../tslib.es6-91bf0a4f.js';
+import '../../../tslib.es6-0bbcaa10.js';
 import '../../../utils.js';

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

@@ -1,7 +1,7 @@
 /* hash: ggjs1 */
 :root {
     --color-light-bg-primary: #fff;
-    --color-light-border-secondary: #e9e9eb;
+    --color-light-border-secondary: #e7e9eb;
 }
 :root {
 

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

@@ -1 +1 @@
-export * from "../../../Component-48869888";
+export * from "../../../Component-97b29b7a";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-48869888.js';
+export { O as OptionsListWithApply } from '../../../Component-97b29b7a.js';
 import 'react';
 import '../../../components/arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../../bottom-sheet/esm';
 import '../../../../../modal/esm/mobile';
 import '../../../Component.js';
-import '../../../Component-f90150f9.js';
+import '../../../Component-31f76563.js';
 import '@juggle/resize-observer';
 import '../../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,9 +29,9 @@ import 'react-virtual';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/esm';
-import '../../../intersection-observer-0cd7a6ad.js';
+import '../../../intersection-observer-b8a51493.js';
 import '../../../../../button/esm';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/esm';
-import '../../../tslib.es6-91bf0a4f.js';
+import '../../../tslib.es6-0bbcaa10.js';
 import '../../../utils.js';

package/select/esm/presets/useSelectWithLoading/hook.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-91bf0a4f.js';
+import { a as __assign } from '../../tslib.es6-0bbcaa10.js';
 import React from 'react';
 import { Skeleton } from '../../../../skeleton/esm';
 import { Option } from '../../components/option/Component.js';

package/select/esm/responsive.js

@@ -5,7 +5,7 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-f90150f9.js';
+import './Component-31f76563.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
@@ -23,16 +23,16 @@ import './components/checkmark/Component.js';
 import '../../checkbox/esm';
 import './components/options-list/Component.js';
 import '../../scrollbar/esm';
-import './Component-48869888.js';
+import './Component-97b29b7a.js';
 import '../../bottom-sheet/esm';
 import '../../modal/esm/mobile';
 import 'react-virtual';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '../../skeleton/esm';
-import './intersection-observer-0cd7a6ad.js';
+import './intersection-observer-b8a51493.js';
 import '../../button/esm';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/esm';
-import './tslib.es6-91bf0a4f.js';
+import './tslib.es6-0bbcaa10.js';
 import './utils.js';

package/select/esm/typings.d.ts

@@ -23,6 +23,10 @@ type OptionShape = {
      * Дополнительные данные
      */
     value?: any;
+    /**
+     * Уникальный id, необходим в случае, если нужно фильтровать / сортировать options
+     */
+    id?: number;
 };
 type GroupShape = {
     /**
@@ -40,6 +44,16 @@ type BaseSelectChangePayload = {
     initiator: OptionShape | null;
     name?: string;
 };
+type FilterProps = {
+    /**
+     * Фильтр функция для переданных options
+     */
+    filterFunction?: (options: Array<OptionShape | GroupShape>, filterValue: string) => Array<OptionShape | GroupShape>;
+    /**
+     * Поисковая строка для фильтра
+     */
+    filterValue?: string;
+};
 type BaseSelectProps = {
     /**
      * Идентификатор для систем автоматизированного тестирования
@@ -245,6 +259,10 @@ type BaseSelectProps = {
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
+    /**
+     * Возможность фильтровать options внутри select
+     */
+    filterProps?: FilterProps;
 };
 type FieldProps = {
     /**
@@ -442,6 +460,11 @@ type OptionsListProps = {
      * Обработчик отмены изменений
      */
     onClear?: () => void;
+    /**
+     * Использовать поле id из OptionShape в качестве индекса option в OptionList
+     * Необходимо для корректной работы option после сортировки / фильтрации массива options
+     */
+    useOptionsIds?: boolean;
 };
 type OptgroupProps = {
     /**
@@ -551,4 +574,4 @@ type CheckmarkProps = {
      */
     icon?: React.FC<React.SVGProps<SVGSVGElement>>;
 };
-export { OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { OptionShape, GroupShape, BaseSelectChangePayload, FilterProps, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/select/esm/utils.d.ts

@@ -10,6 +10,7 @@ declare function processOptions(options: BaseSelectProps['options'], selected?:
     flatOptions: OptionShape[];
     selectedOptions: OptionShape[];
 };
+declare const getFilteredOptions: (options: Array<OptionShape | GroupShape>, filterValue: string, filterFunction: (options: Array<OptionShape | GroupShape>, filterValue: string) => Array<OptionShape | GroupShape>) => Array<OptionShape | GroupShape>;
 type useVisibleOptionsArgs = {
     /**
      * Количество видимых пунктов
@@ -35,4 +36,4 @@ type useVisibleOptionsArgs = {
 declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
 declare function usePrevious<T>(value: T): T | undefined;
 declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
-export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, usePrevious, lastIndexOf };
+export { isGroup, isOptionShape, joinOptions, processOptions, getFilteredOptions, useVisibleOptions, usePrevious, lastIndexOf };

package/select/esm/utils.js

@@ -47,6 +47,12 @@ function processOptions(options, selected) {
     });
     return { flatOptions: flatOptions, selectedOptions: selectedOptions };
 }
+var getFilteredOptions = function (options, filterValue, filterFunction) {
+    if (!filterFunction || !filterValue) {
+        return options;
+    }
+    return filterFunction(options, filterValue);
+};
 function useVisibleOptions(_a) {
     var visibleOptions = _a.visibleOptions, listRef = _a.listRef, _b = _a.styleTargetRef, styleTargetRef = _b === void 0 ? listRef : _b, open = _a.open, invalidate = _a.invalidate;
     useEffect(function () {
@@ -82,4 +88,4 @@ var lastIndexOf = function (array, predicate) {
     return -1;
 };
 
-export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions };
+export { getFilteredOptions, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions };