@gitlab/ui 42.23.0 → 42.23.1

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
@@ -1,3 +1,10 @@
1
+ ## [42.23.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v42.23.0...v42.23.1) (2022-07-25)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * Allow auto string size value ([389400b](https://gitlab.com/gitlab-org/gitlab-ui/commit/389400b8c6c7cf6222c0222fc23c5aa917479611))
7
+
1
8
  # [42.23.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v42.22.1...v42.23.0) (2022-07-22)
2
9
 
3
10
 
@@ -5,6 +5,13 @@ import { GlResizeObserverDirective } from '../../../directives/resize_observer/r
5
5
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
6
6
 
7
7
  //
8
+ /**
9
+ * Allowed values by eCharts
10
+ * https://echarts.apache.org/en/api.html#echartsInstance.resize
11
+ */
12
+
13
+ const sizeValidator = size => Number.isFinite(size) || size === 'auto' || size == null;
14
+
8
15
  var script = {
9
16
  directives: {
10
17
  resizeObserver: GlResizeObserverDirective
@@ -26,14 +33,16 @@ var script = {
26
33
  default: false
27
34
  },
28
35
  width: {
29
- type: Number,
36
+ type: [Number, String],
30
37
  required: false,
31
- default: null
38
+ default: null,
39
+ validator: sizeValidator
32
40
  },
33
41
  height: {
34
- type: Number,
42
+ type: [Number, String],
35
43
  required: false,
36
- default: null
44
+ default: null,
45
+ validator: sizeValidator
37
46
  },
38
47
  groupId: {
39
48
  type: String,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "42.23.0",
3
+ "version": "42.23.1",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -5,6 +5,12 @@ import { defaultHeight, defaultWidth, validRenderers } from '../../../utils/char
5
5
  import createTheme, { themeName } from '../../../utils/charts/theme';
6
6
  import { GlResizeObserverDirective } from '../../../directives/resize_observer/resize_observer';
7
7
 
8
+ /**
9
+ * Allowed values by eCharts
10
+ * https://echarts.apache.org/en/api.html#echartsInstance.resize
11
+ */
12
+ const sizeValidator = (size) => Number.isFinite(size) || size === 'auto' || size == null;
13
+
8
14
  export default {
9
15
  directives: {
10
16
  resizeObserver: GlResizeObserverDirective,
@@ -25,14 +31,16 @@ export default {
25
31
  default: false,
26
32
  },
27
33
  width: {
28
- type: Number,
34
+ type: [Number, String],
29
35
  required: false,
30
36
  default: null,
37
+ validator: sizeValidator,
31
38
  },
32
39
  height: {
33
- type: Number,
40
+ type: [Number, String],
34
41
  required: false,
35
42
  default: null,
43
+ validator: sizeValidator,
36
44
  },
37
45
  groupId: {
38
46
  type: String,