@alfalab/core-components-select 14.1.2 → 14.3.0

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

@@ -1,4 +1,4 @@
-/* hash: f0x7j */
+/* hash: 1541y */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -29,28 +29,28 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_8upsm {
+} .select__optionsList_1iyoz {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_8upsm {
+} .select__optionsListHeader_1iyoz {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-border-secondary);
-} .select__optionsListFooter_8upsm {
+} .select__optionsListFooter_1iyoz {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__optionsListFooter_8upsm.select__withBorder_8upsm {
+} .select__optionsListFooter_1iyoz.select__withBorder_1iyoz {
         border-top: 1px solid var(--color-light-border-secondary);
-    } .select__scrollable_8upsm {
+    } .select__scrollable_1iyoz {
     overflow: auto;
     width: 100%;
-} .select__emptyPlaceholder_8upsm {
+} .select__emptyPlaceholder_1iyoz {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_8upsm .select__emptyPlaceholder_8upsm,
-.select__xl_8upsm .select__emptyPlaceholder_8upsm {
+} .select__l_1iyoz .select__emptyPlaceholder_1iyoz,
+.select__xl_1iyoz .select__emptyPlaceholder_1iyoz {
     padding: var(--gap-xl) var(--gap-m);
 }

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

@@ -1,6 +1,7 @@
 import 'tslib';
 import 'react';
-export { S as SelectMobile } from '../../Component-2ff63ae2.js';
+export { S as SelectMobile } from '../../Component-b436aedf.js';
+import '../../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import '../arrow/Component.js';
 import '../base-select-mobile/Component.js';
 import '../base-select-mobile/footer/Component.js';
@@ -17,7 +18,7 @@ import 'classnames';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-import '../../getDataTestId-d8d91b2e.js';
+import '../../getDataTestId-416fe68c.js';
 import '../../utils.js';
 import '../native-select/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -31,7 +32,7 @@ import '../checkmark-mobile/Component.js';
 import '@alfalab/core-components-scrollbar/esm';
 import '../../consts.js';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-210062db.js';
+import '../../intersection-observer-71fc11ef.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-bottom-sheet/esm';

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

@@ -1 +1 @@
-export * from "../../Component-2ff63ae2";
+export * from "../../Component-b436aedf";

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

@@ -1,4 +1,4 @@
-export { S as SelectMobile } from '../../Component-2ff63ae2.js';
+export { S as SelectMobile } from '../../Component-b436aedf.js';
 import 'tslib';
 import 'react';
 import '../../Component.js';
@@ -11,7 +11,7 @@ import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-import '../../getDataTestId-d8d91b2e.js';
+import '../../getDataTestId-416fe68c.js';
 import '../../utils.js';
 import '../native-select/Component.js';
 import '../field/Component.js';
@@ -27,6 +27,7 @@ import '../checkmark-mobile/Component.js';
 import '../options-list/Component.js';
 import '@alfalab/core-components-scrollbar/esm';
 import '../../consts.js';
+import '../../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import '../base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
@@ -36,5 +37,5 @@ import '@alfalab/core-components-button/esm';
 import '../virtual-options-list/Component.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-210062db.js';
+import '../../intersection-observer-71fc11ef.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';

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

@@ -1,6 +1,7 @@
 import 'tslib';
 import 'react';
-export { a as SelectModalMobile } from '../../Component-2ff63ae2.js';
+export { a as SelectModalMobile } from '../../Component-b436aedf.js';
+import '../../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import '../arrow/Component.js';
 import '../base-select-mobile/Component.js';
 import '../base-select-mobile/footer/Component.js';
@@ -17,7 +18,7 @@ import 'classnames';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-import '../../getDataTestId-d8d91b2e.js';
+import '../../getDataTestId-416fe68c.js';
 import '../../utils.js';
 import '../native-select/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -31,7 +32,7 @@ import '../checkmark-mobile/Component.js';
 import '@alfalab/core-components-scrollbar/esm';
 import '../../consts.js';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-210062db.js';
+import '../../intersection-observer-71fc11ef.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-bottom-sheet/esm';

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

@@ -1 +1 @@
-export * from "../../Component-2ff63ae2";
+export * from "../../Component-b436aedf";

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

@@ -1,4 +1,4 @@
-export { a as SelectModalMobile } from '../../Component-2ff63ae2.js';
+export { a as SelectModalMobile } from '../../Component-b436aedf.js';
 import 'tslib';
 import 'react';
 import '../../Component.js';
@@ -11,7 +11,7 @@ import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-import '../../getDataTestId-d8d91b2e.js';
+import '../../getDataTestId-416fe68c.js';
 import '../../utils.js';
 import '../native-select/Component.js';
 import '../field/Component.js';
@@ -27,6 +27,7 @@ import '../checkmark-mobile/Component.js';
 import '../options-list/Component.js';
 import '@alfalab/core-components-scrollbar/esm';
 import '../../consts.js';
+import '../../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import '../base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
@@ -36,5 +37,5 @@ import '@alfalab/core-components-button/esm';
 import '../virtual-options-list/Component.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-210062db.js';
+import '../../intersection-observer-71fc11ef.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';

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

@@ -9,16 +9,16 @@ import { DEFAULT_VISIBLE_OPTIONS } from '../../consts.js';
 import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_5cb1o","virtualOptionsListHeader":"select__virtualOptionsListHeader_5cb1o","virtualOptionsListFooter":"select__virtualOptionsListFooter_5cb1o","withBorder":"select__withBorder_5cb1o","scrollable":"select__scrollable_5cb1o","inner":"select__inner_5cb1o","virtualRow":"select__virtualRow_5cb1o","highlighted":"select__highlighted_5cb1o","emptyPlaceholder":"select__emptyPlaceholder_5cb1o","l":"select__l_5cb1o","xl":"select__xl_5cb1o"};
+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 = forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup$1 = _g === void 0 ? Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar;
+    var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup$1 = _g === void 0 ? Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar;
     var listRef = useRef(null);
     var parentRef = useRef(null);
     var scrollbarRef = useRef(null);
-    var _j = useState(0), visibleOptionsInvalidateKey = _j[0], setVisibleOptionsInvalidateKey = _j[1];
+    var _k = useState(0), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
     var prevHighlightedIndex = usePrevious(highlightedIndex) || -1;
     var nativeScrollbar = useMedia([[true, '(max-width: 1023px)']], false)[0];
     var rowVirtualizer = useVirtual({
@@ -122,7 +122,7 @@ var VirtualOptionsList = forwardRef(function (_a, ref) {
         header && React.createElement("div", { className: styles.virtualOptionsListHeader }, header),
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),
         emptyPlaceholder && options.length === 0 && (React.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder)),
-        footer && (React.createElement("div", { className: cn(styles.virtualOptionsListFooter, (_b = {},
+        showFooter && footer && (React.createElement("div", { className: cn(styles.virtualOptionsListFooter, (_b = {},
                 _b[styles.withBorder] = visibleOptions && flatOptions.length > visibleOptions,
                 _b)) }, footer))));
 });

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

@@ -1,4 +1,4 @@
-/* hash: la4a6 */
+/* hash: aezsy */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd;
@@ -35,34 +35,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_5cb1o {
+} .select__virtualOptionsList_520i7 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
-} .select__virtualOptionsListHeader_5cb1o {
+} .select__virtualOptionsListHeader_520i7 {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-border-secondary);
-} .select__virtualOptionsListFooter_5cb1o {
+} .select__virtualOptionsListFooter_520i7 {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_5cb1o.select__withBorder_5cb1o {
+} .select__virtualOptionsListFooter_520i7.select__withBorder_520i7 {
         border-top: 1px solid var(--color-light-border-secondary);
-    } .select__scrollable_5cb1o {
+    } .select__scrollable_520i7 {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_5cb1o {
+} .select__inner_520i7 {
     position: relative;
     width: 100%;
-} .select__virtualRow_5cb1o {
+} .select__virtualRow_520i7 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_5cb1o: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_5cb1o:first-child:before {
+    } .select__virtualRow_520i7:first-child:before {
         display: none;
-    } .select__highlighted_5cb1o:before,
-    .select__highlighted_5cb1o + .select__virtualRow_5cb1o:before {
+    } .select__highlighted_520i7:before,
+    .select__highlighted_520i7 + .select__virtualRow_520i7:before {
         display: none;
-    } .select__emptyPlaceholder_5cb1o {
+    } .select__emptyPlaceholder_520i7 {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_5cb1o .select__emptyPlaceholder_5cb1o,
-.select__xl_5cb1o .select__emptyPlaceholder_5cb1o {
+} .select__l_520i7 .select__emptyPlaceholder_520i7,
+.select__xl_520i7 .select__emptyPlaceholder_520i7 {
     padding: var(--gap-xl) var(--gap-m);
 }

package/{cssm/hook-4b555174.d.ts → esm/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").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined; /**
-         * Пропсы, которые будут прокинуты в компонент списка
-         */
+        OptionsList?: import("react").FC<import("./index").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
         Footer?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/footer/Component").FooterProps> | undefined;
+        Header?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/header/Component").HeaderProps> | undefined;
+        headerProps?: import("./presets/useSelectWithApply/options-list-with-apply/header/Component").HeaderProps | undefined;
+        showHeaderWithSelectAll?: boolean | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
         OptionsList: import("react").FC<import("./index").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;

package/esm/index-3885b0d7.d.ts

@@ -1,3 +1,3 @@
 declare const isClient: () => boolean;
 export { isClient };
-export * from "./getDataTestId-d8d91b2e";
+export * from "./getDataTestId-416fe68c";

package/esm/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
 export { BaseSelect } from './components/base-select/Component.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-2ff63ae2.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-b436aedf.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -20,8 +20,10 @@ import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-import './getDataTestId-d8d91b2e.js';
+import './getDataTestId-416fe68c.js';
 import './components/native-select/Component.js';
+import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
+import '@alfalab/core-components-checkbox/esm';
 import './components/base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
@@ -30,11 +32,10 @@ import '@alfalab/core-components-base-modal/esm';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-form-control/esm';
 import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '@alfalab/core-components-skeleton/esm';
-import './intersection-observer-210062db.js';
+import './intersection-observer-71fc11ef.js';
 import './consts.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import './components/checkmark/Component.js';

package/esm/mobile.d.ts

@@ -0,0 +1,4 @@
+export { SelectMobile } from "./components/select-mobile/index";
+export { SelectModalMobile } from "./components/select-modal-mobile/index";
+export type { SelectMobileProps } from "./components/select-mobile/index";
+export type { SelectModalMobileProps } from "./components/select-modal-mobile/index";

package/esm/mobile.js

@@ -0,0 +1,41 @@
+export { S as SelectMobile, a as SelectModalMobile } from './Component-b436aedf.js';
+import 'tslib';
+import 'react';
+import './Component.js';
+import './components/arrow/Component.js';
+import 'classnames';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import './components/base-select/Component.js';
+import 'react-merge-refs';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/hooks';
+import './getDataTestId-416fe68c.js';
+import './utils.js';
+import './components/native-select/Component.js';
+import './components/field/Component.js';
+import '@alfalab/core-components-form-control/esm';
+import './components/optgroup/Component.js';
+import './components/option/Component.js';
+import './components/checkmark/Component.js';
+import '@alfalab/core-components-badge/esm';
+import '@alfalab/core-components-checkbox/esm';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import './components/checkmark-mobile/Component.js';
+import './components/options-list/Component.js';
+import '@alfalab/core-components-scrollbar/esm';
+import './consts.js';
+import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
+import './components/base-select-mobile/Component.js';
+import '@alfalab/core-components-bottom-sheet/esm';
+import '@alfalab/core-components-modal/esm/mobile';
+import './components/base-select-mobile/footer/Component.js';
+import '@alfalab/core-components-base-modal/esm';
+import '@alfalab/core-components-button/esm';
+import './components/virtual-options-list/Component.js';
+import 'react-virtual';
+import '@alfalab/core-components-skeleton/esm';
+import './intersection-observer-71fc11ef.js';
+import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';

package/esm/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-4b555174";
+export * from "../hook-b4e70cb0";

package/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-2ff63ae2.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-b436aedf.js';
 import 'tslib';
 import 'react';
 import '@alfalab/core-components-skeleton/esm';
@@ -12,7 +12,7 @@ import '@alfalab/core-components-checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
-import '../intersection-observer-210062db.js';
+import '../intersection-observer-71fc11ef.js';
 import '../Component.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -22,7 +22,7 @@ import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-import '../getDataTestId-d8d91b2e.js';
+import '../getDataTestId-416fe68c.js';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/field/Component.js';
@@ -31,6 +31,7 @@ import '../components/optgroup/Component.js';
 import '../components/options-list/Component.js';
 import '@alfalab/core-components-scrollbar/esm';
 import '../consts.js';
+import './useSelectWithApply/options-list-with-apply/header/Component.js';
 import '../components/base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';

package/esm/presets/useLazyLoading/hook.js

@@ -2,7 +2,7 @@ import { __spreadArray, __assign } from 'tslib';
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/esm';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-210062db.js';
+import '../../intersection-observer-71fc11ef.js';
 import 'classnames';
 import '../../components/checkmark/Component.js';
 import '@alfalab/core-components-badge/esm';
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark-mobile/Component.js';
 
-var styles = {"skeleton":"select__skeleton_7lnlx"};
+var styles = {"skeleton":"select__skeleton_1rzbd"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;

package/esm/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: k3e99 */
-.select__skeleton_7lnlx {
+/* hash: porvs */
+.select__skeleton_1rzbd {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/esm/presets/useSelectWithApply/hook.js

@@ -4,7 +4,7 @@ import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../../components/base-select/Component.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-2ff63ae2.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-b436aedf.js';
 import '@alfalab/core-components-form-control/esm';
 import '@alfalab/hooks';
 import '../../utils.js';
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/options-list/Component.js';
 import '../../components/virtual-options-list/Component.js';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-210062db.js';
+import '../../intersection-observer-71fc11ef.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
@@ -26,10 +26,11 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
-import '../../getDataTestId-d8d91b2e.js';
+import '../../getDataTestId-416fe68c.js';
 import '../../components/native-select/Component.js';
 import '@alfalab/core-components-scrollbar/esm';
 import '../../consts.js';
+import './options-list-with-apply/header/Component.js';
 import '../../components/base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';

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

@@ -2,8 +2,9 @@ import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
 import '../../../consts.js';
-export { O as OptionsListWithApply } from '../../../Component-2ff63ae2.js';
+export { O as OptionsListWithApply } from '../../../Component-b436aedf.js';
 import './footer/Component.js';
+import './header/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-scrollbar/esm';
@@ -17,7 +18,7 @@ import '../../../components/base-select/Component.js';
 import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
-import '../../../getDataTestId-d8d91b2e.js';
+import '../../../getDataTestId-416fe68c.js';
 import '../../../components/native-select/Component.js';
 import '../../../components/field/Component.js';
 import '@alfalab/core-components-form-control/esm';
@@ -37,4 +38,4 @@ import '@alfalab/core-components-button/esm';
 import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../../intersection-observer-210062db.js';
+import '../../../intersection-observer-71fc11ef.js';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button } from '@alfalab/core-components-button/esm';
 
-var styles = {"footer":"select__footer_yh100"};
+var styles = {"footer":"select__footer_144g5"};
 require('./index.css')
 
 var Footer = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1eeu8 */
+/* hash: tf4y4 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,19 +17,10 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} :root {
-
-    /* options list */
-
-    /* option */
-
-    /* checkmark */
-
-    /* optgroup */
-} .select__footer_yh100 {
+} .select__footer_144g5 {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_yh100 > * + * {
+} .select__footer_144g5 > * + * {
         margin-left: var(--gap-xs);
     }

package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.d.ts

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import cn from 'classnames';
+import { Checkbox } from '@alfalab/core-components-checkbox/esm';
+
+var styles = {"desktop":"select__desktop_1jjm0","mobile":"select__mobile_1jjm0"};
+require('./index.css')
+
+var Header = function (_a) {
+    var _b;
+    var onChange = _a.onChange, checked = _a.checked, indeterminate = _a.indeterminate, mobile = _a.mobile;
+    return (React.createElement("div", { className: cn((_b = {}, _b[styles.desktop] = !mobile, _b[styles.mobile] = mobile, _b)) },
+        React.createElement(Checkbox, { block: true, indeterminate: indeterminate, size: 'm', onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435' })));
+};
+
+export { Header };

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

@@ -0,0 +1,23 @@
+/* hash: 1t43i */
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+} :root {
+} :root {
+} .select__desktop_1jjm0 {
+    padding: var(--gap-s);
+} .select__mobile_1jjm0 {
+    padding: var(--gap-s) var(--gap-xs);
+}

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

@@ -1 +1 @@
-export * from "../../../Component-2ff63ae2";
+export * from "../../../Component-b436aedf";