@alfalab/core-components-select 15.2.3 → 16.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.desktop.d.ts +3 -16
- package/Component.desktop.js +4 -2
- package/Component.mobile.d.ts +3 -39
- package/Component.mobile.js +23 -10
- package/Component.modal.mobile.d.ts +2 -58
- package/Component.modal.mobile.js +23 -35
- package/Component.responsive.d.ts +3 -17
- package/Component.responsive.js +11 -13
- package/components/arrow/Component.js +1 -1
- package/components/arrow/index.css +5 -5
- package/components/base-checkmark/Component.js +1 -1
- package/components/base-checkmark/index.css +4 -4
- package/components/base-option/Component.js +1 -1
- package/components/base-option/index.css +16 -16
- package/components/base-select/Component.d.ts +17 -2
- package/components/base-select/Component.js +188 -81
- package/components/base-select/index.css +12 -12
- package/components/base-select/index.js +1 -1
- package/{esm/components/base-select-mobile/index.css → components/base-select/mobile.css} +13 -22
- package/components/checkmark/Component.js +1 -1
- package/components/checkmark/index.css +11 -11
- package/components/checkmark-mobile/Component.js +1 -1
- package/components/checkmark-mobile/index.css +6 -6
- package/components/field/Component.js +1 -1
- package/components/field/index.css +15 -17
- package/components/footer/Component.d.ts +12 -0
- package/components/{base-select-mobile/footer → footer}/Component.js +6 -5
- package/{modern/components/base-select-mobile → components}/footer/index.css +6 -6
- package/components/footer/index.d.ts +1 -0
- package/components/{base-select-mobile/footer → footer}/index.js +3 -2
- package/components/index.js +2 -1
- package/components/optgroup/Component.js +1 -1
- package/components/optgroup/index.css +7 -7
- package/components/option/Component.js +1 -1
- package/components/option/index.css +24 -24
- package/components/options-list/Component.js +7 -3
- package/components/options-list/index.css +11 -11
- package/components/options-list/index.js +2 -1
- package/components/search/Component.d.ts +2 -4
- package/components/search/Component.js +1 -1
- package/components/search/index.css +2 -2
- package/components/virtual-options-list/Component.js +7 -3
- package/components/virtual-options-list/index.css +18 -18
- package/components/virtual-options-list/index.js +2 -1
- package/cssm/Component.desktop.d.ts +3 -16
- package/cssm/Component.desktop.js +5 -2
- package/cssm/Component.mobile.d.ts +3 -39
- package/cssm/Component.mobile.js +27 -13
- package/cssm/Component.modal.mobile.d.ts +2 -58
- package/cssm/Component.modal.mobile.js +28 -39
- package/cssm/Component.responsive.d.ts +3 -17
- package/cssm/Component.responsive.js +13 -15
- package/cssm/components/arrow/index.module.css +2 -2
- package/cssm/components/base-option/index.module.css +3 -3
- package/cssm/components/base-select/Component.d.ts +17 -2
- package/cssm/components/base-select/Component.js +186 -80
- package/cssm/components/base-select/index.js +2 -1
- package/cssm/components/base-select/index.module.css +2 -2
- package/cssm/components/{base-select-mobile/index.module.css → base-select/mobile.module.css} +0 -9
- package/cssm/components/checkmark/index.module.css +1 -1
- package/cssm/components/field/index.module.css +3 -5
- package/cssm/components/footer/Component.d.ts +12 -0
- package/cssm/components/{base-select-mobile/footer → footer}/Component.js +5 -4
- package/cssm/components/footer/index.d.ts +1 -0
- package/cssm/components/{base-select-mobile/footer → footer}/index.js +3 -2
- package/cssm/components/{base-select-mobile/footer → footer}/index.module.css +1 -1
- package/cssm/components/index.js +3 -1
- package/cssm/components/optgroup/index.module.css +1 -1
- package/cssm/components/option/index.module.css +4 -4
- package/cssm/components/options-list/Component.js +6 -2
- package/cssm/components/options-list/index.js +2 -1
- package/cssm/components/options-list/index.module.css +2 -2
- package/cssm/components/search/Component.d.ts +2 -4
- package/cssm/components/virtual-options-list/Component.js +6 -2
- package/cssm/components/virtual-options-list/index.js +2 -1
- package/cssm/components/virtual-options-list/index.module.css +3 -3
- package/cssm/desktop/index.d.ts +2 -0
- package/cssm/desktop/index.js +51 -0
- package/cssm/{hook-244c8d6e.js → hook-2f9ec939.js} +9 -5
- package/{esm/hook-8abfea97.d.ts → cssm/hook-ad89c253.d.ts} +3 -2
- package/cssm/index.d.ts +2 -2
- package/cssm/index.js +10 -9
- package/cssm/mobile/index.d.ts +3 -0
- package/cssm/mobile/index.js +67 -0
- package/cssm/presets/index.d.ts +1 -1
- package/cssm/presets/index.js +3 -2
- package/cssm/presets/useSelectWithApply/hook.js +3 -2
- package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -2
- package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +3 -2
- package/cssm/shared/index.d.ts +12 -0
- package/cssm/shared/index.js +87 -0
- package/cssm/typings.d.ts +86 -7
- package/desktop/index.d.ts +2 -0
- package/{desktop.js → desktop/index.js} +16 -14
- package/desktop/package.json +3 -0
- package/esm/Component.desktop.d.ts +3 -16
- package/esm/Component.desktop.js +4 -2
- package/esm/Component.mobile.d.ts +3 -39
- package/esm/Component.mobile.js +22 -9
- package/esm/Component.modal.mobile.d.ts +2 -58
- package/esm/Component.modal.mobile.js +24 -36
- package/esm/Component.responsive.d.ts +3 -17
- package/esm/Component.responsive.js +11 -13
- package/esm/components/arrow/Component.js +1 -1
- package/esm/components/arrow/index.css +5 -5
- package/esm/components/base-checkmark/Component.js +1 -1
- package/esm/components/base-checkmark/index.css +4 -4
- package/esm/components/base-option/Component.js +1 -1
- package/esm/components/base-option/index.css +16 -16
- package/esm/components/base-select/Component.d.ts +17 -2
- package/esm/components/base-select/Component.js +190 -83
- package/esm/components/base-select/index.css +12 -12
- package/esm/components/base-select/index.js +1 -1
- package/{components/base-select-mobile/index.css → esm/components/base-select/mobile.css} +13 -22
- package/esm/components/checkmark/Component.js +1 -1
- package/esm/components/checkmark/index.css +11 -11
- package/esm/components/checkmark-mobile/Component.js +1 -1
- package/esm/components/checkmark-mobile/index.css +6 -6
- package/esm/components/field/Component.js +1 -1
- package/esm/components/field/index.css +15 -17
- package/esm/components/footer/Component.d.ts +12 -0
- package/esm/components/{base-select-mobile/footer → footer}/Component.js +6 -5
- package/{components/base-select-mobile → esm/components}/footer/index.css +6 -6
- package/esm/components/footer/index.d.ts +1 -0
- package/esm/components/{base-select-mobile/footer → footer}/index.js +1 -0
- package/esm/components/index.js +2 -1
- package/esm/components/optgroup/Component.js +1 -1
- package/esm/components/optgroup/index.css +7 -7
- package/esm/components/option/Component.js +1 -1
- package/esm/components/option/index.css +24 -24
- package/esm/components/options-list/Component.js +7 -3
- package/esm/components/options-list/index.css +11 -11
- package/esm/components/options-list/index.js +2 -1
- package/esm/components/search/Component.d.ts +2 -4
- package/esm/components/search/Component.js +1 -1
- package/esm/components/search/index.css +2 -2
- package/esm/components/virtual-options-list/Component.js +7 -3
- package/esm/components/virtual-options-list/index.css +18 -18
- package/esm/components/virtual-options-list/index.js +2 -1
- package/esm/desktop/index.d.ts +2 -0
- package/esm/{desktop.js → desktop/index.js} +16 -14
- package/esm/{hook-e63a15d0.js → hook-8209d0d1.js} +10 -6
- package/{cssm/hook-8abfea97.d.ts → esm/hook-ad89c253.d.ts} +3 -2
- package/esm/index.d.ts +2 -2
- package/esm/index.js +8 -7
- package/esm/mobile/index.d.ts +3 -0
- package/esm/mobile/index.js +44 -0
- package/esm/presets/index.d.ts +1 -1
- package/esm/presets/index.js +3 -2
- package/esm/presets/useSelectWithApply/hook.js +3 -2
- package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -2
- package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
- package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
- package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +3 -2
- package/esm/presets/useSelectWithLoading/hook.js +1 -1
- package/esm/presets/useSelectWithLoading/index.css +2 -2
- package/esm/shared/index.d.ts +12 -0
- package/esm/shared/index.js +42 -0
- package/esm/typings.d.ts +86 -7
- package/{hook-8abfea97.d.ts → hook-ad89c253.d.ts} +3 -2
- package/{hook-74d61833.js → hook-cb17586d.js} +9 -5
- package/index.d.ts +2 -2
- package/index.js +8 -7
- package/mobile/index.d.ts +3 -0
- package/mobile/index.js +53 -0
- package/mobile/package.json +3 -0
- package/modern/Component.desktop.d.ts +3 -16
- package/modern/Component.desktop.js +5 -3
- package/modern/Component.mobile.d.ts +3 -39
- package/modern/Component.mobile.js +29 -13
- package/modern/Component.modal.mobile.d.ts +2 -58
- package/modern/Component.modal.mobile.js +23 -43
- package/modern/Component.responsive.d.ts +3 -17
- package/modern/Component.responsive.js +11 -13
- package/modern/components/arrow/Component.js +1 -1
- package/modern/components/arrow/index.css +5 -5
- package/modern/components/base-checkmark/Component.js +1 -1
- package/modern/components/base-checkmark/index.css +4 -4
- package/modern/components/base-option/Component.js +1 -1
- package/modern/components/base-option/index.css +16 -16
- package/modern/components/base-select/Component.d.ts +17 -2
- package/modern/components/base-select/Component.js +179 -72
- package/modern/components/base-select/index.css +12 -12
- package/modern/components/base-select/index.js +1 -1
- package/modern/components/{base-select-mobile/index.css → base-select/mobile.css} +13 -22
- package/modern/components/checkmark/Component.js +1 -1
- package/modern/components/checkmark/index.css +11 -11
- package/modern/components/checkmark-mobile/Component.js +1 -1
- package/modern/components/checkmark-mobile/index.css +6 -6
- package/modern/components/field/Component.js +1 -1
- package/modern/components/field/index.css +15 -17
- package/modern/components/footer/Component.d.ts +12 -0
- package/modern/components/{base-select-mobile/footer → footer}/Component.js +5 -4
- package/{esm/components/base-select-mobile → modern/components}/footer/index.css +6 -6
- package/modern/components/footer/index.d.ts +1 -0
- package/modern/components/{base-select-mobile/footer → footer}/index.js +1 -0
- package/modern/components/index.js +2 -1
- package/modern/components/optgroup/Component.js +1 -1
- package/modern/components/optgroup/index.css +7 -7
- package/modern/components/option/Component.js +1 -1
- package/modern/components/option/index.css +24 -24
- package/modern/components/options-list/Component.js +5 -3
- package/modern/components/options-list/index.css +11 -11
- package/modern/components/options-list/index.js +2 -1
- package/modern/components/search/Component.d.ts +2 -4
- package/modern/components/search/Component.js +1 -1
- package/modern/components/search/index.css +2 -2
- package/modern/components/virtual-options-list/Component.js +5 -3
- package/modern/components/virtual-options-list/index.css +18 -18
- package/modern/components/virtual-options-list/index.js +2 -1
- package/modern/desktop/index.d.ts +2 -0
- package/modern/{desktop.js → desktop/index.js} +16 -14
- package/modern/{hook-5e1db0b0.js → hook-4a3d365d.js} +7 -3
- package/modern/{hook-8abfea97.d.ts → hook-ad89c253.d.ts} +3 -2
- package/modern/index.d.ts +2 -2
- package/modern/index.js +8 -7
- package/modern/mobile/index.d.ts +3 -0
- package/modern/mobile/index.js +43 -0
- package/modern/presets/index.d.ts +1 -1
- package/modern/presets/index.js +3 -2
- package/modern/presets/useSelectWithApply/hook.js +3 -2
- package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -2
- package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
- package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
- package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +3 -2
- package/modern/presets/useSelectWithLoading/hook.js +1 -1
- package/modern/presets/useSelectWithLoading/index.css +2 -2
- package/modern/shared/index.d.ts +12 -0
- package/modern/shared/index.js +41 -0
- package/modern/typings.d.ts +86 -7
- package/package.json +12 -10
- package/presets/index.d.ts +1 -1
- package/presets/index.js +3 -2
- package/presets/useSelectWithApply/hook.js +3 -2
- package/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -2
- package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
- package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
- package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/index.js +3 -2
- package/presets/useSelectWithLoading/hook.js +1 -1
- package/presets/useSelectWithLoading/index.css +2 -2
- package/shared/index.d.ts +12 -0
- package/{shared.js → shared/index.js} +44 -43
- package/shared/package.json +3 -0
- package/src/Component.desktop.tsx +5 -14
- package/src/Component.mobile.tsx +38 -57
- package/src/Component.modal.mobile.tsx +5 -147
- package/src/Component.responsive.tsx +9 -44
- package/src/components/base-select/Component.tsx +380 -156
- package/src/components/base-select/index.module.css +1 -1
- package/src/components/{base-select-mobile/index.module.css → base-select/mobile.module.css} +0 -15
- package/src/components/{base-select-mobile/footer → footer}/Component.tsx +22 -4
- package/src/components/{base-select-mobile/footer → footer}/index.module.css +1 -1
- package/src/components/footer/index.ts +1 -0
- package/src/components/options-list/Component.tsx +6 -2
- package/src/components/virtual-options-list/Component.tsx +6 -2
- package/src/desktop/index.ts +2 -0
- package/src/desktop/package.json +3 -0
- package/src/index.ts +2 -4
- package/src/mobile/index.ts +4 -0
- package/src/mobile/package.json +3 -0
- package/src/presets/useSelectWithApply/hook.tsx +9 -3
- package/src/shared/index.ts +13 -0
- package/src/shared/package.json +3 -0
- package/src/typings.ts +110 -9
- package/src/vars.css +1 -1
- package/typings.d.ts +86 -7
- package/Component-89f0cb07.d.ts +0 -38
- package/Component.mobile-ebda875c.d.ts +0 -6
- package/Component.mobile-f1f15074.d.ts +0 -404
- package/components/base-select-mobile/Component.d.ts +0 -70
- package/components/base-select-mobile/Component.js +0 -296
- package/components/base-select-mobile/footer/Component.d.ts +0 -9
- package/components/base-select-mobile/footer/index.d.ts +0 -1
- package/components/base-select-mobile/index.d.ts +0 -1
- package/components/base-select-mobile/index.js +0 -36
- package/cssm/Component-89f0cb07.d.ts +0 -38
- package/cssm/Component.mobile-ebda875c.d.ts +0 -6
- package/cssm/Component.mobile-f1f15074.d.ts +0 -404
- package/cssm/components/base-select-mobile/Component.d.ts +0 -70
- package/cssm/components/base-select-mobile/Component.js +0 -303
- package/cssm/components/base-select-mobile/footer/Component.d.ts +0 -9
- package/cssm/components/base-select-mobile/footer/index.d.ts +0 -1
- package/cssm/components/base-select-mobile/index.d.ts +0 -1
- package/cssm/components/base-select-mobile/index.js +0 -45
- package/cssm/desktop-69921c40.d.ts +0 -6
- package/cssm/desktop.d.ts +0 -2
- package/cssm/desktop.js +0 -48
- package/cssm/index-ebda875c.d.ts +0 -2
- package/cssm/mobile-96988a65.d.ts +0 -2
- package/cssm/mobile.d.ts +0 -5
- package/cssm/mobile.js +0 -62
- package/cssm/shared.d.ts +0 -5
- package/cssm/shared.js +0 -85
- package/cssm/typings-89f0cb07.d.ts +0 -93
- package/cssm/typings-baf4875b.d.ts +0 -52
- package/desktop-69921c40.d.ts +0 -6
- package/desktop.d.ts +0 -2
- package/esm/Component-89f0cb07.d.ts +0 -38
- package/esm/Component.mobile-ebda875c.d.ts +0 -6
- package/esm/Component.mobile-f1f15074.d.ts +0 -404
- package/esm/components/base-select-mobile/Component.d.ts +0 -70
- package/esm/components/base-select-mobile/Component.js +0 -286
- package/esm/components/base-select-mobile/footer/Component.d.ts +0 -9
- package/esm/components/base-select-mobile/footer/index.d.ts +0 -1
- package/esm/components/base-select-mobile/index.d.ts +0 -1
- package/esm/components/base-select-mobile/index.js +0 -28
- package/esm/desktop-69921c40.d.ts +0 -6
- package/esm/desktop.d.ts +0 -2
- package/esm/index-ebda875c.d.ts +0 -2
- package/esm/mobile-96988a65.d.ts +0 -2
- package/esm/mobile.d.ts +0 -5
- package/esm/mobile.js +0 -40
- package/esm/shared.d.ts +0 -5
- package/esm/shared.js +0 -41
- package/esm/typings-89f0cb07.d.ts +0 -93
- package/esm/typings-baf4875b.d.ts +0 -52
- package/index-ebda875c.d.ts +0 -2
- package/mobile-96988a65.d.ts +0 -2
- package/mobile.d.ts +0 -5
- package/mobile.js +0 -49
- package/modern/Component-89f0cb07.d.ts +0 -38
- package/modern/Component.mobile-ebda875c.d.ts +0 -6
- package/modern/Component.mobile-f1f15074.d.ts +0 -404
- package/modern/components/base-select-mobile/Component.d.ts +0 -70
- package/modern/components/base-select-mobile/Component.js +0 -285
- package/modern/components/base-select-mobile/footer/Component.d.ts +0 -9
- package/modern/components/base-select-mobile/footer/index.d.ts +0 -1
- package/modern/components/base-select-mobile/index.d.ts +0 -1
- package/modern/components/base-select-mobile/index.js +0 -27
- package/modern/desktop-69921c40.d.ts +0 -6
- package/modern/desktop.d.ts +0 -2
- package/modern/index-ebda875c.d.ts +0 -2
- package/modern/mobile-96988a65.d.ts +0 -2
- package/modern/mobile.d.ts +0 -5
- package/modern/mobile.js +0 -39
- package/modern/shared.d.ts +0 -5
- package/modern/shared.js +0 -40
- package/modern/typings-89f0cb07.d.ts +0 -93
- package/modern/typings-baf4875b.d.ts +0 -52
- package/shared.d.ts +0 -5
- package/src/components/base-select-mobile/Component.tsx +0 -572
- package/src/components/base-select-mobile/footer/index.ts +0 -1
- package/src/components/base-select-mobile/index.ts +0 -1
- package/src/desktop.ts +0 -1
- package/src/mobile.ts +0 -5
- package/src/shared.ts +0 -5
- package/typings-89f0cb07.d.ts +0 -93
- package/typings-baf4875b.d.ts +0 -52
- /package/cssm/{hook-244c8d6e.d.ts → hook-2f9ec939.d.ts} +0 -0
- /package/esm/{hook-e63a15d0.d.ts → hook-8209d0d1.d.ts} +0 -0
- /package/{hook-74d61833.d.ts → hook-cb17586d.d.ts} +0 -0
- /package/modern/{hook-5e1db0b0.d.ts → hook-4a3d365d.d.ts} +0 -0
|
@@ -3,13 +3,14 @@ import React, { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
|
|
|
3
3
|
import mergeRefs from 'react-merge-refs';
|
|
4
4
|
import { useVirtual } from 'react-virtual';
|
|
5
5
|
import cn from 'classnames';
|
|
6
|
+
import { useMatchMedia } from '@alfalab/core-components-mq/esm';
|
|
6
7
|
import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
|
|
7
|
-
import {
|
|
8
|
+
import { isClient } from '@alfalab/core-components-shared/esm';
|
|
8
9
|
import { DEFAULT_VISIBLE_OPTIONS } from '../../consts.js';
|
|
9
10
|
import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
|
|
10
11
|
import { Optgroup } from '../optgroup/Component.js';
|
|
11
12
|
|
|
12
|
-
var styles = {"virtualOptionsList":"
|
|
13
|
+
var styles = {"virtualOptionsList":"select__virtualOptionsList_1o6ad","virtualOptionsListHeader":"select__virtualOptionsListHeader_1o6ad","virtualOptionsListFooter":"select__virtualOptionsListFooter_1o6ad","withBorder":"select__withBorder_1o6ad","scrollable":"select__scrollable_1o6ad","inner":"select__inner_1o6ad","virtualRow":"select__virtualRow_1o6ad","highlighted":"select__highlighted_1o6ad","emptyPlaceholder":"select__emptyPlaceholder_1o6ad","l":"select__l_1o6ad","xl":"select__xl_1o6ad"};
|
|
13
14
|
require('./index.css')
|
|
14
15
|
|
|
15
16
|
var VirtualOptionsList = forwardRef(function (_a, ref) {
|
|
@@ -20,7 +21,10 @@ var VirtualOptionsList = forwardRef(function (_a, ref) {
|
|
|
20
21
|
var scrollbarRef = useRef(null);
|
|
21
22
|
var _k = useState(''), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
|
|
22
23
|
var prevHighlightedIndex = usePrevious(highlightedIndex) || -1;
|
|
23
|
-
var
|
|
24
|
+
var query = '(max-width: 1023px)';
|
|
25
|
+
var nativeScrollbar = useMatchMedia(query, function () {
|
|
26
|
+
return isClient() ? window.matchMedia(query).matches : true;
|
|
27
|
+
})[0];
|
|
24
28
|
var rowVirtualizer = useVirtual({
|
|
25
29
|
size: flatOptions.length,
|
|
26
30
|
parentRef: (ref || parentRef),
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: hr27r */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
|
-
--color-light-border-primary: #
|
|
5
|
-
--color-light-border-secondary: #
|
|
6
|
-
--color-light-text-secondary: rgba(
|
|
4
|
+
--color-light-border-primary: #d5d6dc;
|
|
5
|
+
--color-light-border-secondary: #e7e8ec;
|
|
6
|
+
--color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
|
|
7
7
|
} :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 */
|
|
8
8
|
} :root {
|
|
9
9
|
} :root {
|
|
@@ -35,34 +35,34 @@
|
|
|
35
35
|
/* checkmark */
|
|
36
36
|
|
|
37
37
|
/* optgroup */
|
|
38
|
-
} .
|
|
38
|
+
} .select__virtualOptionsList_1o6ad {
|
|
39
39
|
width: 100%;
|
|
40
40
|
outline: none;
|
|
41
41
|
box-sizing: border-box;
|
|
42
42
|
position: sticky;
|
|
43
|
-
} .
|
|
43
|
+
} .select__virtualOptionsListHeader_1o6ad {
|
|
44
44
|
box-sizing: border-box;
|
|
45
45
|
border-bottom: 1px solid var(--color-light-border-secondary);
|
|
46
|
-
} .
|
|
46
|
+
} .select__virtualOptionsListFooter_1o6ad {
|
|
47
47
|
position: sticky;
|
|
48
48
|
bottom: 0;
|
|
49
49
|
box-sizing: border-box;
|
|
50
50
|
border-top: 1px solid transparent
|
|
51
|
-
} .
|
|
51
|
+
} .select__virtualOptionsListFooter_1o6ad.select__withBorder_1o6ad {
|
|
52
52
|
border-top: 1px solid var(--color-light-border-secondary);
|
|
53
|
-
} .
|
|
53
|
+
} .select__scrollable_1o6ad {
|
|
54
54
|
position: relative;
|
|
55
55
|
overflow: auto;
|
|
56
56
|
width: 100%;
|
|
57
|
-
} .
|
|
57
|
+
} .select__inner_1o6ad {
|
|
58
58
|
position: relative;
|
|
59
59
|
width: 100%;
|
|
60
|
-
} .
|
|
60
|
+
} .select__virtualRow_1o6ad {
|
|
61
61
|
position: absolute;
|
|
62
62
|
top: 0;
|
|
63
63
|
left: 0;
|
|
64
64
|
width: 100%
|
|
65
|
-
} .
|
|
65
|
+
} .select__virtualRow_1o6ad:before {
|
|
66
66
|
content: '';
|
|
67
67
|
position: absolute;
|
|
68
68
|
z-index: 1;
|
|
@@ -72,15 +72,15 @@
|
|
|
72
72
|
height: 1px;
|
|
73
73
|
background: var(--select-option-divider-background);
|
|
74
74
|
display: var(--select-option-divider-display);
|
|
75
|
-
} .
|
|
75
|
+
} .select__virtualRow_1o6ad:first-child:before {
|
|
76
76
|
display: none;
|
|
77
|
-
} .
|
|
78
|
-
.
|
|
77
|
+
} .select__highlighted_1o6ad:before,
|
|
78
|
+
.select__highlighted_1o6ad + .select__virtualRow_1o6ad:before {
|
|
79
79
|
display: none;
|
|
80
|
-
} .
|
|
80
|
+
} .select__emptyPlaceholder_1o6ad {
|
|
81
81
|
padding: var(--gap-m) var(--gap-s);
|
|
82
82
|
color: var(--select-options-list-empty-placeholder-color);
|
|
83
|
-
} .
|
|
84
|
-
.
|
|
83
|
+
} .select__l_1o6ad .select__emptyPlaceholder_1o6ad,
|
|
84
|
+
.select__xl_1o6ad .select__emptyPlaceholder_1o6ad {
|
|
85
85
|
padding: var(--gap-xl) var(--gap-m);
|
|
86
86
|
}
|
|
@@ -4,8 +4,9 @@ import 'react';
|
|
|
4
4
|
import 'react-merge-refs';
|
|
5
5
|
import 'react-virtual';
|
|
6
6
|
import 'classnames';
|
|
7
|
+
import '@alfalab/core-components-mq/esm';
|
|
7
8
|
import '@alfalab/core-components-scrollbar/esm';
|
|
8
|
-
import '@alfalab/
|
|
9
|
+
import '@alfalab/core-components-shared/esm';
|
|
9
10
|
import '../../consts.js';
|
|
10
11
|
import '../../utils.js';
|
|
11
12
|
import '../optgroup/Component.js';
|
|
@@ -1,31 +1,33 @@
|
|
|
1
|
-
export { SelectDesktop } from '
|
|
1
|
+
export { SelectDesktop } from '../Component.desktop.js';
|
|
2
2
|
import 'tslib';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '@alfalab/core-components-form-control/esm/desktop';
|
|
5
|
-
import '
|
|
5
|
+
import '@alfalab/core-components-popover/esm';
|
|
6
|
+
import '../components/arrow/Component.js';
|
|
6
7
|
import 'classnames';
|
|
7
8
|
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
8
|
-
import '
|
|
9
|
+
import '../components/base-select/Component.js';
|
|
9
10
|
import 'react-merge-refs';
|
|
10
11
|
import '@juggle/resize-observer';
|
|
12
|
+
import 'compute-scroll-into-view';
|
|
11
13
|
import 'downshift';
|
|
12
|
-
import '@alfalab/core-components-popover/esm';
|
|
13
14
|
import '@alfalab/core-components-shared/esm';
|
|
14
15
|
import '@alfalab/hooks';
|
|
15
|
-
import '
|
|
16
|
-
import '
|
|
17
|
-
import '
|
|
18
|
-
import '
|
|
19
|
-
import '
|
|
20
|
-
import '
|
|
16
|
+
import '../utils.js';
|
|
17
|
+
import '../components/native-select/Component.js';
|
|
18
|
+
import '../components/field/Component.js';
|
|
19
|
+
import '../components/optgroup/Component.js';
|
|
20
|
+
import '../components/option/Component.js';
|
|
21
|
+
import '../components/checkmark/Component.js';
|
|
21
22
|
import '@alfalab/core-components-badge/esm';
|
|
22
23
|
import '@alfalab/core-components-checkbox/esm';
|
|
23
24
|
import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
|
|
24
25
|
import '@alfalab/icons-glyph/CheckmarkMIcon';
|
|
25
|
-
import '
|
|
26
|
-
import '
|
|
26
|
+
import '../components/checkmark-mobile/Component.js';
|
|
27
|
+
import '../components/options-list/Component.js';
|
|
28
|
+
import '@alfalab/core-components-mq/esm';
|
|
27
29
|
import '@alfalab/core-components-scrollbar/esm';
|
|
28
|
-
import '
|
|
29
|
-
import '
|
|
30
|
+
import '../consts.js';
|
|
31
|
+
import '../components/search/Component.js';
|
|
30
32
|
import '@alfalab/core-components-input/esm';
|
|
31
33
|
import '@alfalab/icons-glyph/MagnifierMIcon';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __rest, __assign, __spreadArray } from 'tslib';
|
|
2
2
|
import React, { forwardRef, useCallback, useEffect, useState, useMemo, useRef } from 'react';
|
|
3
|
-
import { defaultAccessor,
|
|
3
|
+
import { defaultAccessor, defaultFilterFn, processOptions } from './utils.js';
|
|
4
4
|
import { OptionsList } from './components/options-list/Component.js';
|
|
5
5
|
import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
|
|
6
6
|
import { Footer } from './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
@@ -50,12 +50,16 @@ var SELECT_ALL_KEY = 'select_all';
|
|
|
50
50
|
var selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
|
|
51
51
|
function useSelectWithApply(_a) {
|
|
52
52
|
var options = _a.options, selected = _a.selected, _b = _a.onChange, onChange = _b === void 0 ? function () { return null; } : _b, OptionsList = _a.OptionsList, _c = _a.optionsListProps, optionsListProps = _c === void 0 ? {} : _c, _d = _a.showClear, showClear = _d === void 0 ? true : _d, _e = _a.showSelectAll, showSelectAll = _e === void 0 ? false : _e, _f = _a.showHeaderWithSelectAll, showHeaderWithSelectAll = _f === void 0 ? false : _f, showSearch = _a.showSearch, _g = _a.searchProps, searchProps = _g === void 0 ? {} : _g;
|
|
53
|
-
var _h = useState(''),
|
|
53
|
+
var _h = useState(''), searchState = _h[0], setSearchState = _h[1];
|
|
54
|
+
var _j = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
|
|
55
|
+
? [searchProps.value, searchProps.onChange]
|
|
56
|
+
: [searchState, setSearchState], search = _j[0], setSearch = _j[1];
|
|
54
57
|
var accessor = searchProps.accessor || defaultAccessor;
|
|
55
|
-
var
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
58
|
+
var filterFn = searchProps.filterFn || defaultFilterFn;
|
|
59
|
+
var _k = useMemo(function () {
|
|
60
|
+
return processOptions(options, selected, showSearch ? function (option) { return filterFn(accessor(option), search); } : undefined);
|
|
61
|
+
}, [filterFn, accessor, options, search, selected, showSearch]), flatOptions = _k.flatOptions, selectedOptions = _k.selectedOptions;
|
|
62
|
+
var _l = useState(selectedOptions), selectedDraft = _l[0], setSelectedDraft = _l[1];
|
|
59
63
|
var selectedOptionsRef = useRef(selectedOptions);
|
|
60
64
|
var handleApply = function () {
|
|
61
65
|
onChange({
|
|
@@ -81,9 +81,10 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
|
|
|
81
81
|
showSearch: boolean | undefined;
|
|
82
82
|
searchProps: {
|
|
83
83
|
value: string;
|
|
84
|
-
onChange:
|
|
85
|
-
componentProps?: import("
|
|
84
|
+
onChange: ((value: string) => void) | undefined;
|
|
85
|
+
componentProps?: import("./typings").SearchProps | undefined;
|
|
86
86
|
accessor?: ((option: OptionShape) => string) | undefined;
|
|
87
|
+
filterFn?: ((optionText: string, search: string) => boolean) | undefined;
|
|
87
88
|
} | undefined;
|
|
88
89
|
};
|
|
89
90
|
export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
|
package/esm/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { SelectResponsive as Select
|
|
2
|
-
export {};
|
|
1
|
+
export { SelectResponsive as Select } from "./Component.responsive";
|
|
2
|
+
export type { SelectProps } from "./typings";
|
package/esm/index.js
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
export { SelectResponsive as Select } from './Component.responsive.js';
|
|
2
2
|
import 'tslib';
|
|
3
3
|
import 'react';
|
|
4
|
-
import '@alfalab/
|
|
4
|
+
import '@alfalab/core-components-mq/esm';
|
|
5
5
|
import './Component.desktop.js';
|
|
6
6
|
import '@alfalab/core-components-form-control/esm/desktop';
|
|
7
|
+
import '@alfalab/core-components-popover/esm';
|
|
7
8
|
import './components/arrow/Component.js';
|
|
8
9
|
import 'classnames';
|
|
9
10
|
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
10
11
|
import './components/base-select/Component.js';
|
|
11
12
|
import 'react-merge-refs';
|
|
12
13
|
import '@juggle/resize-observer';
|
|
14
|
+
import 'compute-scroll-into-view';
|
|
13
15
|
import 'downshift';
|
|
14
|
-
import '@alfalab/core-components-popover/esm';
|
|
15
16
|
import '@alfalab/core-components-shared/esm';
|
|
17
|
+
import '@alfalab/hooks';
|
|
16
18
|
import './utils.js';
|
|
17
19
|
import './components/native-select/Component.js';
|
|
18
20
|
import './components/field/Component.js';
|
|
@@ -31,16 +33,15 @@ import './components/search/Component.js';
|
|
|
31
33
|
import '@alfalab/core-components-input/esm';
|
|
32
34
|
import '@alfalab/icons-glyph/MagnifierMIcon';
|
|
33
35
|
import './Component.mobile.js';
|
|
34
|
-
import '@alfalab/core-components-form-control/esm/mobile';
|
|
35
|
-
import './components/base-select-mobile/Component.js';
|
|
36
36
|
import '@alfalab/core-components-bottom-sheet/esm';
|
|
37
|
-
import '@alfalab/core-components-
|
|
38
|
-
import '
|
|
37
|
+
import '@alfalab/core-components-form-control/esm/mobile';
|
|
38
|
+
import '@alfalab/core-components-modal/esm/Component.mobile';
|
|
39
|
+
import './components/footer/Component.js';
|
|
39
40
|
import '@alfalab/core-components-base-modal/esm';
|
|
40
41
|
import '@alfalab/core-components-button/esm/mobile';
|
|
41
42
|
import './components/virtual-options-list/Component.js';
|
|
42
43
|
import 'react-virtual';
|
|
43
|
-
import './hook-
|
|
44
|
+
import './hook-8209d0d1.js';
|
|
44
45
|
import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
45
46
|
import '@alfalab/core-components-button/esm/desktop';
|
|
46
47
|
import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export { SelectMobile } from '../Component.mobile.js';
|
|
2
|
+
export { SelectModalMobile } from '../Component.modal.mobile.js';
|
|
3
|
+
import 'tslib';
|
|
4
|
+
import 'react';
|
|
5
|
+
import '@alfalab/core-components-bottom-sheet/esm';
|
|
6
|
+
import '@alfalab/core-components-form-control/esm/mobile';
|
|
7
|
+
import '@alfalab/core-components-modal/esm/Component.mobile';
|
|
8
|
+
import '../components/arrow/Component.js';
|
|
9
|
+
import 'classnames';
|
|
10
|
+
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
11
|
+
import '../components/base-select/Component.js';
|
|
12
|
+
import 'react-merge-refs';
|
|
13
|
+
import '@juggle/resize-observer';
|
|
14
|
+
import 'compute-scroll-into-view';
|
|
15
|
+
import 'downshift';
|
|
16
|
+
import '@alfalab/core-components-shared/esm';
|
|
17
|
+
import '@alfalab/hooks';
|
|
18
|
+
import '../utils.js';
|
|
19
|
+
import '../components/native-select/Component.js';
|
|
20
|
+
import '../components/field/Component.js';
|
|
21
|
+
import '../components/footer/Component.js';
|
|
22
|
+
import '@alfalab/core-components-base-modal/esm';
|
|
23
|
+
import '@alfalab/core-components-button/esm/mobile';
|
|
24
|
+
import '../components/optgroup/Component.js';
|
|
25
|
+
import '../components/option/Component.js';
|
|
26
|
+
import '../components/checkmark/Component.js';
|
|
27
|
+
import '@alfalab/core-components-badge/esm';
|
|
28
|
+
import '@alfalab/core-components-checkbox/esm';
|
|
29
|
+
import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
|
|
30
|
+
import '@alfalab/icons-glyph/CheckmarkMIcon';
|
|
31
|
+
import '../components/checkmark-mobile/Component.js';
|
|
32
|
+
import '../components/options-list/Component.js';
|
|
33
|
+
import '@alfalab/core-components-mq/esm';
|
|
34
|
+
import '@alfalab/core-components-scrollbar/esm';
|
|
35
|
+
import '../consts.js';
|
|
36
|
+
import '../components/search/Component.js';
|
|
37
|
+
import '@alfalab/core-components-input/esm';
|
|
38
|
+
import '@alfalab/icons-glyph/MagnifierMIcon';
|
|
39
|
+
import '../components/virtual-options-list/Component.js';
|
|
40
|
+
import 'react-virtual';
|
|
41
|
+
import '../hook-8209d0d1.js';
|
|
42
|
+
import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
43
|
+
import '@alfalab/core-components-button/esm/desktop';
|
|
44
|
+
import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
|
package/esm/presets/index.d.ts
CHANGED
package/esm/presets/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
|
|
2
2
|
export { useLazyLoading } from './useLazyLoading/hook.js';
|
|
3
|
-
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-
|
|
3
|
+
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-8209d0d1.js';
|
|
4
4
|
import 'tslib';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '@alfalab/core-components-skeleton/esm';
|
|
@@ -16,8 +16,9 @@ import 'intersection-observer';
|
|
|
16
16
|
import '../utils.js';
|
|
17
17
|
import '../components/options-list/Component.js';
|
|
18
18
|
import 'react-merge-refs';
|
|
19
|
+
import '@alfalab/core-components-mq/esm';
|
|
19
20
|
import '@alfalab/core-components-scrollbar/esm';
|
|
20
|
-
import '@alfalab/
|
|
21
|
+
import '@alfalab/core-components-shared/esm';
|
|
21
22
|
import '../consts.js';
|
|
22
23
|
import '../components/optgroup/Component.js';
|
|
23
24
|
import './useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import 'tslib';
|
|
2
2
|
import 'react';
|
|
3
3
|
import '../../utils.js';
|
|
4
|
-
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-
|
|
4
|
+
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-8209d0d1.js';
|
|
5
5
|
import '../../components/options-list/Component.js';
|
|
6
6
|
import 'react-merge-refs';
|
|
7
7
|
import 'classnames';
|
|
8
|
+
import '@alfalab/core-components-mq/esm';
|
|
8
9
|
import '@alfalab/core-components-scrollbar/esm';
|
|
9
|
-
import '@alfalab/
|
|
10
|
+
import '@alfalab/core-components-shared/esm';
|
|
10
11
|
import '../../consts.js';
|
|
11
12
|
import '../../components/optgroup/Component.js';
|
|
12
13
|
import './options-list-with-apply/footer/Component.js';
|
|
@@ -2,13 +2,14 @@ import 'tslib';
|
|
|
2
2
|
import 'react';
|
|
3
3
|
import '../../../components/options-list/Component.js';
|
|
4
4
|
import '../../../consts.js';
|
|
5
|
-
export { O as OptionsListWithApply } from '../../../hook-
|
|
5
|
+
export { O as OptionsListWithApply } from '../../../hook-8209d0d1.js';
|
|
6
6
|
import './footer/Component.js';
|
|
7
7
|
import './header/Component.js';
|
|
8
8
|
import 'react-merge-refs';
|
|
9
9
|
import 'classnames';
|
|
10
|
+
import '@alfalab/core-components-mq/esm';
|
|
10
11
|
import '@alfalab/core-components-scrollbar/esm';
|
|
11
|
-
import '@alfalab/
|
|
12
|
+
import '@alfalab/core-components-shared/esm';
|
|
12
13
|
import '../../../utils.js';
|
|
13
14
|
import '../../../components/optgroup/Component.js';
|
|
14
15
|
import '@alfalab/core-components-button/esm/desktop';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1avs6 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--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,10 +17,10 @@
|
|
|
17
17
|
--gap-s: 12px;
|
|
18
18
|
} :root {
|
|
19
19
|
} :root {
|
|
20
|
-
} .
|
|
20
|
+
} .select__footer_o7lyx {
|
|
21
21
|
background-color: var(--color-light-bg-primary);
|
|
22
22
|
padding: var(--gap-s);
|
|
23
23
|
outline: none
|
|
24
|
-
} .
|
|
24
|
+
} .select__footer_o7lyx > * + * {
|
|
25
25
|
margin-left: var(--gap-xs);
|
|
26
26
|
}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Checkbox } from '@alfalab/core-components-checkbox/esm';
|
|
4
4
|
|
|
5
|
-
var styles = {"desktop":"
|
|
5
|
+
var styles = {"desktop":"select__desktop_1y3b9","mobile":"select__mobile_1y3b9"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Header = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: bjmos */
|
|
2
2
|
:root {
|
|
3
3
|
} /* 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 */
|
|
4
4
|
} :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 */
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
--gap-s: 12px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .
|
|
19
|
+
} .select__desktop_1y3b9 {
|
|
20
20
|
padding: var(--gap-s);
|
|
21
|
-
} .
|
|
21
|
+
} .select__mobile_1y3b9 {
|
|
22
22
|
padding: var(--gap-s) var(--gap-xs);
|
|
23
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../../hook-
|
|
1
|
+
export * from "../../../hook-8209d0d1";
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
export { O as OptionsListWithApply } from '../../../hook-
|
|
1
|
+
export { O as OptionsListWithApply } from '../../../hook-8209d0d1.js';
|
|
2
2
|
import 'tslib';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../../../utils.js';
|
|
5
5
|
import '../../../components/options-list/Component.js';
|
|
6
6
|
import 'react-merge-refs';
|
|
7
7
|
import 'classnames';
|
|
8
|
+
import '@alfalab/core-components-mq/esm';
|
|
8
9
|
import '@alfalab/core-components-scrollbar/esm';
|
|
9
|
-
import '@alfalab/
|
|
10
|
+
import '@alfalab/core-components-shared/esm';
|
|
10
11
|
import '../../../consts.js';
|
|
11
12
|
import '../../../components/optgroup/Component.js';
|
|
12
13
|
import './footer/Component.js';
|
|
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
|
|
|
10
10
|
import '@alfalab/icons-glyph/CheckmarkMIcon';
|
|
11
11
|
import '../../components/checkmark-mobile/Component.js';
|
|
12
12
|
|
|
13
|
-
var styles = {"skeleton":"
|
|
13
|
+
var styles = {"skeleton":"select__skeleton_iqksk"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
function useSelectWithLoading(_a) {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export * from "../presets/index";
|
|
2
|
+
export * from "../typings";
|
|
3
|
+
export * from "../utils";
|
|
4
|
+
export * from "../components/option/index";
|
|
5
|
+
export * from "../components/base-option/index";
|
|
6
|
+
export * from "../components/options-list/index";
|
|
7
|
+
export * from "../components/virtual-options-list/index";
|
|
8
|
+
export * from "../components/field/index";
|
|
9
|
+
export * from "../components/arrow/index";
|
|
10
|
+
export * from "../components/base-select/index";
|
|
11
|
+
export * from "../components/optgroup/index";
|
|
12
|
+
export * from "../components/footer/index";
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
|
|
2
|
+
export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
|
|
3
|
+
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-8209d0d1.js';
|
|
4
|
+
export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
|
|
5
|
+
export { Option } from '../components/option/Component.js';
|
|
6
|
+
export { BaseOption } from '../components/base-option/Component.js';
|
|
7
|
+
export { OptionsList } from '../components/options-list/Component.js';
|
|
8
|
+
export { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
|
|
9
|
+
export { Field } from '../components/field/Component.js';
|
|
10
|
+
export { Arrow } from '../components/arrow/Component.js';
|
|
11
|
+
export { BaseSelect } from '../components/base-select/Component.js';
|
|
12
|
+
export { Optgroup } from '../components/optgroup/Component.js';
|
|
13
|
+
export { Footer } from '../components/footer/Component.js';
|
|
14
|
+
import 'tslib';
|
|
15
|
+
import 'react';
|
|
16
|
+
import '@alfalab/core-components-skeleton/esm';
|
|
17
|
+
import 'intersection-observer';
|
|
18
|
+
import '../consts.js';
|
|
19
|
+
import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
20
|
+
import '@alfalab/core-components-button/esm/desktop';
|
|
21
|
+
import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
|
|
22
|
+
import 'classnames';
|
|
23
|
+
import '@alfalab/core-components-checkbox/esm';
|
|
24
|
+
import '../components/checkmark/Component.js';
|
|
25
|
+
import '@alfalab/core-components-badge/esm';
|
|
26
|
+
import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
|
|
27
|
+
import '@alfalab/icons-glyph/CheckmarkMIcon';
|
|
28
|
+
import '../components/checkmark-mobile/Component.js';
|
|
29
|
+
import '../components/base-checkmark/Component.js';
|
|
30
|
+
import 'react-merge-refs';
|
|
31
|
+
import '@alfalab/core-components-mq/esm';
|
|
32
|
+
import '@alfalab/core-components-scrollbar/esm';
|
|
33
|
+
import '@alfalab/core-components-shared/esm';
|
|
34
|
+
import 'react-virtual';
|
|
35
|
+
import '@alfalab/hooks';
|
|
36
|
+
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
37
|
+
import '@juggle/resize-observer';
|
|
38
|
+
import 'compute-scroll-into-view';
|
|
39
|
+
import 'downshift';
|
|
40
|
+
import '../components/native-select/Component.js';
|
|
41
|
+
import '@alfalab/core-components-base-modal/esm';
|
|
42
|
+
import '@alfalab/core-components-button/esm/mobile';
|