@alfalab/core-components 41.11.0 → 42.0.0-beta.0

package/select/components/field/index.css

@@ -28,18 +28,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1sr1x {
+} .select__component_13vbk {
     width: 100%;
     outline: none;
-} .select__field_1sr1x:not(.select__disabled_1sr1x) {
+} .select__field_13vbk:not(.select__disabled_13vbk) {
     cursor: pointer
-} .select__field_1sr1x:not(.select__disabled_1sr1x):hover .select__arrow_1sr1x {
+} .select__field_13vbk:not(.select__disabled_13vbk):hover .select__arrow_13vbk {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_1sr1x {
+        } .select__disabled_13vbk {
     cursor: var(--disabled-cursor);
-} /* TODO: Заюзать переменные из инпута */ .select__placeholder_1sr1x {
+} /* TODO: Заюзать переменные из инпута */ .select__placeholder_13vbk {
     color: var(--color-light-text-secondary);
-} .select__contentWrapper_1sr1x {
+} .select__contentWrapper_13vbk {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -48,11 +48,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .select__value_1sr1x {
+} .select__value_13vbk {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .select__focusVisible_1sr1x {
+} .select__focusVisible_13vbk {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/select/components/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_arrow_Component = require('./arrow/Component.js');
 var components_baseSelect_Component = require('./base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-344072e1.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-49b498c8.js');
 var components_field_Component = require('./field/Component.js');
 var components_optgroup_Component = require('./optgroup/Component.js');
 var components_option_Component = require('./option/Component.js');
@@ -18,10 +18,12 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../popover');
 require('@alfalab/hooks');
-require('../getDataTestId-8a4d1ce5.js');
+require('../getDataTestId-622ff0c4.js');
 require('../utils.js');
 require('./native-select/Component.js');
 require('../Component.js');
+require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('../../checkbox');
 require('./base-select-mobile/Component.js');
 require('../../bottom-sheet');
 require('../../modal/mobile');
@@ -30,11 +32,10 @@ require('../../base-modal');
 require('../../button');
 require('../../form-control');
 require('../../badge');
-require('../../checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../skeleton');
-require('../intersection-observer-2786d67d.js');
+require('../intersection-observer-d143866b.js');
 require('../consts.js');
 require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('./checkmark/Component.js');

package/select/components/optgroup/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optgroup":"select__optgroup_glrw4","label":"select__label_glrw4","l":"select__l_glrw4","xl":"select__xl_glrw4"};
+var styles = {"optgroup":"select__optgroup_148aj","label":"select__label_148aj","l":"select__l_148aj","xl":"select__xl_148aj"};
 require('./index.css');
 
 var Optgroup = function (_a) {

package/select/components/optgroup/index.css

@@ -35,7 +35,7 @@
     --select-optgroup-right-padding: var(--gap-s);
     --select-optgroup-l-left-padding: var(--gap-m);
     --select-optgroup-l-right-padding: var(--gap-m);
-} .select__optgroup_glrw4 {
+} .select__optgroup_148aj {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,9 +44,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_glrw4 + *[role='option']:before {
+} .select__optgroup_148aj + *[role='option']:before {
         display: none;
-    } .select__label_glrw4 {
+    } .select__label_148aj {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -55,8 +55,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__l_glrw4,
-.select__xl_glrw4 {
+} .select__l_148aj,
+.select__xl_148aj {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/select/components/option/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"option":"select__option_pw2ew","disabled":"select__disabled_pw2ew","s":"select__s_pw2ew","m":"select__m_pw2ew","l":"select__l_pw2ew","xl":"select__xl_pw2ew","selected":"select__selected_pw2ew","highlighted":"select__highlighted_pw2ew","content":"select__content_pw2ew","textContent":"select__textContent_pw2ew"};
+var styles = {"option":"select__option_2ab4z","disabled":"select__disabled_2ab4z","s":"select__s_2ab4z","m":"select__m_2ab4z","l":"select__l_2ab4z","xl":"select__xl_2ab4z","selected":"select__selected_2ab4z","highlighted":"select__highlighted_2ab4z","content":"select__content_2ab4z","textContent":"select__textContent_2ab4z"};
 require('./index.css');
 
 var Option = function (_a) {
@@ -24,7 +24,7 @@ var Option = function (_a) {
     var content = children || option.content || option.key;
     var _f = option.showCheckMark, showCheckMark = _f === void 0 ? true : _f;
     return (React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: cn__default.default(styles.option, styles[size], className, (_b = {},
-            _b[styles.highlighted] = highlighted,
+            _b[styles.highlighted] = !mobile && highlighted,
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
             _b)), "data-test-id": dataTestId }),

package/select/components/option/index.css

@@ -53,7 +53,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_pw2ew {
+} .select__option_2ab4z {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -68,10 +68,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_pw2ew:not(.select__disabled_pw2ew):active {
+} .select__option_2ab4z:not(.select__disabled_2ab4z):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_pw2ew:before {
+    } .select__option_2ab4z:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -81,46 +81,46 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_pw2ew:first-child:before {
+    } .select__option_2ab4z:first-child:before {
         display: none;
-    } .select__s_pw2ew {
+    } .select__s_2ab4z {
     min-height: var(--size-s-height);
-} .select__m_pw2ew {
+} .select__m_2ab4z {
     min-height: var(--size-m-height);
-} .select__l_pw2ew {
+} .select__l_2ab4z {
     min-height: var(--size-l-height);
-} .select__xl_pw2ew {
+} .select__xl_2ab4z {
     min-height: var(--size-xl-height);
-} .select__l_pw2ew,
-.select__xl_pw2ew {
+} .select__l_2ab4z,
+.select__xl_2ab4z {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__l_pw2ew:before, .select__xl_pw2ew:before {
+} .select__l_2ab4z:before, .select__xl_2ab4z:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_pw2ew {
+    } .select__selected_2ab4z {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_pw2ew {
+} .select__highlighted_2ab4z {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_pw2ew:before,
-    .select__highlighted_pw2ew + .select__option_pw2ew:before {
+} .select__highlighted_2ab4z:before,
+    .select__highlighted_2ab4z + .select__option_2ab4z:before {
         opacity: 0;
-    } .select__disabled_pw2ew {
+    } .select__disabled_2ab4z {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_pw2ew {
+} .select__content_2ab4z {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_pw2ew {
+} .select__textContent_2ab4z {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 } /* IE min-height fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__option_pw2ew:after {
+    .select__option_2ab4z:after {
         min-height: inherit;
         font-size: 0;
         content: '';

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

@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optionsList":"select__optionsList_18xsw","optionsListHeader":"select__optionsListHeader_18xsw","optionsListFooter":"select__optionsListFooter_18xsw","withBorder":"select__withBorder_18xsw","scrollable":"select__scrollable_18xsw","emptyPlaceholder":"select__emptyPlaceholder_18xsw","l":"select__l_18xsw","xl":"select__xl_18xsw"};
+var styles = {"optionsList":"select__optionsList_1iyoz","optionsListHeader":"select__optionsListHeader_1iyoz","optionsListFooter":"select__optionsListFooter_1iyoz","withBorder":"select__withBorder_1iyoz","scrollable":"select__scrollable_1iyoz","emptyPlaceholder":"select__emptyPlaceholder_1iyoz","l":"select__l_1iyoz","xl":"select__xl_1iyoz"};
 require('./index.css');
 
 var createCounter = function () {

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

@@ -29,28 +29,28 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_18xsw {
+} .select__optionsList_1iyoz {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_18xsw {
+} .select__optionsListHeader_1iyoz {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-border-secondary);
-} .select__optionsListFooter_18xsw {
+} .select__optionsListFooter_1iyoz {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__optionsListFooter_18xsw.select__withBorder_18xsw {
+} .select__optionsListFooter_1iyoz.select__withBorder_1iyoz {
         border-top: 1px solid var(--color-light-border-secondary);
-    } .select__scrollable_18xsw {
+    } .select__scrollable_1iyoz {
     overflow: auto;
     width: 100%;
-} .select__emptyPlaceholder_18xsw {
+} .select__emptyPlaceholder_1iyoz {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_18xsw .select__emptyPlaceholder_18xsw,
-.select__xl_18xsw .select__emptyPlaceholder_18xsw {
+} .select__l_1iyoz .select__emptyPlaceholder_1iyoz,
+.select__xl_1iyoz .select__emptyPlaceholder_1iyoz {
     padding: var(--gap-xl) var(--gap-m);
 }

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

@@ -2,7 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('tslib');
 require('react');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-344072e1.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-49b498c8.js');
+require('../../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('../arrow/Component.js');
 require('../base-select-mobile/Component.js');
 require('../base-select-mobile/footer/Component.js');
@@ -19,7 +20,7 @@ require('classnames');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-require('../../getDataTestId-8a4d1ce5.js');
+require('../../getDataTestId-622ff0c4.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -33,7 +34,7 @@ require('../checkmark-mobile/Component.js');
 require('../../../scrollbar');
 require('../../consts.js');
 require('../../../skeleton');
-require('../../intersection-observer-2786d67d.js');
+require('../../intersection-observer-d143866b.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../../../button');
 require('../../../bottom-sheet');

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

@@ -1 +1 @@
-export * from "../../Component-344072e1";
+export * from "../../Component-49b498c8";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-344072e1.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-49b498c8.js');
 require('tslib');
 require('react');
 require('../../Component.js');
@@ -13,7 +13,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-require('../../getDataTestId-8a4d1ce5.js');
+require('../../getDataTestId-622ff0c4.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('../field/Component.js');
@@ -29,6 +29,7 @@ require('../checkmark-mobile/Component.js');
 require('../options-list/Component.js');
 require('../../../scrollbar');
 require('../../consts.js');
+require('../../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('../base-select-mobile/Component.js');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
@@ -38,7 +39,7 @@ require('../../../button');
 require('../virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-2786d67d.js');
+require('../../intersection-observer-d143866b.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 

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

@@ -2,7 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('tslib');
 require('react');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-344072e1.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-49b498c8.js');
+require('../../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('../arrow/Component.js');
 require('../base-select-mobile/Component.js');
 require('../base-select-mobile/footer/Component.js');
@@ -19,7 +20,7 @@ require('classnames');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-require('../../getDataTestId-8a4d1ce5.js');
+require('../../getDataTestId-622ff0c4.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -33,7 +34,7 @@ require('../checkmark-mobile/Component.js');
 require('../../../scrollbar');
 require('../../consts.js');
 require('../../../skeleton');
-require('../../intersection-observer-2786d67d.js');
+require('../../intersection-observer-d143866b.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../../../button');
 require('../../../bottom-sheet');

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

@@ -1 +1 @@
-export * from "../../Component-344072e1";
+export * from "../../Component-49b498c8";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-344072e1.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-49b498c8.js');
 require('tslib');
 require('react');
 require('../../Component.js');
@@ -13,7 +13,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-require('../../getDataTestId-8a4d1ce5.js');
+require('../../getDataTestId-622ff0c4.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('../field/Component.js');
@@ -29,6 +29,7 @@ require('../checkmark-mobile/Component.js');
 require('../options-list/Component.js');
 require('../../../scrollbar');
 require('../../consts.js');
+require('../../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('../base-select-mobile/Component.js');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
@@ -38,7 +39,7 @@ require('../../../button');
 require('../virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-2786d67d.js');
+require('../../intersection-observer-d143866b.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 

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

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_1f85l","virtualOptionsListHeader":"select__virtualOptionsListHeader_1f85l","virtualOptionsListFooter":"select__virtualOptionsListFooter_1f85l","withBorder":"select__withBorder_1f85l","scrollable":"select__scrollable_1f85l","inner":"select__inner_1f85l","virtualRow":"select__virtualRow_1f85l","highlighted":"select__highlighted_1f85l","emptyPlaceholder":"select__emptyPlaceholder_1f85l","l":"select__l_1f85l","xl":"select__xl_1f85l"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_520i7","virtualOptionsListHeader":"select__virtualOptionsListHeader_520i7","virtualOptionsListFooter":"select__virtualOptionsListFooter_520i7","withBorder":"select__withBorder_520i7","scrollable":"select__scrollable_520i7","inner":"select__inner_520i7","virtualRow":"select__virtualRow_520i7","highlighted":"select__highlighted_520i7","emptyPlaceholder":"select__emptyPlaceholder_520i7","l":"select__l_520i7","xl":"select__xl_520i7"};
 require('./index.css');
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {

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

@@ -35,34 +35,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_1f85l {
+} .select__virtualOptionsList_520i7 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
-} .select__virtualOptionsListHeader_1f85l {
+} .select__virtualOptionsListHeader_520i7 {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-border-secondary);
-} .select__virtualOptionsListFooter_1f85l {
+} .select__virtualOptionsListFooter_520i7 {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_1f85l.select__withBorder_1f85l {
+} .select__virtualOptionsListFooter_520i7.select__withBorder_520i7 {
         border-top: 1px solid var(--color-light-border-secondary);
-    } .select__scrollable_1f85l {
+    } .select__scrollable_520i7 {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_1f85l {
+} .select__inner_520i7 {
     position: relative;
     width: 100%;
-} .select__virtualRow_1f85l {
+} .select__virtualRow_520i7 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_1f85l:before {
+} .select__virtualRow_520i7:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -72,15 +72,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_1f85l:first-child:before {
+    } .select__virtualRow_520i7:first-child:before {
         display: none;
-    } .select__highlighted_1f85l:before,
-    .select__highlighted_1f85l + .select__virtualRow_1f85l:before {
+    } .select__highlighted_520i7:before,
+    .select__highlighted_520i7 + .select__virtualRow_520i7:before {
         display: none;
-    } .select__emptyPlaceholder_1f85l {
+    } .select__emptyPlaceholder_520i7 {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_1f85l .select__emptyPlaceholder_1f85l,
-.select__xl_1f85l .select__emptyPlaceholder_1f85l {
+} .select__l_520i7 .select__emptyPlaceholder_520i7,
+.select__xl_520i7 .select__emptyPlaceholder_520i7 {
     padding: var(--gap-xl) var(--gap-m);
 }

package/select/cssm/{Component-75d13e23.d.ts → Component-4727d474.d.ts}

@@ -2,9 +2,10 @@
 import React from "react";
 import { ReactNode } from "react";
 import { BottomSheetProps } from "../../bottom-sheet";
-import { UseSelectWithApplyProps } from "./hook-4b555174";
+import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
 import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
 import { FooterProps } from "./presets/useSelectWithApply/options-list-with-apply/footer/Component";
+import { HeaderProps } from "./presets/useSelectWithApply/options-list-with-apply/header/Component";
 import { ModalMobile } from "./Component.mobile-b2c0420d";
 type AdditionalMobileProps = {
     /**
@@ -29,6 +30,14 @@ type AdditionalMobileProps = {
      * Показывать пункт "Выбрать все"
      */
     showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
 };
 type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
 declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
@@ -38,6 +47,9 @@ declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListP
     selectedDraft?: OptionShape[] | undefined;
     OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
     Footer?: React.FC<FooterProps> | undefined;
+    Header?: React.FC<HeaderProps> | undefined;
+    headerProps?: HeaderProps | undefined;
+    showHeaderWithSelectAll?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
@@ -60,6 +72,11 @@ type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> &
      *  Дополнительные пропсы футера модалки
      */
     modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
 };
 declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
     /**
@@ -82,5 +99,10 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
      *  Дополнительные пропсы футера модалки
      */
     modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean | undefined;
 } & React.RefAttributes<unknown>>;
 export { AdditionalMobileProps, SelectMobileProps, SelectMobile, OptionsListWithApply, SelectModalMobileProps, SelectModalMobile };