@alfalab/core-components-picker-button 6.2.3 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/dist/{Component-bc62e4c2.d.ts → Component-229467cd.d.ts} +8 -0
  3. package/dist/{Component-bc62e4c2.js → Component-229467cd.js} +1 -1
  4. package/dist/Component.d.ts +1 -1
  5. package/dist/Component.js +2 -2
  6. package/dist/cssm/Component-c7d52094.d.ts +8 -0
  7. package/dist/cssm/Component.d.ts +1 -1
  8. package/dist/esm/{Component-7bcce42b.d.ts → Component-47d7d9e9.d.ts} +8 -0
  9. package/dist/esm/{Component-7bcce42b.js → Component-47d7d9e9.js} +1 -1
  10. package/dist/esm/Component.d.ts +1 -1
  11. package/dist/esm/Component.js +2 -2
  12. package/dist/esm/field/Component.js +1 -1
  13. package/dist/esm/field/index.css +3 -3
  14. package/dist/esm/field/index.d.ts +1 -1
  15. package/dist/esm/field/index.js +1 -1
  16. package/dist/esm/index.css +2 -2
  17. package/dist/esm/index.js +1 -1
  18. package/dist/field/Component.js +1 -1
  19. package/dist/field/index.css +3 -3
  20. package/dist/field/index.d.ts +1 -1
  21. package/dist/field/index.js +1 -1
  22. package/dist/index.css +2 -2
  23. package/dist/index.js +1 -1
  24. package/dist/modern/Component.d.ts +1 -1
  25. package/dist/modern/Component.js +1 -1
  26. package/dist/modern/field/Component.d.ts +8 -0
  27. package/dist/modern/field/Component.js +1 -1
  28. package/dist/modern/field/index.css +3 -3
  29. package/dist/modern/index.css +2 -2
  30. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,73 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [7.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@7.0.0...@alfalab/core-components-picker-button@7.1.0) (2021-12-01)
