@gitlab/ui 49.0.1 → 49.0.3

package/dist/utils/number_utils.js

@@ -4,42 +4,39 @@
  * @param {Number} b
  */
 const addition = (a, b) => a + b;
+
 /**
  * Returns the sum of all arguments
  * @param  {...Number} numbers
  */
-
 const sum = function () {
   for (var _len = arguments.length, numbers = new Array(_len), _key = 0; _key < _len; _key++) {
     numbers[_key] = arguments[_key];
   }
-
   return numbers.reduce(addition);
 };
+
 /**
  * Returns the average of all arguments
  * @param  {...Number} numbers
  */
-
 const average = function () {
   return sum(...arguments) / arguments.length;
 };
+
 /**
  * Convert number to engineering format, using SI suffix
  * @param {Number|String} value - Number or Number-convertible String
  * @param {Number} precision
  * @return {String} number, possibly with a suffix
  */
-
 const engineeringNotation = function (value) {
   let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   const invalidValues = [NaN, Infinity, -Infinity];
   const num = Number(value);
-
   if (invalidValues.includes(num) || invalidValues.includes(Number(precision))) {
     return num.toString();
   }
-
   const allYourBase = {
     '-24': 'y',
     '-21': 'z',
@@ -61,19 +58,18 @@ const engineeringNotation = function (value) {
   };
   const exponentialNotation = num.toExponential(precision);
   const power = exponentialNotation.split('e').map(Number)[1] || 0;
-
   if (power < -24 || power > 24) {
     return exponentialNotation;
   }
-
   const scaledPower = 3 * Math.floor(power / 3);
-  const scaledMantissa = (exponentialNotation / 10 ** scaledPower // strip trailing decimals from floating point rounding errors
-  ).toFixed(precision) // strip trailing 0s after a decimal point
+  const scaledMantissa = (exponentialNotation / 10 ** scaledPower
+  // strip trailing decimals from floating point rounding errors
+  ).toFixed(precision)
+  // strip trailing 0s after a decimal point
   .replace(/\.([1-9]*)0+$/, (_, fractionalDigits) => {
     if (fractionalDigits) {
       return `.${fractionalDigits}`;
     }
-
     return '';
   });
   return `${scaledMantissa}${allYourBase[scaledPower]}`;

package/dist/utils/stories_utils.js

@@ -9,10 +9,10 @@ const SERIES_NAME = {
   [SERIES_NAME_LONG]: 'Series name long. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt interdum sapien ut blandit. Nulla fermentum nisi id euismod vulputate. END',
   [SERIES_NAME_LONG_WITHOUT_SPACES]: 'Series_name_long._Lorem_ipsum_dolor_sit_amet,_consectetur_adipiscing_elit._Sed_tincidunt_interdum_sapien_ut_blandit._Nulla_fermentum_nisi_id_euismod_vulputate._END'
 };
+
 /**
  * Builds the parameters object disable one or multiple controls.
  */
-
 const disableControls = function () {
   let controls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return Object.fromEntries(controls.map(control => [control, {

package/dist/utils/story_decorators/container.js

@@ -11,7 +11,6 @@ const makeContainer = style => Story => ({
       style
     }, [h(Story())]);
   }
-
 });
 
 export { makeContainer };

package/dist/utils/string_utils.js

@@ -18,28 +18,21 @@ import emojiRegexFactory from 'emoji-regex';
  * @param {string} string The string to split.
  * @returns {string[]} The resulting strings.
  */
-
 const splitAfterSymbols = (symbols, string) => {
   const textParts = [];
   let textPartStartIndex = 0;
-
   if (string.length === 0) {
     return [string];
   }
-
   for (let i = 0; i < string.length;) {
     let symbolFound = false;
-
     for (let j = 0; j < symbols.length; j += 1) {
       const symbol = symbols[j];
-
       if (!symbol) {
         // eslint-disable-next-line no-continue
         continue;
       }
-
       symbolFound = string.slice(i, i + symbol.length) === symbol;
-
       if (symbolFound) {
         const textPartEndIndex = i + symbol.length;
         const textPart = string.slice(textPartStartIndex, textPartEndIndex);
@@ -49,18 +42,14 @@ const splitAfterSymbols = (symbols, string) => {
         break;
       }
     }
-
     if (!symbolFound) {
       i += 1;
     }
   }
-
   const final = string.slice(textPartStartIndex);
-
   if (final) {
     textParts.push(final);
   }
-
   return textParts;
 };
 const startsWithEmojiRegex = `^(${emojiRegexFactory().source})`;
@@ -68,15 +57,12 @@ const getAvatarChar = name => {
   if (name) {
     // Check if string starts with an emoji (which could be multiple characters and zero-width joined)
     const match = name.match(startsWithEmojiRegex);
-
     if (match) {
       // Return the first match
       return match[0];
     }
-
     return name.charAt(0).toUpperCase();
   }
-
   return '';
 };
 

package/dist/utils/test_utils.js

@@ -4,9 +4,10 @@
  */
 function setStoryTimeout(fn, timeout) {
   return setTimeout(fn, process.env.IS_VISUAL_TEST ? 0 : timeout);
-} // adopted this method from Bootstraps utils
-// https://github.com/bootstrap-vue/bootstrap-vue/blob/2fd03f0b1d0cc41f9930078ba8b1c16b10e4ac2f/tests/utils.js#L6
+}
 
+// adopted this method from Bootstraps utils
+// https://github.com/bootstrap-vue/bootstrap-vue/blob/2fd03f0b1d0cc41f9930078ba8b1c16b10e4ac2f/tests/utils.js#L6
 const waitForAnimationFrame = () => new Promise(resolve => {
   requestAnimationFrame(resolve);
 });

package/dist/utils/use_fake_date.js

@@ -12,21 +12,17 @@ import MockDate from 'mockdate';
  *   mixins: [useFakeDate()],
  * })
  */
-
 const useFakeDate = () => {
   if (process.env.IS_VISUAL_TEST) {
     return {
       created() {
         MockDate.set('2020-01-10', 0);
       },
-
       destroyed() {
         MockDate.reset();
       }
-
     };
   }
-
   return {};
 };
 

package/dist/utils/use_mock_intersection_observer.js

@@ -15,19 +15,16 @@ class MockObserver {
     this.$_cb = cb;
     this.$_observers = [];
   }
-
   observe(node) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     this.$_observers.push([node, options]);
   }
-
   disconnect() {
     this.$_observers = [];
   }
+  takeRecords() {}
 
-  takeRecords() {} // eslint-disable-next-line camelcase
-
-
+  // eslint-disable-next-line camelcase
   $_triggerObserve(nodeParam) {
     let {
       entry = {},
@@ -42,9 +39,9 @@ class MockObserver {
         }]);
       }
     });
