@gitlab/ui 40.2.0 → 40.3.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 (117) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/base/alert/alert.js +1 -0
  3. package/dist/components/base/avatar/avatar.js +1 -0
  4. package/dist/components/base/badge/badge.js +1 -0
  5. package/dist/components/base/breadcrumb/breadcrumb.js +1 -0
  6. package/dist/components/base/button/button.js +1 -0
  7. package/dist/components/base/card/card.js +1 -0
  8. package/dist/components/base/carousel/carousel.js +1 -0
  9. package/dist/components/base/collapse/collapse.js +1 -0
  10. package/dist/components/base/drawer/drawer.js +1 -0
  11. package/dist/components/base/dropdown/dropdown.js +2 -0
  12. package/dist/components/base/form/form.js +1 -0
  13. package/dist/components/base/icon/icon.js +2 -0
  14. package/dist/components/base/label/label.js +1 -0
  15. package/dist/components/base/link/link.js +1 -0
  16. package/dist/components/base/markdown/markdown.js +1 -0
  17. package/dist/components/base/modal/modal.js +2 -0
  18. package/dist/components/base/pagination/pagination.js +2 -0
  19. package/dist/components/base/popover/popover.js +1 -0
  20. package/dist/components/base/table/table.js +2 -0
  21. package/dist/components/base/tabs/tabs/tabs.js +2 -0
  22. package/dist/components/base/token/token.js +1 -0
  23. package/dist/components/base/tooltip/tooltip.js +1 -0
  24. package/dist/components/charts/area/area.js +1 -15
  25. package/dist/components/charts/bar/bar.js +1 -0
  26. package/dist/components/charts/chart/chart.js +1 -0
  27. package/dist/components/charts/column/column.js +1 -0
  28. package/dist/components/charts/heatmap/heatmap.js +1 -0
  29. package/dist/components/charts/legend/legend.js +1 -0
  30. package/dist/components/charts/line/line.js +1 -17
  31. package/dist/components/charts/sparkline/sparkline.js +2 -0
  32. package/dist/components/charts/tooltip/tooltip.js +1 -0
  33. package/dist/components/utilities/intersperse/intersperse.js +2 -0
  34. package/dist/components/utilities/truncate/truncate.js +1 -0
  35. package/dist/index.css +1 -1
  36. package/dist/index.css.map +1 -1
  37. package/dist/utility_classes.css +1 -1
  38. package/dist/utility_classes.css.map +1 -1
  39. package/dist/utils/test_utils.js +3 -1
  40. package/package.json +4 -4
  41. package/src/components/base/alert/alert.vue +1 -0
  42. package/src/components/base/avatar/avatar.vue +1 -0
  43. package/src/components/base/badge/badge.vue +1 -0
  44. package/src/components/base/breadcrumb/breadcrumb.spec.js +1 -1
  45. package/src/components/base/breadcrumb/breadcrumb.vue +1 -0
  46. package/src/components/base/button/button.vue +1 -0
  47. package/src/components/base/card/card.vue +1 -0
  48. package/src/components/base/carousel/carousel.vue +1 -0
  49. package/src/components/base/collapse/collapse.vue +1 -0
  50. package/src/components/base/datepicker/datepicker.vue +1 -0
  51. package/src/components/base/drawer/drawer.vue +1 -0
  52. package/src/components/base/dropdown/dropdown.vue +1 -0
  53. package/src/components/base/form/form.vue +1 -0
  54. package/src/components/base/form/form_group/form_group.scss +4 -1
  55. package/src/components/base/form/form_group/form_group.stories.js +1 -1
  56. package/src/components/base/icon/icon.spec.js +1 -1
  57. package/src/components/base/icon/icon.vue +1 -0
  58. package/src/components/base/keyset_pagination/keyset_pagination.spec.js +1 -1
  59. package/src/components/base/label/label.vue +1 -0
  60. package/src/components/base/link/link.vue +1 -0
  61. package/src/components/base/markdown/markdown.scss +32 -0
  62. package/src/components/base/markdown/markdown.stories.js +6 -3
  63. package/src/components/base/markdown/markdown.vue +1 -0
  64. package/src/components/base/markdown/markdown_typescale_demo.html +46 -0
  65. package/src/components/base/modal/modal.spec.js +1 -1
  66. package/src/components/base/modal/modal.vue +1 -0
  67. package/src/components/base/new_dropdowns/listbox/listbox.vue +1 -0
  68. package/src/components/base/paginated_list/paginated_list.vue +1 -1
  69. package/src/components/base/pagination/pagination.spec.js +1 -1
  70. package/src/components/base/pagination/pagination.vue +1 -0
  71. package/src/components/base/path/path.vue +1 -0
  72. package/src/components/base/popover/popover.vue +1 -0
  73. package/src/components/base/search_box_by_click/search_box_by_click.spec.js +1 -1
  74. package/src/components/base/search_box_by_click/search_box_by_click.vue +2 -2
  75. package/src/components/base/search_box_by_type/search_box_by_type.spec.js +1 -1
  76. package/src/components/base/table/table.vue +1 -0
  77. package/src/components/base/tabs/tab/tab.vue +1 -0
  78. package/src/components/base/tabs/tabs/scrollable_tabs.spec.js +1 -1
  79. package/src/components/base/tabs/tabs/tabs.vue +1 -0
  80. package/src/components/base/toggle/toggle.vue +1 -0
  81. package/src/components/base/token/token.vue +1 -0
  82. package/src/components/base/token_selector/token_container.spec.js +1 -1
  83. package/src/components/base/tooltip/tooltip.vue +1 -0
  84. package/src/components/charts/area/area.spec.js +2 -3
  85. package/src/components/charts/area/area.vue +1 -0
  86. package/src/components/charts/bar/bar.spec.js +2 -2
  87. package/src/components/charts/bar/bar.vue +1 -0
  88. package/src/components/charts/chart/chart.spec.js +1 -1
  89. package/src/components/charts/chart/chart.vue +1 -0
  90. package/src/components/charts/column/column.vue +1 -0
  91. package/src/components/charts/column/column_chart.spec.js +2 -2
  92. package/src/components/charts/gauge/gauge.spec.js +1 -1
  93. package/src/components/charts/gauge/gauge.vue +1 -0
  94. package/src/components/charts/heatmap/heatmap.spec.js +2 -2
  95. package/src/components/charts/heatmap/heatmap.vue +1 -0
  96. package/src/components/charts/legend/legend.spec.js +1 -1
  97. package/src/components/charts/legend/legend.vue +1 -0
  98. package/src/components/charts/line/line.spec.js +2 -4
  99. package/src/components/charts/line/line.vue +1 -0
  100. package/src/components/charts/sparkline/sparkline.spec.js +2 -2
  101. package/src/components/charts/sparkline/sparkline.vue +1 -0
  102. package/src/components/charts/stacked_column/stacked_column.spec.js +3 -4
  103. package/src/components/charts/tooltip/tooltip.spec.js +1 -1
  104. package/src/components/charts/tooltip/tooltip.vue +1 -0
  105. package/src/components/regions/empty_state/empty_state.spec.js +1 -1
  106. package/src/components/utilities/animated_number/animated_number.spec.js +1 -1
  107. package/src/components/utilities/intersection_observer/intersection_observer.spec.js +1 -1
  108. package/src/components/utilities/intersperse/intersperse.vue +1 -0
  109. package/src/components/utilities/sprintf/sprintf.vue +1 -0
  110. package/src/components/utilities/truncate/truncate.spec.js +1 -1
  111. package/src/components/utilities/truncate/truncate.vue +1 -0
  112. package/src/directives/hover_load/hover_load.spec.js +3 -1
  113. package/src/directives/outside/outside.spec.js +4 -1
  114. package/src/directives/resize_observer/resize_observer.spec.js +1 -1
  115. package/src/scss/utilities.scss +18 -0
  116. package/src/scss/utility-mixins/box-shadow.scss +9 -0
  117. package/src/utils/test_utils.js +4 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,25 @@
