@gitlab/ui 132.1.0 → 132.2.1

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 (232) hide show
  1. package/dist/components/base/accordion/accordion_item.js +1 -3
  2. package/dist/components/base/avatar/avatar.js +76 -5
  3. package/dist/components/base/badge/badge.js +5 -7
  4. package/dist/components/base/button/button.js +1 -3
  5. package/dist/components/base/collapse/collapse.js +2 -6
  6. package/dist/components/base/datepicker/datepicker.js +4 -5
  7. package/dist/components/base/daterange_picker/daterange_picker.js +2 -4
  8. package/dist/components/base/dropdown/dropdown_item.js +3 -4
  9. package/dist/components/base/filtered_search/filtered_search.js +55 -7
  10. package/dist/components/base/filtered_search/filtered_search_token.js +6 -14
  11. package/dist/components/base/filtered_search/filtered_search_token_segment.js +39 -19
  12. package/dist/components/base/filtered_search/filtered_search_utils.js +57 -7
  13. package/dist/components/base/form/form_checkbox/form_checkbox.js +13 -26
  14. package/dist/components/base/form/form_checkbox/form_checkbox_group.js +1 -3
  15. package/dist/components/base/form/form_fields/form_fields_loop.js +57 -6
  16. package/dist/components/base/form/form_group/form_group.js +1 -3
  17. package/dist/components/base/form/form_input/form_input.js +95 -41
  18. package/dist/components/base/form/form_input_group/form_input_group.js +2 -4
  19. package/dist/components/base/form/form_radio/form_radio.js +5 -9
  20. package/dist/components/base/form/form_radio_group/form_radio_group.js +1 -3
  21. package/dist/components/base/form/form_select/form_select.js +76 -5
  22. package/dist/components/base/infinite_scroll/infinite_scroll.js +7 -14
  23. package/dist/components/base/link/link.js +26 -7
  24. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +93 -32
  25. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +2 -6
  26. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js +2 -6
  27. package/dist/components/base/new_dropdowns/listbox/listbox.js +5 -13
  28. package/dist/components/base/new_dropdowns/listbox/listbox_item.js +1 -3
  29. package/dist/components/base/new_dropdowns/listbox/mock_data.js +2 -6
  30. package/dist/components/base/new_dropdowns/listbox/utils.js +6 -11
  31. package/dist/components/base/path/path.js +1 -5
  32. package/dist/components/base/search_box_by_type/search_box_by_type.js +2 -6
  33. package/dist/components/base/skeleton_loader/skeleton_loader.js +3 -5
  34. package/dist/components/base/table/table.js +32 -21
  35. package/dist/components/base/table_lite/table_lite.js +1 -3
  36. package/dist/components/base/tabs/tab/tab.js +1 -3
  37. package/dist/components/base/tabs/tabs/scrollable_tabs.js +1 -5
  38. package/dist/components/base/token_selector/token_selector.js +2 -6
  39. package/dist/components/charts/area/area.js +6 -7
  40. package/dist/components/charts/column/column.js +11 -15
  41. package/dist/components/charts/discrete_scatter/discrete_scatter.js +57 -5
  42. package/dist/components/charts/gauge/gauge.js +13 -21
  43. package/dist/components/charts/heatmap/heatmap.js +66 -18
  44. package/dist/components/charts/legend/legend.js +59 -13
  45. package/dist/components/charts/line/line.js +6 -7
  46. package/dist/components/charts/shared/tooltip/tooltip.js +11 -18
  47. package/dist/components/charts/sparkline/sparkline.js +72 -19
  48. package/dist/components/charts/stacked_column/stacked_column.js +18 -31
  49. package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +37 -21
  50. package/dist/components/utilities/friendly_wrap/friendly_wrap.js +3 -7
  51. package/dist/components/utilities/intersperse/intersperse.js +6 -11
  52. package/dist/components/utilities/sprintf/sprintf.js +58 -7
  53. package/dist/components/utilities/truncate/truncate.js +2 -4
  54. package/dist/components/utilities/truncate_text/truncate_text.js +1 -3
  55. package/dist/config.js +3 -4
  56. package/dist/directives/hover_load/hover_load.js +1 -3
  57. package/dist/directives/outside/outside.js +9 -16
  58. package/dist/directives/resize_observer/resize_observer.js +6 -8
  59. package/dist/directives/safe_html/safe_html.js +1 -3
  60. package/dist/directives/safe_link/safe_link.js +11 -14
  61. package/dist/index.css +2 -2
  62. package/dist/index.css.map +1 -1
  63. package/dist/tokens/build/js/tokens.dark.js +95 -95
  64. package/dist/tokens/build/js/tokens.js +74 -74
  65. package/dist/tokens/common_story_options.js +7 -8
  66. package/dist/utils/charts/config.js +122 -90
  67. package/dist/utils/constants.js +26 -1
  68. package/dist/utils/data_utils.js +28 -1
  69. package/dist/utils/form_options_utils.js +4 -6
  70. package/dist/utils/is_slot_empty.js +3 -5
  71. package/dist/utils/stories_utils.js +8 -8
  72. package/dist/utils/use_mock_intersection_observer.js +63 -12
  73. package/dist/utils/utils.js +76 -19
  74. package/dist/vendor/bootstrap-vue/src/components/button/button-close.js +8 -11
  75. package/dist/vendor/bootstrap-vue/src/components/button/button.js +12 -17
  76. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +3 -6
  77. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +6 -9
  78. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +14 -19
  79. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +8 -13
  80. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +9 -12
  81. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +8 -11
  82. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +9 -14
  83. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +34 -43
  84. package/dist/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.js +5 -9
  85. package/dist/vendor/bootstrap-vue/src/components/form/form-text.js +7 -10
  86. package/dist/vendor/bootstrap-vue/src/components/form/form-valid-feedback.js +5 -9
  87. package/dist/vendor/bootstrap-vue/src/components/form/form.js +7 -10
  88. package/dist/vendor/bootstrap-vue/src/components/form-group/form-group.js +25 -33
  89. package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +6 -11
  90. package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +6 -12
  91. package/dist/vendor/bootstrap-vue/src/components/form-select/form-select.js +28 -29
  92. package/dist/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +7 -10
  93. package/dist/vendor/bootstrap-vue/src/components/layout/col.js +7 -11
  94. package/dist/vendor/bootstrap-vue/src/components/layout/form-row.js +3 -5
  95. package/dist/vendor/bootstrap-vue/src/components/link/link.js +19 -31
  96. package/dist/vendor/bootstrap-vue/src/components/modal/helpers/modal-manager.js +3 -4
  97. package/dist/vendor/bootstrap-vue/src/components/modal/modal.js +59 -68
  98. package/dist/vendor/bootstrap-vue/src/components/popover/helpers/bv-popover-template.js +2 -4
  99. package/dist/vendor/bootstrap-vue/src/components/popover/popover.js +4 -5
  100. package/dist/vendor/bootstrap-vue/src/components/table/helpers/default-sort-compare.js +11 -7
  101. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-bottom-row.js +4 -6
  102. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js +3 -6
  103. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-caption.js +4 -7
  104. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-colgroup.js +1 -3
  105. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-empty.js +16 -20
  106. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js +14 -25
  107. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-items.js +23 -35
  108. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-pagination.js +6 -8
  109. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-provider.js +8 -10
  110. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js +8 -15
  111. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js +33 -41
  112. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js +3 -8
  113. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js +38 -50
  114. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js +19 -31
  115. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js +13 -23
  116. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js +5 -6
  117. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js +17 -21
  118. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-top-row.js +4 -6
  119. package/dist/vendor/bootstrap-vue/src/components/table/helpers/sanitize-row.js +1 -3
  120. package/dist/vendor/bootstrap-vue/src/components/table/tbody.js +3 -6
  121. package/dist/vendor/bootstrap-vue/src/components/table/td.js +9 -14
  122. package/dist/vendor/bootstrap-vue/src/components/table/tfoot.js +1 -2
  123. package/dist/vendor/bootstrap-vue/src/components/table/thead.js +1 -2
  124. package/dist/vendor/bootstrap-vue/src/components/table/tr.js +2 -5
  125. package/dist/vendor/bootstrap-vue/src/components/tabs/tab.js +19 -36
  126. package/dist/vendor/bootstrap-vue/src/components/tabs/tabs.js +66 -81
  127. package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-popper.js +2 -6
  128. package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js +5 -11
  129. package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js +8 -14
  130. package/dist/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +19 -22
  131. package/dist/vendor/bootstrap-vue/src/components/transition/bv-transition.js +7 -10
  132. package/dist/vendor/bootstrap-vue/src/components/transporter/transporter.js +7 -14
  133. package/dist/vendor/bootstrap-vue/src/directives/modal/modal.js +4 -5
  134. package/dist/vendor/bootstrap-vue/src/directives/visible/visible.js +5 -9
  135. package/dist/vendor/bootstrap-vue/src/mixins/dropdown.js +17 -29
  136. package/dist/vendor/bootstrap-vue/src/mixins/form-control.js +6 -7
  137. package/dist/vendor/bootstrap-vue/src/mixins/form-custom.js +1 -2
  138. package/dist/vendor/bootstrap-vue/src/mixins/form-options.js +5 -6
  139. package/dist/vendor/bootstrap-vue/src/mixins/form-size.js +1 -2
  140. package/dist/vendor/bootstrap-vue/src/mixins/form-state.js +1 -2
  141. package/dist/vendor/bootstrap-vue/src/mixins/form-text.js +29 -43
  142. package/dist/vendor/bootstrap-vue/src/mixins/id.js +1 -2
  143. package/dist/vendor/bootstrap-vue/src/utils/create-new-child-component.js +62 -15
  144. package/dist/vendor/bootstrap-vue/src/utils/dom.js +3 -9
  145. package/dist/vendor/bootstrap-vue/src/utils/events.js +7 -5
  146. package/dist/vendor/bootstrap-vue/src/utils/plugins.js +4 -5
  147. package/dist/vendor/bootstrap-vue/src/utils/router.js +9 -13
  148. package/package.json +9 -7
  149. package/src/scss/gitlab_ui.scss +3 -0
  150. package/src/scss/storybook.scss +3 -0
  151. package/src/scss/themes.scss +84 -0
  152. package/src/tokens/build/css/tokens.css +142 -142
  153. package/src/tokens/build/css/tokens.dark.css +138 -138
  154. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +580 -580
  155. package/src/tokens/build/docs/tokens-tailwind-docs.json +495 -495
  156. package/src/tokens/build/figma/constants.dark.json +799 -799
  157. package/src/tokens/build/figma/constants.json +799 -799
  158. package/src/tokens/build/js/tokens.dark.js +95 -95
  159. package/src/tokens/build/js/tokens.js +74 -74
  160. package/src/tokens/build/json/tokens.dark.json +1668 -1668
  161. package/src/tokens/build/json/tokens.json +1647 -1647
  162. package/src/tokens/build/scss/_tokens.dark.scss +138 -138
  163. package/src/tokens/build/scss/_tokens.scss +142 -142
  164. package/src/tokens/build/scss/_tokens_custom_properties.scss +73 -73
  165. package/src/tokens/constant/color.blue.tokens.json +182 -0
  166. package/src/tokens/constant/color.brand.tokens.json +252 -0
  167. package/src/tokens/constant/color.data.tokens.json +894 -0
  168. package/src/tokens/constant/color.green.tokens.json +182 -0
  169. package/src/tokens/constant/color.neutral.tokens.json +230 -0
  170. package/src/tokens/constant/color.orange.tokens.json +182 -0
  171. package/src/tokens/constant/color.purple.tokens.json +182 -0
  172. package/src/tokens/constant/color.red.tokens.json +182 -0
  173. package/src/tokens/constant/color.theme.tokens.json +1168 -0
  174. package/src/tokens/deprecated/deprecated.color.tokens.json +134 -1340
  175. package/src/utils/constants.js +9 -0
  176. package/src/vendor/bootstrap-vue/src/components/button/button-close.js +4 -5
  177. package/src/vendor/bootstrap-vue/src/components/button/button.js +7 -8
  178. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +1 -2
  179. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +2 -8
  180. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +6 -7
  181. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +3 -4
  182. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +6 -12
  183. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +2 -3
  184. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +3 -4
  185. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +19 -26
  186. package/src/vendor/bootstrap-vue/src/components/form/form-text.js +4 -6
  187. package/src/vendor/bootstrap-vue/src/components/form/form.js +4 -6
  188. package/src/vendor/bootstrap-vue/src/components/form-group/form-group.js +14 -20
  189. package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +1 -2
  190. package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +1 -4
  191. package/src/vendor/bootstrap-vue/src/components/form-select/form-select.js +13 -14
  192. package/src/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +5 -6
  193. package/src/vendor/bootstrap-vue/src/components/modal/modal.js +53 -62
  194. package/src/vendor/bootstrap-vue/src/components/popover/popover.js +4 -10
  195. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js +1 -2
  196. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-caption.js +2 -3
  197. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-empty.js +5 -6
  198. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js +5 -13
  199. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-items.js +12 -21
  200. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-pagination.js +2 -3
  201. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-provider.js +5 -11
  202. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js +4 -5
  203. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js +14 -21
  204. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js +1 -2
  205. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js +14 -20
  206. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js +3 -9
  207. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js +1 -2
  208. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js +5 -11
  209. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js +4 -5
  210. package/src/vendor/bootstrap-vue/src/components/table/tbody.js +2 -3
  211. package/src/vendor/bootstrap-vue/src/components/table/td.js +5 -6
  212. package/src/vendor/bootstrap-vue/src/components/table/tfoot.js +1 -2
  213. package/src/vendor/bootstrap-vue/src/components/table/thead.js +1 -2
  214. package/src/vendor/bootstrap-vue/src/components/table/tr.js +1 -2
  215. package/src/vendor/bootstrap-vue/src/components/tabs/tab.js +10 -16
  216. package/src/vendor/bootstrap-vue/src/components/tabs/tabs.js +33 -39
  217. package/src/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +17 -25
  218. package/src/vendor/bootstrap-vue/src/components/transition/bv-transition.js +4 -5
  219. package/src/vendor/bootstrap-vue/src/components/transporter/transporter.js +4 -10
  220. package/src/vendor/bootstrap-vue/src/mixins/dropdown.js +9 -15
  221. package/src/vendor/bootstrap-vue/src/mixins/form-control.js +6 -7
  222. package/src/vendor/bootstrap-vue/src/mixins/form-custom.js +1 -2
  223. package/src/vendor/bootstrap-vue/src/mixins/form-options.js +5 -6
  224. package/src/vendor/bootstrap-vue/src/mixins/form-size.js +1 -2
  225. package/src/vendor/bootstrap-vue/src/mixins/form-state.js +1 -2
  226. package/src/vendor/bootstrap-vue/src/mixins/form-text.js +21 -33
  227. package/src/vendor/bootstrap-vue/src/mixins/id.js +1 -2
  228. package/dist/vendor/bootstrap-vue/src/mixins/model.js +0 -10
  229. package/dist/vendor/bootstrap-vue/src/utils/model.js +0 -33
  230. package/src/tokens/constant/color.tokens.json +0 -3422
  231. package/src/vendor/bootstrap-vue/src/mixins/model.js +0 -5
  232. package/src/vendor/bootstrap-vue/src/utils/model.js +0 -29
