@alfalab/core-components-select 13.2.20 → 14.0.0

package/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1m4m9 */
-.select__skeleton_u9wnv {
+/* hash: 5n910 */
+.select__skeleton_2ycp0 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/presets/useSelectWithApply/hook.js

@@ -2,36 +2,37 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-a4a8e905.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-ae787d42.js';
+import '../../components/base-select/Component.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-29d24a9b.js';
 import '@alfalab/core-components-form-control/modern';
 import '@alfalab/hooks';
 import '../../utils.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/options-list/Component.js';
-import 'react-virtual';
-import '@alfalab/core-components-scrollbar/modern';
+import '../../components/virtual-options-list/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-55833352.js';
+import '../../intersection-observer-961b54c8.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
 import '../../components/option/Component.js';
-import '../../components/base-select-mobile/checkmark/Component.js';
 import '../../components/checkmark/Component.js';
+import '../../components/checkmark-mobile/Component.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/modern';
+import '../../getDataTestId-b257b571.js';
 import '../../components/native-select/Component.js';
+import '@alfalab/core-components-scrollbar/modern';
+import '../../components/base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
-import '../../components/base-option/Component.js';
-import '../../components/base-checkmark/Component.js';
-import '@alfalab/core-components-button/modern';
-import '../../components/base-select-mobile/options-list/Component.js';
+import '../../components/base-select-mobile/footer/Component.js';
 import '@alfalab/core-components-base-modal/modern';
-import '../../components/base-select-mobile/virtual-options-list/Component.js';
+import '@alfalab/core-components-button/modern';
+import './options-list-with-apply/footer/Component.js';
+import 'react-virtual';

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

@@ -1,37 +1,38 @@
 import 'react';
-import '@alfalab/core-components-button/modern';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-a4a8e905.js';
-export { O as OptionsListWithApply } from '../../../Component-ae787d42.js';
-import '@alfalab/core-components-form-control/modern';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '../../../components/options-list/Component.js';
-import 'react-virtual';
-import '@alfalab/core-components-scrollbar/modern';
+export { O as OptionsListWithApply } from '../../../Component-29d24a9b.js';
+import './footer/Component.js';
 import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-scrollbar/modern';
+import '@alfalab/hooks';
+import '../../../utils.js';
+import '../../../components/optgroup/Component.js';
+import '../../../Component.js';
+import '../../../components/arrow/Component.js';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../../../components/base-select/Component.js';
 import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/modern';
-import '../../../utils.js';
+import '../../../getDataTestId-b257b571.js';
 import '../../../components/native-select/Component.js';
-import '../../../components/arrow/Component.js';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-modal/modern/mobile';
-import '../../../Component.js';
 import '../../../components/field/Component.js';
-import '../../../components/optgroup/Component.js';
+import '@alfalab/core-components-form-control/modern';
 import '../../../components/option/Component.js';
-import '../../../components/base-select-mobile/checkmark/Component.js';
 import '../../../components/checkmark/Component.js';
-import '../../../components/base-option/Component.js';
-import '../../../components/base-checkmark/Component.js';
-import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-55833352.js';
-import '../../../components/base-select-mobile/options-list/Component.js';
+import '@alfalab/core-components-badge/modern';
+import '@alfalab/core-components-checkbox/modern';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../../components/checkmark-mobile/Component.js';
+import '../../../components/base-select-mobile/Component.js';
+import '@alfalab/core-components-bottom-sheet/modern';
+import '@alfalab/core-components-modal/modern/mobile';
+import '../../../components/base-select-mobile/footer/Component.js';
 import '@alfalab/core-components-base-modal/modern';
-import '../../../components/base-select-mobile/virtual-options-list/Component.js';
+import '@alfalab/core-components-button/modern';
+import '../../../components/virtual-options-list/Component.js';
+import 'react-virtual';
+import '@alfalab/core-components-skeleton/modern';
+import '../../../intersection-observer-961b54c8.js';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { OptionShape } from "../../../../typings";
+type FooterProps = {
+    handleClear?: () => void;
+    handleApply?: () => void;
+    showClear?: boolean;
+    selectedDraft?: OptionShape[];
+};
+declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft, }: FooterProps) => JSX.Element;
+export { FooterProps, Footer };

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Button } from '@alfalab/core-components-button/modern';
+
+const styles = {"footer":"select__footer_11pbd"};
+require('./index.css')
+
+const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], }) => (React.createElement("div", { 
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    tabIndex: 0, className: styles.footer },
+    React.createElement(Button, { size: 'xxs', view: 'primary', onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
+    showClear && selectedDraft.length > 0 && (React.createElement(Button, { size: 'xxs', view: 'secondary', onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
+
+export { Footer };

package/modern/presets/useSelectWithApply/options-list-with-apply/{index.css → footer/index.css}

@@ -1,4 +1,4 @@
-/* hash: qxkf5 */
+/* hash: 4tg78 */
 :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 */
@@ -26,10 +26,10 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_dk8g9 {
-    background: var(--color-light-bg-primary);
+} .select__footer_11pbd {
+    background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_dk8g9 > * + * {
+} .select__footer_11pbd > * + * {
         margin-left: var(--gap-xs);
     }

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

@@ -1 +1 @@
-export * from "../../../Component-ae787d42";
+export * from "../../../Component-29d24a9b";

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

@@ -1,37 +1,38 @@
-export { O as OptionsListWithApply } from '../../../Component-ae787d42.js';
+export { O as OptionsListWithApply } from '../../../Component-29d24a9b.js';
 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 'downshift';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-modal/modern/mobile';
-import '../../../Component.js';
-import '../../../Component-a4a8e905.js';
 import '@juggle/resize-observer';
+import 'downshift';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/hooks';
+import '../../../getDataTestId-b257b571.js';
 import '../../../utils.js';
 import '../../../components/native-select/Component.js';
 import '../../../components/field/Component.js';
 import '@alfalab/core-components-form-control/modern';
 import '../../../components/optgroup/Component.js';
 import '../../../components/option/Component.js';
-import '../../../components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../../components/checkmark/Component.js';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 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/modern';
+import '../../../components/base-select-mobile/Component.js';
+import '@alfalab/core-components-bottom-sheet/modern';
+import '@alfalab/core-components-modal/modern/mobile';
+import '../../../components/base-select-mobile/footer/Component.js';
+import '@alfalab/core-components-base-modal/modern';
+import '@alfalab/core-components-button/modern';
+import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../../../components/base-option/Component.js';
-import '../../../components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-55833352.js';
-import '@alfalab/core-components-button/modern';
-import '../../../components/base-select-mobile/options-list/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import '../../../components/base-select-mobile/virtual-options-list/Component.js';
+import '../../../intersection-observer-961b54c8.js';
+import './footer/Component.js';

package/modern/presets/useSelectWithLoading/hook.js

@@ -2,14 +2,14 @@ import React from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
 import { Option } from '../../components/option/Component.js';
 import 'classnames';
-import '../../components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark/Component.js';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../../components/checkmark-mobile/Component.js';
 
-const styles = {"skeleton":"select__skeleton_naiio"};
+const styles = {"skeleton":"select__skeleton_1iwsv"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {

package/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 10ngy */
-.select__skeleton_naiio {
+/* hash: 10bou */
+.select__skeleton_1iwsv {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/responsive.js

@@ -5,34 +5,35 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-a4a8e905.js';
+import './components/base-select/Component.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/modern';
+import './getDataTestId-b257b571.js';
 import './utils.js';
 import './components/native-select/Component.js';
 import './components/field/Component.js';
 import '@alfalab/core-components-form-control/modern';
 import './components/optgroup/Component.js';
 import './components/option/Component.js';
-import './components/base-select-mobile/checkmark/Component.js';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark/Component.js';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 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/modern';
-import './Component-ae787d42.js';
+import './Component-29d24a9b.js';
+import './components/base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
+import './components/base-select-mobile/footer/Component.js';
+import '@alfalab/core-components-base-modal/modern';
+import '@alfalab/core-components-button/modern';
+import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './components/base-option/Component.js';
-import './components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import './intersection-observer-55833352.js';
-import '@alfalab/core-components-button/modern';
-import './components/base-select-mobile/options-list/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import './components/base-select-mobile/virtual-options-list/Component.js';
+import './intersection-observer-961b54c8.js';
+import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';

package/modern/types-ebda875c.d.ts

@@ -106,7 +106,7 @@ type NavigationBarProps = {
 };
 type ContentParams = {
     extraClassName?: string;
-    ref?: React.RefObject<HTMLDivElement>;
+    wrapperRef?: React.RefObject<HTMLDivElement>;
     style?: React.CSSProperties;
     hidden?: boolean;
 };

package/modern/typings.d.ts

@@ -201,7 +201,7 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps>;
+    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "13.2.20",
+    "version": "14.0.0",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -19,13 +19,13 @@
     },
     "dependencies": {
         "@alfalab/core-components-badge": "^5.0.2",
-        "@alfalab/core-components-base-modal": "^5.1.2",
-        "@alfalab/core-components-bottom-sheet": "^6.1.0",
+        "@alfalab/core-components-base-modal": "^5.1.3",
+        "@alfalab/core-components-bottom-sheet": "^6.2.0",
         "@alfalab/core-components-button": "^8.0.0",
         "@alfalab/core-components-checkbox": "^3.1.2",
         "@alfalab/core-components-form-control": "^9.0.4",
         "@alfalab/core-components-input": "^11.1.9",
-        "@alfalab/core-components-modal": "^7.0.5",
+        "@alfalab/core-components-modal": "^7.0.6",
         "@alfalab/core-components-popover": "^6.0.8",
         "@alfalab/core-components-scrollbar": "^2.1.5",
         "@alfalab/core-components-skeleton": "^4.0.5",

package/presets/index.d.ts

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

package/presets/index.js

@@ -4,30 +4,29 @@ 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('../Component-ab39b2d3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-f1a1856f.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-skeleton');
 require('../components/option/Component.js');
 require('classnames');
-require('../components/base-select-mobile/checkmark/Component.js');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark/Component.js');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('../intersection-observer-959eb559.js');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark-mobile/Component.js');
+require('../intersection-observer-d5f3e178.js');
+require('../Component.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/base-select/Component.js');
 require('react-merge-refs');
-require('downshift');
-require('@alfalab/core-components-bottom-sheet');
-require('@alfalab/core-components-modal/mobile');
-require('../Component.js');
-require('../Component-44ef3579.js');
 require('@juggle/resize-observer');
+require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
+require('../getDataTestId-3deaae20.js');
 require('../utils.js');
 require('../components/native-select/Component.js');
 require('../components/field/Component.js');
@@ -35,13 +34,15 @@ require('@alfalab/core-components-form-control');
 require('../components/optgroup/Component.js');
 require('../components/options-list/Component.js');
 require('@alfalab/core-components-scrollbar');
-require('react-virtual');
-require('../components/base-option/Component.js');
-require('../components/base-checkmark/Component.js');
-require('@alfalab/core-components-button');
-require('../components/base-select-mobile/options-list/Component.js');
+require('../components/base-select-mobile/Component.js');
+require('@alfalab/core-components-bottom-sheet');
+require('@alfalab/core-components-modal/mobile');
+require('../components/base-select-mobile/footer/Component.js');
 require('@alfalab/core-components-base-modal');
-require('../components/base-select-mobile/virtual-options-list/Component.js');
+require('@alfalab/core-components-button');
+require('../components/virtual-options-list/Component.js');
+require('react-virtual');
+require('./useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 
 

package/presets/useLazyLoading/hook.js

@@ -6,20 +6,20 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-959eb559.js');
+require('../../intersection-observer-d5f3e178.js');
 require('classnames');
-require('../../components/base-select-mobile/checkmark/Component.js');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/checkmark/Component.js');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../../components/checkmark-mobile/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_u9wnv"};
+var styles = {"skeleton":"select__skeleton_2ycp0"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;

package/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1m4m9 */
-.select__skeleton_u9wnv {
+/* hash: 5n910 */
+.select__skeleton_2ycp0 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/presets/useSelectWithApply/hook.js

@@ -7,39 +7,40 @@ require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../Component-44ef3579.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-ab39b2d3.js');
+require('../../components/base-select/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-f1a1856f.js');
 require('@alfalab/core-components-form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/options-list/Component.js');
-require('react-virtual');
-require('@alfalab/core-components-scrollbar');
+require('../../components/virtual-options-list/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-959eb559.js');
+require('../../intersection-observer-d5f3e178.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');
 require('../../components/option/Component.js');
-require('../../components/base-select-mobile/checkmark/Component.js');
 require('../../components/checkmark/Component.js');
+require('../../components/checkmark-mobile/Component.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
+require('../../getDataTestId-3deaae20.js');
 require('../../components/native-select/Component.js');
+require('@alfalab/core-components-scrollbar');
+require('../../components/base-select-mobile/Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
-require('../../components/base-option/Component.js');
-require('../../components/base-checkmark/Component.js');
-require('@alfalab/core-components-button');
-require('../../components/base-select-mobile/options-list/Component.js');
+require('../../components/base-select-mobile/footer/Component.js');
 require('@alfalab/core-components-base-modal');
-require('../../components/base-select-mobile/virtual-options-list/Component.js');
+require('@alfalab/core-components-button');
+require('./options-list-with-apply/footer/Component.js');
+require('react-virtual');
 
 
 

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

@@ -4,42 +4,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('tslib');
 require('react');
-require('@alfalab/core-components-button');
-require('classnames');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../../Component-44ef3579.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-ab39b2d3.js');
-require('@alfalab/core-components-form-control');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../../../components/options-list/Component.js');
-require('react-virtual');
-require('@alfalab/core-components-scrollbar');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-f1a1856f.js');
+require('./footer/Component.js');
 require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-scrollbar');
+require('@alfalab/hooks');
+require('../../../utils.js');
+require('../../../components/optgroup/Component.js');
+require('../../../Component.js');
+require('../../../components/arrow/Component.js');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../../../components/base-select/Component.js');
 require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
-require('../../../utils.js');
+require('../../../getDataTestId-3deaae20.js');
 require('../../../components/native-select/Component.js');
-require('../../../components/arrow/Component.js');
-require('@alfalab/core-components-bottom-sheet');
-require('@alfalab/core-components-modal/mobile');
-require('../../../Component.js');
 require('../../../components/field/Component.js');
-require('../../../components/optgroup/Component.js');
+require('@alfalab/core-components-form-control');
 require('../../../components/option/Component.js');
-require('../../../components/base-select-mobile/checkmark/Component.js');
 require('../../../components/checkmark/Component.js');
-require('../../../components/base-option/Component.js');
-require('../../../components/base-checkmark/Component.js');
-require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-959eb559.js');
-require('../../../components/base-select-mobile/options-list/Component.js');
+require('@alfalab/core-components-badge');
+require('@alfalab/core-components-checkbox');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../../../components/checkmark-mobile/Component.js');
+require('../../../components/base-select-mobile/Component.js');
+require('@alfalab/core-components-bottom-sheet');
+require('@alfalab/core-components-modal/mobile');
+require('../../../components/base-select-mobile/footer/Component.js');
 require('@alfalab/core-components-base-modal');
-require('../../../components/base-select-mobile/virtual-options-list/Component.js');
+require('@alfalab/core-components-button');
+require('../../../components/virtual-options-list/Component.js');
+require('react-virtual');
+require('@alfalab/core-components-skeleton');
+require('../../../intersection-observer-d5f3e178.js');
 
 
 

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { OptionShape } from "../../../../typings";
+type FooterProps = {
+    handleClear?: () => void;
+    handleApply?: () => void;
+    showClear?: boolean;
+    selectedDraft?: OptionShape[];
+};
+declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft, }: FooterProps) => JSX.Element;
+export { FooterProps, Footer };

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var coreComponentsButton = require('@alfalab/core-components-button');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var styles = {"footer":"select__footer_11pbd"};
+require('./index.css')
+
+var Footer = function (_a) {
+    var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear, _b = _a.selectedDraft, selectedDraft = _b === void 0 ? [] : _b;
+    return (React__default.default.createElement("div", { 
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+        tabIndex: 0, className: styles.footer },
+        React__default.default.createElement(coreComponentsButton.Button, { size: 'xxs', view: 'primary', onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
+        showClear && selectedDraft.length > 0 && (React__default.default.createElement(coreComponentsButton.Button, { size: 'xxs', view: 'secondary', onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
+};
+
+exports.Footer = Footer;