@gitlab/ui 72.11.0 → 72.12.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.
Files changed (225) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/tokens/css/tokens.css +1 -1
  3. package/dist/tokens/css/tokens.dark.css +1 -1
  4. package/dist/tokens/js/tokens.dark.js +1 -1
  5. package/dist/tokens/js/tokens.js +1 -1
  6. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  7. package/dist/tokens/scss/_tokens.scss +1 -1
  8. package/package.json +1 -1
  9. package/src/directives/safe_html/safe_html.js +5 -0
  10. package/src/directives/safe_html/safe_html.spec.js +17 -0
  11. package/src/internal/color_contrast/color_contrast.md +8 -0
  12. package/src/internal/color_contrast/color_contrast.spec.js +34 -0
  13. package/src/internal/color_contrast/color_contrast.stories.js +41 -0
  14. package/src/internal/color_contrast/color_contrast.vue +52 -0
  15. package/src/tokens/color.dark.tokens.stories.js +36 -22
  16. package/src/tokens/color.data_viz.dark.tokens.stories.js +13 -30
  17. package/src/tokens/color.data_viz.tokens.stories.js +13 -30
  18. package/src/tokens/color.theme.dark.tokens.stories.js +15 -30
  19. package/src/tokens/color.theme.tokens.stories.js +15 -30
  20. package/src/tokens/color.tokens.stories.js +36 -22
  21. package/src/tokens/color.transparency.tokens.stories.js +9 -12
  22. package/src/tokens/common_story_options.js +22 -80
  23. package/src/utils/constants.js +25 -0
  24. package/src/utils/utils.js +21 -1
  25. package/dist/charts.js +0 -14
  26. package/dist/components/base/accordion/accordion.js +0 -73
  27. package/dist/components/base/accordion/accordion_item.js +0 -133
  28. package/dist/components/base/alert/alert.js +0 -222
  29. package/dist/components/base/avatar/avatar.js +0 -160
  30. package/dist/components/base/avatar_labeled/avatar_labeled.js +0 -107
  31. package/dist/components/base/avatar_link/avatar_link.js +0 -47
  32. package/dist/components/base/avatars_inline/avatars_inline.js +0 -119
  33. package/dist/components/base/badge/badge.js +0 -105
  34. package/dist/components/base/banner/banner.js +0 -139
  35. package/dist/components/base/breadcrumb/breadcrumb.js +0 -122
  36. package/dist/components/base/breadcrumb/breadcrumb_item.js +0 -73
  37. package/dist/components/base/broadcast_message/broadcast_message.js +0 -112
  38. package/dist/components/base/broadcast_message/constants.js +0 -5
  39. package/dist/components/base/button/button.js +0 -151
  40. package/dist/components/base/button_group/button_group.js +0 -47
  41. package/dist/components/base/card/card.js +0 -71
  42. package/dist/components/base/carousel/carousel.js +0 -48
  43. package/dist/components/base/carousel/carousel_slide.js +0 -47
  44. package/dist/components/base/collapse/collapse.js +0 -59
  45. package/dist/components/base/datepicker/datepicker.js +0 -386
  46. package/dist/components/base/daterange_picker/daterange_picker.js +0 -288
  47. package/dist/components/base/drawer/drawer.js +0 -127
  48. package/dist/components/base/dropdown/dropdown.js +0 -261
  49. package/dist/components/base/dropdown/dropdown_divider.js +0 -48
  50. package/dist/components/base/dropdown/dropdown_form.js +0 -48
  51. package/dist/components/base/dropdown/dropdown_item.js +0 -131
  52. package/dist/components/base/dropdown/dropdown_section_header.js +0 -48
  53. package/dist/components/base/dropdown/dropdown_text.js +0 -48
  54. package/dist/components/base/filtered_search/common_story_options.js +0 -14
  55. package/dist/components/base/filtered_search/filtered_search.js +0 -388
  56. package/dist/components/base/filtered_search/filtered_search_suggestion.js +0 -89
  57. package/dist/components/base/filtered_search/filtered_search_suggestion_list.js +0 -138
  58. package/dist/components/base/filtered_search/filtered_search_term.js +0 -203
  59. package/dist/components/base/filtered_search/filtered_search_token.js +0 -384
  60. package/dist/components/base/filtered_search/filtered_search_token_segment.js +0 -420
  61. package/dist/components/base/filtered_search/filtered_search_utils.js +0 -242
  62. package/dist/components/base/form/form.js +0 -49
  63. package/dist/components/base/form/form_checkbox/form_checkbox.js +0 -78
  64. package/dist/components/base/form/form_checkbox/form_checkbox_group.js +0 -60
  65. package/dist/components/base/form/form_checkbox_tree/checkbox_tree_node.js +0 -79
  66. package/dist/components/base/form/form_checkbox_tree/form_checkbox_tree.js +0 -138
  67. package/dist/components/base/form/form_checkbox_tree/models/constants.js +0 -12
  68. package/dist/components/base/form/form_checkbox_tree/models/node.js +0 -51
  69. package/dist/components/base/form/form_checkbox_tree/models/tree.js +0 -199
  70. package/dist/components/base/form/form_combobox/constants.js +0 -55
  71. package/dist/components/base/form/form_combobox/form_combobox.js +0 -230
  72. package/dist/components/base/form/form_date/form_date.js +0 -143
  73. package/dist/components/base/form/form_fields/form_field_validator.js +0 -93
  74. package/dist/components/base/form/form_fields/form_fields.js +0 -214
  75. package/dist/components/base/form/form_fields/mappers.js +0 -13
  76. package/dist/components/base/form/form_fields/validators.js +0 -48
  77. package/dist/components/base/form/form_group/form_group.js +0 -97
  78. package/dist/components/base/form/form_input/form_input.js +0 -121
  79. package/dist/components/base/form/form_input_group/form_input_group.js +0 -108
  80. package/dist/components/base/form/form_input_group/form_input_group_mixin.js +0 -41
  81. package/dist/components/base/form/form_radio/form_radio.js +0 -65
  82. package/dist/components/base/form/form_radio_group/form_radio_group.js +0 -78
  83. package/dist/components/base/form/form_select/constants.js +0 -12
  84. package/dist/components/base/form/form_select/form_select.js +0 -82
  85. package/dist/components/base/form/form_text/form_text.js +0 -38
  86. package/dist/components/base/form/form_textarea/form_textarea.js +0 -112
  87. package/dist/components/base/form/input_group_text/input_group_text.js +0 -48
  88. package/dist/components/base/icon/icon.js +0 -111
  89. package/dist/components/base/infinite_scroll/infinite_scroll.js +0 -197
  90. package/dist/components/base/keyset_pagination/keyset_pagination.js +0 -151
  91. package/dist/components/base/label/label.js +0 -163
  92. package/dist/components/base/link/link.js +0 -50
  93. package/dist/components/base/loading_icon/loading_icon.js +0 -111
  94. package/dist/components/base/markdown/markdown.js +0 -52
  95. package/dist/components/base/modal/modal.js +0 -204
  96. package/dist/components/base/nav/nav.js +0 -48
  97. package/dist/components/base/nav/nav_item.js +0 -48
  98. package/dist/components/base/nav/nav_item_dropdown.js +0 -62
  99. package/dist/components/base/navbar/navbar.js +0 -48
  100. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +0 -453
  101. package/dist/components/base/new_dropdowns/base_dropdown/constants.js +0 -4
  102. package/dist/components/base/new_dropdowns/constants.js +0 -21
  103. package/dist/components/base/new_dropdowns/disclosure/constants.js +0 -8
  104. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +0 -370
  105. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.js +0 -110
  106. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js +0 -143
  107. package/dist/components/base/new_dropdowns/disclosure/mock_data.js +0 -147
  108. package/dist/components/base/new_dropdowns/disclosure/utils.js +0 -39
  109. package/dist/components/base/new_dropdowns/listbox/listbox.js +0 -767
  110. package/dist/components/base/new_dropdowns/listbox/listbox_group.js +0 -58
  111. package/dist/components/base/new_dropdowns/listbox/listbox_item.js +0 -91
  112. package/dist/components/base/new_dropdowns/listbox/listbox_search_input.js +0 -93
  113. package/dist/components/base/new_dropdowns/listbox/mock_data.js +0 -118
  114. package/dist/components/base/new_dropdowns/listbox/utils.js +0 -34
  115. package/dist/components/base/paginated_list/paginated_list.js +0 -180
  116. package/dist/components/base/pagination/pagination.js +0 -399
  117. package/dist/components/base/path/data.js +0 -34
  118. package/dist/components/base/path/path.js +0 -189
  119. package/dist/components/base/popover/popover.js +0 -110
  120. package/dist/components/base/progress_bar/progress_bar.js +0 -48
  121. package/dist/components/base/search_box_by_click/search_box_by_click.js +0 -235
  122. package/dist/components/base/search_box_by_type/search_box_by_type.js +0 -167
  123. package/dist/components/base/segmented_control/segmented_control.js +0 -109
  124. package/dist/components/base/skeleton_loader/skeleton_loader.js +0 -224
  125. package/dist/components/base/sorting/sorting.js +0 -171
  126. package/dist/components/base/sorting/sorting_item.js +0 -109
  127. package/dist/components/base/table/constants.js +0 -5
  128. package/dist/components/base/table/table.js +0 -89
  129. package/dist/components/base/table_lite/table_lite.js +0 -72
  130. package/dist/components/base/tabs/constants.js +0 -3
  131. package/dist/components/base/tabs/tab/tab.js +0 -83
  132. package/dist/components/base/tabs/tabs/scrollable_tabs.js +0 -143
  133. package/dist/components/base/tabs/tabs/tabs.js +0 -224
  134. package/dist/components/base/toast/toast.js +0 -82
  135. package/dist/components/base/toggle/toggle.js +0 -180
  136. package/dist/components/base/token/token.js +0 -85
  137. package/dist/components/base/token_selector/helpers.js +0 -5
  138. package/dist/components/base/token_selector/token_container.js +0 -165
  139. package/dist/components/base/token_selector/token_selector.js +0 -403
  140. package/dist/components/base/token_selector/token_selector_dropdown.js +0 -199
  141. package/dist/components/base/tooltip/tooltip.js +0 -55
  142. package/dist/components/charts/area/area.js +0 -311
  143. package/dist/components/charts/bar/bar.js +0 -253
  144. package/dist/components/charts/chart/chart.js +0 -215
  145. package/dist/components/charts/column/column.js +0 -226
  146. package/dist/components/charts/discrete_scatter/discrete_scatter.js +0 -203
  147. package/dist/components/charts/gauge/gauge.js +0 -208
  148. package/dist/components/charts/heatmap/heatmap.js +0 -295
  149. package/dist/components/charts/heatmap/index.js +0 -2
  150. package/dist/components/charts/legend/legend.js +0 -228
  151. package/dist/components/charts/line/line.js +0 -308
  152. package/dist/components/charts/series_label/series_label.js +0 -100
  153. package/dist/components/charts/single_stat/single_stat.js +0 -152
  154. package/dist/components/charts/sparkline/sparkline.js +0 -261
  155. package/dist/components/charts/stacked_column/stacked_column.js +0 -335
  156. package/dist/components/charts/tooltip/tooltip.js +0 -251
  157. package/dist/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.js +0 -83
  158. package/dist/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.js +0 -100
  159. package/dist/components/experimental/duo/chat/components/duo_chat_message/copy_code_element.js +0 -35
  160. package/dist/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.js +0 -115
  161. package/dist/components/experimental/duo/chat/components/duo_chat_message_sources/duo_chat_message_sources.js +0 -104
  162. package/dist/components/experimental/duo/chat/components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.js +0 -64
  163. package/dist/components/experimental/duo/chat/constants.js +0 -23
  164. package/dist/components/experimental/duo/chat/duo_chat.js +0 -359
  165. package/dist/components/experimental/duo/chat/mock_data.js +0 -83
  166. package/dist/components/experimental/duo/user_feedback/user_feedback.js +0 -94
  167. package/dist/components/experimental/duo/user_feedback/user_feedback_modal.js +0 -124
  168. package/dist/components/experimental/experiment_badge/constants.js +0 -4
  169. package/dist/components/experimental/experiment_badge/experiment_badge.js +0 -107
  170. package/dist/components/mixins/button_mixin.js +0 -11
  171. package/dist/components/mixins/safe_link_mixin.js +0 -30
  172. package/dist/components/mixins/tooltip_mixin.js +0 -21
  173. package/dist/components/regions/dashboard_skeleton/dashboard_skeleton.js +0 -53
  174. package/dist/components/regions/empty_state/empty_state.js +0 -154
  175. package/dist/components/shared_components/charts/tooltip_default_format.js +0 -53
  176. package/dist/components/shared_components/clear_icon_button/clear_icon_button.js +0 -64
  177. package/dist/components/shared_components/close_button/close_button.js +0 -54
  178. package/dist/components/utilities/animated_number/animated_number.js +0 -131
  179. package/dist/components/utilities/friendly_wrap/friendly_wrap.js +0 -75
  180. package/dist/components/utilities/intersection_observer/intersection_observer.js +0 -88
  181. package/dist/components/utilities/intersperse/intersperse.js +0 -86
  182. package/dist/components/utilities/sprintf/sprintf.js +0 -172
  183. package/dist/components/utilities/truncate/constants.js +0 -7
  184. package/dist/components/utilities/truncate/truncate.js +0 -111
  185. package/dist/components/utilities/truncate_text/constants.js +0 -7
  186. package/dist/components/utilities/truncate_text/truncate_text.js +0 -146
  187. package/dist/config.js +0 -86
  188. package/dist/directives/collapse_toggle.js +0 -1
  189. package/dist/directives/hover_load/hover_load.js +0 -45
  190. package/dist/directives/modal.js +0 -1
  191. package/dist/directives/outside/get_event_like_time_stamp.js +0 -33
  192. package/dist/directives/outside/outside.js +0 -106
  193. package/dist/directives/resize_observer/resize_observer.js +0 -51
  194. package/dist/directives/safe_html/constants.js +0 -6
  195. package/dist/directives/safe_html/safe_html.js +0 -35
  196. package/dist/directives/safe_link/mock_data.js +0 -10
  197. package/dist/directives/safe_link/safe_link.js +0 -65
  198. package/dist/directives/tooltip.js +0 -1
  199. package/dist/index.css +0 -7
  200. package/dist/index.css.map +0 -1
  201. package/dist/index.js +0 -105
  202. package/dist/tokens/common_story_options.js +0 -109
  203. package/dist/utils/breakpoints.js +0 -20
  204. package/dist/utils/charts/config.js +0 -556
  205. package/dist/utils/charts/constants.js +0 -63
  206. package/dist/utils/charts/mock_data.js +0 -211
  207. package/dist/utils/charts/story_config.js +0 -42
  208. package/dist/utils/charts/theme.js +0 -192
  209. package/dist/utils/charts/utils.js +0 -54
  210. package/dist/utils/constants.js +0 -270
  211. package/dist/utils/data_utils.js +0 -21
  212. package/dist/utils/datetime_utility.js +0 -61
  213. package/dist/utils/i18n.js +0 -15
  214. package/dist/utils/is_slot_empty.js +0 -38
  215. package/dist/utils/number_utils.js +0 -124
  216. package/dist/utils/stories_constants.js +0 -29
  217. package/dist/utils/stories_utils.js +0 -13
  218. package/dist/utils/story_decorators/container.js +0 -16
  219. package/dist/utils/string_utils.js +0 -69
  220. package/dist/utils/svgs/svg_paths.js +0 -7
  221. package/dist/utils/test_utils.js +0 -33
  222. package/dist/utils/use_fake_date.js +0 -29
  223. package/dist/utils/use_mock_intersection_observer.js +0 -108
  224. package/dist/utils/utils.js +0 -177
  225. package/dist/utils.js +0 -5