-  } // eslint-disable-next-line camelcase
-
+  }
 
+  // eslint-disable-next-line camelcase
   $_hasObserver(node) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return this.$_observers.some(_ref => {
@@ -52,7 +49,6 @@ class MockObserver {
       return node === obvNode && _isMatch(options, obvOptions);
     });
   }
-
   $_getNodesFromParam(nodeParam) {
     if (!nodeParam) {
       return this.$_observers.map(_ref2 => {
@@ -60,16 +56,12 @@ class MockObserver {
         return node;
       });
     }
-
     if (!_isArray(nodeParam)) {
       return [nodeParam];
     }
-
     return nodeParam;
   }
-
 }
-
 class MockIntersectionObserver extends MockObserver {
   unobserve(node) {
     this.$_observers = this.$_observers.filter(_ref3 => {
@@ -77,9 +69,7 @@ class MockIntersectionObserver extends MockObserver {
       return node !== obvNode;
     });
   }
-
 }
-
 const useMockIntersectionObserver = () => {
   let instances;
   let origObserver;
@@ -90,7 +80,6 @@ const useMockIntersectionObserver = () => {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
       const mockObserver = new MockIntersectionObserver(...args);
       instances.push(mockObserver);
       return mockObserver;
@@ -100,19 +89,15 @@ const useMockIntersectionObserver = () => {
     instances = [];
     global.IntersectionObserver = origObserver;
   });
-
   const trigger = function (observer) {
     for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       args[_key2 - 1] = arguments[_key2];
     }
-
     observer.$_triggerObserve(...args);
   };
-
   const getInstances = () => {
     return instances;
   };
-
   return {
     getInstances,
     trigger

package/dist/utils/utils.js

@@ -6,11 +6,9 @@ function debounceByAnimationFrame(fn) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     if (requestId) {
       window.cancelAnimationFrame(requestId);
     }
-
     requestId = window.requestAnimationFrame(() => fn.apply(this, args));
   };
 }
