@alfalab/core-components-select 10.11.1 → 10.12.2

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-885b0de8.js';
+import '../../tslib.es6-8c23ef2d.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';
@@ -14,18 +14,19 @@ import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/esm';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import 'resize-observer';
+import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/dist/esm';
 import 'downshift';
 import '../native-select/Component.js';
-import '../../Component-b2dde0fc.js';
+import '../../Component-bb8a9f74.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/esm';
+import '@alfalab/core-components-modal/dist/esm/mobile';
 import '@alfalab/core-components-button/dist/esm';
 import '@alfalab/core-components-base-modal/dist/esm';
-import './options-list/Component.js';
-import './checkmark/Component.js';
-export { S as SelectMobile } from '../../Component-53912274.js';
+import '../base-select-mobile/options-list/Component.js';
+import '../base-select-mobile/checkmark/Component.js';
+export { S as SelectMobile } from '../../Component-9a8d16c5.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/esm';
-import '../../intersection-observer-3df621a4.js';
+import '../../intersection-observer-8a84ca64.js';

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

@@ -0,0 +1,32 @@
+import '../../tslib.es6-8c23ef2d.js';
+import 'react';
+import 'classnames';
+import '@alfalab/hooks';
+import '@alfalab/core-components-form-control/dist/esm';
+import '../../utils.js';
+import '../field/Component.js';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../arrow/Component.js';
+import 'react-merge-refs';
+import '@alfalab/core-components-scrollbar/dist/esm';
+import '../optgroup/Component.js';
+import '../options-list/Component.js';
+import '@alfalab/core-components-checkbox/dist/esm';
+import '../checkmark/Component.js';
+import '../option/Component.js';
+import '@juggle/resize-observer';
+import '@alfalab/core-components-popover/dist/esm';
+import 'downshift';
+import '../native-select/Component.js';
+import '../../Component-bb8a9f74.js';
+import '../../Component.js';
+import '@alfalab/core-components-bottom-sheet/dist/esm';
+import '@alfalab/core-components-modal/dist/esm/mobile';
+import '@alfalab/core-components-button/dist/esm';
+import '@alfalab/core-components-base-modal/dist/esm';
+import '../base-select-mobile/options-list/Component.js';
+import '../base-select-mobile/checkmark/Component.js';
+export { a as SelectModalMobile } from '../../Component-9a8d16c5.js';
+import 'react-virtual';
+import '@alfalab/core-components-skeleton/dist/esm';
+import '../../intersection-observer-8a84ca64.js';

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

@@ -0,0 +1 @@
+export * from "../../Component-9a8d16c5";

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

@@ -0,0 +1,32 @@
+import '../../tslib.es6-8c23ef2d.js';
+import 'react';
+import 'classnames';
+import '@alfalab/hooks';
+import '@alfalab/core-components-form-control/dist/esm';
+import '../../utils.js';
+import '../field/Component.js';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../arrow/Component.js';
+import 'react-merge-refs';
+import '@alfalab/core-components-scrollbar/dist/esm';
+import '../optgroup/Component.js';
+import '../options-list/Component.js';
+import '@alfalab/core-components-checkbox/dist/esm';
+import '../checkmark/Component.js';
+import '../option/Component.js';
+import '@juggle/resize-observer';
+import '@alfalab/core-components-popover/dist/esm';
+import 'downshift';
+import '../native-select/Component.js';
+import '../../Component-bb8a9f74.js';
+import '../../Component.js';
+import '@alfalab/core-components-bottom-sheet/dist/esm';
+import '@alfalab/core-components-modal/dist/esm/mobile';
+import '@alfalab/core-components-button/dist/esm';
+import '@alfalab/core-components-base-modal/dist/esm';
+import '../base-select-mobile/options-list/Component.js';
+import '../base-select-mobile/checkmark/Component.js';
+export { a as SelectModalMobile } from '../../Component-9a8d16c5.js';
+import 'react-virtual';
+import '@alfalab/core-components-skeleton/dist/esm';
+import '../../intersection-observer-8a84ca64.js';

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

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-885b0de8.js';
+import { a as __assign } from '../../tslib.es6-8c23ef2d.js';
 import React, { useRef, useState, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { useMedia } from '@alfalab/hooks';
@@ -7,7 +7,7 @@ import { Scrollbar } from '@alfalab/core-components-scrollbar/dist/esm';
 import { Optgroup } from '../optgroup/Component.js';
 import { useVirtual } from 'react-virtual';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_xjdr3","scrollable":"select__scrollable_xjdr3","inner":"select__inner_xjdr3","virtualRow":"select__virtualRow_xjdr3","highlighted":"select__highlighted_xjdr3","emptyPlaceholder":"select__emptyPlaceholder_xjdr3","l":"select__l_xjdr3","xl":"select__xl_xjdr3"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_k75zp","scrollable":"select__scrollable_k75zp","inner":"select__inner_k75zp","virtualRow":"select__virtualRow_k75zp","highlighted":"select__highlighted_k75zp","emptyPlaceholder":"select__emptyPlaceholder_k75zp","l":"select__l_k75zp","xl":"select__xl_k75zp"};
 require('./index.css')
 
 /* eslint-disable react-hooks/exhaustive-deps */

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

