@gitlab/ui 86.8.0 → 86.9.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [86.9.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v86.9.0...v86.9.1) (2024-07-11)
+
+
+### Bug Fixes
+
+* **disclosure-dropdown:** correctly close on item selection ([9e21f53](https://gitlab.com/gitlab-org/gitlab-ui/commit/9e21f5385860862a520f8ae72d58721da6433d1c))
+
+# [86.9.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v86.8.0...v86.9.0) (2024-07-11)
+
+
+### Features
+
+* **GlTabe:** Use color design tokens ([53db384](https://gitlab.com/gitlab-org/gitlab-ui/commit/53db38438c4223e4c54109857d53d5e5d1d45c4f))
+
 # [86.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v86.7.1...v86.8.0) (2024-07-11)
 
 

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js

@@ -321,12 +321,16 @@ var script = {
       this.$refs.baseDropdown.closeAndFocus();
     },
     handleAction(action) {
-      /**
-       * Emitted when one of disclosure dropdown items is clicked
-       *
-       * @event action
-       */
-      this.$emit('action', action);
+      // See https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/4376 for
+      // detailed explanation why we need requestAnimationFrame
+      window.requestAnimationFrame(() => {
+        /**
+         * Emitted when one of disclosure dropdown items is clicked
+         *
+         * @event action
+         */
+        this.$emit('action', action);
+      });
     },
     handleAutoClose(e) {
       if (this.autoClose && e.target.closest(ITEM_SELECTOR) && e.target.closest(DROPDOWN_SELECTOR) === this.$refs.baseDropdown.$el) {

package/dist/components/base/new_dropdowns/disclosure/mock_data.js

@@ -31,6 +31,13 @@ const mockItems = [{
     'data-method': 'put'
   }
 }];
+const mockButtons = [{
+  text: 'Checks'
+}, {
+  text: 'Projects'
+}, {
+  text: 'Standards'
+}];
 const mockItemsCustomItem = [{
   text: 'Assigned to you',
   href: 'https://gitlab.com/dashboard/merge_requests?assignee_username=root',
@@ -150,4 +157,4 @@ const mockProfileGroups = [{
   }]
 }];
 
-export { mockGroups, mockGroupsCustomItem, mockItems, mockItemsCustomItem, mockProfileGroups };
+export { mockButtons, mockGroups, mockGroupsCustomItem, mockItems, mockItemsCustomItem, mockProfileGroups };

package/dist/components/base/table/table.js

@@ -104,7 +104,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-table',_vm._g(_vm._b({attrs:{"table-class":_vm.localTableClass,"fields":_vm.fields,"sort-by":_vm.localSortBy,"sort-desc":_vm.localSortDesc,"no-sort-reset":""},on:{"update:sortBy":function($event){_vm.localSortBy=$event;},"update:sort-by":function($event){_vm.localSortBy=$event;},"update:sortDesc":function($event){_vm.localSortDesc=$event;},"update:sort-desc":function($event){_vm.localSortDesc=$event;}},scopedSlots:_vm._u([_vm._l((Object.keys(_vm.$scopedSlots)),function(slotName){return {key:slotName,fn:function(scope){return [_vm._t(slotName,null,null,scope)]}}}),_vm._l((_vm.headSlots),function(headSlotName){return {key:headSlotName,fn:function(scope){return [_c('div',{key:headSlotName,staticClass:"gl-display-flex"},[_vm._t(headSlotName,function(){return [_c('span',[_vm._v(_vm._s(scope.label))])]},null,scope),(_vm.isSortable(scope))?[_c('div',{staticClass:"gl-ml-2 gl-w-5 gl-display-flex gl-justify-content-center gl-text-gray-900"},[_c('span',{class:{ 'gl-display-none': !_vm.activeSortingColumn(scope) },attrs:{"name":"sort-icon","data-testid":"sort-icon"}},[_vm._v("\n            "+_vm._s(_vm.getSortingIcon(scope))+"\n          ")])])]:_vm._e()],2)]}}})],null,true)},'b-table',_vm.$attrs,false),_vm.$listeners))};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-table',_vm._g(_vm._b({attrs:{"table-class":_vm.localTableClass,"fields":_vm.fields,"sort-by":_vm.localSortBy,"sort-desc":_vm.localSortDesc,"no-sort-reset":""},on:{"update:sortBy":function($event){_vm.localSortBy=$event;},"update:sort-by":function($event){_vm.localSortBy=$event;},"update:sortDesc":function($event){_vm.localSortDesc=$event;},"update:sort-desc":function($event){_vm.localSortDesc=$event;}},scopedSlots:_vm._u([_vm._l((Object.keys(_vm.$scopedSlots)),function(slotName){return {key:slotName,fn:function(scope){return [_vm._t(slotName,null,null,scope)]}}}),_vm._l((_vm.headSlots),function(headSlotName){return {key:headSlotName,fn:function(scope){return [_c('div',{key:headSlotName,staticClass:"gl-display-flex"},[_vm._t(headSlotName,function(){return [_c('span',[_vm._v(_vm._s(scope.label))])]},null,scope),(_vm.isSortable(scope))?[_c('div',{staticClass:"gl-ml-2 gl-w-5 gl-display-flex gl-justify-content-center"},[_c('span',{class:{ 'gl-display-none': !_vm.activeSortingColumn(scope) },attrs:{"name":"sort-icon","data-testid":"sort-icon"}},[_vm._v("\n            "+_vm._s(_vm.getSortingIcon(scope))+"\n          ")])])]:_vm._e()],2)]}}})],null,true)},'b-table',_vm.$attrs,false),_vm.$listeners))};
 var __vue_staticRenderFns__ = [];
 
   /* style */