@alfalab/core-components-picker-button 11.5.1 → 11.5.3
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-c44170fe.d.ts +1 -1
- package/Component.responsive.js +0 -12
- package/cssm/Component.responsive.js +0 -15
- package/cssm/desktop/Component.desktop.js +0 -8
- package/cssm/desktop/index.js +0 -16
- package/cssm/field/Component.js +0 -4
- package/cssm/field/index.js +0 -10
- package/cssm/index.js +0 -20
- package/cssm/mobile/Component.mobile.js +0 -9
- package/cssm/mobile/index.js +0 -15
- package/cssm/option/index.js +0 -4
- package/cssm/shared/index.js +0 -4
- package/cssm/typings-c29389e5.d.ts +4 -0
- package/cssm/{utils-d2597f31.d.ts → utils-89376c31.d.ts} +27 -1
- package/desktop/Component.desktop.js +1 -7
- package/desktop/index.js +0 -13
- package/esm/Component.responsive.js +0 -12
- package/esm/desktop/Component.desktop.js +1 -7
- package/esm/desktop/index.js +0 -13
- package/esm/field/Component.js +1 -5
- package/esm/field/index.css +6 -6
- package/esm/field/index.js +0 -9
- package/esm/index.css +5 -5
- package/esm/index.js +0 -17
- package/esm/mobile/Component.mobile.js +0 -7
- package/esm/mobile/index.js +0 -13
- package/esm/option/Component.js +1 -1
- package/esm/option/index.css +4 -4
- package/esm/option/index.js +0 -3
- package/esm/shared/index.js +0 -4
- package/esm/typings-c29389e5.d.ts +4 -0
- package/esm/{utils-d2597f31.d.ts → utils-89376c31.d.ts} +27 -1
- package/field/Component.js +1 -5
- package/field/index.css +6 -6
- package/field/index.js +0 -9
- package/index.css +5 -5
- package/index.js +0 -17
- package/mobile/Component.mobile.js +0 -7
- package/mobile/index.js +0 -13
- package/modern/Component.responsive.js +0 -12
- package/modern/desktop/Component.desktop.js +1 -7
- package/modern/desktop/index.js +0 -12
- package/modern/field/Component.js +1 -5
- package/modern/field/index.css +6 -6
- package/modern/field/index.js +0 -8
- package/modern/index.css +5 -5
- package/modern/index.js +0 -16
- package/modern/mobile/Component.mobile.js +0 -7
- package/modern/mobile/index.js +0 -12
- package/modern/option/Component.js +1 -1
- package/modern/option/index.css +4 -4
- package/modern/option/index.js +0 -2
- package/modern/shared/index.js +0 -4
- package/modern/typings-c29389e5.d.ts +4 -0
- package/modern/{utils-d2597f31.d.ts → utils-89376c31.d.ts} +27 -1
- package/option/Component.js +1 -1
- package/option/index.css +4 -4
- package/option/index.js +0 -3
- package/package.json +3 -3
- package/shared/index.js +0 -4
- package/typings-c29389e5.d.ts +4 -0
- package/{utils-d2597f31.d.ts → utils-89376c31.d.ts} +27 -1
package/Component-c44170fe.d.ts
CHANGED
|
@@ -145,7 +145,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
|
|
|
145
145
|
*/
|
|
146
146
|
disableUserInput?: boolean;
|
|
147
147
|
};
|
|
148
|
-
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
148
|
+
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
|
|
149
149
|
/**
|
|
150
150
|
* Значение поля ввода
|
|
151
151
|
*/
|
package/Component.responsive.js
CHANGED
|
@@ -7,18 +7,6 @@ var React = require('react');
|
|
|
7
7
|
var hooks = require('@alfalab/hooks');
|
|
8
8
|
var desktop_Component_desktop = require('./desktop/Component.desktop.js');
|
|
9
9
|
var mobile_Component_mobile = require('./mobile/Component.mobile.js');
|
|
10
|
-
require('classnames');
|
|
11
|
-
require('@alfalab/core-components-popover');
|
|
12
|
-
require('@alfalab/core-components-select/shared');
|
|
13
|
-
require('./field/Component.js');
|
|
14
|
-
require('@alfalab/core-components-button');
|
|
15
|
-
require('./utils/index.js');
|
|
16
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
18
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
19
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
20
|
-
require('./option/Component.js');
|
|
21
|
-
require('@alfalab/core-components-select/mobile');
|
|
22
10
|
|
|
23
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
24
12
|
|
|
@@ -7,21 +7,6 @@ var React = require('react');
|
|
|
7
7
|
var hooks = require('@alfalab/hooks');
|
|
8
8
|
var desktop_Component_desktop = require('./desktop/Component.desktop.js');
|
|
9
9
|
var mobile_Component_mobile = require('./mobile/Component.mobile.js');
|
|
10
|
-
require('classnames');
|
|
11
|
-
require('@alfalab/core-components-popover/cssm');
|
|
12
|
-
require('@alfalab/core-components-select/cssm/shared');
|
|
13
|
-
require('./field/Component.js');
|
|
14
|
-
require('@alfalab/core-components-button/cssm');
|
|
15
|
-
require('./utils/index.js');
|
|
16
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
18
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
19
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
20
|
-
require('./field/index.module.css');
|
|
21
|
-
require('./option/Component.js');
|
|
22
|
-
require('./option/index.module.css');
|
|
23
|
-
require('./index.module.css');
|
|
24
|
-
require('@alfalab/core-components-select/cssm/mobile');
|
|
25
10
|
|
|
26
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
27
12
|
|
|
@@ -10,14 +10,6 @@ var shared = require('@alfalab/core-components-select/cssm/shared');
|
|
|
10
10
|
var field_Component = require('../field/Component.js');
|
|
11
11
|
var option_Component = require('../option/Component.js');
|
|
12
12
|
var styles = require('../index.module.css');
|
|
13
|
-
require('@alfalab/core-components-button/cssm');
|
|
14
|
-
require('../utils/index.js');
|
|
15
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
18
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
19
|
-
require('../field/index.module.css');
|
|
20
|
-
require('../option/index.module.css');
|
|
21
13
|
|
|
22
14
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
23
15
|
|
package/cssm/desktop/index.js
CHANGED
|
@@ -3,22 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var desktop_Component_desktop = require('./Component.desktop.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('classnames');
|
|
9
|
-
require('@alfalab/core-components-popover/cssm');
|
|
10
|
-
require('@alfalab/core-components-select/cssm/shared');
|
|
11
|
-
require('../field/Component.js');
|
|
12
|
-
require('@alfalab/core-components-button/cssm');
|
|
13
|
-
require('../utils/index.js');
|
|
14
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
15
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
18
|
-
require('../field/index.module.css');
|
|
19
|
-
require('../option/Component.js');
|
|
20
|
-
require('../option/index.module.css');
|
|
21
|
-
require('../index.module.css');
|
|
22
6
|
|
|
23
7
|
|
|
24
8
|
|
package/cssm/field/Component.js
CHANGED
|
@@ -8,10 +8,6 @@ var cn = require('classnames');
|
|
|
8
8
|
var coreComponentsButton = require('@alfalab/core-components-button/cssm');
|
|
9
9
|
var utils_index = require('../utils/index.js');
|
|
10
10
|
var styles = require('./index.module.css');
|
|
11
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
12
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
13
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
14
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
15
11
|
|
|
16
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
17
13
|
|
package/cssm/field/index.js
CHANGED
|
@@ -3,16 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var field_Component = require('./Component.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('classnames');
|
|
9
|
-
require('@alfalab/core-components-button/cssm');
|
|
10
|
-
require('../utils/index.js');
|
|
11
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
12
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
13
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
14
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
15
|
-
require('./index.module.css');
|
|
16
6
|
|
|
17
7
|
|
|
18
8
|
|
package/cssm/index.js
CHANGED
|
@@ -3,26 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var Component_responsive = require('./Component.responsive.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('@alfalab/hooks');
|
|
9
|
-
require('./desktop/Component.desktop.js');
|
|
10
|
-
require('classnames');
|
|
11
|
-
require('@alfalab/core-components-popover/cssm');
|
|
12
|
-
require('@alfalab/core-components-select/cssm/shared');
|
|
13
|
-
require('./field/Component.js');
|
|
14
|
-
require('@alfalab/core-components-button/cssm');
|
|
15
|
-
require('./utils/index.js');
|
|
16
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
18
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
19
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
20
|
-
require('./field/index.module.css');
|
|
21
|
-
require('./option/Component.js');
|
|
22
|
-
require('./option/index.module.css');
|
|
23
|
-
require('./index.module.css');
|
|
24
|
-
require('./mobile/Component.mobile.js');
|
|
25
|
-
require('@alfalab/core-components-select/cssm/mobile');
|
|
26
6
|
|
|
27
7
|
|
|
28
8
|
|
|
@@ -8,15 +8,6 @@ var mobile = require('@alfalab/core-components-select/cssm/mobile');
|
|
|
8
8
|
var shared = require('@alfalab/core-components-select/cssm/shared');
|
|
9
9
|
var field_Component = require('../field/Component.js');
|
|
10
10
|
var option_Component = require('../option/Component.js');
|
|
11
|
-
require('classnames');
|
|
12
|
-
require('@alfalab/core-components-button/cssm');
|
|
13
|
-
require('../utils/index.js');
|
|
14
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
15
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
18
|
-
require('../field/index.module.css');
|
|
19
|
-
require('../option/index.module.css');
|
|
20
11
|
|
|
21
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
22
13
|
|
package/cssm/mobile/index.js
CHANGED
|
@@ -3,21 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var mobile_Component_mobile = require('./Component.mobile.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('@alfalab/core-components-select/cssm/mobile');
|
|
9
|
-
require('@alfalab/core-components-select/cssm/shared');
|
|
10
|
-
require('../field/Component.js');
|
|
11
|
-
require('classnames');
|
|
12
|
-
require('@alfalab/core-components-button/cssm');
|
|
13
|
-
require('../utils/index.js');
|
|
14
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
15
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
18
|
-
require('../field/index.module.css');
|
|
19
|
-
require('../option/Component.js');
|
|
20
|
-
require('../option/index.module.css');
|
|
21
6
|
|
|
22
7
|
|
|
23
8
|
|
package/cssm/option/index.js
CHANGED
package/cssm/shared/index.js
CHANGED
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var utils_index = require('../utils/index.js');
|
|
6
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
7
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
8
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
9
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
10
6
|
|
|
11
7
|
|
|
12
8
|
|
|
@@ -364,6 +364,10 @@ type FooterProps$0 = {
|
|
|
364
364
|
* Дополнительный класс
|
|
365
365
|
*/
|
|
366
366
|
className?: string;
|
|
367
|
+
/**
|
|
368
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
369
|
+
*/
|
|
370
|
+
dataTestId?: string;
|
|
367
371
|
};
|
|
368
372
|
declare const Footer$0: FC<FooterProps$0>;
|
|
369
373
|
type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
|
|
@@ -38,4 +38,30 @@ declare function defaultFilterFn(optionText: string, search: string): boolean;
|
|
|
38
38
|
declare function defaultAccessor(option: OptionShape): string;
|
|
39
39
|
declare function usePrevious<T>(value: T): T | undefined;
|
|
40
40
|
declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
|
|
41
|
-
|
|
41
|
+
declare function getSelectTestIds(dataTestId: string): {
|
|
42
|
+
select: string;
|
|
43
|
+
option: string;
|
|
44
|
+
optionsList: string;
|
|
45
|
+
clearButton: string;
|
|
46
|
+
applyButton: string;
|
|
47
|
+
field: string;
|
|
48
|
+
fieldFormControl: string;
|
|
49
|
+
fieldLeftAddons: string;
|
|
50
|
+
fieldRightAddons: string;
|
|
51
|
+
fieldError: string;
|
|
52
|
+
fieldHint: string;
|
|
53
|
+
searchInput: string;
|
|
54
|
+
searchFormControl: string;
|
|
55
|
+
searchInner: string;
|
|
56
|
+
searchLeftAddons: string;
|
|
57
|
+
searchRightAddons: string;
|
|
58
|
+
searchError: string;
|
|
59
|
+
searchHint: string;
|
|
60
|
+
bottomSheet: string;
|
|
61
|
+
bottomSheetHeader: string;
|
|
62
|
+
bottomSheetContent: string;
|
|
63
|
+
modal: string;
|
|
64
|
+
modalHeader: string;
|
|
65
|
+
modalContent: string;
|
|
66
|
+
};
|
|
67
|
+
export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };
|
|
@@ -9,19 +9,13 @@ var coreComponentsPopover = require('@alfalab/core-components-popover');
|
|
|
9
9
|
var shared = require('@alfalab/core-components-select/shared');
|
|
10
10
|
var field_Component = require('../field/Component.js');
|
|
11
11
|
var option_Component = require('../option/Component.js');
|
|
12
|
-
require('@alfalab/core-components-button');
|
|
13
|
-
require('../utils/index.js');
|
|
14
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
15
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
18
12
|
|
|
19
13
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
20
14
|
|
|
21
15
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
22
16
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
23
17
|
|
|
24
|
-
var styles = {"container":"picker-
|
|
18
|
+
var styles = {"container":"picker-button__container_htqud","optionsPopover":"picker-button__optionsPopover_htqud","sideGap":"picker-button__sideGap_htqud","option":"picker-button__option_htqud"};
|
|
25
19
|
require('./../index.css')
|
|
26
20
|
|
|
27
21
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
package/desktop/index.js
CHANGED
|
@@ -3,19 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var desktop_Component_desktop = require('./Component.desktop.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('classnames');
|
|
9
|
-
require('@alfalab/core-components-popover');
|
|
10
|
-
require('@alfalab/core-components-select/shared');
|
|
11
|
-
require('../field/Component.js');
|
|
12
|
-
require('@alfalab/core-components-button');
|
|
13
|
-
require('../utils/index.js');
|
|
14
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
15
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
18
|
-
require('../option/Component.js');
|
|
19
6
|
|
|
20
7
|
|
|
21
8
|
|
|
@@ -3,18 +3,6 @@ import React, { forwardRef } from 'react';
|
|
|
3
3
|
import { useMedia } from '@alfalab/hooks';
|
|
4
4
|
import { PickerButtonDesktop } from './desktop/Component.desktop.js';
|
|
5
5
|
import { PickerButtonMobile } from './mobile/Component.mobile.js';
|
|
6
|
-
import 'classnames';
|
|
7
|
-
import '@alfalab/core-components-popover/esm';
|
|
8
|
-
import '@alfalab/core-components-select/esm/shared';
|
|
9
|
-
import './field/Component.js';
|
|
10
|
-
import '@alfalab/core-components-button/esm';
|
|
11
|
-
import './utils/index.js';
|
|
12
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
14
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
15
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
16
|
-
import './option/Component.js';
|
|
17
|
-
import '@alfalab/core-components-select/esm/mobile';
|
|
18
6
|
|
|
19
7
|
var PickerButtonResponsive = forwardRef(function (_a, ref) {
|
|
20
8
|
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
|
|
@@ -5,14 +5,8 @@ import { Popover } from '@alfalab/core-components-popover/esm';
|
|
|
5
5
|
import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/esm/shared';
|
|
6
6
|
import { Field } from '../field/Component.js';
|
|
7
7
|
import { Option } from '../option/Component.js';
|
|
8
|
-
import '@alfalab/core-components-button/esm';
|
|
9
|
-
import '../utils/index.js';
|
|
10
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
11
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
14
8
|
|
|
15
|
-
var styles = {"container":"picker-
|
|
9
|
+
var styles = {"container":"picker-button__container_htqud","optionsPopover":"picker-button__optionsPopover_htqud","sideGap":"picker-button__sideGap_htqud","option":"picker-button__option_htqud"};
|
|
16
10
|
require('./../index.css')
|
|
17
11
|
|
|
18
12
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
package/esm/desktop/index.js
CHANGED
|
@@ -1,14 +1 @@
|
|
|
1
1
|
export { PickerButtonDesktop } from './Component.desktop.js';
|
|
2
|
-
import 'tslib';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'classnames';
|
|
5
|
-
import '@alfalab/core-components-popover/esm';
|
|
6
|
-
import '@alfalab/core-components-select/esm/shared';
|
|
7
|
-
import '../field/Component.js';
|
|
8
|
-
import '@alfalab/core-components-button/esm';
|
|
9
|
-
import '../utils/index.js';
|
|
10
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
11
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
14
|
-
import '../option/Component.js';
|
package/esm/field/Component.js
CHANGED
|
@@ -3,12 +3,8 @@ import React, { Fragment } from 'react';
|
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { Button } from '@alfalab/core-components-button/esm';
|
|
5
5
|
import { getIcon } from '../utils/index.js';
|
|
6
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
7
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
8
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
9
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
10
6
|
|
|
11
|
-
var styles = {"iconContainer":"picker-
|
|
7
|
+
var styles = {"iconContainer":"picker-button__iconContainer_5akaw","addonsContainer":"picker-button__addonsContainer_5akaw","showControlIcon":"picker-button__showControlIcon_5akaw","open":"picker-button__open_5akaw","linkOpen":"picker-button__linkOpen_5akaw"};
|
|
12
8
|
require('./index.css')
|
|
13
9
|
|
|
14
10
|
var Field = function (_a) {
|
package/esm/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: dgl0w */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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,15 +17,15 @@
|
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
19
|
--arrow-transform: rotate(180deg);
|
|
20
|
-
} .picker-
|
|
20
|
+
} .picker-button__iconContainer_5akaw {
|
|
21
21
|
display: flex;
|
|
22
22
|
transition: transform 0.15s ease-in-out;
|
|
23
|
-
} .picker-
|
|
23
|
+
} .picker-button__addonsContainer_5akaw {
|
|
24
24
|
display: flex
|
|
25
|
-
} .picker-
|
|
25
|
+
} .picker-button__addonsContainer_5akaw.picker-button__showControlIcon_5akaw {
|
|
26
26
|
margin-right: var(--gap-2xs);
|
|
27
|
-
} .picker-
|
|
27
|
+
} .picker-button__open_5akaw {
|
|
28
28
|
transform: var(--arrow-transform);
|
|
29
|
-
} .picker-
|
|
29
|
+
} .picker-button__linkOpen_5akaw:not(:hover) {
|
|
30
30
|
background-color: var(--color-light-transparent-default-hover);
|
|
31
31
|
}
|
package/esm/field/index.js
CHANGED
|
@@ -1,10 +1 @@
|
|
|
1
1
|
export { Field } from './Component.js';
|
|
2
|
-
import 'tslib';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'classnames';
|
|
5
|
-
import '@alfalab/core-components-button/esm';
|
|
6
|
-
import '../utils/index.js';
|
|
7
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
8
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
9
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
10
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ttv8u */
|
|
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,13 +16,13 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__container_htqud {
|
|
20
20
|
min-width: auto;
|
|
21
|
-
} .cc-picker-button.picker-
|
|
21
|
+
} .cc-picker-button.picker-button__optionsPopover_htqud.picker-button__sideGap_htqud {
|
|
22
22
|
padding: 0 var(--gap-xs);
|
|
23
|
-
} .cc-picker-button .picker-
|
|
23
|
+
} .cc-picker-button .picker-button__option_htqud {
|
|
24
24
|
padding: 0 var(--gap-m)
|
|
25
|
-
} .cc-picker-button .picker-
|
|
25
|
+
} .cc-picker-button .picker-button__option_htqud:before {
|
|
26
26
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
27
27
|
display: none;
|
|
28
28
|
}
|
package/esm/index.js
CHANGED
|
@@ -1,18 +1 @@
|
|
|
1
1
|
export { PickerButtonResponsive as PickerButton } from './Component.responsive.js';
|
|
2
|
-
import 'tslib';
|
|
3
|
-
import 'react';
|
|
4
|
-
import '@alfalab/hooks';
|
|
5
|
-
import './desktop/Component.desktop.js';
|
|
6
|
-
import 'classnames';
|
|
7
|
-
import '@alfalab/core-components-popover/esm';
|
|
8
|
-
import '@alfalab/core-components-select/esm/shared';
|
|
9
|
-
import './field/Component.js';
|
|
10
|
-
import '@alfalab/core-components-button/esm';
|
|
11
|
-
import './utils/index.js';
|
|
12
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
14
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
15
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
16
|
-
import './option/Component.js';
|
|
17
|
-
import './mobile/Component.mobile.js';
|
|
18
|
-
import '@alfalab/core-components-select/esm/mobile';
|
|
@@ -4,13 +4,6 @@ import { SelectMobile } from '@alfalab/core-components-select/esm/mobile';
|
|
|
4
4
|
import { Optgroup } from '@alfalab/core-components-select/esm/shared';
|
|
5
5
|
import { Field } from '../field/Component.js';
|
|
6
6
|
import { Option } from '../option/Component.js';
|
|
7
|
-
import 'classnames';
|
|
8
|
-
import '@alfalab/core-components-button/esm';
|
|
9
|
-
import '../utils/index.js';
|
|
10
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
11
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
14
7
|
|
|
15
8
|
var PickerButtonMobile = forwardRef(function (_a, ref) {
|
|
16
9
|
var options = _a.options, label = _a.label, _b = _a.Option, Option$1 = _b === void 0 ? Option : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field$1 = _e === void 0 ? Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, _g = _a.breakpoint, breakpoint = _g === void 0 ? 1024 : _g, restProps = __rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "breakpoint"]);
|
package/esm/mobile/index.js
CHANGED
|
@@ -1,14 +1 @@
|
|
|
1
1
|
export { PickerButtonMobile } from './Component.mobile.js';
|
|
2
|
-
import 'tslib';
|
|
3
|
-
import 'react';
|
|
4
|
-
import '@alfalab/core-components-select/esm/mobile';
|
|
5
|
-
import '@alfalab/core-components-select/esm/shared';
|
|
6
|
-
import '../field/Component.js';
|
|
7
|
-
import 'classnames';
|
|
8
|
-
import '@alfalab/core-components-button/esm';
|
|
9
|
-
import '../utils/index.js';
|
|
10
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
11
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
14
|
-
import '../option/Component.js';
|
package/esm/option/Component.js
CHANGED
|
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Option as Option$1 } from '@alfalab/core-components-select/esm/shared';
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_29y3z","icon":"picker-button__icon_29y3z","content":"picker-button__content_29y3z"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Option = function (_a) {
|
package/esm/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1jncy */
|
|
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 */
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_29y3z {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_29y3z {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_29y3z {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/esm/option/index.js
CHANGED
package/esm/shared/index.js
CHANGED
|
@@ -364,6 +364,10 @@ type FooterProps$0 = {
|
|
|
364
364
|
* Дополнительный класс
|
|
365
365
|
*/
|
|
366
366
|
className?: string;
|
|
367
|
+
/**
|
|
368
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
369
|
+
*/
|
|
370
|
+
dataTestId?: string;
|
|
367
371
|
};
|
|
368
372
|
declare const Footer$0: FC<FooterProps$0>;
|
|
369
373
|
type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
|
|
@@ -38,4 +38,30 @@ declare function defaultFilterFn(optionText: string, search: string): boolean;
|
|
|
38
38
|
declare function defaultAccessor(option: OptionShape): string;
|
|
39
39
|
declare function usePrevious<T>(value: T): T | undefined;
|
|
40
40
|
declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
|
|
41
|
-
|
|
41
|
+
declare function getSelectTestIds(dataTestId: string): {
|
|
42
|
+
select: string;
|
|
43
|
+
option: string;
|
|
44
|
+
optionsList: string;
|
|
45
|
+
clearButton: string;
|
|
46
|
+
applyButton: string;
|
|
47
|
+
field: string;
|
|
48
|
+
fieldFormControl: string;
|
|
49
|
+
fieldLeftAddons: string;
|
|
50
|
+
fieldRightAddons: string;
|
|
51
|
+
fieldError: string;
|
|
52
|
+
fieldHint: string;
|
|
53
|
+
searchInput: string;
|
|
54
|
+
searchFormControl: string;
|
|
55
|
+
searchInner: string;
|
|
56
|
+
searchLeftAddons: string;
|
|
57
|
+
searchRightAddons: string;
|
|
58
|
+
searchError: string;
|
|
59
|
+
searchHint: string;
|
|
60
|
+
bottomSheet: string;
|
|
61
|
+
bottomSheetHeader: string;
|
|
62
|
+
bottomSheetContent: string;
|
|
63
|
+
modal: string;
|
|
64
|
+
modalHeader: string;
|
|
65
|
+
modalContent: string;
|
|
66
|
+
};
|
|
67
|
+
export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };
|
package/field/Component.js
CHANGED
|
@@ -7,17 +7,13 @@ var React = require('react');
|
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var coreComponentsButton = require('@alfalab/core-components-button');
|
|
9
9
|
var utils_index = require('../utils/index.js');
|
|
10
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
11
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
12
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
13
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
14
10
|
|
|
15
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
16
12
|
|
|
17
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
18
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
19
15
|
|
|
20
|
-
var styles = {"iconContainer":"picker-
|
|
16
|
+
var styles = {"iconContainer":"picker-button__iconContainer_5akaw","addonsContainer":"picker-button__addonsContainer_5akaw","showControlIcon":"picker-button__showControlIcon_5akaw","open":"picker-button__open_5akaw","linkOpen":"picker-button__linkOpen_5akaw"};
|
|
21
17
|
require('./index.css')
|
|
22
18
|
|
|
23
19
|
var Field = function (_a) {
|
package/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: dgl0w */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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,15 +17,15 @@
|
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
19
|
--arrow-transform: rotate(180deg);
|
|
20
|
-
} .picker-
|
|
20
|
+
} .picker-button__iconContainer_5akaw {
|
|
21
21
|
display: flex;
|
|
22
22
|
transition: transform 0.15s ease-in-out;
|
|
23
|
-
} .picker-
|
|
23
|
+
} .picker-button__addonsContainer_5akaw {
|
|
24
24
|
display: flex
|
|
25
|
-
} .picker-
|
|
25
|
+
} .picker-button__addonsContainer_5akaw.picker-button__showControlIcon_5akaw {
|
|
26
26
|
margin-right: var(--gap-2xs);
|
|
27
|
-
} .picker-
|
|
27
|
+
} .picker-button__open_5akaw {
|
|
28
28
|
transform: var(--arrow-transform);
|
|
29
|
-
} .picker-
|
|
29
|
+
} .picker-button__linkOpen_5akaw:not(:hover) {
|
|
30
30
|
background-color: var(--color-light-transparent-default-hover);
|
|
31
31
|
}
|
package/field/index.js
CHANGED
|
@@ -3,15 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var field_Component = require('./Component.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('classnames');
|
|
9
|
-
require('@alfalab/core-components-button');
|
|
10
|
-
require('../utils/index.js');
|
|
11
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
12
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
13
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
14
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
15
6
|
|
|
16
7
|
|
|
17
8
|
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ttv8u */
|
|
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,13 +16,13 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__container_htqud {
|
|
20
20
|
min-width: auto;
|
|
21
|
-
} .cc-picker-button.picker-
|
|
21
|
+
} .cc-picker-button.picker-button__optionsPopover_htqud.picker-button__sideGap_htqud {
|
|
22
22
|
padding: 0 var(--gap-xs);
|
|
23
|
-
} .cc-picker-button .picker-
|
|
23
|
+
} .cc-picker-button .picker-button__option_htqud {
|
|
24
24
|
padding: 0 var(--gap-m)
|
|
25
|
-
} .cc-picker-button .picker-
|
|
25
|
+
} .cc-picker-button .picker-button__option_htqud:before {
|
|
26
26
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
27
27
|
display: none;
|
|
28
28
|
}
|
package/index.js
CHANGED
|
@@ -3,23 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var Component_responsive = require('./Component.responsive.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('@alfalab/hooks');
|
|
9
|
-
require('./desktop/Component.desktop.js');
|
|
10
|
-
require('classnames');
|
|
11
|
-
require('@alfalab/core-components-popover');
|
|
12
|
-
require('@alfalab/core-components-select/shared');
|
|
13
|
-
require('./field/Component.js');
|
|
14
|
-
require('@alfalab/core-components-button');
|
|
15
|
-
require('./utils/index.js');
|
|
16
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
18
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
19
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
20
|
-
require('./option/Component.js');
|
|
21
|
-
require('./mobile/Component.mobile.js');
|
|
22
|
-
require('@alfalab/core-components-select/mobile');
|
|
23
6
|
|
|
24
7
|
|
|
25
8
|
|
|
@@ -8,13 +8,6 @@ var mobile = require('@alfalab/core-components-select/mobile');
|
|
|
8
8
|
var shared = require('@alfalab/core-components-select/shared');
|
|
9
9
|
var field_Component = require('../field/Component.js');
|
|
10
10
|
var option_Component = require('../option/Component.js');
|
|
11
|
-
require('classnames');
|
|
12
|
-
require('@alfalab/core-components-button');
|
|
13
|
-
require('../utils/index.js');
|
|
14
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
15
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
18
11
|
|
|
19
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
20
13
|
|
package/mobile/index.js
CHANGED
|
@@ -3,19 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var mobile_Component_mobile = require('./Component.mobile.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('@alfalab/core-components-select/mobile');
|
|
9
|
-
require('@alfalab/core-components-select/shared');
|
|
10
|
-
require('../field/Component.js');
|
|
11
|
-
require('classnames');
|
|
12
|
-
require('@alfalab/core-components-button');
|
|
13
|
-
require('../utils/index.js');
|
|
14
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
15
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
18
|
-
require('../option/Component.js');
|
|
19
6
|
|
|
20
7
|
|
|
21
8
|
|
|
@@ -2,18 +2,6 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import { useMedia } from '@alfalab/hooks';
|
|
3
3
|
import { PickerButtonDesktop } from './desktop/Component.desktop.js';
|
|
4
4
|
import { PickerButtonMobile } from './mobile/Component.mobile.js';
|
|
5
|
-
import 'classnames';
|
|
6
|
-
import '@alfalab/core-components-popover/modern';
|
|
7
|
-
import '@alfalab/core-components-select/modern/shared';
|
|
8
|
-
import './field/Component.js';
|
|
9
|
-
import '@alfalab/core-components-button/modern';
|
|
10
|
-
import './utils/index.js';
|
|
11
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
14
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
15
|
-
import './option/Component.js';
|
|
16
|
-
import '@alfalab/core-components-select/modern/mobile';
|
|
17
5
|
|
|
18
6
|
const PickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
|
|
19
7
|
const [view] = useMedia([
|
|
@@ -4,14 +4,8 @@ import { Popover } from '@alfalab/core-components-popover/modern';
|
|
|
4
4
|
import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/modern/shared';
|
|
5
5
|
import { Field } from '../field/Component.js';
|
|
6
6
|
import { Option } from '../option/Component.js';
|
|
7
|
-
import '@alfalab/core-components-button/modern';
|
|
8
|
-
import '../utils/index.js';
|
|
9
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
10
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
11
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
13
7
|
|
|
14
|
-
const styles = {"container":"picker-
|
|
8
|
+
const styles = {"container":"picker-button__container_htqud","optionsPopover":"picker-button__optionsPopover_htqud","sideGap":"picker-button__sideGap_htqud","option":"picker-button__option_htqud"};
|
|
15
9
|
require('./../index.css')
|
|
16
10
|
|
|
17
11
|
const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
package/modern/desktop/index.js
CHANGED
|
@@ -1,13 +1 @@
|
|
|
1
1
|
export { PickerButtonDesktop } from './Component.desktop.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import 'classnames';
|
|
4
|
-
import '@alfalab/core-components-popover/modern';
|
|
5
|
-
import '@alfalab/core-components-select/modern/shared';
|
|
6
|
-
import '../field/Component.js';
|
|
7
|
-
import '@alfalab/core-components-button/modern';
|
|
8
|
-
import '../utils/index.js';
|
|
9
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
10
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
11
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
13
|
-
import '../option/Component.js';
|
|
@@ -2,12 +2,8 @@ import React, { Fragment } from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Button } from '@alfalab/core-components-button/modern';
|
|
4
4
|
import { getIcon } from '../utils/index.js';
|
|
5
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
6
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
7
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
8
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
9
5
|
|
|
10
|
-
const styles = {"iconContainer":"picker-
|
|
6
|
+
const styles = {"iconContainer":"picker-button__iconContainer_5akaw","addonsContainer":"picker-button__addonsContainer_5akaw","showControlIcon":"picker-button__showControlIcon_5akaw","open":"picker-button__open_5akaw","linkOpen":"picker-button__linkOpen_5akaw"};
|
|
11
7
|
require('./index.css')
|
|
12
8
|
|
|
13
9
|
const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
|
package/modern/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: dgl0w */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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,15 +17,15 @@
|
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
19
|
--arrow-transform: rotate(180deg);
|
|
20
|
-
} .picker-
|
|
20
|
+
} .picker-button__iconContainer_5akaw {
|
|
21
21
|
display: flex;
|
|
22
22
|
transition: transform 0.15s ease-in-out;
|
|
23
|
-
} .picker-
|
|
23
|
+
} .picker-button__addonsContainer_5akaw {
|
|
24
24
|
display: flex
|
|
25
|
-
} .picker-
|
|
25
|
+
} .picker-button__addonsContainer_5akaw.picker-button__showControlIcon_5akaw {
|
|
26
26
|
margin-right: var(--gap-2xs);
|
|
27
|
-
} .picker-
|
|
27
|
+
} .picker-button__open_5akaw {
|
|
28
28
|
transform: var(--arrow-transform);
|
|
29
|
-
} .picker-
|
|
29
|
+
} .picker-button__linkOpen_5akaw:not(:hover) {
|
|
30
30
|
background-color: var(--color-light-transparent-default-hover);
|
|
31
31
|
}
|
package/modern/field/index.js
CHANGED
|
@@ -1,9 +1 @@
|
|
|
1
1
|
export { Field } from './Component.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import 'classnames';
|
|
4
|
-
import '@alfalab/core-components-button/modern';
|
|
5
|
-
import '../utils/index.js';
|
|
6
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
7
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
8
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
9
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ttv8u */
|
|
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,13 +16,13 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__container_htqud {
|
|
20
20
|
min-width: auto;
|
|
21
|
-
} .cc-picker-button.picker-
|
|
21
|
+
} .cc-picker-button.picker-button__optionsPopover_htqud.picker-button__sideGap_htqud {
|
|
22
22
|
padding: 0 var(--gap-xs);
|
|
23
|
-
} .cc-picker-button .picker-
|
|
23
|
+
} .cc-picker-button .picker-button__option_htqud {
|
|
24
24
|
padding: 0 var(--gap-m)
|
|
25
|
-
} .cc-picker-button .picker-
|
|
25
|
+
} .cc-picker-button .picker-button__option_htqud:before {
|
|
26
26
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
27
27
|
display: none;
|
|
28
28
|
}
|
package/modern/index.js
CHANGED
|
@@ -1,17 +1 @@
|
|
|
1
1
|
export { PickerButtonResponsive as PickerButton } from './Component.responsive.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import '@alfalab/hooks';
|
|
4
|
-
import './desktop/Component.desktop.js';
|
|
5
|
-
import 'classnames';
|
|
6
|
-
import '@alfalab/core-components-popover/modern';
|
|
7
|
-
import '@alfalab/core-components-select/modern/shared';
|
|
8
|
-
import './field/Component.js';
|
|
9
|
-
import '@alfalab/core-components-button/modern';
|
|
10
|
-
import './utils/index.js';
|
|
11
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
14
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
15
|
-
import './option/Component.js';
|
|
16
|
-
import './mobile/Component.mobile.js';
|
|
17
|
-
import '@alfalab/core-components-select/modern/mobile';
|
|
@@ -3,13 +3,6 @@ import { SelectMobile } from '@alfalab/core-components-select/modern/mobile';
|
|
|
3
3
|
import { Optgroup } from '@alfalab/core-components-select/modern/shared';
|
|
4
4
|
import { Field } from '../field/Component.js';
|
|
5
5
|
import { Option } from '../option/Component.js';
|
|
6
|
-
import 'classnames';
|
|
7
|
-
import '@alfalab/core-components-button/modern';
|
|
8
|
-
import '../utils/index.js';
|
|
9
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
10
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
11
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
13
6
|
|
|
14
7
|
const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, Field: Field$1 = Field, fieldProps = {}, breakpoint = 1024, ...restProps }, ref) => {
|
|
15
8
|
const fieldDefaultProps = {
|
package/modern/mobile/index.js
CHANGED
|
@@ -1,13 +1 @@
|
|
|
1
1
|
export { PickerButtonMobile } from './Component.mobile.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import '@alfalab/core-components-select/modern/mobile';
|
|
4
|
-
import '@alfalab/core-components-select/modern/shared';
|
|
5
|
-
import '../field/Component.js';
|
|
6
|
-
import 'classnames';
|
|
7
|
-
import '@alfalab/core-components-button/modern';
|
|
8
|
-
import '../utils/index.js';
|
|
9
|
-
import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
|
|
10
|
-
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
11
|
-
import '@alfalab/icons-glyph/MoreMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/MoreSIcon';
|
|
13
|
-
import '../option/Component.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Option as Option$1 } from '@alfalab/core-components-select/modern/shared';
|
|
3
3
|
|
|
4
|
-
const styles = {"container":"picker-
|
|
4
|
+
const styles = {"container":"picker-button__container_29y3z","icon":"picker-button__icon_29y3z","content":"picker-button__content_29y3z"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const Option = ({ option, children, ...restProps }) => {
|
package/modern/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1jncy */
|
|
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 */
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_29y3z {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_29y3z {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_29y3z {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/modern/option/index.js
CHANGED
package/modern/shared/index.js
CHANGED
|
@@ -364,6 +364,10 @@ type FooterProps$0 = {
|
|
|
364
364
|
* Дополнительный класс
|
|
365
365
|
*/
|
|
366
366
|
className?: string;
|
|
367
|
+
/**
|
|
368
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
369
|
+
*/
|
|
370
|
+
dataTestId?: string;
|
|
367
371
|
};
|
|
368
372
|
declare const Footer$0: FC<FooterProps$0>;
|
|
369
373
|
type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
|
|
@@ -38,4 +38,30 @@ declare function defaultFilterFn(optionText: string, search: string): boolean;
|
|
|
38
38
|
declare function defaultAccessor(option: OptionShape): string;
|
|
39
39
|
declare function usePrevious<T>(value: T): T | undefined;
|
|
40
40
|
declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
|
|
41
|
-
|
|
41
|
+
declare function getSelectTestIds(dataTestId: string): {
|
|
42
|
+
select: string;
|
|
43
|
+
option: string;
|
|
44
|
+
optionsList: string;
|
|
45
|
+
clearButton: string;
|
|
46
|
+
applyButton: string;
|
|
47
|
+
field: string;
|
|
48
|
+
fieldFormControl: string;
|
|
49
|
+
fieldLeftAddons: string;
|
|
50
|
+
fieldRightAddons: string;
|
|
51
|
+
fieldError: string;
|
|
52
|
+
fieldHint: string;
|
|
53
|
+
searchInput: string;
|
|
54
|
+
searchFormControl: string;
|
|
55
|
+
searchInner: string;
|
|
56
|
+
searchLeftAddons: string;
|
|
57
|
+
searchRightAddons: string;
|
|
58
|
+
searchError: string;
|
|
59
|
+
searchHint: string;
|
|
60
|
+
bottomSheet: string;
|
|
61
|
+
bottomSheetHeader: string;
|
|
62
|
+
bottomSheetContent: string;
|
|
63
|
+
modal: string;
|
|
64
|
+
modalHeader: string;
|
|
65
|
+
modalContent: string;
|
|
66
|
+
};
|
|
67
|
+
export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };
|
package/option/Component.js
CHANGED
|
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
|
|
13
|
-
var styles = {"container":"picker-
|
|
13
|
+
var styles = {"container":"picker-button__container_29y3z","icon":"picker-button__icon_29y3z","content":"picker-button__content_29y3z"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var Option = function (_a) {
|
package/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1jncy */
|
|
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 */
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_29y3z {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_29y3z {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_29y3z {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/option/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-picker-button",
|
|
3
|
-
"version": "11.5.
|
|
3
|
+
"version": "11.5.3",
|
|
4
4
|
"description": "Picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-button": "^11.
|
|
19
|
-
"@alfalab/core-components-select": "^17.
|
|
18
|
+
"@alfalab/core-components-button": "^11.2.0",
|
|
19
|
+
"@alfalab/core-components-select": "^17.2.0",
|
|
20
20
|
"@alfalab/core-components-popover": "^6.2.1",
|
|
21
21
|
"@alfalab/hooks": "^1.13.0",
|
|
22
22
|
"@alfalab/icons-glyph": "^2.139.0",
|
package/shared/index.js
CHANGED
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var utils_index = require('../utils/index.js');
|
|
6
|
-
require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
|
|
7
|
-
require('@alfalab/icons-glyph/ChevronDownMIcon');
|
|
8
|
-
require('@alfalab/icons-glyph/MoreMIcon');
|
|
9
|
-
require('@alfalab/icons-glyph/MoreSIcon');
|
|
10
6
|
|
|
11
7
|
|
|
12
8
|
|
package/typings-c29389e5.d.ts
CHANGED
|
@@ -364,6 +364,10 @@ type FooterProps$0 = {
|
|
|
364
364
|
* Дополнительный класс
|
|
365
365
|
*/
|
|
366
366
|
className?: string;
|
|
367
|
+
/**
|
|
368
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
369
|
+
*/
|
|
370
|
+
dataTestId?: string;
|
|
367
371
|
};
|
|
368
372
|
declare const Footer$0: FC<FooterProps$0>;
|
|
369
373
|
type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
|
|
@@ -38,4 +38,30 @@ declare function defaultFilterFn(optionText: string, search: string): boolean;
|
|
|
38
38
|
declare function defaultAccessor(option: OptionShape): string;
|
|
39
39
|
declare function usePrevious<T>(value: T): T | undefined;
|
|
40
40
|
declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
|
|
41
|
-
|
|
41
|
+
declare function getSelectTestIds(dataTestId: string): {
|
|
42
|
+
select: string;
|
|
43
|
+
option: string;
|
|
44
|
+
optionsList: string;
|
|
45
|
+
clearButton: string;
|
|
46
|
+
applyButton: string;
|
|
47
|
+
field: string;
|
|
48
|
+
fieldFormControl: string;
|
|
49
|
+
fieldLeftAddons: string;
|
|
50
|
+
fieldRightAddons: string;
|
|
51
|
+
fieldError: string;
|
|
52
|
+
fieldHint: string;
|
|
53
|
+
searchInput: string;
|
|
54
|
+
searchFormControl: string;
|
|
55
|
+
searchInner: string;
|
|
56
|
+
searchLeftAddons: string;
|
|
57
|
+
searchRightAddons: string;
|
|
58
|
+
searchError: string;
|
|
59
|
+
searchHint: string;
|
|
60
|
+
bottomSheet: string;
|
|
61
|
+
bottomSheetHeader: string;
|
|
62
|
+
bottomSheetContent: string;
|
|
63
|
+
modal: string;
|
|
64
|
+
modalHeader: string;
|
|
65
|
+
modalContent: string;
|
|
66
|
+
};
|
|
67
|
+
export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };
|