@alfalab/core-components 46.0.0-beta.7 → 46.0.0-beta.8

package/radio-group/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { RadioGroupDesktop } from './desktop/Component.desktop.js';
 import { RadioGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-radio-group/Component.js';
@@ -9,7 +8,7 @@ import 'classnames';
 import '@alfalab/hooks';
 
 var RadioGroup = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? RadioGroupDesktop : RadioGroupMobile;

package/radio-group/esm/index.js

@@ -2,7 +2,6 @@ export { RadioGroup } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';

package/radio-group/modern/Component.responsive.js

@@ -1,13 +1,12 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { RadioGroupDesktop } from './desktop/Component.desktop.js';
 import { RadioGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-const RadioGroup = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const RadioGroup = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? RadioGroupDesktop : RadioGroupMobile;

package/radio-group/modern/index.js

@@ -1,7 +1,6 @@
 export { RadioGroup } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';

package/select/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -13,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectResponsive = React.forwardRef(function (_a, ref) {
-    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
+    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     if (isDesktop) {
         return (React__default.default.createElement(desktop_Component_desktop.SelectDesktop, tslib.__assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps })));

package/select/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -13,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectResponsive = React.forwardRef(function (_a, ref) {
-    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
+    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     if (isDesktop) {
         return (React__default.default.createElement(desktop_Component_desktop.SelectDesktop, tslib.__assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps })));

package/select/cssm/{hook-aae7b381.js → hook-941ed97f.js}

@@ -1,5 +1,6 @@
 var tslib = require('tslib');
 var React = require('react');
+var deepEqual = require('deep-equal');
 var utils = require('./utils.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 var consts = require('./consts.js');
@@ -9,6 +10,7 @@ var presets_useSelectWithApply_optionsListWithApply_header_Component = require('
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var deepEqual__default = /*#__PURE__*/_interopDefaultCompat(deepEqual);
 
 var OptionsListWithApply = React.forwardRef(function (_a, ref) {
     var toggleMenu = _a.toggleMenu, defaultGetOptionProps = _a.getOptionProps, _b = _a.showClear, showClear = _b === void 0 ? true : _b, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _c = _a.selectedDraft, selectedDraft = _c === void 0 ? [] : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.OptionsList, OptionsList = _e === void 0 ? components_optionsList_Component.OptionsList : _e, _f = _a.onApply, onApply = _f === void 0 ? function () { return null; } : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.onClose, onClose = _h === void 0 ? function () { return null; } : _h, _j = _a.visibleOptions, visibleOptions = _j === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _j, _k = _a.Footer, Footer = _k === void 0 ? presets_useSelectWithApply_optionsListWithApply_footer_Component.Footer : _k, _l = _a.Header, Header = _l === void 0 ? presets_useSelectWithApply_optionsListWithApply_header_Component.Header : _l, header = _a.header, headerProps = _a.headerProps, restProps = tslib.__rest(_a, ["toggleMenu", "getOptionProps", "showClear", "showHeaderWithSelectAll", "selectedDraft", "flatOptions", "OptionsList", "onApply", "onClear", "onClose", "visibleOptions", "Footer", "Header", "header", "headerProps"]);
@@ -102,7 +104,10 @@ function useSelectWithApply(_a) {
     };
     var handleClose = function () { return setSelectedDraft(selectedOptionsRef.current); };
     React.useEffect(function () {
-        setSelectedDraft(selectedOptions);
+        // устанавливать selectedDraft если selectedOptions изменились
+        if (!deepEqual__default.default(selectedOptionsRef.current, selectedOptions)) {
+            setSelectedDraft(selectedOptions);
+        }
         selectedOptionsRef.current = selectedOptions;
     }, [selectedOptions]);
     var memoizedOptions = React.useMemo(function () { return (showSelectAll ? tslib.__spreadArray([selectAllOption], options, true) : options); }, [options, showSelectAll]);

package/select/{modern/hook-d4f77aed.d.ts → cssm/hook-bdd14a05.d.ts}

@@ -45,11 +45,14 @@ type UseSelectWithApplyProps = {
 declare const SELECT_ALL_KEY = "select_all";
 declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./typings").OptionsListProps & {
+        /**
+         * Обработчик выбора
+         */
         showClear?: boolean | undefined;
-        onClose?: (() => void) | undefined; /**
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined; /**
          * Компонент выпадающего меню
          */
-        selectedDraft?: OptionShape[] | undefined;
         OptionsList?: import("react").FC<import("./typings").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;

package/select/cssm/mobile/Component.mobile.js

@@ -14,7 +14,7 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-aae7b381.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-941ed97f.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/cssm/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-d4f77aed";
+export * from "../hook-bdd14a05";

package/select/cssm/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-aae7b381.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-941ed97f.js');
 
 
 

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

@@ -2,8 +2,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('tslib');
 require('react');
+require('deep-equal');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-aae7b381.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-941ed97f.js');
 
 
 

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-aae7b381.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-941ed97f.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

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

@@ -1 +1 @@
-export * from "../../../hook-aae7b381";
+export * from "../../../hook-941ed97f";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-aae7b381.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-941ed97f.js');
 
 
 

package/select/cssm/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-aae7b381.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-941ed97f.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/select/cssm/typings.d.ts

@@ -5,7 +5,7 @@ import { InputProps } from "../../input";
 import { ModalProps } from "../../modal";
 import { ModalFooterProps, ModalHeaderProps } from "../../modal/shared";
 import { PopoverProps } from "../../popover";
-import { UseSelectWithApplyProps } from "./hook-d4f77aed";
+import { UseSelectWithApplyProps } from "./hook-bdd14a05";
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**

package/select/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { SelectDesktop } from './desktop/Component.desktop.js';
 import { SelectMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -15,6 +14,7 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';
 import 'downshift';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
@@ -41,13 +41,14 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-cdd6fd77.js';
+import './hook-b1acbe62.js';
+import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 
 var SelectResponsive = forwardRef(function (_a, ref) {
-    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
+    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     if (isDesktop) {
         return (React.createElement(SelectDesktop, __assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps })));

package/select/esm/{hook-cdd6fd77.js → hook-b1acbe62.js}

@@ -1,5 +1,6 @@
 import { __rest, __assign, __spreadArray } from 'tslib';
 import React, { forwardRef, useCallback, useEffect, useState, useMemo, useRef } from 'react';
+import deepEqual from 'deep-equal';
 import { defaultAccessor, defaultFilterFn, processOptions } from './utils.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
@@ -106,7 +107,10 @@ function useSelectWithApply(_a) {
     };
     var handleClose = function () { return setSelectedDraft(selectedOptionsRef.current); };
     useEffect(function () {
-        setSelectedDraft(selectedOptions);
+        // устанавливать selectedDraft если selectedOptions изменились
+        if (!deepEqual(selectedOptionsRef.current, selectedOptions)) {
+            setSelectedDraft(selectedOptions);
+        }
         selectedOptionsRef.current = selectedOptions;
     }, [selectedOptions]);
     var memoizedOptions = useMemo(function () { return (showSelectAll ? __spreadArray([selectAllOption], options, true) : options); }, [options, showSelectAll]);

package/select/{hook-d4f77aed.d.ts → esm/hook-bdd14a05.d.ts}

@@ -45,11 +45,14 @@ type UseSelectWithApplyProps = {
 declare const SELECT_ALL_KEY = "select_all";
 declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./typings").OptionsListProps & {
+        /**
+         * Обработчик выбора
+         */
         showClear?: boolean | undefined;
-        onClose?: (() => void) | undefined; /**
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined; /**
          * Компонент выпадающего меню
          */
-        selectedDraft?: OptionShape[] | undefined;
         OptionsList?: import("react").FC<import("./typings").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;

package/select/esm/index.js

@@ -2,7 +2,6 @@ export { SelectResponsive as Select } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../form-control/esm/desktop';
 import '../../popover/esm';
@@ -14,6 +13,7 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';
 import 'downshift';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
@@ -41,7 +41,8 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-cdd6fd77.js';
+import './hook-b1acbe62.js';
+import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

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

@@ -12,7 +12,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-cdd6fd77.js';
+import { u as useSelectWithApply } from '../hook-b1acbe62.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -38,6 +38,7 @@ import '../../../scrollbar/esm';
 import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import 'react-virtual';
+import 'deep-equal';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 

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

@@ -37,7 +37,8 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-cdd6fd77.js';
+import '../hook-b1acbe62.js';
+import 'deep-equal';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/index.js

@@ -38,7 +38,8 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-cdd6fd77.js';
+import '../hook-b1acbe62.js';
+import 'deep-equal';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-d4f77aed";
+export * from "../hook-bdd14a05";

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-cdd6fd77.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b1acbe62.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';
@@ -14,6 +14,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
 import 'intersection-observer';
+import 'deep-equal';
 import '../utils.js';
 import '../../../shared/esm';
 import '../components/options-list/Component.js';

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

@@ -1,7 +1,8 @@
 import 'tslib';
 import 'react';
+import 'deep-equal';
 import '../../../../shared/esm';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-cdd6fd77.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-b1acbe62.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

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

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-cdd6fd77.js';
+export { O as OptionsListWithApply } from '../../../hook-b1acbe62.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';
@@ -12,5 +12,6 @@ import '../../../../../shared/esm';
 import '../../../consts.js';
 import '../../../utils.js';
 import '../../../components/optgroup/Component.js';
+import 'deep-equal';
 import '../../../../../button/esm/desktop';
 import '../../../../../checkbox/esm';

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

@@ -1 +1 @@
-export * from "../../../hook-cdd6fd77";
+export * from "../../../hook-b1acbe62";

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

@@ -1,6 +1,7 @@
-export { O as OptionsListWithApply } from '../../../hook-cdd6fd77.js';
+export { O as OptionsListWithApply } from '../../../hook-b1acbe62.js';
 import 'tslib';
 import 'react';
+import 'deep-equal';
 import '../../../utils.js';
 import '../../../../../shared/esm';
 import '../../../components/options-list/Component.js';

package/select/esm/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-cdd6fd77.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b1acbe62.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';
@@ -24,6 +24,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
 import 'intersection-observer';
+import 'deep-equal';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../../../shared/esm';

package/select/esm/typings.d.ts

@@ -5,7 +5,7 @@ import { InputProps } from "../../input";
 import { ModalProps } from "../../modal";
 import { ModalFooterProps, ModalHeaderProps } from "../../modal/shared";
 import { PopoverProps } from "../../popover";
-import { UseSelectWithApplyProps } from "./hook-d4f77aed";
+import { UseSelectWithApplyProps } from "./hook-bdd14a05";
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**

package/select/{hook-504cecce.js → hook-1e1150ba.js}

@@ -1,5 +1,6 @@
 var tslib = require('tslib');
 var React = require('react');
+var deepEqual = require('deep-equal');
 var utils = require('./utils.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 var consts = require('./consts.js');
@@ -9,6 +10,7 @@ var presets_useSelectWithApply_optionsListWithApply_header_Component = require('
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var deepEqual__default = /*#__PURE__*/_interopDefaultCompat(deepEqual);
 
 var OptionsListWithApply = React.forwardRef(function (_a, ref) {
     var toggleMenu = _a.toggleMenu, defaultGetOptionProps = _a.getOptionProps, _b = _a.showClear, showClear = _b === void 0 ? true : _b, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _c = _a.selectedDraft, selectedDraft = _c === void 0 ? [] : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.OptionsList, OptionsList = _e === void 0 ? components_optionsList_Component.OptionsList : _e, _f = _a.onApply, onApply = _f === void 0 ? function () { return null; } : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.onClose, onClose = _h === void 0 ? function () { return null; } : _h, _j = _a.visibleOptions, visibleOptions = _j === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _j, _k = _a.Footer, Footer = _k === void 0 ? presets_useSelectWithApply_optionsListWithApply_footer_Component.Footer : _k, _l = _a.Header, Header = _l === void 0 ? presets_useSelectWithApply_optionsListWithApply_header_Component.Header : _l, header = _a.header, headerProps = _a.headerProps, restProps = tslib.__rest(_a, ["toggleMenu", "getOptionProps", "showClear", "showHeaderWithSelectAll", "selectedDraft", "flatOptions", "OptionsList", "onApply", "onClear", "onClose", "visibleOptions", "Footer", "Header", "header", "headerProps"]);
@@ -102,7 +104,10 @@ function useSelectWithApply(_a) {
     };
     var handleClose = function () { return setSelectedDraft(selectedOptionsRef.current); };
     React.useEffect(function () {
-        setSelectedDraft(selectedOptions);
+        // устанавливать selectedDraft если selectedOptions изменились
+        if (!deepEqual__default.default(selectedOptionsRef.current, selectedOptions)) {
+            setSelectedDraft(selectedOptions);
+        }
         selectedOptionsRef.current = selectedOptions;
     }, [selectedOptions]);
     var memoizedOptions = React.useMemo(function () { return (showSelectAll ? tslib.__spreadArray([selectAllOption], options, true) : options); }, [options, showSelectAll]);

package/select/{esm/hook-d4f77aed.d.ts → hook-bdd14a05.d.ts}

@@ -45,11 +45,14 @@ type UseSelectWithApplyProps = {
 declare const SELECT_ALL_KEY = "select_all";
 declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./typings").OptionsListProps & {
+        /**
+         * Обработчик выбора
+         */
         showClear?: boolean | undefined;
-        onClose?: (() => void) | undefined; /**
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined; /**
          * Компонент выпадающего меню
          */
-        selectedDraft?: OptionShape[] | undefined;
         OptionsList?: import("react").FC<import("./typings").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;

package/select/mobile/Component.mobile.js

@@ -14,7 +14,7 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-504cecce.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-1e1150ba.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { SelectDesktop } from './desktop/Component.desktop.js';
 import { SelectMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -14,6 +13,7 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';
 import 'downshift';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
@@ -40,12 +40,13 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-f45c958e.js';
+import './hook-c88964f0.js';
+import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 
-const SelectResponsive = forwardRef(({ onScroll, fieldProps, breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
+const SelectResponsive = forwardRef(({ onScroll, fieldProps, breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     if (isDesktop) {
         return (React.createElement(SelectDesktop, { onScroll: onScroll, ...restProps, ref: ref, fieldProps: fieldProps }));

package/select/{cssm/hook-d4f77aed.d.ts → modern/hook-bdd14a05.d.ts}

@@ -45,11 +45,14 @@ type UseSelectWithApplyProps = {
 declare const SELECT_ALL_KEY = "select_all";
 declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./typings").OptionsListProps & {
+        /**
+         * Обработчик выбора
+         */
         showClear?: boolean | undefined;
-        onClose?: (() => void) | undefined; /**
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined; /**
          * Компонент выпадающего меню
          */
-        selectedDraft?: OptionShape[] | undefined;
         OptionsList?: import("react").FC<import("./typings").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;

package/select/modern/{hook-f45c958e.js → hook-c88964f0.js}

@@ -1,4 +1,5 @@
 import React, { forwardRef, useCallback, useEffect, useState, useMemo, useRef } from 'react';
+import deepEqual from 'deep-equal';
 import { defaultAccessor, defaultFilterFn, processOptions } from './utils.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
@@ -103,7 +104,10 @@ function useSelectWithApply({ options, selected, onChange = () => null, OptionsL
     };
     const handleClose = () => setSelectedDraft(selectedOptionsRef.current);
     useEffect(() => {
-        setSelectedDraft(selectedOptions);
+        // устанавливать selectedDraft если selectedOptions изменились
+        if (!deepEqual(selectedOptionsRef.current, selectedOptions)) {
+            setSelectedDraft(selectedOptions);
+        }
         selectedOptionsRef.current = selectedOptions;
     }, [selectedOptions]);
     const memoizedOptions = useMemo(() => (showSelectAll ? [selectAllOption, ...options] : options), [options, showSelectAll]);

package/select/modern/index.js

@@ -1,7 +1,6 @@
 export { SelectResponsive as Select } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../form-control/modern/desktop';
 import '../../popover/modern';
@@ -13,6 +12,7 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';
 import 'downshift';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
@@ -40,7 +40,8 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-f45c958e.js';
+import './hook-c88964f0.js';
+import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';