@gitlab/ui 109.2.1 → 110.0.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# [110.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v109.2.1...v110.0.0) (2025-03-07)
+
+
+### Features
+
+* **charts:** Removes GlChartTooltip component from published package ([99517f4](https://gitlab.com/gitlab-org/gitlab-ui/commit/99517f418f6b9116a724eba247dc004403557a77))
+
+
+### BREAKING CHANGES
+
+* **charts:** GlChartTooltip cannot be imported
+from '@gitlab/ui/dist/charts'
+
 ## [109.2.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v109.2.0...v109.2.1) (2025-03-07)
 
 

package/dist/charts.js

@@ -5,7 +5,6 @@ export { default as GlGaugeChart } from './components/charts/gauge/gauge';
 export { default as GlLineChart } from './components/charts/line/line';
 export { default as GlChartLegend } from './components/charts/legend/legend';
 export { default as GlChartSeriesLabel } from './components/charts/series_label/series_label';
-export { default as GlChartTooltip } from './components/charts/tooltip/tooltip';
 export { default as GlHeatmap } from './components/charts/heatmap';
 export { default as GlColumnChart } from './components/charts/column/column';
 export { default as GlStackedColumnChart } from './components/charts/stacked_column/stacked_column';

package/dist/components/charts/area/area.js

@@ -5,7 +5,7 @@ import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { seriesHasAnnotations, isDataPointAnnotation } from '../../../utils/charts/utils';
 import Chart from '../chart/chart';
 import ChartLegend from '../legend/legend';
-import ChartTooltip from '../tooltip/tooltip';
+import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/charts/bar/bar.js

@@ -5,9 +5,9 @@ import { HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { engineeringNotation } from '../../../utils/number_utils';
 import { hexToRgba } from '../../../utils/utils';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format';
+import TooltipDefaultFormat from '../shared/tooltip/tooltip_default_format/tooltip_default_format';
 import Chart from '../chart/chart';
-import ChartTooltip from '../tooltip/tooltip';
+import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/charts/column/column.js

@@ -4,7 +4,7 @@ import { CHART_TYPE_LINE, HEIGHT_AUTO_CLASSES } from '../../../utils/charts/cons
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { columnOptions } from '../../../utils/constants';
 import Chart from '../chart/chart';
-import ChartTooltip from '../tooltip/tooltip';
+import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/charts/discrete_scatter/discrete_scatter.js

@@ -3,9 +3,9 @@ import { GRAY_200 } from '../../../tokens/build/js/tokens';
 import { defaultChartOptions, dataZoomAdjustments, mergeSeriesToOptions } from '../../../utils/charts/config';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format';
+import TooltipDefaultFormat from '../shared/tooltip/tooltip_default_format/tooltip_default_format';
 import Chart from '../chart/chart';
-import ChartTooltip from '../tooltip/tooltip';
+import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/charts/heatmap/heatmap.js

@@ -4,10 +4,10 @@ import { getTooltipTitle, getTooltipContent } from '../../../utils/charts/config
 import { HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
 import { heatmapHues } from '../../../utils/charts/theme';
 import { engineeringNotation } from '../../../utils/number_utils';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format';
+import TooltipDefaultFormat from '../shared/tooltip/tooltip_default_format/tooltip_default_format';
 import Chart from '../chart/chart';
 import ChartLegend from '../legend/legend';
-import ChartTooltip from '../tooltip/tooltip';
+import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/charts/line/line.js

@@ -6,7 +6,7 @@ import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { seriesHasAnnotations, isDataPointAnnotation } from '../../../utils/charts/utils';
 import Chart from '../chart/chart';
 import ChartLegend from '../legend/legend';
-import ChartTooltip from '../tooltip/tooltip';
+import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/charts/{tooltip → shared/tooltip}/tooltip.js

@@ -1,10 +1,10 @@
 import * as echarts from 'echarts';
-import { uid, debounceByAnimationFrame } from '../../../utils/utils';
-import GlPopover from '../../base/popover/popover';
-import { popoverPlacements } from '../../../utils/constants';
-import { TOOLTIP_LEFT_OFFSET, TOOLTIP_TOP_OFFSET } from '../../../utils/charts/constants';
-import { getTooltipTitle, getTooltipContent } from '../../../utils/charts/config';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format';
+import { uid, debounceByAnimationFrame } from '../../../../utils/utils';
+import GlPopover from '../../../base/popover/popover';
+import { popoverPlacements } from '../../../../utils/constants';
+import { TOOLTIP_LEFT_OFFSET, TOOLTIP_TOP_OFFSET } from '../../../../utils/charts/constants';
+import { getTooltipTitle, getTooltipContent } from '../../../../utils/charts/config';
+import TooltipDefaultFormat from './tooltip_default_format/tooltip_default_format';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/{shared_components/charts → charts/shared/tooltip/tooltip_default_format}/tooltip_default_format.js

@@ -1,4 +1,4 @@
-import SeriesLabel from '../../charts/series_label/series_label';
+import SeriesLabel from '../../../series_label/series_label';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/charts/sparkline/sparkline.js

@@ -5,7 +5,7 @@ import { GlResizeObserverDirective } from '../../../directives/resize_observer/r
 import { defaultChartOptions, mergeSeriesToOptions, symbolSize } from '../../../utils/charts/config';
 import { HEIGHT_AUTO_HORIZONTAL_LAYOUT_CLASSES } from '../../../utils/charts/constants';
 import Chart from '../chart/chart';
-import ChartTooltip from '../tooltip/tooltip';
+import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/charts/stacked_column/stacked_column.js

@@ -3,10 +3,10 @@ import { yAxis, generateBarSeries, generateLineSeries, defaultChartOptions, grid
 import { LEGEND_AVERAGE_TEXT, LEGEND_MAX_TEXT, LEGEND_MIN_TEXT, LEGEND_CURRENT_TEXT, LEGEND_LAYOUT_INLINE, LEGEND_LAYOUT_TABLE, CHART_TYPE_LINE, HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { columnOptions } from '../../../utils/constants';
+import TooltipDefaultFormat from '../shared/tooltip/tooltip_default_format/tooltip_default_format';
 import Chart from '../chart/chart';
 import ChartLegend from '../legend/legend';
-import ChartTooltip from '../tooltip/tooltip';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format';
+import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const yAxisDefaults = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "109.2.1",
+  "version": "110.0.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/charts.js

@@ -5,7 +5,6 @@ export { default as GlGaugeChart } from './components/charts/gauge/gauge.vue';
 export { default as GlLineChart } from './components/charts/line/line.vue';
 export { default as GlChartLegend } from './components/charts/legend/legend.vue';
 export { default as GlChartSeriesLabel } from './components/charts/series_label/series_label.vue';
-export { default as GlChartTooltip } from './components/charts/tooltip/tooltip.vue';
 export { default as GlHeatmap } from './components/charts/heatmap';
 export { default as GlColumnChart } from './components/charts/column/column.vue';
 export { default as GlStackedColumnChart } from './components/charts/stacked_column/stacked_column.vue';

package/src/components/charts/area/area.vue

@@ -41,7 +41,7 @@ import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { seriesHasAnnotations, isDataPointAnnotation } from '../../../utils/charts/utils';
 import Chart from '../chart/chart.vue';
 import ChartLegend from '../legend/legend.vue';
-import ChartTooltip from '../tooltip/tooltip.vue';
+import ChartTooltip from '../shared/tooltip/tooltip.vue';
 
 export default {
   name: 'GlAreaChart',

package/src/components/charts/bar/bar.vue

@@ -7,9 +7,9 @@ import { HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { engineeringNotation } from '../../../utils/number_utils';
 import { hexToRgba } from '../../../utils/utils';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format.vue';
+import TooltipDefaultFormat from '../shared/tooltip/tooltip_default_format/tooltip_default_format.vue';
 import Chart from '../chart/chart.vue';
-import ChartTooltip from '../tooltip/tooltip.vue';
+import ChartTooltip from '../shared/tooltip/tooltip.vue';
 
 /**
  * `nameGap` in charts/config is set to 50 but it is not

package/src/components/charts/column/column.vue

@@ -15,7 +15,7 @@ import { CHART_TYPE_LINE, HEIGHT_AUTO_CLASSES } from '../../../utils/charts/cons
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { columnOptions } from '../../../utils/constants';
 import Chart from '../chart/chart.vue';
-import ChartTooltip from '../tooltip/tooltip.vue';
+import ChartTooltip from '../shared/tooltip/tooltip.vue';
 
 const yAxisDefaults = {
   ...yAxis,

package/src/components/charts/discrete_scatter/discrete_scatter.vue

@@ -8,9 +8,9 @@ import {
 } from '../../../utils/charts/config';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format.vue';
+import TooltipDefaultFormat from '../shared/tooltip/tooltip_default_format/tooltip_default_format.vue';
 import Chart from '../chart/chart.vue';
-import ChartTooltip from '../tooltip/tooltip.vue';
+import ChartTooltip from '../shared/tooltip/tooltip.vue';
 
 export default {
   name: 'GlDiscreteScatterChart',

package/src/components/charts/heatmap/heatmap.vue

@@ -6,10 +6,10 @@ import { getTooltipTitle, getTooltipContent } from '../../../utils/charts/config
 import { HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
 import { heatmapHues } from '../../../utils/charts/theme';
 import { engineeringNotation } from '../../../utils/number_utils';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format.vue';
+import TooltipDefaultFormat from '../shared/tooltip/tooltip_default_format/tooltip_default_format.vue';
 import Chart from '../chart/chart.vue';
 import ChartLegend from '../legend/legend.vue';
-import ChartTooltip from '../tooltip/tooltip.vue';
+import ChartTooltip from '../shared/tooltip/tooltip.vue';
 
 const defaultOptions = {
   visualMap: {

package/src/components/charts/line/line.vue

@@ -44,7 +44,7 @@ import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { seriesHasAnnotations, isDataPointAnnotation } from '../../../utils/charts/utils';
 import Chart from '../chart/chart.vue';
 import ChartLegend from '../legend/legend.vue';
-import ChartTooltip from '../tooltip/tooltip.vue';
+import ChartTooltip from '../shared/tooltip/tooltip.vue';
 
 export default {
   name: 'GlLineChart',

package/src/components/charts/{tooltip → shared/tooltip}/tooltip.vue

@@ -1,12 +1,13 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
 import * as echarts from 'echarts';
-import { uid, debounceByAnimationFrame } from '../../../utils/utils';
-import GlPopover from '../../base/popover/popover.vue';
-import { popoverPlacements } from '../../../utils/constants';
-import { TOOLTIP_LEFT_OFFSET, TOOLTIP_TOP_OFFSET } from '../../../utils/charts/constants';
-import { getTooltipTitle, getTooltipContent } from '../../../utils/charts/config';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format.vue';
+import { uid, debounceByAnimationFrame } from '../../../../utils/utils';
+import GlPopover from '../../../base/popover/popover.vue';
+import { popoverPlacements } from '../../../../utils/constants';
+import { TOOLTIP_LEFT_OFFSET, TOOLTIP_TOP_OFFSET } from '../../../../utils/charts/constants';
+import { getTooltipTitle, getTooltipContent } from '../../../../utils/charts/config';
+
+import TooltipDefaultFormat from './tooltip_default_format/tooltip_default_format.vue';
 
 export default {
   name: 'GlChartTooltip',

package/src/components/{shared_components/charts → charts/shared/tooltip/tooltip_default_format}/tooltip_default_format.vue

@@ -1,5 +1,5 @@
 <script>
-import SeriesLabel from '../../charts/series_label/series_label.vue';
+import SeriesLabel from '../../../series_label/series_label.vue';
 
 export default {
   name: 'TooltipDefaultFormat',

package/src/components/charts/sparkline/sparkline.vue

@@ -11,7 +11,7 @@ import {
 } from '../../../utils/charts/config';
 import { HEIGHT_AUTO_HORIZONTAL_LAYOUT_CLASSES } from '../../../utils/charts/constants';
 import Chart from '../chart/chart.vue';
-import ChartTooltip from '../tooltip/tooltip.vue';
+import ChartTooltip from '../shared/tooltip/tooltip.vue';
 
 // the padding is needed so the mark points don't overflow when visible
 const gridPadding = symbolSize / 2;

package/src/components/charts/stacked_column/stacked_column.vue

@@ -22,10 +22,10 @@ import {
 } from '../../../utils/charts/constants';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { columnOptions } from '../../../utils/constants';
+import TooltipDefaultFormat from '../shared/tooltip/tooltip_default_format/tooltip_default_format.vue';
 import Chart from '../chart/chart.vue';
 import ChartLegend from '../legend/legend.vue';
-import ChartTooltip from '../tooltip/tooltip.vue';
-import TooltipDefaultFormat from '../../shared_components/charts/tooltip_default_format.vue';
+import ChartTooltip from '../shared/tooltip/tooltip.vue';
 
 const yAxisDefaults = {
   ...yAxis,

package/src/scss/components.scss

@@ -69,8 +69,8 @@
 @import '../components/charts/legend/legend';
 @import '../components/charts/series_label/series_label';
 @import '../components/charts/single_stat/single_stat';
-@import '../components/charts/tooltip/tooltip';
-@import '../components/shared_components/charts/tooltip_default_format';
+@import '../components/charts/shared/tooltip/tooltip';
+@import '../components/charts/shared/tooltip/tooltip_default_format/tooltip_default_format';
 @import '../components/utilities/truncate/truncate';
 @import '../components/utilities/truncate_text/truncate_text';
 @import '../components/base/new_dropdowns/dropdown';