@gitlab/ui 49.2.0 → 49.3.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [49.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v49.2.1...v49.3.0) (2022-11-03)
+
+
+### Features
+
+* Relax bootstrap per dependency constraint ([c8fb125](https://gitlab.com/gitlab-org/gitlab-ui/commit/c8fb1254723d8fc6be575fd27c21001d10b95a60))
+
+## [49.2.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v49.2.0...v49.2.1) (2022-10-28)
+
+
+### Bug Fixes
+
+* **datepicker:** Render empty string instead of false ([678b225](https://gitlab.com/gitlab-org/gitlab-ui/commit/678b22572edbd306e859d4017055a6041c24eb4f))
+
 # [49.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v49.1.0...v49.2.0) (2022-10-28)
 
 

package/dist/components/base/datepicker/datepicker.js

@@ -179,7 +179,7 @@ var script = {
   },
   computed: {
     formattedDate() {
-      return 'calendar' in this && this.calendar.toString();
+      return 'calendar' in this ? this.calendar.toString() : '';
     },
     customTrigger() {
       return _isString(this.target) && this.target !== '';

package/dist/components/charts/chart/chart.js

@@ -16,6 +16,10 @@ var script = {
     resizeObserver: GlResizeObserverDirective
   },
   props: {
+    /**
+     * The ECharts configuration object.
+     * https://echarts.apache.org/en/option.html#title
+     */
     options: {
       type: Object,
       required: true
@@ -42,11 +46,19 @@ var script = {
       default: null,
       validator: sizeValidator
     },
+    /**
+     * An ECharts group id. Used to connect multiple charts.
+     * https://echarts.apache.org/en/api.html#echarts.connect
+     */
     groupId: {
       type: String,
       required: false,
       default: ''
     },
+    /**
+     * How the chart should be rendered. Valid options are 'canvas' or 'svg'.
+     * https://echarts.apache.org/handbook/en/best-practices/canvas-vs-svg/
+     */
     renderer: {
       type: String,
       required: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "49.2.0",
+  "version": "49.3.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -66,7 +66,7 @@
   },
   "peerDependencies": {
     "@gitlab/svgs": "^1.116.0 || ^2.0.0 || ^3.0.0",
-    "bootstrap": "4.5.3",
+    "bootstrap": ">=4.5.3 <=4.6.2",
     "emoji-regex": ">=10.0.0",
     "pikaday": "^1.8.0",
     "vue": "^2.6.10"
@@ -85,14 +85,14 @@
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@rollup/plugin-replace": "^2.3.2",
-    "@storybook/addon-a11y": "6.5.12",
-    "@storybook/addon-docs": "6.5.12",
-    "@storybook/addon-essentials": "6.5.12",
-    "@storybook/addon-storyshots": "6.5.12",
-    "@storybook/addon-storyshots-puppeteer": "6.5.12",
-    "@storybook/addon-viewport": "6.5.12",
-    "@storybook/theming": "6.5.12",
-    "@storybook/vue": "6.5.12",
+    "@storybook/addon-a11y": "6.5.13",
+    "@storybook/addon-docs": "6.5.13",
+    "@storybook/addon-essentials": "6.5.13",
+    "@storybook/addon-storyshots": "6.5.13",
+    "@storybook/addon-storyshots-puppeteer": "6.5.13",
+    "@storybook/addon-viewport": "6.5.13",
+    "@storybook/theming": "6.5.13",
+    "@storybook/vue": "6.5.13",
     "@vue/test-utils": "1.3.0",
     "@vue/vue2-jest": "29.0.0",
     "autoprefixer": "^9.7.6",
@@ -102,7 +102,7 @@
     "babel-plugin-require-context-hook": "^1.0.0",
     "babel-preset-vue": "^2.0.2",
     "bootstrap": "4.5.3",
-    "cypress": "^10.10.0",
+    "cypress": "^10.11.0",
     "emoji-regex": "^10.0.0",
     "eslint": "8.26.0",
     "eslint-import-resolver-jest": "3.0.2",
@@ -112,9 +112,9 @@
     "glob": "^7.2.0",
     "identity-obj-proxy": "^3.0.0",
     "inquirer-select-directory": "^1.2.0",
-    "jest": "^29.1.2",
-    "jest-circus": "29.1.2",
-    "jest-environment-jsdom": "29.1.2",
+    "jest": "^29.2.2",
+    "jest-circus": "29.2.2",
+    "jest-environment-jsdom": "29.2.2",
     "jest-serializer-vue": "^2.0.2",
     "markdownlint-cli": "^0.29.0",
     "mockdate": "^2.0.5",

package/src/components/base/datepicker/datepicker.vue

@@ -179,7 +179,7 @@ export default {
   },
   computed: {
     formattedDate() {
-      return 'calendar' in this && this.calendar.toString();
+      return 'calendar' in this ? this.calendar.toString() : '';
     },
     customTrigger() {
       return isString(this.target) && this.target !== '';

package/src/components/base/filtered_search/filtered_search_token_segment.stories.js

@@ -2,7 +2,7 @@ import PortalVue from 'portal-vue';
 import Vue from 'vue';
 import { GlFilteredSearchSuggestion } from '../../../index';
 import { provide } from './common_story_options';
-import readme from './filtered_search_term.md';
+import readme from './filtered_search_token_segment.md';
 import GlFilteredSearchTokenSegment from './filtered_search_token_segment.vue';
 
 Vue.use(PortalVue);

package/src/components/base/form/form_combobox/form_combobox.spec.js

@@ -1,4 +1,5 @@
 import { nextTick } from 'vue';
+import { cloneDeep } from 'lodash';
 import { mount } from '@vue/test-utils';
 import GlDropdownItem from '../../dropdown/dropdown_item.vue';
 import GlFormInput from '../form_input/form_input.vue';
@@ -258,8 +259,9 @@ describe('GlFormCombobox', () => {
     const windowAlert = window.alert;
 
     beforeEach(() => {
-      createComponent({ tokens: oneTokenList, actionList: actionsList });
-      actionSpy = jest.spyOn(wrapper.vm.actionList[0], 'fn');
+      const actionList = cloneDeep(actionsList);
+      actionSpy = jest.spyOn(actionList[0], 'fn');
+      createComponent({ tokens: oneTokenList, actionList });
       window.alert = jest.fn();
     });
 

package/src/components/charts/chart/chart.md

@@ -1,8 +1,9 @@
 ### ECharts Wrapper
 
-The chart component is a Vue component wrapper around [ECharts]. The chart component accepts width
-and height props in order to allow the user to make it responsive, but it is not responsive by
-default.
+The chart component is a Vue component wrapper around
+[Apache ECharts](https://echarts.apache.org/en/api.html#echarts). The chart component accepts width
+and height props in order to allow the user to make it responsive, but it is not responsive
+by default.
 
 > Note: In every case there should be a specific component for each type of chart
 (i.e. Line, Area, Bar, etc.). This component should only need to be used by chart type components
@@ -15,6 +16,5 @@ This component emits the following events during the ECharts lifecycle:
 - `created`: emitted after calling `echarts.init`
 - `updated`: emitted after calling `echarts.setOption`
 
-In all cases, the event payload is the echart instance.
-
-[echarts]: https://echarts.apache.org
+In all cases, the event payload is the
+[echart instance](https://echarts.apache.org/en/api.html#echartsInstance).

package/src/components/charts/chart/chart.vue

@@ -16,6 +16,10 @@ export default {
     resizeObserver: GlResizeObserverDirective,
   },
   props: {
+    /**
+     * The ECharts configuration object.
+     * https://echarts.apache.org/en/option.html#title
+     */
     options: {
       type: Object,
       required: true,
@@ -42,11 +46,19 @@ export default {
       default: null,
       validator: sizeValidator,
     },
+    /**
+     * An ECharts group id. Used to connect multiple charts.
+     * https://echarts.apache.org/en/api.html#echarts.connect
+     */
     groupId: {
       type: String,
       required: false,
       default: '',
     },
+    /**
+     * How the chart should be rendered. Valid options are 'canvas' or 'svg'.
+     * https://echarts.apache.org/handbook/en/best-practices/canvas-vs-svg/
+     */
     renderer: {
       type: String,
       required: false,