@@ -6,6 +6,55 @@ import { engineeringNotation } from '../number_utils';
6
6
  import { hexToRgba } from '../utils';
7
7
  import { arrowSymbol, ANNOTATIONS_SERIES_NAME, CHART_TYPE_BAR, CHART_TYPE_LINE } from './constants';
8
8
 
9
+ function _arrayLikeToArray(r, a) {
10
+ (null == a || a > r.length) && (a = r.length);
11
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
12
+ return n;
13
+ }
14
+ function _arrayWithHoles(r) {
15
+ if (Array.isArray(r)) return r;
16
+ }
17
+ function _iterableToArrayLimit(r, l) {
18
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
19
+ if (null != t) {
20
+ var e,
21
+ n,
22
+ i,
23
+ u,
24
+ a = [],
25
+ f = !0,
26
+ o = !1;
27
+ try {
28
+ if (i = (t = t.call(r)).next, 0 === l) {
29
+ if (Object(t) !== t) return;
30
+ f = !1;
31
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
32
+ } catch (r) {
33
+ o = !0, n = r;
34
+ } finally {
35
+ try {
36
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
37
+ } finally {
38
+ if (o) throw n;
39
+ }
40
+ }
41
+ return a;
42
+ }
43
+ }
44
+ function _nonIterableRest() {
45
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
46
+ }
47
+ function _slicedToArray(r, e) {
48
+ return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
49
+ }
50
+ function _unsupportedIterableToArray(r, a) {
51
+ if (r) {
52
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
53
+ var t = {}.toString.call(r).slice(8, -1);
54
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
55
+ }
56
+ }
57
+
9
58
  const defaultAreaOpacity = 0.2;
10
59
  const defaultFontSize = 12;
11
60
  const defaultHeight = 400;
@@ -96,9 +145,9 @@ const LESS_THAN = ['<', '&lt;'];
96
145
  * @param {Object} options
97
146
  */
98
147
  const getDataZoomConfig = function () {
99
- let {
100
- filterMode = 'none'
101
- } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
148
+ let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
149
+ _ref$filterMode = _ref.filterMode,
150
+ filterMode = _ref$filterMode === void 0 ? 'none' : _ref$filterMode;
102
151
  const disabledBreakpoints = ['lg', 'xl'];
103
152
  const disabled = disabledBreakpoints.includes(GlBreakpointInstance.getBreakpointSize());
104
153
  const minSpan = filterMode === 'none' ? 0.01 : null;
@@ -129,9 +178,8 @@ const getDataZoomConfig = function () {
129
178
  // an array of objects.
130
179
  const mergeSeriesToOptions = function (options) {
131
180
  let series = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
132
- const {
133
- series: optSeries = []
134
- } = options;
181
+ const _options$series = options.series,
182
+ optSeries = _options$series === void 0 ? [] : _options$series;
135
183
  return {
136
184
  ...options,
137
185
  series: [...castArray(series), ...castArray(optSeries)]
@@ -182,11 +230,9 @@ const dataZoomAdjustments = dataZoom => {
182
230
  * @param {String} axis markArea is generated against this axis
183
231
  * @returns {Array}
184
232
  */
185
- const generateMarkArea = function (_ref) {
186
- let {
187
- min,
188
- max
189
- } = _ref;
233
+ const generateMarkArea = function (_ref2) {
234
+ let min = _ref2.min,
235
+ max = _ref2.max;
190
236
  let axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yAxis';
191
237
  return [{
192
238
  [axis]: min
@@ -217,11 +263,9 @@ const generateMarkArea = function (_ref) {
217
263
  * @param {String} axis markLine is generated against this axis
218
264
  * @returns {Object}
219
265
  */
220
- const generateMarkLines = function (_ref2) {
221
- let {
222
- min,
223
- max
224
- } = _ref2;
266
+ const generateMarkLines = function (_ref3) {
267
+ let min = _ref3.min,
268
+ max = _ref3.max;
225
269
  let axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yAxis';
226
270
  if (min) {
227
271
  return {
@@ -243,11 +287,9 @@ const generateMarkLines = function (_ref2) {
243
287
  * @param {Object} annotation object
244
288
  * @return {Object}
245
289
  */
246
- const generateMarkPoints = _ref3 => {
247
- let {
248
- min,
249
- tooltipData
250
- } = _ref3;
290
+ const generateMarkPoints = _ref4 => {
291
+ let min = _ref4.min,
292
+ tooltipData = _ref4.tooltipData;
251
293
  return {
252
294
  name: 'annotations',
253
295
  xAxis: min,
@@ -270,10 +312,8 @@ function getThresholdConfig(thresholds) {
270
312
  return {};
271
313
  }
272
314
  const data = thresholds.reduce((acc, alert) => {
273
- const {
274
- threshold,
275
- operator
276
- } = alert;
315
+ const threshold = alert.threshold,
316
+ operator = alert.operator;
277
317
  if (GREATER_THAN.includes(operator)) {
278
318
  acc.areas.push(generateMarkArea({
279
319
  min: threshold,
@@ -350,10 +390,9 @@ const getAnnotationsConfig = annotations => {
350
390
 
351
391
  // annotations parsing is moved out so that it can be tested
352
392
  // for markLines and markAreas.
353
- const {
354
- lines,
355
- points
356
- } = parseAnnotations(annotations);
393
+ const _parseAnnotations = parseAnnotations(annotations),
394
+ lines = _parseAnnotations.lines,
395
+ points = _parseAnnotations.points;
357
396
  return {
358
397
  markLine: {
359
398
  lineStyle: {
@@ -409,14 +448,14 @@ const generateAnnotationSeries = function (annotations) {
409
448
  * @param {number} [options.yAxisIndex] - specifies the yAxis to use (if there are multiple)
410
449
  * @returns {Object} Bar chart series
411
450
  */
412
- const generateBarSeries = _ref4 => {
413
- let {
414
- name,
415
- color,
416
- stack,
417
- data = [],
418
- yAxisIndex = 0
419
- } = _ref4;
451
+ const generateBarSeries = _ref5 => {
452
+ let name = _ref5.name,
453
+ color = _ref5.color,
454
+ stack = _ref5.stack,
455
+ _ref5$data = _ref5.data,
456
+ data = _ref5$data === void 0 ? [] : _ref5$data,
457
+ _ref5$yAxisIndex = _ref5.yAxisIndex,
458
+ yAxisIndex = _ref5$yAxisIndex === void 0 ? 0 : _ref5$yAxisIndex;
420
459
  return {
421
460
  type: CHART_TYPE_BAR,
422
461
  name,
@@ -447,13 +486,13 @@ const generateBarSeries = _ref4 => {
447
486
  * @param {number} [options.yAxisIndex] - specifies the yAxis to use (if there are multiple)
448
487
  * @returns {Object} Line chart series
449
488
  */
450
- const generateLineSeries = _ref5 => {
451
- let {
452
- name,
453
- color,
454
- data = [],
455
- yAxisIndex = 0
456
- } = _ref5;
489
+ const generateLineSeries = _ref6 => {
490
+ let name = _ref6.name,
491
+ color = _ref6.color,
492
+ _ref6$data = _ref6.data,
493
+ data = _ref6$data === void 0 ? [] : _ref6$data,
494
+ _ref6$yAxisIndex = _ref6.yAxisIndex,
495
+ yAxisIndex = _ref6$yAxisIndex === void 0 ? 0 : _ref6$yAxisIndex;
457
496
  return {
458
497
  name,
459
498
  data,
@@ -489,10 +528,8 @@ const getTooltipTitle = function () {
489
528
  let titleAxisName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
490
529
  let dimensionIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
491
530
  if (!params) return '';
492
- const title = params.seriesData.reduce((acc, _ref6) => {
493
- let {
494
- value
495
- } = _ref6;
531
+ const title = params.seriesData.reduce((acc, _ref7) => {
532
+ let value = _ref7.value;
496
533
  const dimension = value[dimensionIndex];
497
534
  if (acc.includes(dimension)) {
498
535
  return acc;
@@ -508,14 +545,11 @@ const getTooltipContent = function () {
508
545
  if (!params) {
509
546
  return {};
510
547
  }
511
- const {
512
- seriesData
513
- } = params;
548
+ const seriesData = params.seriesData;
514
549
  if (seriesData.length === 1) {
515
- const {
516
- value,
517
- seriesName
518
- } = seriesData[0];
550
+ const _seriesData$ = seriesData[0],
551
+ value = _seriesData$.value,
552
+ seriesName = _seriesData$.seriesName;
519
553
  return {
520
554
  [valueAxisName || seriesName]: {
521
555
  value: value[metricIndex],
@@ -523,12 +557,10 @@ const getTooltipContent = function () {
523
557
  }
524
558
  };
525
559
  }
526
- return seriesData.reduce((acc, _ref7) => {
527
- let {
528
- value,
529
- seriesName,
530
- color
531
- } = _ref7;
560
+ return seriesData.reduce((acc, _ref8) => {
561
+ let value = _ref8.value,
562
+ seriesName = _ref8.seriesName,
563
+ color = _ref8.color;
532
564
  acc[seriesName] = {
533
565
  value: value[metricIndex],
534
566
  color
@@ -553,14 +585,12 @@ const getTooltipParams = function () {
553
585
  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
554
586
  let options = arguments.length > 1 ? arguments[1] : undefined;
555
587
  if (!params) return null;
556
- const {
557
- series: optionsSeries = []
558
- } = options !== null && options !== void 0 ? options : {};
559
- const seriesStacks = Object.fromEntries(optionsSeries.map(_ref8 => {
560
- let {
561
- name,
562
- stack
563
- } = _ref8;
588
+ const _ref9 = options !== null && options !== void 0 ? options : {},
589
+ _ref9$series = _ref9.series,
590
+ optionsSeries = _ref9$series === void 0 ? [] : _ref9$series;
591
+ const seriesStacks = Object.fromEntries(optionsSeries.map(_ref0 => {
592
+ let name = _ref0.name,
593
+ stack = _ref0.stack;
564
594
  return [name, stack];
565
595
  }));
566
596
  return {
@@ -586,27 +616,29 @@ const getTooltipParams = function () {
586
616
  const getDefaultTooltipContent = function (params) {
587
617
  let yAxisTitle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
588
618
  const seriesDataLength = params.seriesData.length;
589
- const {
590
- xLabels,
591
- tooltipContent
592
- } = params.seriesData.reduce((acc, chartItem) => {
593
- const [title, value] = chartItem.value || [];
594
- // Let's use the y axis title as series name when only one series exists
595
- // This way, TooltipDefaultFormat will display the y axis title as label
596
- const seriesName = seriesDataLength === 1 && yAxisTitle ? yAxisTitle : chartItem.seriesName;
597
- const color = seriesDataLength === 1 ? '' : chartItem.color;
598
- acc.tooltipContent[seriesName] = {
599
- value,
600
- color
601
- };
602
- if (!acc.xLabels.includes(title)) {
603
- acc.xLabels.push(title);
604
- }
605
- return acc;
606
- }, {
607
- xLabels: [],
608
- tooltipContent: {}
609
- });
619
+ const _params$seriesData$re = params.seriesData.reduce((acc, chartItem) => {
620
+ const _ref1 = chartItem.value || [],
621
+ _ref10 = _slicedToArray(_ref1, 2),
622
+ title = _ref10[0],
623
+ value = _ref10[1];
624
+ // Let's use the y axis title as series name when only one series exists
625
+ // This way, TooltipDefaultFormat will display the y axis title as label
626
+ const seriesName = seriesDataLength === 1 && yAxisTitle ? yAxisTitle : chartItem.seriesName;
627
+ const color = seriesDataLength === 1 ? '' : chartItem.color;
628
+ acc.tooltipContent[seriesName] = {
629
+ value,
630
+ color
631
+ };
632
+ if (!acc.xLabels.includes(title)) {
633
+ acc.xLabels.push(title);
634
+ }
635
+ return acc;
636
+ }, {
637
+ xLabels: [],
638
+ tooltipContent: {}
639
+ }),
640
+ xLabels = _params$seriesData$re.xLabels,
641
+ tooltipContent = _params$seriesData$re.tooltipContent;
610
642
  return {
611
643
  xLabels,
612
644
  tooltipContent
@@ -327,5 +327,30 @@ const loadingIconVariants = {
327
327
  spinner: 'spinner',
328
328
  dots: 'dots'
329
329
  };
330
+ const themes = [{
331
+ class: null,
332
+ value: 'default',
333
+ title: 'Default'
334
+ }, {
335
+ class: 'tint-neutral-indigo',
336
+ value: 'indigo',
337
+ title: 'Indigo'
338
+ }, {
339
+ class: 'tint-neutral-blue',
340
+ value: 'blue',
341
+ title: 'Blue'
342
+ }, {
343
+ class: 'tint-neutral-green',
344
+ value: 'green',
345
+ title: 'Green'
346
+ }, {
347
+ class: 'tint-neutral-red',
348
+ value: 'red',
349
+ title: 'Red'
350
+ }, {
351
+ class: 'tint-neutral-gray',
352
+ value: 'gray',
353
+ title: 'Gray'
354
+ }];
330
355
 
331
- export { COMMA, CONTRAST_LEVELS, HEX_REGEX, LEFT_MOUSE_BUTTON, alertVariantIconMap, alertVariantOptions, alignOptions, animatedIconVariantOptions, avatarShapeOptions, avatarSizeOptions, avatarsInlineSizeOptions, badgeForButtonOptions, badgeIconSizeOptions, badgeSizeOptions, badgeVariantOptions, badgeVariantToIconVariantMap, bannerVariants, breadCrumbSizeOptions, buttonCategoryOptions, buttonSizeOptions, buttonVariantOptions, colorThemes, datepickerWidthOptionsMap, defaultDateFormat, drawerVariants, dropdownAllowedAutoPlacements, dropdownItemVariantOptions, dropdownPlacements, dropdownVariantOptions, focusableTags, formInputWidths, formStateOptions, iconSizeOptions, iconVariantOptions, keyboard, labelColorOptions, linkVariantInline, linkVariantMention, linkVariantMentionCurrent, linkVariantMeta, linkVariantOptions, linkVariantUnstyled, loadingIconSizes, loadingIconVariants, maxZIndex, modalButtonDefaults, modalSizeOptions, popoverPlacements, progressBarVariantOptions, resizeDebounceTime, stackedPresentationOptions, tabsButtonDefaults, targetOptions, toggleLabelPosition, tokenVariants, tooltipActionEvents, tooltipPlacements, triggerVariantOptions, truncateOptions, variantCssColorMap, viewModeOptions };
356
+ export { COMMA, CONTRAST_LEVELS, HEX_REGEX, LEFT_MOUSE_BUTTON, alertVariantIconMap, alertVariantOptions, alignOptions, animatedIconVariantOptions, avatarShapeOptions, avatarSizeOptions, avatarsInlineSizeOptions, badgeForButtonOptions, badgeIconSizeOptions, badgeSizeOptions, badgeVariantOptions, badgeVariantToIconVariantMap, bannerVariants, breadCrumbSizeOptions, buttonCategoryOptions, buttonSizeOptions, buttonVariantOptions, colorThemes, datepickerWidthOptionsMap, defaultDateFormat, drawerVariants, dropdownAllowedAutoPlacements, dropdownItemVariantOptions, dropdownPlacements, dropdownVariantOptions, focusableTags, formInputWidths, formStateOptions, iconSizeOptions, iconVariantOptions, keyboard, labelColorOptions, linkVariantInline, linkVariantMention, linkVariantMentionCurrent, linkVariantMeta, linkVariantOptions, linkVariantUnstyled, loadingIconSizes, loadingIconVariants, maxZIndex, modalButtonDefaults, modalSizeOptions, popoverPlacements, progressBarVariantOptions, resizeDebounceTime, stackedPresentationOptions, tabsButtonDefaults, targetOptions, themes, toggleLabelPosition, tokenVariants, tooltipActionEvents, tooltipPlacements, triggerVariantOptions, truncateOptions, variantCssColorMap, viewModeOptions };
@@ -1,3 +1,28 @@
1
+ function _arrayLikeToArray(r, a) {
2
+ (null == a || a > r.length) && (a = r.length);
3
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
4
+ return n;
5
+ }
6
+ function _arrayWithHoles(r) {
7
+ if (Array.isArray(r)) return r;
8
+ }
9
+ function _iterableToArray(r) {
10
+ if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
11
+ }
12
+ function _nonIterableRest() {
13
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
14
+ }
15
+ function _toArray(r) {
16
+ return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
17
+ }
18
+ function _unsupportedIterableToArray(r, a) {
19
+ if (r) {
20
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
21
+ var t = {}.toString.call(r).slice(8, -1);
22
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
23
+ }
24
+ }
25
+
1
26
  const getRepeatingValue = index => {
2
27
  const values = [100, 500, 400, 200, 100, 800, 400, 500, 600, 300, 800, 900, 110, 700, 400, 300, 500, 300, 400, 600, 700];
3
28
  return index < values.length ? values[index] : values[index % values.length];
@@ -7,7 +32,9 @@ const generateTimeSeries = () => new Array(100).fill(0).map((el, i) => [new Date
7
32
  // takes an element and a list and `intersperses' that element between the elements of the list.
8
33
  // (',' ['a', 'b', 'c']) -> ['a', ',', 'b', ',', 'c']
9
34
  const intersperse = (separator, items) => {
10
- const [head, ...rest] = items;
35
+ const _items = _toArray(items),
36
+ head = _items[0],
37
+ rest = _arrayLikeToArray(_items).slice(1);
11
38
  const separatorFactory = typeof separator === 'function' ? separator : () => separator;
12
39
  return [head, ...rest.flatMap(item => [separatorFactory(), item], rest)];
13
40
  };
@@ -3,12 +3,10 @@
3
3
  */
4
4
  function normalizeOption(option) {
5
5
  if (option !== null && typeof option === 'object') {
6
- const {
7
- value,
8
- text,
9
- html,
10
- disabled
11
- } = option;
6
+ const value = option.value,
7
+ text = option.text,
8
+ html = option.html,
9
+ disabled = option.disabled;
12
10
  return {
13
11
  value: value === undefined ? text : value,
14
12
  text: String(text),
@@ -1,11 +1,9 @@
1
1
  import Vue from 'vue';
2
2
 
3
3
  // Fragment will be available only in Vue.js 3
4
- const {
5
- Fragment,
6
- Comment,
7
- Text
8
- } = Vue;
4
+ const Fragment = Vue.Fragment,
5
+ Comment = Vue.Comment,
6
+ Text = Vue.Text;
9
7
  function isVnodeEmpty(vnode) {
10
8
  if (!vnode || Comment && vnode.type === Comment) {
11
9
  return true;
@@ -10,10 +10,11 @@ const disableControls = function () {
10
10
  }]));
11
11
  };
12
12
  const getA11yParameters = function () {
13
- let {
14
- skipRules = [],
15
- temporarySkipRules = []
16
- } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
13
+ let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
14
+ _ref$skipRules = _ref.skipRules,
15
+ skipRules = _ref$skipRules === void 0 ? [] : _ref$skipRules,
16
+ _ref$temporarySkipRul = _ref.temporarySkipRules,
17
+ temporarySkipRules = _ref$temporarySkipRul === void 0 ? [] : _ref$temporarySkipRul;
17
18
  const skippedRules = skipRules.concat(temporarySkipRules).map(id => ({
18
19
  id,
19
20
  enabled: false
@@ -45,10 +46,9 @@ const isPropType = (propType, Type) => Array.isArray(propType) ? propType.includ
45
46
  * @param {object} ComponentOptions A Vue ComponentOptions object.
46
47
  */
47
48
  const propDefaultFactory = ComponentOptions => prop => {
48
- const {
49
- type,
50
- default: defaultValue
51
- } = ComponentOptions.props[prop];
49
+ const _ComponentOptions$pro = ComponentOptions.props[prop],
50
+ type = _ComponentOptions$pro.type,
51
+ defaultValue = _ComponentOptions$pro.default;
52
52
  if (typeof defaultValue === 'function' && !isPropType(type, Function)) {
53
53
  // Note: Vue 2 passes the instance to the `default` function via `this`,
54
54
  // whereas Vue 3 passes the raw props to it as an argument. Here, we do
@@ -1,7 +1,53 @@
1
1
  import { isMatch } from 'lodash-es';
2
2
 
3
- /* global jest, beforeEach, afterEach */
4
- /* eslint-disable class-methods-use-this, max-classes-per-file */
3
+ function _arrayLikeToArray(r, a) {
4
+ (null == a || a > r.length) && (a = r.length);
5
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
6
+ return n;
7
+ }
8
+ function _arrayWithHoles(r) {
9
+ if (Array.isArray(r)) return r;
10
+ }
11
+ function _iterableToArrayLimit(r, l) {
12
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
13
+ if (null != t) {
14
+ var e,
15
+ n,
16
+ i,
17
+ u,
18
+ a = [],
19
+ f = !0,
20
+ o = !1;
21
+ try {
22
+ if (i = (t = t.call(r)).next, 0 === l) {
23
+ if (Object(t) !== t) return;
24
+ f = !1;
25
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
26
+ } catch (r) {
27
+ o = !0, n = r;
28
+ } finally {
29
+ try {
30
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
31
+ } finally {
32
+ if (o) throw n;
33
+ }
34
+ }
35
+ return a;
36
+ }
37
+ }
38
+ function _nonIterableRest() {
39
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
40
+ }
41
+ function _slicedToArray(r, e) {
42
+ return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
43
+ }
44
+ function _unsupportedIterableToArray(r, a) {
45
+ if (r) {
46
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
47
+ var t = {}.toString.call(r).slice(8, -1);
48
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
49
+ }
50
+ }
5
51
 
6
52
  /**
7
53
  * This class gives us a JSDom friendly DOM observer which we can manually trigger in tests
@@ -26,10 +72,11 @@ class MockObserver {
26
72
  }
27
73
  takeRecords() {}
28
74
  $_triggerObserve(nodeParam) {
29
- let {
30
- entry = {},
31
- options = {}
32
- } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
75
+ let _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
76
+ _ref$entry = _ref.entry,
77
+ entry = _ref$entry === void 0 ? {} : _ref$entry,
78
+ _ref$options = _ref.options,
79
+ options = _ref$options === void 0 ? {} : _ref$options;
33
80
  const nodes = this.$_getNodesFromParam(nodeParam);
34
81
  nodes.forEach(node => {
35
82
  if (this.$_hasObserver(node, options)) {
@@ -42,15 +89,18 @@ class MockObserver {
42
89
  }
43
90
  $_hasObserver(node) {
44
91
  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
45
- return this.$_observers.some(_ref => {
46
- let [obvNode, obvOptions] = _ref;
92
+ return this.$_observers.some(_ref2 => {
93
+ let _ref3 = _slicedToArray(_ref2, 2),
94
+ obvNode = _ref3[0],
95
+ obvOptions = _ref3[1];
47
96
  return node === obvNode && isMatch(options, obvOptions);
48
97
  });
49
98
  }
50
99
  $_getNodesFromParam(nodeParam) {
51
100
  if (!nodeParam) {
52
- return this.$_observers.map(_ref2 => {
53
- let [node] = _ref2;
101
+ return this.$_observers.map(_ref4 => {
102
+ let _ref5 = _slicedToArray(_ref4, 1),
103
+ node = _ref5[0];
54
104
  return node;
55
105
  });
56
106
  }
@@ -62,8 +112,9 @@ class MockObserver {
62
112
  }
63
113
  class MockIntersectionObserver extends MockObserver {
64
114
  unobserve(node) {
65
- this.$_observers = this.$_observers.filter(_ref3 => {
66
- let [obvNode] = _ref3;
115
+ this.$_observers = this.$_observers.filter(_ref6 => {
116
+ let _ref7 = _slicedToArray(_ref6, 1),
117
+ obvNode = _ref7[0];
67
118
  return node !== obvNode;
68
119
  });
69
120
  }