@gitlab/ui 72.8.0 → 72.9.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 +14 -0
- package/dist/components/base/form/form_checkbox_tree/checkbox_tree_node.js +1 -1
- package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +9 -0
- package/dist/components/base/token_selector/token_selector.js +1 -1
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -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/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +10 -4
- package/src/components/base/filtered_search/filtered_search.spec.js +2 -2
- package/src/components/base/filtered_search/filtered_search_term.spec.js +2 -4
- package/src/components/base/filtered_search/filtered_search_token_segment.spec.js +5 -7
- package/src/components/base/form/form_checkbox_tree/checkbox_tree_node.vue +1 -1
- package/src/components/base/form/form_checkbox_tree/form_checkbox_tree.spec.js +2 -2
- package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.spec.js +41 -4
- package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +12 -0
- package/src/components/base/search_box_by_click/search_box_by_click.spec.js +2 -4
- package/src/components/base/token_selector/token_selector.spec.js +2 -2
- package/src/components/base/token_selector/token_selector.vue +1 -1
- package/src/scss/storybook.scss +3 -0
- package/src/scss/utilities.scss +10 -0
- package/src/scss/utility-mixins/spacing.scss +6 -0
- package/tailwind.defaults.js +5 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# [72.9.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.8.1...v72.9.0) (2024-01-19)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **css:** adds gl-md-mr-auto utility class ([c0884cb](https://gitlab.com/gitlab-org/gitlab-ui/commit/c0884cbbc497023cc567ed59bf6793ce01c5ff45))
|
|
7
|
+
|
|
8
|
+
## [72.8.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.8.0...v72.8.1) (2024-01-18)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* **dropdowns:** do not steal focus back from the consumer ([69295fa](https://gitlab.com/gitlab-org/gitlab-ui/commit/69295faa28dfe48b90e75ab86c9d3ba615760c96))
|
|
14
|
+
|
|
1
15
|
# [72.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.7.0...v72.8.0) (2024-01-16)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -44,7 +44,7 @@ var script = {
|
|
|
44
44
|
const __vue_script__ = script;
|
|
45
45
|
|
|
46
46
|
/* template */
|
|
47
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.rootClass,attrs:{"data-
|
|
47
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.rootClass,attrs:{"data-testid":("" + (_vm.$options.qaPrefix) + (_vm.option.value))}},[_c('gl-form-checkbox',{class:_vm.checkboxClass,attrs:{"checked":_vm.node.isChecked,"indeterminate":_vm.node.isIndeterminate},on:{"change":function($event){return _vm.tree.toggleOption(_vm.option, $event)}}},[_vm._v("\n "+_vm._s(_vm.label)+"\n ")]),_vm._v(" "),_vm._l((_vm.option.children),function(child){return _c('gl-form-checkbox-tree-node',{key:child.value,attrs:{"option":child,"is-nested":""}})})],2)};
|
|
48
48
|
var __vue_staticRenderFns__ = [];
|
|
49
49
|
|
|
50
50
|
/* style */
|
|
@@ -359,11 +359,20 @@ var script = {
|
|
|
359
359
|
}
|
|
360
360
|
this.toggle(event);
|
|
361
361
|
},
|
|
362
|
+
/**
|
|
363
|
+
* Closes the dropdown and returns the focus to the toggle unless it has has moved outside
|
|
364
|
+
* of the dropdown, meaning that the consumer needed to put some other element in focus.
|
|
365
|
+
*
|
|
366
|
+
* @param {KeyboardEvent?} event The keyboard event that caused the dropdown to close.
|
|
367
|
+
*/
|
|
362
368
|
async closeAndFocus(event) {
|
|
363
369
|
if (!this.visible) {
|
|
364
370
|
return;
|
|
365
371
|
}
|
|
366
372
|
const hasToggled = await this.toggle(event);
|
|
373
|
+
if (!this.$el.contains(document.activeElement)) {
|
|
374
|
+
return;
|
|
375
|
+
}
|
|
367
376
|
if (hasToggled) {
|
|
368
377
|
this.focusToggle();
|
|
369
378
|
}
|
|
@@ -91,7 +91,7 @@ var script = {
|
|
|
91
91
|
default: null
|
|
92
92
|
},
|
|
93
93
|
/**
|
|
94
|
-
* HTML attributes to add to the text input. Helpful for adding `data-testid`
|
|
94
|
+
* HTML attributes to add to the text input. Helpful for adding `data-testid` attributes
|
|
95
95
|
*/
|
|
96
96
|
textInputAttrs: {
|
|
97
97
|
type: Object,
|