@@ -1,4 +1,4 @@
-/* hash: krwz1 */
+/* hash: 1cmp6 */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-secondary: #546272;
@@ -32,27 +32,27 @@
 
     /* optgroup */
 }
-.select__virtualOptionsList_xjdr3 {
+.select__virtualOptionsList_k75zp {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__scrollable_xjdr3 {
+.select__scrollable_k75zp {
     overflow: auto;
     width: 100%;
 }
-.select__inner_xjdr3 {
+.select__inner_k75zp {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_xjdr3 {
+.select__virtualRow_k75zp {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }
-.select__virtualRow_xjdr3:before {
+.select__virtualRow_k75zp:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -63,18 +63,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_xjdr3:first-child:before {
+.select__virtualRow_k75zp:first-child:before {
         display: none;
     }
-.select__highlighted_xjdr3:before,
-    .select__highlighted_xjdr3 + .select__virtualRow_xjdr3:before {
+.select__highlighted_k75zp:before,
+    .select__highlighted_k75zp + .select__virtualRow_k75zp:before {
         display: none;
     }
-.select__emptyPlaceholder_xjdr3 {
+.select__emptyPlaceholder_k75zp {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_xjdr3 .select__emptyPlaceholder_xjdr3,
-.select__xl_xjdr3 .select__emptyPlaceholder_xjdr3 {
+.select__l_k75zp .select__emptyPlaceholder_k75zp,
+.select__xl_k75zp .select__emptyPlaceholder_k75zp {
     padding: var(--gap-xl) var(--gap-m);
 }

package/dist/esm/components/virtual-options-list/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-885b0de8.js';
+import '../../tslib.es6-8c23ef2d.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-885b0de8.js';
+import './tslib.es6-8c23ef2d.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';
@@ -14,21 +14,22 @@ export { OptionsList } from './components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/esm';
 import './components/checkmark/Component.js';
 export { Option } from './components/option/Component.js';
-import 'resize-observer';
+import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/dist/esm';
 import 'downshift';
 import './components/native-select/Component.js';
-export { B as BaseSelect } from './Component-b2dde0fc.js';
+export { B as BaseSelect } from './Component-bb8a9f74.js';
 export { Select } from './Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/esm';
+import '@alfalab/core-components-modal/dist/esm/mobile';
 import '@alfalab/core-components-button/dist/esm';
 import '@alfalab/core-components-base-modal/dist/esm';
-import './components/select-mobile/options-list/Component.js';
-import './components/select-mobile/checkmark/Component.js';
-export { a as SELECT_ALL_KEY, S as SelectMobile, u as useSelectWithApply } from './Component-53912274.js';
+import './components/base-select-mobile/options-list/Component.js';
+import './components/base-select-mobile/checkmark/Component.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-9a8d16c5.js';
 import 'react-virtual';
 export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
 import '@alfalab/core-components-skeleton/dist/esm';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
-import './intersection-observer-3df621a4.js';
+import './intersection-observer-8a84ca64.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';

package/dist/esm/presets/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-885b0de8.js';
+import '../tslib.es6-8c23ef2d.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';
@@ -14,20 +14,21 @@ import '../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/esm';
 import '../components/checkmark/Component.js';
 import '../components/option/Component.js';
-import 'resize-observer';
+import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/dist/esm';
 import 'downshift';
 import '../components/native-select/Component.js';
-import '../Component-b2dde0fc.js';
+import '../Component-bb8a9f74.js';
 import '../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/esm';
+import '@alfalab/core-components-modal/dist/esm/mobile';
 import '@alfalab/core-components-button/dist/esm';
 import '@alfalab/core-components-base-modal/dist/esm';
-import '../components/select-mobile/options-list/Component.js';
-import '../components/select-mobile/checkmark/Component.js';
-export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-53912274.js';
+import '../components/base-select-mobile/options-list/Component.js';
+import '../components/base-select-mobile/checkmark/Component.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-9a8d16c5.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/esm';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
-import '../intersection-observer-3df621a4.js';
+import '../intersection-observer-8a84ca64.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';

package/dist/esm/presets/useLazyLoading/hook.js

@@ -1,13 +1,13 @@
-import { a as __assign, b as __spreadArrays } from '../../tslib.es6-885b0de8.js';
+import { a as __assign, b as __spreadArrays } from '../../tslib.es6-8c23ef2d.js';
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import 'classnames';
 import '@alfalab/core-components-checkbox/dist/esm';
 import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/dist/esm';
-import '../../intersection-observer-3df621a4.js';
+import '../../intersection-observer-8a84ca64.js';
 
-var styles = {"skeleton":"select__skeleton_k06g5"};
+var styles = {"skeleton":"select__skeleton_1y6g9"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;

package/dist/esm/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: rvtiu */
-.select__skeleton_k06g5 {
+/* hash: sq92g */
+.select__skeleton_1y6g9 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-885b0de8.js';
+import '../../tslib.es6-8c23ef2d.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';
@@ -14,18 +14,19 @@ import '../../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/esm';
 import '../../components/checkmark/Component.js';
 import '../../components/option/Component.js';
-import 'resize-observer';
+import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/dist/esm';
 import 'downshift';
 import '../../components/native-select/Component.js';
-import '../../Component-b2dde0fc.js';
+import '../../Component-bb8a9f74.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/esm';
+import '@alfalab/core-components-modal/dist/esm/mobile';
 import '@alfalab/core-components-button/dist/esm';
 import '@alfalab/core-components-base-modal/dist/esm';
-import '../../components/select-mobile/options-list/Component.js';
-import '../../components/select-mobile/checkmark/Component.js';
-export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-53912274.js';
+import '../../components/base-select-mobile/options-list/Component.js';
+import '../../components/base-select-mobile/checkmark/Component.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-9a8d16c5.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/esm';
-import '../../intersection-observer-3df621a4.js';
+import '../../intersection-observer-8a84ca64.js';

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

@@ -1,4 +1,4 @@
-import '../../../tslib.es6-885b0de8.js';
+import '../../../tslib.es6-8c23ef2d.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';
@@ -14,18 +14,19 @@ import '../../../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/esm';
 import '../../../components/checkmark/Component.js';
 import '../../../components/option/Component.js';
-import 'resize-observer';
+import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/dist/esm';
 import 'downshift';
 import '../../../components/native-select/Component.js';
-import '../../../Component-b2dde0fc.js';
+import '../../../Component-bb8a9f74.js';
 import '../../../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/esm';
+import '@alfalab/core-components-modal/dist/esm/mobile';
 import '@alfalab/core-components-button/dist/esm';
 import '@alfalab/core-components-base-modal/dist/esm';
-import '../../../components/select-mobile/options-list/Component.js';
-import '../../../components/select-mobile/checkmark/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-53912274.js';
+import '../../../components/base-select-mobile/options-list/Component.js';
+import '../../../components/base-select-mobile/checkmark/Component.js';
+export { O as OptionsListWithApply } from '../../../Component-9a8d16c5.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/esm';
-import '../../../intersection-observer-3df621a4.js';
+import '../../../intersection-observer-8a84ca64.js';

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

@@ -1,4 +1,4 @@
-/* hash: lrjuo */
+/* hash: 4ymt9 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_x3mie {
+.select__footer_1yfvr {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_x3mie > * + * {
+.select__footer_1yfvr > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_x3mie {
+.select__withBorder_1yfvr {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-53912274";
+export * from "../../../Component-9a8d16c5";

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

@@ -1,4 +1,4 @@
-import '../../../tslib.es6-885b0de8.js';
+import '../../../tslib.es6-8c23ef2d.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';
@@ -14,18 +14,19 @@ import '../../../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/esm';
 import '../../../components/checkmark/Component.js';
 import '../../../components/option/Component.js';
-import 'resize-observer';
+import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/dist/esm';
 import 'downshift';
 import '../../../components/native-select/Component.js';
-import '../../../Component-b2dde0fc.js';
+import '../../../Component-bb8a9f74.js';
 import '../../../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/esm';
+import '@alfalab/core-components-modal/dist/esm/mobile';
 import '@alfalab/core-components-button/dist/esm';
 import '@alfalab/core-components-base-modal/dist/esm';
-import '../../../components/select-mobile/options-list/Component.js';
-import '../../../components/select-mobile/checkmark/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-53912274.js';
+import '../../../components/base-select-mobile/options-list/Component.js';
+import '../../../components/base-select-mobile/checkmark/Component.js';
+export { O as OptionsListWithApply } from '../../../Component-9a8d16c5.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/esm';
-import '../../../intersection-observer-3df621a4.js';
+import '../../../intersection-observer-8a84ca64.js';

package/dist/esm/presets/useSelectWithLoading/hook.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-885b0de8.js';
+import { a as __assign } from '../../tslib.es6-8c23ef2d.js';
 import React, { useCallback } from 'react';
 import 'classnames';
 import '@alfalab/core-components-checkbox/dist/esm';
@@ -6,7 +6,7 @@ import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/dist/esm';
 
-var styles = {"skeleton":"select__skeleton_vu4jy"};
+var styles = {"skeleton":"select__skeleton_1t56v"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/dist/esm/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1ntjf */
-.select__skeleton_vu4jy {
+/* hash: 1p2ua */
+.select__skeleton_1t56v {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-925159da.js');
+require('./tslib.es6-80204bb0.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -18,23 +18,24 @@ var components_optionsList_Component = require('./components/options-list/Compon
 require('@alfalab/core-components-checkbox');
 require('./components/checkmark/Component.js');
 var components_option_Component = require('./components/option/Component.js');
-require('resize-observer');
+require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('./components/native-select/Component.js');
-var components_baseSelect_Component = require('./Component-0a1a7a11.js');
+var components_baseSelect_Component = require('./Component-02654ff6.js');
 var Component = require('./Component.js');
 require('@alfalab/core-components-bottom-sheet');
+require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
-require('./components/select-mobile/options-list/Component.js');
-require('./components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('./Component-4b8da823.js');
+require('./components/base-select-mobile/options-list/Component.js');
+require('./components/base-select-mobile/checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('./Component-d710383f.js');
 require('react-virtual');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
 require('@alfalab/core-components-skeleton');
 var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
-require('./intersection-observer-322000f1.js');
+require('./intersection-observer-de8a65fc.js');
 var presets_useLazyLoading_hook = require('./presets/useLazyLoading/hook.js');
 
 
@@ -55,6 +56,7 @@ exports.BaseSelect = components_baseSelect_Component.BaseSelect;
 exports.Select = Component.Select;
 exports.SELECT_ALL_KEY = presets_useSelectWithApply_hook.SELECT_ALL_KEY;
 exports.SelectMobile = presets_useSelectWithApply_hook.SelectMobile;
+exports.SelectModalMobile = presets_useSelectWithApply_hook.SelectModalMobile;
 exports.useSelectWithApply = presets_useSelectWithApply_hook.useSelectWithApply;
 exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
 exports.useSelectWithLoading = presets_useSelectWithLoading_hook.useSelectWithLoading;