@alfalab/core-components-select 10.12.8 → 11.1.1

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

@@ -1,4 +1,4 @@
-/* hash: 1c4v8 */
+/* hash: nj3ax */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-secondary: #546272;
@@ -32,27 +32,27 @@
 
     /* optgroup */
 }
-.select__virtualOptionsList_1mgao {
+.select__virtualOptionsList_1x5ev {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__scrollable_1mgao {
+.select__scrollable_1x5ev {
     overflow: auto;
     width: 100%;
 }
-.select__inner_1mgao {
+.select__inner_1x5ev {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_1mgao {
+.select__virtualRow_1x5ev {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }
-.select__virtualRow_1mgao:before {
+.select__virtualRow_1x5ev:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -63,18 +63,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_1mgao:first-child:before {
+.select__virtualRow_1x5ev:first-child:before {
         display: none;
     }
-.select__highlighted_1mgao:before,
-    .select__highlighted_1mgao + .select__virtualRow_1mgao:before {
+.select__highlighted_1x5ev:before,
+    .select__highlighted_1x5ev + .select__virtualRow_1x5ev:before {
         display: none;
     }
-.select__emptyPlaceholder_1mgao {
+.select__emptyPlaceholder_1x5ev {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_1mgao .select__emptyPlaceholder_1mgao,
-.select__xl_1mgao .select__emptyPlaceholder_1mgao {
+.select__l_1x5ev .select__emptyPlaceholder_1x5ev,
+.select__xl_1x5ev .select__emptyPlaceholder_1x5ev {
     padding: var(--gap-xl) var(--gap-m);
 }

package/modern/index-3fe0d3e6.d.ts

@@ -0,0 +1 @@
+export * from "./getDataTestId-3fe0d3e6";

package/modern/index.js

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import './components/native-select/Component.js';
-export { B as BaseSelect } from './Component-eef8ac3b.js';
+export { B as BaseSelect } from './Component-0cd464a6.js';
 export { Select } from './Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,10 +25,10 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import './components/base-select-mobile/options-list/Component.js';
 import './components/base-select-mobile/checkmark/Component.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-75155b9f.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-fd3c59cb.js';
 import 'react-virtual';
 export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
 import '@alfalab/core-components-skeleton/modern';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
-import './intersection-observer-c9359098.js';
+import './intersection-observer-b1fa8ee2.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';

package/modern/presets/index.js

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import '../components/native-select/Component.js';
-import '../Component-eef8ac3b.js';
+import '../Component-0cd464a6.js';
 import '../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,9 +25,9 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import '../components/base-select-mobile/options-list/Component.js';
 import '../components/base-select-mobile/checkmark/Component.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-75155b9f.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-fd3c59cb.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
-import '../intersection-observer-c9359098.js';
+import '../intersection-observer-b1fa8ee2.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';

package/modern/presets/useLazyLoading/hook.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptionShape } from "../../typings";
+import { OptionProps, OptionShape } from "../../typings";
 type OptionsFetcherResponse = {
     options: OptionShape[];
     hasMore: boolean;
@@ -26,7 +26,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: any) => JSX.Element;
+        Option: (props: OptionProps) => JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;

package/modern/presets/useLazyLoading/hook.js

@@ -4,9 +4,9 @@ import '@alfalab/core-components-checkbox/modern';
 import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-c9359098.js';
+import '../../intersection-observer-b1fa8ee2.js';
 
-var styles = {"skeleton":"select__skeleton_1xu17"};
+var styles = {"skeleton":"select__skeleton_1s133"};
 require('./index.css')
 
 const DEBOUNCE_TIMEOUT = 300;
@@ -183,7 +183,7 @@ function useLazyLoading({ limit = 10, initialOffset = 0, optionsFetcher, skeleto
         }, DEBOUNCE_TIMEOUT);
         /* eslint-enable */
     }, []);
-    const renderOption = useCallback(props => React.createElement(Option, Object.assign({}, props, { highlighted: loading ? false : props.highlighted })), [loading]);
+    const renderOption = useCallback((props) => (React.createElement(Option, Object.assign({}, props, { highlighted: loading ? false : props.highlighted }))), [loading]);
     const skeletonOptions = useMemo(() => {
         return Array(loading ? limit : 0)
             .fill(0)

package/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1yr32 */
-.select__skeleton_1xu17 {
+/* hash: 1abzx */
+.select__skeleton_1s133 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/presets/useSelectWithApply/hook.js

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import '../../components/native-select/Component.js';
-import '../../Component-eef8ac3b.js';
+import '../../Component-0cd464a6.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,7 +25,7 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import '../../components/base-select-mobile/options-list/Component.js';
 import '../../components/base-select-mobile/checkmark/Component.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-75155b9f.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-fd3c59cb.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-c9359098.js';
+import '../../intersection-observer-b1fa8ee2.js';

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

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import '../../../components/native-select/Component.js';
-import '../../../Component-eef8ac3b.js';
+import '../../../Component-0cd464a6.js';
 import '../../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,7 +25,7 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../components/base-select-mobile/checkmark/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-75155b9f.js';
+export { O as OptionsListWithApply } from '../../../Component-fd3c59cb.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-c9359098.js';
+import '../../../intersection-observer-b1fa8ee2.js';

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

@@ -1,4 +1,4 @@
-/* hash: 18j48 */
+/* hash: 1o8xl */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_yrv3e {
+.select__footer_1kexb {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_yrv3e > * + * {
+.select__footer_1kexb > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_yrv3e {
+.select__withBorder_1kexb {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-75155b9f";
+export * from "../../../Component-fd3c59cb";

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

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import '../../../components/native-select/Component.js';
-import '../../../Component-eef8ac3b.js';
+import '../../../Component-0cd464a6.js';
 import '../../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,7 +25,7 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../components/base-select-mobile/checkmark/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-75155b9f.js';
+export { O as OptionsListWithApply } from '../../../Component-fd3c59cb.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-c9359098.js';
+import '../../../intersection-observer-b1fa8ee2.js';

package/modern/presets/useSelectWithLoading/hook.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "../../typings";
+import { BaseSelectProps, OptionProps, OptionShape } from "../../typings";
 type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];
 };
 declare function useSelectWithLoading({ loading, visibleOptions, }: useSelectWithLoadingProps): {
-    Option: (props: any) => JSX.Element;
+    Option: (props: OptionProps) => JSX.Element;
     options: OptionShape[];
 } | null;
 export { useSelectWithLoading };

package/modern/presets/useSelectWithLoading/hook.js

@@ -5,11 +5,11 @@ import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
 
-var styles = {"skeleton":"select__skeleton_1k4to"};
+var styles = {"skeleton":"select__skeleton_1mztq"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, }) {
-    const renderOption = useCallback(props => (React.createElement(Option, Object.assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))), [loading]);
+    const renderOption = useCallback((props) => (React.createElement(Option, Object.assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))), [loading]);
     const options = Array(visibleOptions)
         .fill(0)
         .map((_, key) => ({

package/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1qmhl */
-.select__skeleton_1k4to {
+/* hash: 15ouh */
+.select__skeleton_1mztq {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/typings.d.ts

@@ -489,7 +489,7 @@ type OptionProps = {
     /**
      * Компонент пункта меню
      */
-    Checkmark?: FC<CheckmarkProps>;
+    Checkmark?: FC<CheckmarkProps> | null;
     /**
      * Внутренние свойства, которые должны быть установлены компоненту.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "10.12.8",
+    "version": "11.1.1",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -14,23 +14,23 @@
         "directory": "dist"
     },
     "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.1",
-        "react-dom": "^16.9.0 || ^17.0.1"
+        "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
+        "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^4.2.2",
-        "@alfalab/core-components-bottom-sheet": "^4.6.2",
-        "@alfalab/core-components-button": "^5.2.3",
-        "@alfalab/core-components-checkbox": "^2.8.3",
-        "@alfalab/core-components-form-control": "^7.5.3",
-        "@alfalab/core-components-input": "^8.2.3",
-        "@alfalab/core-components-modal": "^5.2.8",
-        "@alfalab/core-components-popover": "^5.7.5",
-        "@alfalab/core-components-scrollbar": "^1.1.5",
-        "@alfalab/core-components-skeleton": "^3.2.4",
+        "@alfalab/core-components-base-modal": "^4.3.0",
+        "@alfalab/core-components-bottom-sheet": "^4.8.0",
+        "@alfalab/core-components-button": "^5.3.0",
+        "@alfalab/core-components-checkbox": "^2.9.0",
+        "@alfalab/core-components-form-control": "^7.6.0",
+        "@alfalab/core-components-input": "^9.1.0",
+        "@alfalab/core-components-modal": "^5.4.0",
+        "@alfalab/core-components-popover": "^5.8.0",
+        "@alfalab/core-components-scrollbar": "^1.2.0",
+        "@alfalab/core-components-skeleton": "^3.3.0",
         "@alfalab/hooks": "^1.4.1",
         "@juggle/resize-observer": "^3.3.1",
-        "classnames": "^2.2.6",
+        "classnames": "^2.3.1",
         "downshift": "^5.4.7",
         "react-merge-refs": "^1.1.0",
         "react-virtual": "^2.3.2"

package/presets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-b0d6b344.js');
+require('../tslib.es6-76ea8c13.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../components/native-select/Component.js');
-require('../Component-b4c00a84.js');
+require('../Component-2bb239f8.js');
 require('../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
@@ -30,11 +30,11 @@ require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../components/base-select-mobile/options-list/Component.js');
 require('../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../Component-adb77a91.js');
+var presets_useSelectWithApply_hook = require('../Component-00b8cb17.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-require('../intersection-observer-b4334d6c.js');
+require('../intersection-observer-a9727b1b.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
 
 

package/presets/useLazyLoading/hook.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptionShape } from "../../typings";
+import { OptionProps, OptionShape } from "../../typings";
 type OptionsFetcherResponse = {
     options: OptionShape[];
     hasMore: boolean;
@@ -26,7 +26,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: any) => JSX.Element;
+        Option: (props: OptionProps) => JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;

package/presets/useLazyLoading/hook.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-b0d6b344.js');
+var tslib_es6 = require('../../tslib.es6-76ea8c13.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/core-components-checkbox');
 require('../../components/checkmark/Component.js');
 var components_option_Component = require('../../components/option/Component.js');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-b4334d6c.js');
+require('../../intersection-observer-a9727b1b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_1xu17"};
+var styles = {"skeleton":"select__skeleton_1s133"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;
@@ -176,7 +176,7 @@ function useLazyLoading(_a) {
         }, DEBOUNCE_TIMEOUT);
         /* eslint-enable */
     }, []);
-    var renderOption = React.useCallback(function (props) { return React__default['default'].createElement(components_option_Component.Option, tslib_es6.__assign({}, props, { highlighted: loading ? false : props.highlighted })); }, [loading]);
+    var renderOption = React.useCallback(function (props) { return (React__default['default'].createElement(components_option_Component.Option, tslib_es6.__assign({}, props, { highlighted: loading ? false : props.highlighted }))); }, [loading]);
     var skeletonOptions = React.useMemo(function () {
         return Array(loading ? limit : 0)
             .fill(0)

package/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1yr32 */
-.select__skeleton_1xu17 {
+/* hash: 1abzx */
+.select__skeleton_1s133 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/presets/useSelectWithApply/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-b0d6b344.js');
+require('../../tslib.es6-76ea8c13.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../components/native-select/Component.js');
-require('../../Component-b4c00a84.js');
+require('../../Component-2bb239f8.js');
 require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-adb77a91.js');
+var presets_useSelectWithApply_hook = require('../../Component-00b8cb17.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-b4334d6c.js');
+require('../../intersection-observer-a9727b1b.js');
 
 
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-b0d6b344.js');
+require('../../../tslib.es6-76ea8c13.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-b4c00a84.js');
+require('../../../Component-2bb239f8.js');
 require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-adb77a91.js');
+var presets_useSelectWithApply_hook = require('../../../Component-00b8cb17.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-b4334d6c.js');
+require('../../../intersection-observer-a9727b1b.js');
 
 
 

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

@@ -1,4 +1,4 @@
-/* hash: 18j48 */
+/* hash: 1o8xl */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_yrv3e {
+.select__footer_1kexb {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_yrv3e > * + * {
+.select__footer_1kexb > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_yrv3e {
+.select__withBorder_1kexb {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-adb77a91";
+export * from "../../../Component-00b8cb17";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-b0d6b344.js');
+require('../../../tslib.es6-76ea8c13.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-b4c00a84.js');
+require('../../../Component-2bb239f8.js');
 require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-adb77a91.js');
+var presets_useSelectWithApply_hook = require('../../../Component-00b8cb17.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-b4334d6c.js');
+require('../../../intersection-observer-a9727b1b.js');
 
 
 

package/presets/useSelectWithLoading/hook.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "../../typings";
+import { BaseSelectProps, OptionProps, OptionShape } from "../../typings";
 type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];
 };
 declare function useSelectWithLoading({ loading, visibleOptions, }: useSelectWithLoadingProps): {
-    Option: (props: any) => JSX.Element;
+    Option: (props: OptionProps) => JSX.Element;
     options: OptionShape[];
 } | null;
 export { useSelectWithLoading };

package/presets/useSelectWithLoading/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-b0d6b344.js');
+var tslib_es6 = require('../../tslib.es6-76ea8c13.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/core-components-checkbox');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_1k4to"};
+var styles = {"skeleton":"select__skeleton_1mztq"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1qmhl */
-.select__skeleton_1k4to {
+/* hash: 15ouh */
+.select__skeleton_1mztq {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/typings.d.ts

@@ -489,7 +489,7 @@ type OptionProps = {
     /**
      * Компонент пункта меню
      */
-    Checkmark?: FC<CheckmarkProps>;
+    Checkmark?: FC<CheckmarkProps> | null;
     /**
      * Внутренние свойства, которые должны быть установлены компоненту.
      */