7
+
8
+
9
+ ### Features
10
+
11
+ * **popover:** add availableHieght prop, update related snapshots ([43b4ebd](https://github.com/alfa-laboratory/core-components/commit/43b4ebd6ba092f22d0dfc845f3f0113b390317dc)), closes [#758](https://github.com/alfa-laboratory/core-components/issues/758)
12
+
13
+
14
+
15
+
16
+
17
+ # [7.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@6.2.5...@alfalab/core-components-picker-button@7.0.0) (2021-11-26)
18
+
19
+
20
+ ### Features
21
+
22
+ * **button:** добавлена кнопка размера 40px, изменены скругления ([#886](https://github.com/alfa-laboratory/core-components/issues/886)) ([88e657a](https://github.com/alfa-laboratory/core-components/commit/88e657a9f0f68b8b58f6e9437053954ee984f83c)), closes [#890](https://github.com/alfa-laboratory/core-components/issues/890)
23
+
24
+
25
+ ### BREAKING CHANGES
26
+
27
+ * **button:** Кнопка размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
28
+ заменить размер на xxs. Можно воспользоваться codemod.
29
+
30
+ * feat(codemod): add button xs to xxs transformer
31
+
32
+ * feat(tag): добавлен тэг размера 40px, изменены отступы
33
+
34
+ Добавлен тэг размером 40px, изменены отступы. Тем, кто использовал размер xs, надо заменить размер
35
+ на xxs.
36
+ * **button:** Тэг размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
37
+ заменить размер на xxs. Можно воспользоваться codemod.
38
+
39
+ * test: update screenshots
40
+
41
+ * test: update screenshots
42
+
43
+ * feat(button): linter fix
44
+
45
+ * feat(button): fix min-width
46
+
47
+ * feat(tag): remove vertical paddings
48
+
49
+ * feat(tag): remove vertical paddings
50
+
51
+ * feat(button): updates
52
+
53
+
54
+
55
+
56
+
57
+ ## [6.2.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@6.2.4...@alfalab/core-components-picker-button@6.2.5) (2021-11-16)
58
+
59
+ **Note:** Version bump only for package @alfalab/core-components-picker-button
60
+
61
+
62
+
63
+
64
+
65
+ ## [6.2.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@6.2.3...@alfalab/core-components-picker-button@6.2.4) (2021-11-08)
66
+
67
+ **Note:** Version bump only for package @alfalab/core-components-picker-button
68
+
69
+
70
+
71
+
72
+
6
73
  ## [6.2.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@6.2.2...@alfalab/core-components-picker-button@6.2.3) (2021-10-15)
7
74
 
8
75
  **Note:** Version bump only for package @alfalab/core-components-picker-button
package/dist/{Component-bc62e4c2.d.ts → Component-229467cd.d.ts} RENAMED
@@ -65,6 +65,10 @@ type PopoverProps = {
65
65
  * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
66
66
  */
67
67
  preventOverflow?: boolean;
68
+ /**
69
+ * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
70
+ */
71
+ availableHeight?: boolean;
68
72
  /**
69
73
  * Если `true`, будет отрисована стрелочка
70
74
  */
@@ -460,6 +464,10 @@ type BaseSelectProps = {
460
464
  * Хранит функцию, с помощью которой можно обновить положение поповера
461
465
  */
462
466
  updatePopover?: PopoverProps["update"];
467
+ /**
468
+ * z-index поповера
469
+ */
470
+ zIndexPopover?: PopoverProps["zIndex"];
463
471
  /**
464
472
  * Показывать OptionsList, если он пустой
465
473
  */
package/dist/{Component-bc62e4c2.js → Component-229467cd.js} RENAMED
@@ -50,7 +50,7 @@ function __rest(s, e) {
50
50
  return t;
51
51
  }
52
52
 
53
- var styles = {"iconContainer":"picker-button__iconContainer_1qq3d","open":"picker-button__open_1qq3d"};
53
+ var styles = {"iconContainer":"picker-button__iconContainer_i8apw","open":"picker-button__open_i8apw"};
54
54
  require('./field/index.css')
55
55
 
56
56
  var Field = function (_a) {
package/dist/Component.d.ts CHANGED
@@ -9,7 +9,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
9
9
  */
10
10
  size?: PickerButtonSize;
11
11
  };
12
- declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "preventFlip" | "open" | "options" | "fieldClassName" | "error" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
12
+ declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
13
13
  /**
14
14
  * Размер кнопки
15
15
  */
package/dist/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var field_Component = require('./Component-bc62e4c2.js');
5
+ var field_Component = require('./Component-229467cd.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsSelect = require('@alfalab/core-components-select');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
17
17
 
18
- var styles = {"container":"picker-button__container_vu14x"};
18
+ var styles = {"container":"picker-button__container_1j8h9"};
19
19
  require('./index.css')
20
20
 
21
21
  var PickerButton = React.forwardRef(function (_a, ref) {
package/dist/cssm/Component-c7d52094.d.ts CHANGED
@@ -65,6 +65,10 @@ type PopoverProps = {
65
65
  * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
66
66
  */
67
67
  preventOverflow?: boolean;
68
+ /**
69
+ * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
70
+ */
71
+ availableHeight?: boolean;
68
72
  /**
69
73
  * Если `true`, будет отрисована стрелочка
70
74
  */
@@ -460,6 +464,10 @@ type BaseSelectProps = {
460
464
  * Хранит функцию, с помощью которой можно обновить положение поповера
461
465
  */
462
466
  updatePopover?: PopoverProps["update"];
467
+ /**
468
+ * z-index поповера
469
+ */
470
+ zIndexPopover?: PopoverProps["zIndex"];
463
471
  /**
464
472
  * Показывать OptionsList, если он пустой
465
473
  */
package/dist/cssm/Component.d.ts CHANGED
@@ -9,7 +9,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
9
9
  */
10
10
  size?: PickerButtonSize;
11
11
  };
12
- declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
12
+ declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
13
13
  /**
14
14
  * Размер кнопки
15
15
  */
package/dist/esm/{Component-7bcce42b.d.ts → Component-47d7d9e9.d.ts} RENAMED
@@ -65,6 +65,10 @@ type PopoverProps = {
65
65
  * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
66
66
  */
67
67
  preventOverflow?: boolean;
68
+ /**
69
+ * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
70
+ */
71
+ availableHeight?: boolean;
68
72
  /**
69
73
  * Если `true`, будет отрисована стрелочка
70
74
  */
@@ -460,6 +464,10 @@ type BaseSelectProps = {
460
464
  * Хранит функцию, с помощью которой можно обновить положение поповера
461
465
  */
462
466
  updatePopover?: PopoverProps["update"];
467
+ /**
468
+ * z-index поповера
469
+ */
470
+ zIndexPopover?: PopoverProps["zIndex"];
463
471
  /**
464
472
  * Показывать OptionsList, если он пустой
465
473
  */
package/dist/esm/{Component-7bcce42b.js → Component-47d7d9e9.js} RENAMED
@@ -43,7 +43,7 @@ function __rest(s, e) {
43
43
  return t;
44
44
  }
45
45
 
46
- var styles = {"iconContainer":"picker-button__iconContainer_1qq3d","open":"picker-button__open_1qq3d"};
46
+ var styles = {"iconContainer":"picker-button__iconContainer_i8apw","open":"picker-button__open_i8apw"};
47
47
  require('./field/index.css')
48
48
 
49
49
  var Field = function (_a) {
package/dist/esm/Component.d.ts CHANGED
@@ -9,7 +9,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
9
9
  */
10
10
  size?: PickerButtonSize;
11
11
  };
12
- declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
12
+ declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
13
13
  /**
14
14
  * Размер кнопки
15
15
  */
package/dist/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign, F as Field } from './Component-7bcce42b.js';
1
+ import { _ as __rest, a as __assign, F as Field } from './Component-47d7d9e9.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/dist/esm';
@@ -6,7 +6,7 @@ import '@alfalab/core-components-button/dist/esm';
6
6
  import '@alfalab/icons-classic/ArrowDownMIcon';
7
7
  import '@alfalab/icons-classic/ArrowDownSIcon';
8
8
 
9
- var styles = {"container":"picker-button__container_vu14x"};
9
+ var styles = {"container":"picker-button__container_1j8h9"};
10
10
  require('./index.css')
11
11
 
12
12
  var PickerButton = forwardRef(function (_a, ref) {
package/dist/esm/field/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- export { F as Field } from '../Component-7bcce42b.js';
1
+ export { F as Field } from '../Component-47d7d9e9.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-button/dist/esm';
package/dist/esm/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1qq3d */
1
+ /* hash: s1xlr */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_1qq3d {
13
+ .picker-button__iconContainer_i8apw {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_1qq3d {
17
+ .picker-button__open_i8apw {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/dist/esm/field/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "../Component-7bcce42b";
1
+ export * from "../Component-47d7d9e9";
package/dist/esm/field/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { F as Field } from '../Component-7bcce42b.js';
1
+ export { F as Field } from '../Component-47d7d9e9.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-button/dist/esm';
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vu14x */
2
- .picker-button__container_vu14x {
1
+ /* hash: qs9eo */
2
+ .picker-button__container_1j8h9 {
3
3
  min-width: auto;
4
4
  }
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Component-7bcce42b.js';
1
+ import './Component-47d7d9e9.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-select/dist/esm';
package/dist/field/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var field_Component = require('../Component-bc62e4c2.js');
5
+ var field_Component = require('../Component-229467cd.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-button');
package/dist/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1qq3d */
1
+ /* hash: s1xlr */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_1qq3d {
13
+ .picker-button__iconContainer_i8apw {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_1qq3d {
17
+ .picker-button__open_i8apw {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/dist/field/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "../Component-bc62e4c2";
1
+ export * from "../Component-229467cd";
package/dist/field/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var field_Component = require('../Component-bc62e4c2.js');
5
+ var field_Component = require('../Component-229467cd.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-button');
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vu14x */
2
- .picker-button__container_vu14x {
1
+ /* hash: qs9eo */
2
+ .picker-button__container_1j8h9 {
3
3
  min-width: auto;
4
4
  }
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./Component-bc62e4c2.js');
5
+ require('./Component-229467cd.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-select');
package/dist/modern/Component.d.ts CHANGED
@@ -9,7 +9,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
9
9
  */
10
10
  size?: PickerButtonSize;
11
11
  };
12
- declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
12
+ declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
13
13
  /**
14
14
  * Размер кнопки
15
15
  */
package/dist/modern/Component.js CHANGED
@@ -6,7 +6,7 @@ import '@alfalab/icons-classic/ArrowDownMIcon';
6
6
  import '@alfalab/icons-classic/ArrowDownSIcon';
7
7
  import { Field } from './field/Component.js';
8
8
 
9
- var styles = {"container":"picker-button__container_vu14x"};
9
+ var styles = {"container":"picker-button__container_1j8h9"};
10
10
  require('./index.css')
11
11
 
12
12
  const PickerButton = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', className, leftAddons, ...restProps }, ref) => (React.createElement(BaseSelect, Object.assign({}, restProps, { ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
package/dist/modern/field/Component.d.ts CHANGED
@@ -34,6 +34,10 @@ type PopoverProps = {
34
34
  * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
35
35
  */
36
36
  preventOverflow?: boolean;
37
+ /**
38
+ * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
39
+ */
40
+ availableHeight?: boolean;
37
41
  /**
38
42
  * Если `true`, будет отрисована стрелочка
39
43
  */
@@ -429,6 +433,10 @@ type BaseSelectProps = {
429
433
  * Хранит функцию, с помощью которой можно обновить положение поповера
430
434
  */
431
435
  updatePopover?: PopoverProps["update"];
436
+ /**
437
+ * z-index поповера
438
+ */
439
+ zIndexPopover?: PopoverProps["zIndex"];
432
440
  /**
433
441
  * Показывать OptionsList, если он пустой
434
442
  */
package/dist/modern/field/Component.js CHANGED
@@ -4,7 +4,7 @@ import { Button } from '@alfalab/core-components-button/dist/modern';
4
4
  import { ArrowDownMIcon } from '@alfalab/icons-classic/ArrowDownMIcon';
5
5
  import { ArrowDownSIcon } from '@alfalab/icons-classic/ArrowDownSIcon';
6
6
 
7
- var styles = {"iconContainer":"picker-button__iconContainer_1qq3d","open":"picker-button__open_1qq3d"};
7
+ var styles = {"iconContainer":"picker-button__iconContainer_i8apw","open":"picker-button__open_i8apw"};
8
8
  require('./index.css')
9
9
 
10
10
  const Field = ({ buttonSize = 'm', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, ...restProps }) => {
package/dist/modern/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1qq3d */
1
+ /* hash: s1xlr */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_1qq3d {
13
+ .picker-button__iconContainer_i8apw {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_1qq3d {
17
+ .picker-button__open_i8apw {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vu14x */
2
- .picker-button__container_vu14x {
1
+ /* hash: qs9eo */
2
+ .picker-button__container_1j8h9 {
3
3
  min-width: auto;
4
4
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "6.2.3",
3
+ "version": "7.1.0",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,11 +19,11 @@
19
19
  "react-dom": "^16.9.0 || ^17.0.1"
20
20
  },
21
21
  "dependencies": {
22
- "@alfalab/core-components-button": "^4.4.0",
23
- "@alfalab/core-components-select": "^10.0.0",
24
- "@alfalab/icons-classic": "^1.74.0",
25
- "@alfalab/icons-glyph": "^1.150.0",
22
+ "@alfalab/core-components-button": "^5.0.0",
23
+ "@alfalab/core-components-select": "^10.2.0",
24
+ "@alfalab/icons-classic": "^1.76.0",
25
+ "@alfalab/icons-glyph": "^1.190.0",
26
26
  "classnames": "^2.2.6"
27
27
  },
28
- "gitHead": "699154ba8e2ff59f9e7d2ec9b9af32cde4a9de2a"
28
+ "gitHead": "43754f9b8715fe0bd1c0829be9304d78dd923481"
29
29
  }