@gitlab/ui 67.3.3 → 67.4.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 +7 -0
- package/dist/components/charts/column/column.js +3 -1
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.dark.css +1 -1
- package/dist/tokens/js/tokens.dark.js +1 -1
- package/dist/tokens/js/tokens.js +1 -1
- package/dist/tokens/scss/_tokens.dark.scss +1 -1
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/package.json +15 -15
- package/src/components/charts/column/column.vue +2 -2
- package/src/components/charts/column/column_chart.spec.js +19 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [67.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v67.3.3...v67.4.0) (2023-11-02)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **GlColumnChart:** allow setting `stack` series property ([1ec54d9](https://gitlab.com/gitlab-org/gitlab-ui/commit/1ec54d9285bdda447575f31689ccc417389a6a96))
|
|
7
|
+
|
|
1
8
|
## [67.3.3](https://gitlab.com/gitlab-org/gitlab-ui/compare/v67.3.2...v67.3.3) (2023-11-01)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -94,12 +94,14 @@ var script = {
|
|
|
94
94
|
return this.bars.map((_ref, index) => {
|
|
95
95
|
let {
|
|
96
96
|
name,
|
|
97
|
-
data
|
|
97
|
+
data,
|
|
98
|
+
stack
|
|
98
99
|
} = _ref;
|
|
99
100
|
const color = colorFromDefaultPalette(index);
|
|
100
101
|
return generateBarSeries({
|
|
101
102
|
name,
|
|
102
103
|
data,
|
|
104
|
+
stack,
|
|
103
105
|
color
|
|
104
106
|
});
|
|
105
107
|
});
|
package/dist/tokens/js/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "67.
|
|
3
|
+
"version": "67.4.0",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -94,22 +94,22 @@
|
|
|
94
94
|
"@gitlab/eslint-plugin": "19.2.0",
|
|
95
95
|
"@gitlab/fonts": "^1.3.0",
|
|
96
96
|
"@gitlab/stylelint-config": "5.0.1",
|
|
97
|
-
"@gitlab/svgs": "3.
|
|
97
|
+
"@gitlab/svgs": "3.69.0",
|
|
98
98
|
"@rollup/plugin-commonjs": "^11.1.0",
|
|
99
99
|
"@rollup/plugin-node-resolve": "^7.1.3",
|
|
100
100
|
"@rollup/plugin-replace": "^2.3.2",
|
|
101
|
-
"@storybook/addon-a11y": "7.5.
|
|
102
|
-
"@storybook/addon-docs": "7.5.
|
|
103
|
-
"@storybook/addon-essentials": "7.5.
|
|
104
|
-
"@storybook/addon-storyshots": "7.5.
|
|
105
|
-
"@storybook/addon-storyshots-puppeteer": "7.5.
|
|
106
|
-
"@storybook/addon-viewport": "7.5.
|
|
107
|
-
"@storybook/builder-webpack5": "7.5.
|
|
108
|
-
"@storybook/theming": "7.5.
|
|
109
|
-
"@storybook/vue": "7.5.
|
|
110
|
-
"@storybook/vue-webpack5": "7.5.
|
|
111
|
-
"@storybook/vue3": "7.5.
|
|
112
|
-
"@storybook/vue3-webpack5": "7.5.
|
|
101
|
+
"@storybook/addon-a11y": "7.5.2",
|
|
102
|
+
"@storybook/addon-docs": "7.5.2",
|
|
103
|
+
"@storybook/addon-essentials": "7.5.2",
|
|
104
|
+
"@storybook/addon-storyshots": "7.5.2",
|
|
105
|
+
"@storybook/addon-storyshots-puppeteer": "7.5.2",
|
|
106
|
+
"@storybook/addon-viewport": "7.5.2",
|
|
107
|
+
"@storybook/builder-webpack5": "7.5.2",
|
|
108
|
+
"@storybook/theming": "7.5.2",
|
|
109
|
+
"@storybook/vue": "7.5.2",
|
|
110
|
+
"@storybook/vue-webpack5": "7.5.2",
|
|
111
|
+
"@storybook/vue3": "7.5.2",
|
|
112
|
+
"@storybook/vue3-webpack5": "7.5.2",
|
|
113
113
|
"@vue/compat": "^3.2.40",
|
|
114
114
|
"@vue/compiler-sfc": "^3.2.40",
|
|
115
115
|
"@vue/test-utils": "1.3.0",
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
"sass-loader": "^10.2.0",
|
|
161
161
|
"sass-true": "^6.1.0",
|
|
162
162
|
"start-server-and-test": "^1.10.6",
|
|
163
|
-
"storybook": "7.5.
|
|
163
|
+
"storybook": "7.5.2",
|
|
164
164
|
"storybook-dark-mode": "3.0.1",
|
|
165
165
|
"style-dictionary": "^3.8.0",
|
|
166
166
|
"stylelint": "15.10.2",
|
|
@@ -106,9 +106,9 @@ export default {
|
|
|
106
106
|
return Boolean(this.secondaryData.length);
|
|
107
107
|
},
|
|
108
108
|
barSeries() {
|
|
109
|
-
return this.bars.map(({ name, data }, index) => {
|
|
109
|
+
return this.bars.map(({ name, data, stack }, index) => {
|
|
110
110
|
const color = colorFromDefaultPalette(index);
|
|
111
|
-
return generateBarSeries({ name, data, color });
|
|
111
|
+
return generateBarSeries({ name, data, stack, color });
|
|
112
112
|
});
|
|
113
113
|
},
|
|
114
114
|
lineSeries() {
|
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
mockDefaultLineData,
|
|
6
6
|
mockDefaultBarData,
|
|
7
7
|
mockSecondaryData,
|
|
8
|
+
mockDefaultStackedBarData,
|
|
8
9
|
} from '../../../utils/charts/mock_data';
|
|
9
10
|
import Chart from '../chart/chart.vue';
|
|
10
11
|
import ColumnChart from './column.vue';
|
|
@@ -106,6 +107,24 @@ describe('column chart component', () => {
|
|
|
106
107
|
});
|
|
107
108
|
});
|
|
108
109
|
|
|
110
|
+
describe('with multiple series data provided', () => {
|
|
111
|
+
it('should pass through custom stack series property', () => {
|
|
112
|
+
factory({
|
|
113
|
+
...defaultChartProps,
|
|
114
|
+
bars: mockDefaultStackedBarData.map((series) => ({
|
|
115
|
+
...series,
|
|
116
|
+
stack: 'some-custom-stack',
|
|
117
|
+
})),
|
|
118
|
+
});
|
|
119
|
+
|
|
120
|
+
const hasExpectedStackProperty = findChart()
|
|
121
|
+
.props('options')
|
|
122
|
+
.series.every((series) => series.stack === 'some-custom-stack');
|
|
123
|
+
|
|
124
|
+
expect(hasExpectedStackProperty).toBe(true);
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
|
|
109
128
|
describe('tooltip', () => {
|
|
110
129
|
it('displays the generic tooltip content', async () => {
|
|
111
130
|
const params = {
|