@@ -20,11 +18,9 @@ function throttle(fn) {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     if (frameId) {
       return;
     }
-
     frameId = window.requestAnimationFrame(() => {
       fn(...args);
       frameId = null;
@@ -51,7 +47,6 @@ function colorFromBackground(backgroundColor) {
   let r;
   let g;
   let b;
-
   if (backgroundColor.startsWith('#')) {
     [r, g, b] = rgbFromHex(backgroundColor);
   } else if (backgroundColor.startsWith('rgba(')) {
@@ -59,16 +54,15 @@ function colorFromBackground(backgroundColor) {
   } else if (backgroundColor.startsWith('rgb(')) {
     [r, g, b] = rgbFromString(backgroundColor, 4);
   }
-
   if (r + g + b <= 500) {
     return labelColorOptions.light;
   }
-
   return labelColorOptions.dark;
 }
 function uid() {
   return Math.random().toString(36).substring(2);
 }
+
 /**
  * Receives an element and validates that it can be focused
  * @param { HTMLElement } The element we want to validate
@@ -87,6 +81,7 @@ function isElementFocusable(elt) {
   const isInvalidAnchorTag = tagName === 'A' && !elt.getAttribute('href');
   return isValidTag && hasValidType && !isDisabled && hasValidZIndex && !isInvalidAnchorTag;
 }
+
 /**
  * Receives an array of HTML elements and focus the first one possible
  * @param { Array.<HTMLElement> } An array of element to potentially focus
@@ -97,47 +92,43 @@ function focusFirstFocusableElement(elts) {
   const focusableElt = elts.find(el => isElementFocusable(el));
   if (focusableElt) focusableElt.focus();
 }
+
 /**
  * Returns true if the current environment is considered a development environment (it's not
  * production or test).
  *
  * @returns {boolean}
  */
-
 function isDev() {
   return !['test', 'production'].includes(process.env.NODE_ENV);
 }
+
 /**
  * Prints a warning message to the console in non-test and non-production environments.
  * @param {string} message message to print to the console
  */
-
 function logWarning() {
   let message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
   if (message.length && isDev()) {
     console.warn(message); // eslint-disable-line no-console
   }
 }
+
 /**
  * Stop default event handling and propagation
  */
-
 function stopEvent(event) {
   let {
     preventDefault = true,
     stopPropagation = true,
     stopImmediatePropagation = false
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   if (preventDefault) {
     event.preventDefault();
   }
-
   if (stopPropagation) {
     event.stopPropagation();
   }
-
   if (stopImmediatePropagation) {
     event.stopImmediatePropagation();
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "49.0.1",
+  "version": "49.0.3",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -77,7 +77,7 @@
   },
   "devDependencies": {
     "@arkweid/lefthook": "0.7.7",
-    "@babel/core": "^7.19.3",
+    "@babel/core": "^7.19.6",
     "@babel/preset-env": "^7.19.4",
     "@gitlab/eslint-plugin": "18.1.0",
     "@gitlab/stylelint-config": "4.1.0",
@@ -104,7 +104,7 @@
     "bootstrap": "4.5.3",
     "cypress": "^10.10.0",
     "emoji-regex": "^10.0.0",
-    "eslint": "8.25.0",
+    "eslint": "8.26.0",
     "eslint-import-resolver-jest": "3.0.2",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-storybook": "0.6.6",

package/src/components/base/pagination/pagination.vue

@@ -375,8 +375,8 @@ export default {
 </script>
 
 <template>
-  <nav aria-label="Pagination">
-    <ul v-if="isVisible" class="pagination gl-pagination text-nowrap" :class="wrapperClasses">
+  <nav v-if="isVisible" class="gl-pagination text-nowrap" aria-label="Pagination">
+    <ul class="pagination" :class="wrapperClasses">
       <li
         class="page-item"
         :class="{

package/src/components/base/toast/toast.js

@@ -6,6 +6,7 @@ import CloseButton from '../../shared_components/close_button/close_button.vue';
 const DEFAULT_OPTIONS = {
   autoHideDelay: 5000,
   toastClass: 'gl-toast',
+  isStatus: true,
   noCloseButton: true,
   toaster: 'b-toaster-bottom-left',
 };