@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.
Files changed (62) hide show
  1. package/Component-c44170fe.d.ts +1 -1
  2. package/Component.responsive.js +0 -12
  3. package/cssm/Component.responsive.js +0 -15
  4. package/cssm/desktop/Component.desktop.js +0 -8
  5. package/cssm/desktop/index.js +0 -16
  6. package/cssm/field/Component.js +0 -4
  7. package/cssm/field/index.js +0 -10
  8. package/cssm/index.js +0 -20
  9. package/cssm/mobile/Component.mobile.js +0 -9
  10. package/cssm/mobile/index.js +0 -15
  11. package/cssm/option/index.js +0 -4
  12. package/cssm/shared/index.js +0 -4
  13. package/cssm/typings-c29389e5.d.ts +4 -0
  14. package/cssm/{utils-d2597f31.d.ts → utils-89376c31.d.ts} +27 -1
  15. package/desktop/Component.desktop.js +1 -7
  16. package/desktop/index.js +0 -13
  17. package/esm/Component.responsive.js +0 -12
  18. package/esm/desktop/Component.desktop.js +1 -7
  19. package/esm/desktop/index.js +0 -13
  20. package/esm/field/Component.js +1 -5
  21. package/esm/field/index.css +6 -6
  22. package/esm/field/index.js +0 -9
  23. package/esm/index.css +5 -5
  24. package/esm/index.js +0 -17
  25. package/esm/mobile/Component.mobile.js +0 -7
  26. package/esm/mobile/index.js +0 -13
  27. package/esm/option/Component.js +1 -1
  28. package/esm/option/index.css +4 -4
  29. package/esm/option/index.js +0 -3
  30. package/esm/shared/index.js +0 -4
  31. package/esm/typings-c29389e5.d.ts +4 -0
  32. package/esm/{utils-d2597f31.d.ts → utils-89376c31.d.ts} +27 -1
  33. package/field/Component.js +1 -5
  34. package/field/index.css +6 -6
  35. package/field/index.js +0 -9
  36. package/index.css +5 -5
  37. package/index.js +0 -17
  38. package/mobile/Component.mobile.js +0 -7
  39. package/mobile/index.js +0 -13
  40. package/modern/Component.responsive.js +0 -12
  41. package/modern/desktop/Component.desktop.js +1 -7
  42. package/modern/desktop/index.js +0 -12
  43. package/modern/field/Component.js +1 -5
  44. package/modern/field/index.css +6 -6
  45. package/modern/field/index.js +0 -8
  46. package/modern/index.css +5 -5
  47. package/modern/index.js +0 -16
  48. package/modern/mobile/Component.mobile.js +0 -7
  49. package/modern/mobile/index.js +0 -12
  50. package/modern/option/Component.js +1 -1
  51. package/modern/option/index.css +4 -4
  52. package/modern/option/index.js +0 -2
  53. package/modern/shared/index.js +0 -4
  54. package/modern/typings-c29389e5.d.ts +4 -0
  55. package/modern/{utils-d2597f31.d.ts → utils-89376c31.d.ts} +27 -1
  56. package/option/Component.js +1 -1
  57. package/option/index.css +4 -4
  58. package/option/index.js +0 -3
  59. package/package.json +3 -3
  60. package/shared/index.js +0 -4
  61. package/typings-c29389e5.d.ts +4 -0
  62. package/{utils-d2597f31.d.ts → utils-89376c31.d.ts} +27 -1
@@ -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>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
148
+ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
149
149
  /**
150
150
  * Значение поля ввода
151
151
  */
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -3,10 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var option_Component = require('./Component.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/core-components-select/cssm/shared');
9
- require('./index.module.css');
10
6
 
11
7
 
12
8
 
