@alfalab/core-components 41.11.0 → 41.13.0

package/input/modern/index.css

@@ -64,7 +64,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_1piz3 {
+} .input__input_5c2yi {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -79,94 +79,94 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_1piz3::placeholder {
+} .input__input_5c2yi::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_1piz3::placeholder {
+} .input__hasInnerLabel_5c2yi::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_1piz3.input__s_1piz3 {
+    } .input__hasInnerLabel_5c2yi.input__s_5c2yi {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_1piz3.input__m_1piz3 {
+    } .input__hasInnerLabel_5c2yi.input__m_5c2yi {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_1piz3.input__l_1piz3 {
+    } .input__hasInnerLabel_5c2yi.input__l_5c2yi {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_1piz3.input__xl_1piz3 {
+    } .input__hasInnerLabel_5c2yi.input__xl_5c2yi {
         height: var(--form-control-xl-min-height);
-    } .input__block_1piz3 {
+    } .input__block_5c2yi {
     width: 100%;
-} .input__clearIcon_1piz3 {
+} .input__clearIcon_5c2yi {
     display: block;
     opacity: 0.3;
     transition: opacity 0.2s ease
-} .input__clearIcon_1piz3:hover {
+} .input__clearIcon_5c2yi:hover {
         opacity: 0.6;
-    } .input__clearIcon_1piz3:active {
+    } .input__clearIcon_5c2yi:active {
         opacity: 1;
-    } .input__errorIcon_1piz3 {
+    } .input__errorIcon_5c2yi {
     display: var(--input-error-icon-display)
-} .input__errorIcon_1piz3:not(:only-child) {
+} .input__errorIcon_5c2yi:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } * + .input__errorIcon_1piz3 {
+    } * + .input__errorIcon_5c2yi {
     display: var(--input-error-icon-not-alone-display);
-} .input__errorColorIcon_1piz3 {
+} .input__errorColorIcon_5c2yi {
     color: var(--color-light-graphic-negative);
-} .input__clearButton_1piz3 + * {
+} .input__clearButton_5c2yi + * {
     margin-left: var(--gap-2xs);
-} .input__clearButton_1piz3 + .input__errorIcon_1piz3 {
+} .input__clearButton_5c2yi + .input__errorIcon_5c2yi {
     display: var(--input-error-icon-display);
-} .input__successIcon_1piz3 {
+} .input__successIcon_5c2yi {
     display: var(--input-success-icon-display)
-} .input__successIcon_1piz3:not(:only-child) {
+} .input__successIcon_5c2yi:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } .input__successColorIcon_1piz3 {
+    } .input__successColorIcon_5c2yi {
     color: var(--color-light-graphic-positive);
-} /* DISABLED STATE */ .input__input_1piz3:disabled {
+} /* DISABLED STATE */ .input__input_5c2yi:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_1piz3:focus.input__hasInnerLabel_1piz3::placeholder {
+} /* FOCUS STATE */ .input__input_5c2yi:focus.input__hasInnerLabel_5c2yi::placeholder {
     opacity: 1;
-} .input__focusVisible_1piz3 {
+} .input__focusVisible_5c2yi {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_1piz3:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_5c2yi:read-only:focus::placeholder {
     opacity: 0;
-} /* IE hide clear */ .input__input_1piz3::-ms-clear {
+} /* IE hide clear */ .input__input_5c2yi::-ms-clear {
     display: none;
     width: 0;
     height: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_1piz3:-webkit-autofill:first-line, .input__input_1piz3:-webkit-autofill:hover:first-line, .input__input_1piz3:-webkit-autofill:focus:first-line, .input__input_1piz3:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_5c2yi:-webkit-autofill:first-line, .input__input_5c2yi:-webkit-autofill:hover:first-line, .input__input_5c2yi:-webkit-autofill:focus:first-line, .input__input_5c2yi:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_1piz3:-webkit-autofill,
-    .input__input_1piz3:-webkit-autofill:hover,
-    .input__input_1piz3:-webkit-autofill:focus,
-    .input__input_1piz3:-webkit-autofill:active {
+        } .input__input_5c2yi:-webkit-autofill,
+    .input__input_5c2yi:-webkit-autofill:hover,
+    .input__input_5c2yi:-webkit-autofill:focus,
+    .input__input_5c2yi:-webkit-autofill:active {
 
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
-    } .input__input_1piz3:-webkit-autofill {
-        animation: input__onautofillstart_1piz3 999999s forwards;
-    } .input__input_1piz3:not(:-webkit-autofill) {
+    } .input__input_5c2yi:-webkit-autofill {
+        animation: input__onautofillstart_5c2yi 999999s forwards;
+    } .input__input_5c2yi:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_1piz3 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_1piz3::-webkit-outer-spin-button,
-    .input__input_1piz3::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_5c2yi 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_5c2yi::-webkit-outer-spin-button,
+    .input__input_5c2yi::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_1piz3 {
+    } .input__input_5c2yi {
 
     /* Firefox */
-} .input__input_1piz3[type='number'] {
+} .input__input_5c2yi[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_1piz3 {
+    } @keyframes input__onautofillstart_5c2yi {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_1piz3 {
+} @keyframes input__onautofillcancel_5c2yi {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/modern/inverted.css

@@ -37,28 +37,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1ljyr {
+} .input__input_1jzq9 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1ljyr:-webkit-autofill {
+} .input__input_1jzq9:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_1ljyr::placeholder {
+} .input__input_1jzq9::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_1ljyr::placeholder {
+} .input__hasInnerLabel_1jzq9::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} .input__clearIcon_1ljyr {
+} .input__clearIcon_1jzq9 {
     color: var(--color-light-graphic-primary-inverted);
-} /* READ-ONLY STATE */ .input__input_1ljyr:read-only {
+} /* READ-ONLY STATE */ .input__input_1jzq9:read-only {
     color: var(--input-inverted-read-only-color)
-} .input__input_1ljyr:read-only:focus::placeholder {
+} .input__input_1jzq9:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1ljyr:disabled {
+    } /* DISABLED STATE */ .input__input_1jzq9:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_1ljyr:focus::placeholder {
+} /* FOCUS STATE */ .input__input_1jzq9:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1ljyr {
+} /* ERROR STATE */ .input__error_1jzq9 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input-autocomplete/Component-aed0af6e.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import React from 'react';
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
+};
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

package/input-autocomplete/{Component-4b555174.d.ts → Component-b4e70cb0.d.ts}

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
 import React from 'react';
+import { HeaderProps } from "./Component-aed0af6e";
 type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
@@ -14,5 +15,8 @@ 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>>;
 export { FooterProps, Footer, OptionsListWithApply };

package/input-autocomplete/Component.mobile.js

@@ -9,7 +9,7 @@ var coreComponentsButton = require('../button');
 var coreComponentsInput = require('../input');
 var coreComponentsSelect = require('../select');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-d708fa54.js');
+var mobile_module = require('./mobile.module-f85b4300.js');
 require('../form-control');
 require('@alfalab/hooks');
 
@@ -81,7 +81,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
                     bottomSheetHeaderAddonsProps.ref,
                 ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
     };
-    return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
+    return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, useWithApplyHook: false, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
 });
 
 exports.InputAutocompleteMobile = InputAutocompleteMobile;

package/input-autocomplete/Component.modal.mobile.d.ts

@@ -4,7 +4,7 @@ import { ChangeEvent, ElementType } from "react";
 import { ButtonProps } from "../button";
 import { BaseSelectChangePayload } from "./index-3e68f8db";
 import { ModalMobile } from "./Component.mobile-e81c389f";
-import { UseSelectWithApplyProps } from "./hook-4b555174";
+import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
 import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
@@ -27,6 +27,14 @@ type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> &
      *  Дополнительные пропсы футера модалки
      */
     modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+    /*
+    * Показывать пункт "Выбрать все" в заголовке списка
+    */
+    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
 };
 type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**

package/input-autocomplete/Component.modal.mobile.js

@@ -9,7 +9,7 @@ var coreComponentsButton = require('../button');
 var coreComponentsInput = require('../input');
 var mobile = require('../select/mobile');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-d708fa54.js');
+var mobile_module = require('./mobile.module-f85b4300.js');
 require('../form-control');
 require('@alfalab/hooks');
 
@@ -69,7 +69,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
     var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
-    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
+    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
 });
 
 exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;