@@ -1,127 +0,0 @@
1
- import isEmpty from 'lodash/isEmpty';
2
- import { maxZIndex, drawerVariants } from '../../../utils/constants';
3
- import GlButton from '../button/button';
4
- import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
5
-
6
- //
7
- var script = {
8
- name: 'GlDrawer',
9
- components: {
10
- GlButton
11
- },
12
- props: {
13
- open: {
14
- type: Boolean,
15
- required: true
16
- },
17
- headerHeight: {
18
- type: String,
19
- required: false,
20
- default: ''
21
- },
22
- headerSticky: {
23
- type: Boolean,
24
- required: false,
25
- default: false
26
- },
27
- zIndex: {
28
- type: Number,
29
- required: false,
30
- default: maxZIndex
31
- },
32
- variant: {
33
- type: String,
34
- required: false,
35
- default: drawerVariants.default,
36
- validator: value => Object.keys(drawerVariants).includes(value)
37
- }
38
- },
39
- computed: {
40
- positionFromTop() {
41
- return !isEmpty(this.headerHeight) ? this.headerHeight : 0;
42
- },
43
- drawerStyles() {
44
- const styles = {
45
- top: this.positionFromTop,
46
- zIndex: this.zIndex
47
- };
48
- if (this.positionFromTop) {
49
- styles.maxHeight = `calc(100vh - ${this.positionFromTop})`;
50
- }
51
- return styles;
52
- },
53
- drawerHeaderStyles() {
54
- return {
55
- zIndex: this.headerSticky ? maxZIndex : null
56
- };
57
- },
58
- shouldRenderFooter() {
59
- // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
60
- return Boolean(this.$slots.footer);
61
- },
62
- variantClass() {
63
- return `gl-drawer-${this.variant}`;
64
- }
65
- },
66
- watch: {
67
- open: {
68
- immediate: true,
69
- handler(open) {
70
- if (open) {
71
- document.addEventListener('keydown', this.handleEscape);
72
- } else {
73
- document.removeEventListener('keydown', this.handleEscape);
74
- }
75
- }
76
- }
77
- },
78
- beforeDestroy() {
79
- document.removeEventListener('keydown', this.handleEscape);
80
- },
81
- methods: {
82
- handleEscape(e) {
83
- const ESC = 27;
84
- if (this.open && e.keyCode === ESC) {
85
- this.$emit('close');
86
- }
87
- }
88
- }
89
- };
90
-
91
- /* script */
92
- const __vue_script__ = script;
93
-
94
- /* template */
95
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"gl-drawer"}},[(_vm.open)?_c('aside',{staticClass:"gl-drawer",class:_vm.variantClass,style:(_vm.drawerStyles)},[_c('div',{staticClass:"gl-drawer-header",class:{ 'gl-drawer-header-sticky': _vm.headerSticky },style:(_vm.drawerHeaderStyles)},[_c('div',{staticClass:"gl-drawer-title"},[_vm._t("title"),_vm._v(" "),_c('gl-button',{staticClass:"gl-drawer-close-button",attrs:{"category":"tertiary","size":"small","icon":"close","aria-label":"Close drawer"},on:{"click":function($event){return _vm.$emit('close')}}})],2),_vm._v(" "),_vm._t("header")],2),_vm._v(" "),_c('div',{staticClass:"gl-drawer-body",class:{ 'gl-drawer-body-scrim': !_vm.shouldRenderFooter }},[_vm._t("default")],2),_vm._v(" "),(_vm.shouldRenderFooter)?_c('div',{staticClass:"gl-drawer-footer gl-drawer-footer-sticky",class:{ 'gl-drawer-body-scrim-on-footer': _vm.shouldRenderFooter },style:({ zIndex: _vm.zIndex })},[_vm._t("footer")],2):_vm._e()]):_vm._e()])};
96
- var __vue_staticRenderFns__ = [];
97
-
98
- /* style */
99
- const __vue_inject_styles__ = undefined;
100
- /* scoped */
101
- const __vue_scope_id__ = undefined;
102
- /* module identifier */
103
- const __vue_module_identifier__ = undefined;
104
- /* functional template */
105
- const __vue_is_functional_template__ = false;
106
- /* style inject */
107
-
108
- /* style inject SSR */
109
-
110
- /* style inject shadow dom */
111
-
112
-
113
-
114
- const __vue_component__ = __vue_normalize__(
115
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
116
- __vue_inject_styles__,
117
- __vue_script__,
118
- __vue_scope_id__,
119
- __vue_is_functional_template__,
120
- __vue_module_identifier__,
121
- false,
122
- undefined,
123
- undefined,
124
- undefined
125
- );
126
-
127
- export default __vue_component__;
@@ -1,261 +0,0 @@
1
- import Vue from 'vue';
2
- import { BDropdown } from 'bootstrap-vue/esm/index.js';
3
- import { selectAll } from 'bootstrap-vue/esm/utils/dom';
4
- import merge from 'lodash/merge';
5
- import { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions } from '../../../utils/constants';
6
- import { filterVisible } from '../../../utils/utils';
7
- import { ButtonMixin } from '../../mixins/button_mixin';
8
- import GlButton from '../button/button';
9
- import GlIcon from '../icon/icon';
10
- import GlLoadingIcon from '../loading_icon/loading_icon';
11
- import GlDropdownDivider from './dropdown_divider';
12
- import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
13
-
14
- //
15
- const Selector = {
16
- ITEM_SELECTOR: '.dropdown-item:not(.disabled):not([disabled]),.form-control:not(.disabled):not([disabled])'
17
- };
18
-
19
- // see https://gitlab.com/gitlab-org/gitlab-ui/merge_requests/130#note_126406721
20
- const ExtendedBDropdown = Vue.extend(BDropdown, {
21
- name: 'ExtendedBDropdown',
22
- methods: {
23
- getItems() {
24
- return filterVisible(selectAll(Selector.ITEM_SELECTOR, this.$refs.menu));
25
- }
26
- }
27
- });
28
- const DefaultPopperOptions = {
29
- modifiers: {
30
- flip: {
31
- flipVariationsByContent: true,
32
- padding: 28
33
- }
34
- }
35
- };
36
- var script = {
37
- name: 'GlDropdown',
38
- components: {
39
- BDropdown: ExtendedBDropdown,
40
- GlButton,
41
- GlDropdownDivider,
42
- GlIcon,
43
- GlLoadingIcon
44
- },
45
- mixins: [ButtonMixin],
46
- inheritAttrs: false,
47
- props: {
48
- headerText: {
49
- type: String,
50
- required: false,
51
- default: ''
52
- },
53
- hideHeaderBorder: {
54
- type: Boolean,
55
- required: false,
56
- default: true
57
- },
58
- showClearAll: {
59
- type: Boolean,
60
- required: false,
61
- default: false
62
- },
63
- clearAllText: {
64
- type: String,
65
- required: false,
66
- default: 'Clear all'
67
- },
68
- clearAllTextClass: {
69
- type: String,
70
- required: false,
71
- default: 'gl-px-5'
72
- },
73
- text: {
74
- type: String,
75
- required: false,
76
- default: ''
77
- },
78
- showHighlightedItemsTitle: {
79
- type: Boolean,
80
- required: false,
81
- default: false
82
- },
83
- highlightedItemsTitle: {
84
- type: String,
85
- required: false,
86
- default: 'Selected'
87
- },
88
- highlightedItemsTitleClass: {
89
- type: String,
90
- required: false,
91
- default: 'gl-px-5'
92
- },
93
- textSrOnly: {
94
- type: Boolean,
95
- required: false,
96
- default: false
97
- },
98
- split: {
99
- type: Boolean,
100
- required: false,
101
- default: false
102
- },
103
- category: {
104
- type: String,
105
- required: false,
106
- default: buttonCategoryOptions.primary,
107
- validator: value => Object.keys(buttonCategoryOptions).includes(value)
108
- },
109
- variant: {
110
- type: String,
111
- required: false,
112
- default: dropdownVariantOptions.default,
113
- validator: value => Object.keys(dropdownVariantOptions).includes(value)
114
- },
115
- size: {
116
- type: String,
117
- required: false,
118
- default: 'medium',
119
- validator: value => Object.keys(buttonSizeOptions).includes(value)
120
- },
121
- icon: {
122
- type: String,
123
- required: false,
124
- default: null
125
- },
126
- block: {
127
- type: Boolean,
128
- required: false,
129
- default: false
130
- },
131
- disabled: {
132
- type: Boolean,
133
- required: false,
134
- default: false
135
- },
136
- loading: {
137
- type: Boolean,
138
- required: false,
139
- default: false
140
- },
141
- toggleClass: {
142
- type: [String, Array, Object],
143
- required: false,
144
- default: null
145
- },
146
- right: {
147
- type: Boolean,
148
- required: false,
149
- default: false
150
- },
151
- popperOpts: {
152
- type: Object,
153
- required: false,
154
- default: null
155
- },
156
- noFlip: {
157
- type: Boolean,
158
- required: false,
159
- default: false
160
- },
161
- splitHref: {
162
- type: String,
163
- required: false,
164
- default: ''
165
- }
166
- },
167
- computed: {
168
- renderCaret() {
169
- return !this.split;
170
- },
171
- isIconOnly() {
172
- var _this$text;
173
- return Boolean(this.icon && (!((_this$text = this.text) !== null && _this$text !== void 0 && _this$text.length) || this.textSrOnly) && !this.hasSlotContents('button-text'));
174
- },
175
- isIconWithText() {
176
- var _this$text2;
177
- return Boolean(this.icon && ((_this$text2 = this.text) === null || _this$text2 === void 0 ? void 0 : _this$text2.length) && !this.textSrOnly);
178
- },
179
- toggleButtonClasses() {
180
- return [this.toggleClass, {
181
- 'gl-button': true,
182
- 'gl-dropdown-toggle': true,
183
- [`btn-${this.variant}-secondary`]: this.category === buttonCategoryOptions.secondary || this.category === buttonCategoryOptions.tertiary && this.split,
184
- [`btn-${this.variant}-tertiary`]: this.category === buttonCategoryOptions.tertiary && !this.split,
185
- 'dropdown-icon-only': this.isIconOnly,
186
- 'dropdown-icon-text': this.isIconWithText
187
- }];
188
- },
189
- splitButtonClasses() {
190
- return [this.toggleClass, {
191
- 'gl-button': true,
192
- 'split-content-button': Boolean(this.text),
193
- 'icon-split-content-button': Boolean(this.icon),
194
- [`btn-${this.variant}-secondary`]: this.category === buttonCategoryOptions.secondary || this.category === buttonCategoryOptions.tertiary
195
- }];
196
- },
197
- buttonText() {
198
- return this.split && this.icon ? null : this.text;
199
- },
200
- hasHighlightedItemsContent() {
201
- return this.hasSlotContents('highlighted-items');
202
- },
203
- hasHighlightedItemsOrClearAll() {
204
- return this.hasHighlightedItemsContent && this.showHighlightedItemsTitle || this.showClearAll;
205
- },
206
- popperOptions() {
207
- return merge({}, DefaultPopperOptions, this.popperOpts);
208
- }
209
- },
210
- methods: {
211
- hasSlotContents(slotName) {
212
- var _this$$scopedSlots$sl, _this$$scopedSlots;
213
- return Boolean((_this$$scopedSlots$sl = (_this$$scopedSlots = this.$scopedSlots)[slotName]) === null || _this$$scopedSlots$sl === void 0 ? void 0 : _this$$scopedSlots$sl.call(_this$$scopedSlots));
214
- },
215
- show() {
216
- this.$refs.dropdown.show(...arguments);
217
- },
218
- hide() {
219
- this.$refs.dropdown.hide(...arguments);
220
- }
221
- }
222
- };
223
-
224
- /* script */
225
- const __vue_script__ = script;
226
-
227
- /* template */
228
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',_vm._g(_vm._b({ref:"dropdown",staticClass:"gl-dropdown",attrs:{"split":_vm.split,"variant":_vm.variant,"size":_vm.buttonSize,"toggle-class":[_vm.toggleButtonClasses],"split-class":_vm.splitButtonClasses,"block":_vm.block,"disabled":_vm.disabled || _vm.loading,"right":_vm.right,"popper-opts":_vm.popperOptions,"no-flip":_vm.noFlip,"split-href":_vm.splitHref},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_vm._t("button-content",function(){return [(_vm.loading)?_c('gl-loading-icon',{class:{ 'gl-mr-2': !_vm.isIconOnly }}):_vm._e(),_vm._v(" "),(_vm.icon && !(_vm.isIconOnly && _vm.loading))?_c('gl-icon',{staticClass:"dropdown-icon",attrs:{"name":_vm.icon}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"gl-dropdown-button-text",class:{ 'gl-sr-only': _vm.textSrOnly }},[_vm._t("button-text",function(){return [_vm._v(_vm._s(_vm.buttonText))]})],2),_vm._v(" "),(_vm.renderCaret)?_c('gl-icon',{staticClass:"gl-button-icon dropdown-chevron",attrs:{"name":"chevron-down"}}):_vm._e()]})]},proxy:true}],null,true)},'b-dropdown',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"gl-dropdown-inner"},[(_vm.hasSlotContents('header') || _vm.headerText)?_c('div',{staticClass:"gl-dropdown-header",class:{ 'gl-border-b-0!': _vm.hideHeaderBorder }},[(_vm.headerText)?_c('p',{staticClass:"gl-dropdown-header-top"},[_vm._v("\n "+_vm._s(_vm.headerText)+"\n ")]):_vm._e(),_vm._v(" "),_vm._t("header")],2):_vm._e(),_vm._v(" "),(_vm.hasHighlightedItemsOrClearAll)?_c('div',{staticClass:"gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-align-items-center"},[(_vm.hasHighlightedItemsContent && _vm.showHighlightedItemsTitle)?_c('div',{staticClass:"gl-display-flex gl-flex-grow-1 gl-justify-content-flex-start",class:_vm.highlightedItemsTitleClass},[_c('span',{staticClass:"gl-font-weight-bold",attrs:{"data-testid":"highlighted-items-title"}},[_vm._v(_vm._s(_vm.highlightedItemsTitle))])]):_vm._e(),_vm._v(" "),(_vm.showClearAll)?_c('div',{staticClass:"gl-display-flex gl-flex-grow-1 gl-justify-content-end",class:_vm.clearAllTextClass},[_c('gl-button',{attrs:{"size":"small","category":"tertiary","variant":"link","data-testid":"clear-all-button"},on:{"click":function($event){return _vm.$emit('clear-all', $event)}}},[_vm._v(_vm._s(_vm.clearAllText))])],1):_vm._e()]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-dropdown-contents"},[(_vm.hasHighlightedItemsContent)?_c('div',{staticClass:"gl-overflow-visible",attrs:{"data-testid":"highlighted-items"}},[_vm._t("highlighted-items"),_vm._v(" "),_c('gl-dropdown-divider')],2):_vm._e(),_vm._v(" "),_vm._t("default")],2),_vm._v(" "),(_vm.hasSlotContents('footer'))?_c('div',{staticClass:"gl-dropdown-footer"},[_vm._t("footer")],2):_vm._e()])])};
229
- var __vue_staticRenderFns__ = [];
230
-
231
- /* style */
232
- const __vue_inject_styles__ = undefined;
233
- /* scoped */
234
- const __vue_scope_id__ = undefined;
235
- /* module identifier */
236
- const __vue_module_identifier__ = undefined;
237
- /* functional template */
238
- const __vue_is_functional_template__ = false;
239
- /* style inject */
240
-
241
- /* style inject SSR */
242
-
243
- /* style inject shadow dom */
244
-
245
-
246
-
247
- const __vue_component__ = __vue_normalize__(
248
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
249
- __vue_inject_styles__,
250
- __vue_script__,
251
- __vue_scope_id__,
252
- __vue_is_functional_template__,
253
- __vue_module_identifier__,
254
- false,
255
- undefined,
256
- undefined,
257
- undefined
258
- );
259
-
260
- export default __vue_component__;
261
- export { DefaultPopperOptions };
@@ -1,48 +0,0 @@
1
- import { BDropdownDivider } from 'bootstrap-vue/esm/index.js';
2
- import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
3
-
4
- var script = {
5
- name: 'GlDropdownDivider',
6
- components: {
7
- BDropdownDivider
8
- },
9
- inheritAttrs: false
10
- };
11
-
12
- /* script */
13
- const __vue_script__ = script;
14
-
15
- /* template */
16
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown-divider',_vm._g(_vm._b({staticClass:"gl-dropdown-divider"},'b-dropdown-divider',_vm.$attrs,false),_vm.$listeners))};
17
- var __vue_staticRenderFns__ = [];
18
-
19
- /* style */
20
- const __vue_inject_styles__ = undefined;
21
- /* scoped */
22
- const __vue_scope_id__ = undefined;
23
- /* module identifier */
24
- const __vue_module_identifier__ = undefined;
25
- /* functional template */
26
- const __vue_is_functional_template__ = false;
27
- /* style inject */
28
-
29
- /* style inject SSR */
30
-
31
- /* style inject shadow dom */
32
-
33
-
34
-
35
- const __vue_component__ = __vue_normalize__(
36
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
37
- __vue_inject_styles__,
38
- __vue_script__,
39
- __vue_scope_id__,
40
- __vue_is_functional_template__,
41
- __vue_module_identifier__,
42
- false,
43
- undefined,
44
- undefined,
45
- undefined
46
- );
47
-
48
- export default __vue_component__;
@@ -1,48 +0,0 @@
1
- import { BDropdownForm } from 'bootstrap-vue/esm/index.js';
2
- import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
3
-
4
- var script = {
5
- name: 'GlDropdownForm',
6
- components: {
7
- BDropdownForm
8
- },
9
- inheritAttrs: false
10
- };
11
-
12
- /* script */
13
- const __vue_script__ = script;
14
-
15
- /* template */
16
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown-form',_vm._g(_vm._b({attrs:{"form-class":"gl-p-0"}},'b-dropdown-form',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2)};
17
- var __vue_staticRenderFns__ = [];
18
-
19
- /* style */
20
- const __vue_inject_styles__ = undefined;
21
- /* scoped */
22
- const __vue_scope_id__ = undefined;
23
- /* module identifier */
24
- const __vue_module_identifier__ = undefined;
25
- /* functional template */
26
- const __vue_is_functional_template__ = false;
27
- /* style inject */
28
-
29
- /* style inject SSR */
30
-
31
- /* style inject shadow dom */
32
-
33
-
34
-
35
- const __vue_component__ = __vue_normalize__(
36
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
37
- __vue_inject_styles__,
38
- __vue_script__,
39
- __vue_scope_id__,
40
- __vue_is_functional_template__,
41
- __vue_module_identifier__,
42
- false,
43
- undefined,
44
- undefined,
45
- undefined
46
- );
47
-
48
- export default __vue_component__;
@@ -1,131 +0,0 @@
1
- import { BDropdownItem, BDropdownItemButton } from 'bootstrap-vue/esm/index.js';
2
- import { variantCssColorMap } from '../../../utils/constants';
3
- import GlAvatar from '../avatar/avatar';
4
- import GlButton from '../button/button';
5
- import GlIcon from '../icon/icon';
6
- import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
7
-
8
- var script = {
9
- name: 'GlDropdownItem',
10
- components: {
11
- GlIcon,
12
- GlAvatar,
13
- GlButton
14
- },
15
- inheritAttrs: false,
16
- props: {
17
- avatarUrl: {
18
- type: String,
19
- required: false,
20
- default: ''
21
- },
22
- iconColor: {
23
- type: String,
24
- required: false,
25
- default: ''
26
- },
27
- iconName: {
28
- type: String,
29
- required: false,
30
- default: ''
31
- },
32
- iconRightAriaLabel: {
33
- type: String,
34
- required: false,
35
- default: ''
36
- },
37
- iconRightName: {
38
- type: String,
39
- required: false,
40
- default: ''
41
- },
42
- isChecked: {
43
- type: Boolean,
44
- required: false,
45
- default: false
46
- },
47
- isCheckItem: {
48
- type: Boolean,
49
- required: false,
50
- default: false
51
- },
52
- isCheckCentered: {
53
- type: Boolean,
54
- required: false,
55
- default: false
56
- },
57
- secondaryText: {
58
- type: String,
59
- required: false,
60
- default: ''
61
- }
62
- },
63
- computed: {
64
- bootstrapComponent() {
65
- const {
66
- href,
67
- to
68
- } = this.$attrs;
69
- // Support 'href' and Vue Router's 'to'
70
- return href || to ? BDropdownItem : BDropdownItemButton;
71
- },
72
- iconColorCss() {
73
- return variantCssColorMap[this.iconColor] || 'gl-text-gray-700';
74
- },
75
- shouldShowCheckIcon() {
76
- return this.isChecked || this.isCheckItem;
77
- },
78
- checkedClasses() {
79
- if (this.isCheckCentered) {
80
- return '';
81
- }
82
- return 'gl-mt-3 gl-align-self-start';
83
- }
84
- },
85
- methods: {
86
- handleClickIconRight() {
87
- this.$emit('click-icon-right');
88
- }
89
- }
90
- };
91
-
92
- /* script */
93
- const __vue_script__ = script;
94
-
95
- /* template */
96
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.bootstrapComponent,_vm._g(_vm._b({tag:"component",staticClass:"gl-dropdown-item"},'component',_vm.$attrs,false),_vm.$listeners),[(_vm.shouldShowCheckIcon)?_c('gl-icon',{class:[
97
- 'gl-dropdown-item-check-icon',
98
- { 'gl-visibility-hidden': !_vm.isChecked },
99
- _vm.checkedClasses ],attrs:{"name":"mobile-issue-close","data-testid":"dropdown-item-checkbox"}}):_vm._e(),_vm._v(" "),(_vm.iconName)?_c('gl-icon',{class:['gl-dropdown-item-icon', _vm.iconColorCss],attrs:{"name":_vm.iconName}}):_vm._e(),_vm._v(" "),(_vm.avatarUrl)?_c('gl-avatar',{attrs:{"size":32,"src":_vm.avatarUrl}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-dropdown-item-text-wrapper"},[_c('p',{staticClass:"gl-dropdown-item-text-primary"},[_vm._t("default")],2),_vm._v(" "),(_vm.secondaryText)?_c('p',{staticClass:"gl-dropdown-item-text-secondary"},[_vm._v(_vm._s(_vm.secondaryText))]):_vm._e()]),_vm._v(" "),(_vm.iconRightName)?_c('gl-button',{attrs:{"size":"small","icon":_vm.iconRightName,"aria-label":_vm.iconRightAriaLabel || _vm.iconRightName},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleClickIconRight.apply(null, arguments)}}}):_vm._e()],1)};
100
- var __vue_staticRenderFns__ = [];
101
-
102
- /* style */
103
- const __vue_inject_styles__ = undefined;
104
- /* scoped */
105
- const __vue_scope_id__ = undefined;
106
- /* module identifier */
107
- const __vue_module_identifier__ = undefined;
108
- /* functional template */
109
- const __vue_is_functional_template__ = false;
110
- /* style inject */
111
-
112
- /* style inject SSR */
113
-
114
- /* style inject shadow dom */
115
-
116
-
117
-
118
- const __vue_component__ = __vue_normalize__(
119
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
120
- __vue_inject_styles__,
121
- __vue_script__,
122
- __vue_scope_id__,
123
- __vue_is_functional_template__,
124
- __vue_module_identifier__,
125
- false,
126
- undefined,
127
- undefined,
128
- undefined
129
- );
130
-
131
- export default __vue_component__;
@@ -1,48 +0,0 @@
1
- import { BDropdownHeader } from 'bootstrap-vue/esm/index.js';
2
- import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
3
-
4
- var script = {
5
- name: 'GlDropdownHeader',
6
- components: {
7
- BDropdownHeader
8
- },
9
- inheritAttrs: false
10
- };
11
-
12
- /* script */
13
- const __vue_script__ = script;
14
-
15
- /* template */
16
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown-header',_vm._g(_vm._b({staticClass:"gl-dropdown-section-header"},'b-dropdown-header',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2)};
17
- var __vue_staticRenderFns__ = [];
18
-
19
- /* style */
20
- const __vue_inject_styles__ = undefined;
21
- /* scoped */
22
- const __vue_scope_id__ = undefined;
23
- /* module identifier */
24
- const __vue_module_identifier__ = undefined;
25
- /* functional template */
26
- const __vue_is_functional_template__ = false;
27
- /* style inject */
28
-
29
- /* style inject SSR */
30
-
31
- /* style inject shadow dom */
32
-
33
-
34
-
35
- const __vue_component__ = __vue_normalize__(
36
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
37
- __vue_inject_styles__,
38
- __vue_script__,
39
- __vue_scope_id__,
40
- __vue_is_functional_template__,
41
- __vue_module_identifier__,
42
- false,
43
- undefined,
44
- undefined,
45
- undefined
46
- );
47
-
48
- export default __vue_component__;