@@ -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
- export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
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-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
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-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
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'];
@@ -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';
@@ -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-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
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) {
@@ -1,4 +1,4 @@
1
- /* hash: 1aymt */
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-button__iconContainer_xkcze {
20
+ } .picker-button__iconContainer_5akaw {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_xkcze {
23
+ } .picker-button__addonsContainer_5akaw {
24
24
  display: flex
25
- } .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
25
+ } .picker-button__addonsContainer_5akaw.picker-button__showControlIcon_5akaw {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_xkcze {
27
+ } .picker-button__open_5akaw {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_xkcze:not(:hover) {
29
+ } .picker-button__linkOpen_5akaw:not(:hover) {
30
30
  background-color: var(--color-light-transparent-default-hover);
31
31
  }
@@ -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: 1rbx1 */
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-button__container_1ol27 {
19
+ } .picker-button__container_htqud {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
21
+ } .cc-picker-button.picker-button__optionsPopover_htqud.picker-button__sideGap_htqud {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_1ol27 {
23
+ } .cc-picker-button .picker-button__option_htqud {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_1ol27:before {
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"]);
@@ -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';
@@ -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-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
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) {
@@ -1,4 +1,4 @@
1
- /* hash: i4app */
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-button__container_1919h {
18
+ } .picker-button__container_29y3z {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_1919h {
21
+ } .picker-button__icon_29y3z {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_1919h {
24
+ } .picker-button__content_29y3z {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
@@ -1,4 +1 @@
1
1
  export { Option } from './Component.js';
2
- import 'tslib';
3
- import 'react';
4
- import '@alfalab/core-components-select/esm/shared';
@@ -1,5 +1 @@
1
1
  export { getIcon } from '../utils/index.js';
2
- import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
3
- import '@alfalab/icons-glyph/ChevronDownMIcon';
4
- import '@alfalab/icons-glyph/MoreMIcon';
5
- import '@alfalab/icons-glyph/MoreSIcon';
@@ -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
- export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
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 };
@@ -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-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
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: 1aymt */
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-button__iconContainer_xkcze {
20
+ } .picker-button__iconContainer_5akaw {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_xkcze {
23
+ } .picker-button__addonsContainer_5akaw {
24
24
  display: flex
25
- } .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
25
+ } .picker-button__addonsContainer_5akaw.picker-button__showControlIcon_5akaw {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_xkcze {
27
+ } .picker-button__open_5akaw {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_xkcze:not(:hover) {
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: 1rbx1 */
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-button__container_1ol27 {
19
+ } .picker-button__container_htqud {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
21
+ } .cc-picker-button.picker-button__optionsPopover_htqud.picker-button__sideGap_htqud {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_1ol27 {
23
+ } .cc-picker-button .picker-button__option_htqud {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_1ol27:before {
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-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
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'];
@@ -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-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
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 }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1aymt */
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-button__iconContainer_xkcze {
20
+ } .picker-button__iconContainer_5akaw {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_xkcze {
23
+ } .picker-button__addonsContainer_5akaw {
24
24
  display: flex
25
- } .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
25
+ } .picker-button__addonsContainer_5akaw.picker-button__showControlIcon_5akaw {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_xkcze {
27
+ } .picker-button__open_5akaw {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_xkcze:not(:hover) {
29
+ } .picker-button__linkOpen_5akaw:not(:hover) {
30
30
  background-color: var(--color-light-transparent-default-hover);
31
31
  }
@@ -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: 1rbx1 */
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-button__container_1ol27 {
19
+ } .picker-button__container_htqud {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
21
+ } .cc-picker-button.picker-button__optionsPopover_htqud.picker-button__sideGap_htqud {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_1ol27 {
23
+ } .cc-picker-button .picker-button__option_htqud {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_1ol27:before {
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 = {
@@ -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-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
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 }) => {
@@ -1,4 +1,4 @@
1
- /* hash: i4app */
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-button__container_1919h {
18
+ } .picker-button__container_29y3z {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_1919h {
21
+ } .picker-button__icon_29y3z {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_1919h {
24
+ } .picker-button__content_29y3z {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
@@ -1,3 +1 @@
1
1
  export { Option } from './Component.js';
2
- import 'react';
3
- import '@alfalab/core-components-select/modern/shared';
@@ -1,5 +1 @@
1
1
  export { getIcon } from '../utils/index.js';
2
- import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
3
- import '@alfalab/icons-glyph/ChevronDownMIcon';
4
- import '@alfalab/icons-glyph/MoreMIcon';
5
- import '@alfalab/icons-glyph/MoreSIcon';
@@ -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
- export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
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 };
@@ -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-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
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: i4app */
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-button__container_1919h {
18
+ } .picker-button__container_29y3z {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_1919h {
21
+ } .picker-button__icon_29y3z {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_1919h {
24
+ } .picker-button__content_29y3z {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/option/index.js CHANGED
@@ -3,9 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var option_Component = require('./Component.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/core-components-select/shared');
9
6
 
10
7
 
11
8
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "11.5.1",
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.1.1",
19
- "@alfalab/core-components-select": "^17.1.1",
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
 
@@ -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
- export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
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 };