package/input-autocomplete/Component.responsive.js

@@ -14,7 +14,7 @@ require('lodash.throttle');
 require('../button');
 require('./autocomplete-mobile-field/Component.js');
 require('../form-control');
-require('./mobile.module-d708fa54.js');
+require('./mobile.module-f85b4300.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/input-autocomplete/autocomplete-field/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_1ycb4","error":"input-autocomplete__error_1ycb4"};
+var styles = {"arrow":"input-autocomplete__arrow_24bt3","error":"input-autocomplete__error_24bt3"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

package/input-autocomplete/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 42pry */
-.input-autocomplete__arrow_1ycb4.input-autocomplete__error_1ycb4 ~ * {
+/* hash: 1y3i0 */
+.input-autocomplete__arrow_24bt3.input-autocomplete__error_24bt3 ~ * {
     display: none;
 }

package/input-autocomplete/autocomplete-mobile-field/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"input-autocomplete__component_12yov","field":"input-autocomplete__field_12yov","disabled":"input-autocomplete__disabled_12yov","placeholder":"input-autocomplete__placeholder_12yov","contentWrapper":"input-autocomplete__contentWrapper_12yov","value":"input-autocomplete__value_12yov","focusVisible":"input-autocomplete__focusVisible_12yov"};
+var styles = {"component":"input-autocomplete__component_nonoc","field":"input-autocomplete__field_nonoc","disabled":"input-autocomplete__disabled_nonoc","placeholder":"input-autocomplete__placeholder_nonoc","contentWrapper":"input-autocomplete__contentWrapper_nonoc","value":"input-autocomplete__value_nonoc","focusVisible":"input-autocomplete__focusVisible_nonoc"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

package/input-autocomplete/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 8cqb4 */
+/* hash: dd24a */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_12yov {
+} .input-autocomplete__component_nonoc {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_12yov:not(.input-autocomplete__disabled_12yov) {
+} .input-autocomplete__field_nonoc:not(.input-autocomplete__disabled_nonoc) {
     cursor: pointer;
-} .input-autocomplete__disabled_12yov {
+} .input-autocomplete__disabled_nonoc {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_12yov {
+} .input-autocomplete__placeholder_nonoc {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_12yov {
+} .input-autocomplete__contentWrapper_nonoc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_12yov {
+} .input-autocomplete__value_nonoc {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_12yov {
+} .input-autocomplete__focusVisible_nonoc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/cssm/Component-aed0af6e.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import React from 'react';
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
+};
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

package/input-autocomplete/cssm/{Component-4b555174.d.ts → Component-b4e70cb0.d.ts}

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
 import React from 'react';
+import { HeaderProps } from "./Component-aed0af6e";
 type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
@@ -14,5 +15,8 @@ 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>>;
 export { FooterProps, Footer, OptionsListWithApply };

package/input-autocomplete/cssm/Component.mobile.js

@@ -83,7 +83,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
                     bottomSheetHeaderAddonsProps.ref,
                 ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
     };
-    return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
+    return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, useWithApplyHook: false, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
 });
 
 exports.InputAutocompleteMobile = InputAutocompleteMobile;

package/input-autocomplete/cssm/Component.modal.mobile.d.ts

@@ -4,7 +4,7 @@ import { ChangeEvent, ElementType } from "react";
 import { ButtonProps } from "../../button";
 import { BaseSelectChangePayload } from "./index-3e68f8db";
 import { ModalMobile } from "./Component.mobile-e81c389f";
-import { UseSelectWithApplyProps } from "./hook-4b555174";
+import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
 import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
@@ -27,6 +27,14 @@ type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> &
      *  Дополнительные пропсы футера модалки
      */
     modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+    /*
+    * Показывать пункт "Выбрать все" в заголовке списка
+    */
+    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
 };
 type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**

package/input-autocomplete/cssm/Component.modal.mobile.js

@@ -71,7 +71,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
     var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
-    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
+    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
 });
 
 exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;