1
+ # [40.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v40.2.2...v40.3.0) (2022-05-17)
2
+
3
+
4
+ ### Features
5
+
6
+ * **css:** Implement Markdown table styles ([e2750a6](https://gitlab.com/gitlab-org/gitlab-ui/commit/e2750a6fa61854acdca79838954d7aa305be6f78))
7
+
8
+ ## [40.2.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v40.2.1...v40.2.2) (2022-05-16)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * Fix condition for feedback text ([208deab](https://gitlab.com/gitlab-org/gitlab-ui/commit/208deabae0b8f2da529f303408f7cc1568008672))
14
+ * **GlFormGroup:** Make selector more robust ([eb5c4f4](https://gitlab.com/gitlab-org/gitlab-ui/commit/eb5c4f4e85088a95d8a2e067e5d4be5fba5d560c))
15
+
16
+ ## [40.2.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v40.2.0...v40.2.1) (2022-05-12)
17
+
18
+
19
+ ### Bug Fixes
20
+
21
+ * **deps:** update dependency dompurify to ^2.3.7 ([34e6d25](https://gitlab.com/gitlab-org/gitlab-ui/commit/34e6d25a92ad2c628225261b12b264e09ad55bc5))
22
+
1
23
  # [40.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v40.1.0...v40.2.0) (2022-05-11)
2
24
 
3
25
 
@@ -4,6 +4,7 @@ import GlButton from '../button/button';
4
4
  import GlIcon from '../icon/icon';
5
5
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
6
6
 
7
+ //
7
8
  var script = {
8
9
  components: {
9
10
  GlIcon,
@@ -2,6 +2,7 @@ import { avatarSizeOptions, avatarShapeOptions } from '../../../utils/constants'
2
2
  import { getAvatarChar } from '../../../utils/string_utils';
3
3
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
4
4
 
5
+ //
5
6
  const IDENTICON_BG_COUNT = 7;
6
7
  var script = {
7
8
  props: {
@@ -3,6 +3,7 @@ import { badgeSizeOptions, badgeVariantOptions } from '../../../utils/constants'
3
3
  import GlIcon from '../icon/icon';
4
4
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
5
5
 
6
+ //
6
7
  var script = {
7
8
  components: {
8
9
  BBadge,
@@ -5,6 +5,7 @@ import { GlTooltipDirective } from '../../../directives/tooltip';
5
5
  import GlBreadcrumbItem from './breadcrumb_item';
6
6
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
7
7
 
8
+ //
8
9
  const COLLAPSE_AT_SIZE = 4;
9
10
  var script = {
10
11
  components: {
@@ -6,6 +6,7 @@ import GlIcon from '../icon/icon';
6
6
  import GlLoadingIcon from '../loading_icon/loading_icon';
7
7
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
8
8
 
9
+ //
9
10
  var script = {
10
11
  components: {
11
12
  BButton,
@@ -1,5 +1,6 @@
1
1
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
2
2
 
3
+ //
3
4
  var script = {
4
5
  props: {
5
6
  /**
@@ -1,6 +1,7 @@
1
1
  import { BCarousel } from 'bootstrap-vue/esm/index.js';
2
2
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
3
3
 
4
+ //
4
5
  var script = {
5
6
  components: {
6
7
  BCarousel
@@ -1,6 +1,7 @@
1
1
  import { BCollapse } from 'bootstrap-vue/esm/index.js';
2
2
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
3
3
 
4
+ //
4
5
  var script = {
5
6
  components: {
6
7
  BCollapse
@@ -3,6 +3,7 @@ import { maxZIndex, drawerVariants } from '../../../utils/constants';
3
3
  import GlButton from '../button/button';
4
4
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
5
5
 
6
+ //
6
7
  var script = {
7
8
  components: {
8
9
  GlButton
@@ -8,6 +8,8 @@ import GlLoadingIcon from '../loading_icon/loading_icon';
8
8
  import GlDropdownDivider from './dropdown_divider';
9
9
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
10
10
 
11
+ //
12
+
11
13
  function filterVisible(els) {
12
14
  return (els || []).filter(isVisible);
13
15
  }
@@ -1,6 +1,7 @@
1
1
  import { BForm } from 'bootstrap-vue/esm/components/form';
2
2
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
3
3
 
4
+ //
4
5
  var script = {
5
6
  components: {
6
7
  BForm
@@ -2,6 +2,8 @@ import iconsPath from '@gitlab/svgs/dist/icons.svg';
2
2
  import { iconSizeOptions } from '../../../utils/constants';
3
3
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
4
4
 
5
+ //
6
+
5
7
  let iconValidator = () => true;
6
8
  /*
7
9
  During development/tests we want to validate that we are just using icons that are actually defined
@@ -5,6 +5,7 @@ import GlLink from '../link/link';
5
5
  import GlTooltip from '../tooltip/tooltip';
6
6
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
7
7
 
8
+ //
8
9
  var script = {
9
10
  components: {
10
11
  GlLink,
@@ -2,6 +2,7 @@ import { BLink } from 'bootstrap-vue/esm/index.js';
2
2
  import { SafeLinkMixin } from '../../mixins/safe_link_mixin';
3
3
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
4
4
 
5
+ //
5
6
  var script = {
6
7
  components: {
7
8
  BLink
@@ -1,5 +1,6 @@
1
1
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
2
2
 
3
+ //
3
4
  var script = {
4
5
  props: {
5
6
  compact: {
@@ -5,6 +5,8 @@ import CloseButton from '../../shared_components/close_button/close_button';
5
5
  import GlButton from '../button/button';
6
6
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
7
7
 
8
+ //
9
+
8
10
  function validatorHelper(obj) {
9
11
  return Object.keys(obj).every(val => val === 'text' || val === 'attributes');
10
12
  }
@@ -7,6 +7,8 @@ import GlIcon from '../icon/icon';
7
7
  import GlLink from '../link/link';
8
8
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
9
9
 
10
+ //
11
+
10
12
  const pageRange = (from, to) => range(from, to + 1, 1);
11
13
 
12
14
  var script = {
@@ -4,6 +4,7 @@ import CloseButton from '../../shared_components/close_button/close_button';
4
4
  import { popoverPlacements } from '../../../utils/constants';
5
5
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
6
6
 
7
+ //
7
8
  const popoverRefName = 'bPopover';
8
9
  var script = {
9
10
  components: {
@@ -3,6 +3,8 @@ import { isDev, logWarning } from '../../../utils/utils';
3
3
  import { tableFullProps, tableFullSlots, glTableLiteWarning } from './constants';
4
4
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
5
5
 
6
+ //
7
+
6
8
  const shouldUseFullTable = _ref => {
7
9
  let {
8
10
  $attrs,
@@ -3,6 +3,8 @@ import { tabsButtonDefaults } from '../../../../utils/constants';
3
3
  import GlButton from '../../button/button';
4
4
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
5
5
 
6
+ //
7
+
6
8
  const validatorHelper = obj => Object.keys(obj).every(val => val === 'text' || val === 'attributes');
7
9
 
8
10
  var script = {
@@ -2,6 +2,7 @@ import { tokenVariants } from '../../../utils/constants';
2
2
  import CloseButton from '../../shared_components/close_button/close_button';
3
3
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
4
4
 
5
+ //
5
6
  var script = {
6
7
  components: {
7
8
  CloseButton
@@ -3,6 +3,7 @@ import { tooltipDelay } from '../../../utils/constants';
3
3
  import tooltipMixin from '../../mixins/tooltip_mixin';
4
4
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
5
5
 
6
+ //
6
7
  const tooltipRefName = 'bvTooltip';
7
8
  var script = {
8
9
  tooltipDelay,
@@ -11,21 +11,7 @@ import ChartLegend from '../legend/legend';
11
11
  import ChartTooltip from '../tooltip/tooltip';
12
12
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
13
13
 
14
- /**
15
- * Area charts as of %12.10 support annotations.
16
- * Annotations is composed of a dotted line and an arrow
17
- * at the bottom. The dotted line is constructed
18
- * with markLine and arrows with markPoint.
19
- *
20
- * Similar to how custom tooltips are displayed when area chart
21
- * is hovered, a tooltip should be displayed when the annotation
22
- * arrow is hovered. This component adds event listeners
23
- * to figure out if mouse is hovered on charts to show tooltips.
24
- * While that works for data points inside the grid, for arrows
25
- * that live right under the chart, we use eCharts inbuilt
26
- * event listeners to detect hover. Given this limitation,
27
- * we use a separate tooltip for data point and arrow.
28
- */
14
+ //
29
15
  var script = {
30
16
  components: {
31
17
  Chart,
@@ -11,6 +11,7 @@ import Chart from '../chart/chart';
11
11
  import ChartTooltip from '../tooltip/tooltip';
12
12
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
13
13
 
14
+ //
14
15
  /**
15
16
  * `nameGap` in charts/config is set to 50 but it is not
16
17
  * used for bar charts as the axes are flipped. That is why
@@ -4,6 +4,7 @@ import createTheme, { themeName } from '../../../utils/charts/theme';
4
4
  import { GlResizeObserverDirective } from '../../../directives/resize_observer/resize_observer';
5
5
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
6
6
 
7
+ //
7
8
  var script = {
8
9
  directives: {
9
10
  resizeObserver: GlResizeObserverDirective
@@ -10,6 +10,7 @@ import Chart from '../chart/chart';
10
10
  import ChartTooltip from '../tooltip/tooltip';
11
11
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
12
12
 
13
+ //
13
14
  const yAxisDefaults = { ...yAxis,
14
15
  nameLocation: 'center',
15
16
  axisTick: {
@@ -14,6 +14,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
14
14
  const white = '#fff';
15
15
  const gray100 = '#dbdbdb';
16
16
 
17
+ //
17
18
  const defaultOptions = {
18
19
  visualMap: {
19
20
  show: false,
@@ -8,6 +8,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
8
8
 
9
9
  const gray200 = '#bfbfbf';
10
10
 
11
+ //
11
12
  var script = {
12
13
  components: {
13
14
  GlChartSeriesLabel,
@@ -13,23 +13,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
13
13
 
14
14
  const gray200 = '#bfbfbf';
15
15
 
16
- /**
17
- * Line charts as of %12.10 support annotations.
18
- * Annotations is composed of a dotted line and an arrow
19
- * at the bottom. The dotted line is constructed
20
- * with markLine and arrows with markPoint. Most of this
21
- * logic is in GitLab and should be eventually moved to
22
- * GitLab UI https://gitlab.com/gitlab-org/gitlab/-/issues/213390.
23
- *
24
- * Similar to how custom tooltips are displayed when line chart
25
- * is hovered, a tooltip should be displayed when the annotation
26
- * arrow is hovered. This component adds event listeners
27
- * to figure out if mouse is hovered on charts to show tooltips.
28
- * While that works for data points inside the grid, for arrows
29
- * that live right under the chart, we use eCharts inbuilt
30
- * event listeners to detect hover. Given this limitation,
31
- * we use a separate tooltip for data point and arrow.
32
- */
16
+ //
33
17
  var script = {
34
18
  components: {
35
19
  Chart,
@@ -5,6 +5,8 @@ import Chart from '../chart/chart';
5
5
  import ChartTooltip from '../tooltip/tooltip';
6
6
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
7
7
 
8
+ //
9
+
8
10
  const gridPadding = symbolSize / 2;
9
11
  var script = {
10
12
  components: {
@@ -4,6 +4,7 @@ import GlPopover from '../../base/popover/popover';
4
4
  import { popoverPlacements } from '../../../utils/constants';
5
5
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
6
6
 
7
+ //
7
8
  var script = {
8
9
  components: {
9
10
  GlPopover
@@ -4,6 +4,8 @@ import filter from 'lodash/fp/filter';
4
4
  import { insert, intersperse } from '../../../utils/data_utils';
5
5
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
6
6
 
7
+ //
8
+
7
9
  const containsWhitespaceOnly = vNode => vNode.text.trim() === '';
8
10
 
9
11
  const isTag = vNode => vNode.tag !== undefined;
@@ -3,6 +3,7 @@ import { GlResizeObserverDirective } from '../../../directives/resize_observer/r
3
3
  import { POSITION } from './constants';
4
4
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
5
5
 
6
+ //
6
7
  var script = {
7
8
  POSITION,
8
9
  directives: {