@alfalab/core-components-picker-button 7.0.0 → 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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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
+
6
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)
7
18
 
8
19
 
@@ -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
  */
@@ -50,7 +50,7 @@ function __rest(s, e) {
50
50
  return t;
51
51
  }
52
52
 
53
- var styles = {"iconContainer":"picker-button__iconContainer_kbt4m","open":"picker-button__open_kbt4m"};
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.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var field_Component = require('./Component-4138fa44.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_1o57d"};
18
+ var styles = {"container":"picker-button__container_1j8h9"};
19
19
  require('./index.css')
20
20
 
21
21
  var PickerButton = React.forwardRef(function (_a, ref) {
@@ -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
  */
@@ -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
  */
@@ -43,7 +43,7 @@ function __rest(s, e) {
43
43
  return t;
44
44
  }
45
45
 
46
- var styles = {"iconContainer":"picker-button__iconContainer_kbt4m","open":"picker-button__open_kbt4m"};
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) {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign, F as Field } from './Component-f6f3d8f0.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_1o57d"};
9
+ var styles = {"container":"picker-button__container_1j8h9"};
10
10
  require('./index.css')
11
11
 
12
12
  var PickerButton = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- export { F as Field } from '../Component-f6f3d8f0.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';
@@ -1,4 +1,4 @@
1
- /* hash: 1c7yf */
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_kbt4m {
13
+ .picker-button__iconContainer_i8apw {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_kbt4m {
17
+ .picker-button__open_i8apw {
18
18
  transform: var(--arrow-transform);
19
19
  }
@@ -1 +1 @@
1
- export * from "../Component-f6f3d8f0";
1
+ export * from "../Component-47d7d9e9";
@@ -1,4 +1,4 @@
1
- export { F as Field } from '../Component-f6f3d8f0.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';
@@ -1,4 +1,4 @@
1
- /* hash: 1qj07 */
2
- .picker-button__container_1o57d {
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-f6f3d8f0.js';
1
+ import './Component-47d7d9e9.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-select/dist/esm';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var field_Component = require('../Component-4138fa44.js');
5
+ var field_Component = require('../Component-229467cd.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-button');
@@ -1,4 +1,4 @@
1
- /* hash: 1c7yf */
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_kbt4m {
13
+ .picker-button__iconContainer_i8apw {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_kbt4m {
17
+ .picker-button__open_i8apw {
18
18
  transform: var(--arrow-transform);
19
19
  }
@@ -1 +1 @@
1
- export * from "../Component-4138fa44";
1
+ export * from "../Component-229467cd";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var field_Component = require('../Component-4138fa44.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: 1qj07 */
2
- .picker-button__container_1o57d {
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-4138fa44.js');
5
+ require('./Component-229467cd.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-select');
@@ -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_1o57d"};
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: {
@@ -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
  */
@@ -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_kbt4m","open":"picker-button__open_kbt4m"};
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 }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1c7yf */
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_kbt4m {
13
+ .picker-button__iconContainer_i8apw {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_kbt4m {
17
+ .picker-button__open_i8apw {
18
18
  transform: var(--arrow-transform);
19
19
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1qj07 */
2
- .picker-button__container_1o57d {
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": "7.0.0",
3
+ "version": "7.1.0",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,10 +20,10 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@alfalab/core-components-button": "^5.0.0",
23
- "@alfalab/core-components-select": "^10.1.2",
23
+ "@alfalab/core-components-select": "^10.2.0",
24
24
  "@alfalab/icons-classic": "^1.76.0",
25
25
  "@alfalab/icons-glyph": "^1.190.0",
26
26
  "classnames": "^2.2.6"
27
27
  },
28
- "gitHead": "10c9fd1caacf98a5c15f84529889ddf41e9e1b54"
28
+ "gitHead": "43754f9b8715fe0bd1c0829be9304d78dd923481"
29
29
  }