package/input-autocomplete/{hook-4b555174.d.ts → cssm/hook-b4e70cb0.d.ts}

@@ -29,17 +29,22 @@ type UseSelectWithApplyProps = {
      * Показывать пункт "Выбрать все"
      */
     showSelectAll?: boolean;
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: boolean;
 };
 declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, }: UseSelectWithApplyProps): {
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./index-3e68f8db").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined; /**
-         * Пропсы, которые будут прокинуты в компонент списка
-         */
-        Footer?: import("react").FC<import("./Component-4b555174").FooterProps> | undefined;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-b4e70cb0").FooterProps> | undefined;
+        Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
+        headerProps?: import("./Component-aed0af6e").HeaderProps | undefined;
+        showHeaderWithSelectAll?: boolean | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
         OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
@@ -48,6 +53,12 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         onApply: () => void;
         onClose: () => void;
         selectedDraft: OptionShape[];
+        showHeaderWithSelectAll: boolean;
+        headerProps: {
+            indeterminate: boolean;
+            checked: boolean;
+            onChange: () => void;
+        };
     };
     allowUnselect: boolean;
     multiple: boolean;
@@ -58,5 +69,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     onChange: (payload: import("./index-3e68f8db").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
 };
-export * from "./Component-4b555174";
+export * from "./Component-b4e70cb0";
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };