@gitlab/ui 65.1.1 → 65.1.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.
- package/CHANGELOG.md +15 -0
- package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +4 -1
- package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.js +1 -1
- package/dist/components/base/progress_bar/progress_bar.js +2 -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 +2 -2
- package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.spec.js +3 -0
- package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +4 -1
- package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.spec.js +1 -1
- package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.vue +1 -1
- package/src/components/base/progress_bar/progress_bar.vue +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
## [65.1.3](https://gitlab.com/gitlab-org/gitlab-ui/compare/v65.1.2...v65.1.3) (2023-08-15)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **GlDisclosureDropdown:** Removes the group role from disclosure groups ([c79c93f](https://gitlab.com/gitlab-org/gitlab-ui/commit/c79c93f75a88b2051ea4bfdfa21251c4a311ba70))
|
|
7
|
+
* **GlProgress:** remove double-passing of props ([3ec1277](https://gitlab.com/gitlab-org/gitlab-ui/commit/3ec1277e2a5ef2d8c391686f280fe018ce71fb17))
|
|
8
|
+
|
|
9
|
+
## [65.1.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v65.1.1...v65.1.2) (2023-08-11)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
* **GlDisclosureDropdown:** sets alignment to fix right placement ([02c966a](https://gitlab.com/gitlab-org/gitlab-ui/commit/02c966aa2d990a514134e376f33ee47864f6cc76)), closes [#L69-L70](https://gitlab.com/gitlab-org/gitlab-ui/issues/L69-L70)
|
|
15
|
+
|
|
1
16
|
## [65.1.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v65.1.0...v65.1.1) (2023-08-10)
|
|
2
17
|
|
|
3
18
|
|
|
@@ -230,10 +230,13 @@ var script = {
|
|
|
230
230
|
return this.positioningStrategy === POSITION_FIXED;
|
|
231
231
|
},
|
|
232
232
|
floatingUIConfig() {
|
|
233
|
+
const placement = dropdownPlacements[this.placement];
|
|
234
|
+
const [, alignment] = placement.split('-');
|
|
233
235
|
return {
|
|
234
|
-
placement
|
|
236
|
+
placement,
|
|
235
237
|
strategy: this.positioningStrategy,
|
|
236
238
|
middleware: [offset(this.offset), autoPlacement({
|
|
239
|
+
alignment,
|
|
237
240
|
allowedPlacements: dropdownAllowedAutoPlacements[this.placement]
|
|
238
241
|
}), size({
|
|
239
242
|
apply: _ref => {
|
|
@@ -74,7 +74,7 @@ var script = {
|
|
|
74
74
|
const __vue_script__ = script;
|
|
75
75
|
|
|
76
76
|
/* template */
|
|
77
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:_vm.borderClass},[(_vm.showHeader)?_c('div',{staticClass:"gl-pl-4 gl-py-2 gl-font-sm gl-font-weight-bold",attrs:{"id":_vm.nameId,"aria-hidden":"true"}},[_vm._t("group-label",function(){return [_vm._v(_vm._s(_vm.group.name))]})],2):_vm._e(),_vm._v(" "),_c('ul',{staticClass:"gl-mb-0 gl-pl-0 gl-list-style-none",attrs:{"
|
|
77
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:_vm.borderClass},[(_vm.showHeader)?_c('div',{staticClass:"gl-pl-4 gl-py-2 gl-font-sm gl-font-weight-bold",attrs:{"id":_vm.nameId,"aria-hidden":"true"}},[_vm._t("group-label",function(){return [_vm._v(_vm._s(_vm.group.name))]})],2):_vm._e(),_vm._v(" "),_c('ul',{staticClass:"gl-mb-0 gl-pl-0 gl-list-style-none",attrs:{"aria-labelledby":_vm.groupLabeledBy}},[_vm._t("default",function(){return _vm._l((_vm.group.items),function(item){return _c('gl-disclosure-dropdown-item',{key:_vm.uniqueItemId(),attrs:{"item":item},on:{"action":_vm.handleAction},scopedSlots:_vm._u([{key:"list-item",fn:function(){return [_vm._t("list-item",null,{"item":item})]},proxy:true}],null,true)})})})],2)])};
|
|
78
78
|
var __vue_staticRenderFns__ = [];
|
|
79
79
|
|
|
80
80
|
/* style */
|
package/dist/tokens/js/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "65.1.
|
|
3
|
+
"version": "65.1.3",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
"emoji-regex": "^10.0.0",
|
|
124
124
|
"eslint": "8.46.0",
|
|
125
125
|
"eslint-import-resolver-jest": "3.0.2",
|
|
126
|
-
"eslint-plugin-cypress": "2.
|
|
126
|
+
"eslint-plugin-cypress": "2.14.0",
|
|
127
127
|
"eslint-plugin-storybook": "0.6.12",
|
|
128
128
|
"glob": "^7.2.0",
|
|
129
129
|
"identity-obj-proxy": "^3.0.0",
|
|
@@ -108,6 +108,7 @@ describe('base dropdown', () => {
|
|
|
108
108
|
middleware: [
|
|
109
109
|
offset({ mainAxis: DEFAULT_OFFSET }),
|
|
110
110
|
autoPlacement({
|
|
111
|
+
alignment: 'start',
|
|
111
112
|
allowedPlacements: ['bottom-start', 'top-start', 'bottom-end', 'top-end'],
|
|
112
113
|
}),
|
|
113
114
|
],
|
|
@@ -128,6 +129,7 @@ describe('base dropdown', () => {
|
|
|
128
129
|
middleware: [
|
|
129
130
|
offset({ mainAxis: DEFAULT_OFFSET }),
|
|
130
131
|
autoPlacement({
|
|
132
|
+
alignment: undefined,
|
|
131
133
|
allowedPlacements: ['bottom', 'top'],
|
|
132
134
|
}),
|
|
133
135
|
],
|
|
@@ -148,6 +150,7 @@ describe('base dropdown', () => {
|
|
|
148
150
|
middleware: [
|
|
149
151
|
offset({ mainAxis: DEFAULT_OFFSET }),
|
|
150
152
|
autoPlacement({
|
|
153
|
+
alignment: 'end',
|
|
151
154
|
allowedPlacements: ['bottom-start', 'top-start', 'bottom-end', 'top-end'],
|
|
152
155
|
}),
|
|
153
156
|
],
|
|
@@ -243,12 +243,15 @@ export default {
|
|
|
243
243
|
return this.positioningStrategy === POSITION_FIXED;
|
|
244
244
|
},
|
|
245
245
|
floatingUIConfig() {
|
|
246
|
+
const placement = dropdownPlacements[this.placement];
|
|
247
|
+
const [, alignment] = placement.split('-');
|
|
246
248
|
return {
|
|
247
|
-
placement
|
|
249
|
+
placement,
|
|
248
250
|
strategy: this.positioningStrategy,
|
|
249
251
|
middleware: [
|
|
250
252
|
offset(this.offset),
|
|
251
253
|
autoPlacement({
|
|
254
|
+
alignment,
|
|
252
255
|
allowedPlacements: dropdownAllowedAutoPlacements[this.placement],
|
|
253
256
|
}),
|
|
254
257
|
size({
|
|
@@ -20,7 +20,7 @@ describe('GlDisclosureDropdownGroup', () => {
|
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
|
|
23
|
-
const findGroup = () => wrapper.find('ul
|
|
23
|
+
const findGroup = () => wrapper.find('ul');
|
|
24
24
|
const findItems = () => wrapper.findAllComponents(GlDisclosureDropdownItem);
|
|
25
25
|
const findByTestId = (testid, root = wrapper) => root.find(`[data-testid="${testid}"]`);
|
|
26
26
|
const findLabelElement = () => {
|
|
@@ -85,7 +85,7 @@ export default {
|
|
|
85
85
|
>
|
|
86
86
|
<slot name="group-label">{{ group.name }}</slot>
|
|
87
87
|
</div>
|
|
88
|
-
<ul
|
|
88
|
+
<ul :aria-labelledby="groupLabeledBy" class="gl-mb-0 gl-pl-0 gl-list-style-none">
|
|
89
89
|
<slot>
|
|
90
90
|
<!-- eslint-disable vue/valid-v-for -->
|
|
91
91
|
<gl-disclosure-dropdown-item
|