@gitlab/ui 87.6.1 → 87.8.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [87.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v87.7.0...v87.8.0) (2024-08-02)
+
+
+### Features
+
+* **DesignTokens:** separate badge from status design tokens ([280f390](https://gitlab.com/gitlab-org/gitlab-ui/commit/280f390f9a978362c71871beea8b7400832828e8))
+
+# [87.7.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v87.6.1...v87.7.0) (2024-08-01)
+
+
+### Features
+
+* Add boolean flag for improvedHideHeuristics in Config ([1fa7037](https://gitlab.com/gitlab-org/gitlab-ui/commit/1fa703735f10a3cfa3539c3c7d5d7950a6c6257e))
+
 ## [87.6.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v87.6.0...v87.6.1) (2024-08-01)
 
 

package/bin/migrate_custom_utils_to_tw.bundled.mjs

@@ -91778,7 +91778,7 @@ var require_utils5 = __commonJS({
       return (Number(max) - Number(min)) / Number(step) >= limit;
     };
     exports.escapeNode = (block, n = 0, type2) => {
-      let node = block.nodes[n];
+      const node = block.nodes[n];
       if (!node)
         return;
       if (type2 && node.type === type2 || node.type === "open" || node.type === "close") {
@@ -91829,8 +91829,14 @@ var require_utils5 = __commonJS({
       const result = [];
       const flat = (arr) => {
         for (let i3 = 0; i3 < arr.length; i3++) {
-          let ele = arr[i3];
-          Array.isArray(ele) ? flat(ele, result) : ele !== void 0 && result.push(ele);
+          const ele = arr[i3];
+          if (Array.isArray(ele)) {
+            flat(ele);
+            continue;
+          }
+          if (ele !== void 0) {
+            result.push(ele);
+          }
         }
         return result;
       };
@@ -91846,9 +91852,9 @@ var require_stringify2 = __commonJS({
     "use strict";
     var utils2 = require_utils5();
     module.exports = (ast, options8 = {}) => {
-      let stringify = (node, parent = {}) => {
-        let invalidBlock = options8.escapeInvalid && utils2.isInvalidBrace(parent);
-        let invalidNode = node.invalid === true && options8.escapeInvalid === true;
+      const stringify = (node, parent = {}) => {
+        const invalidBlock = options8.escapeInvalid && utils2.isInvalidBrace(parent);
+        const invalidNode = node.invalid === true && options8.escapeInvalid === true;
         let output = "";
         if (node.value) {
           if ((invalidBlock || invalidNode) && utils2.isOpenOrClose(node)) {
@@ -91860,7 +91866,7 @@ var require_stringify2 = __commonJS({
           return node.value;
         }
         if (node.nodes) {
-          for (let child of node.nodes) {
+          for (const child of node.nodes) {
             output += stringify(child);
           }
         }
@@ -92152,7 +92158,7 @@ var require_fill_range2 = __commonJS({
         input = "0" + input;
       return negative ? "-" + input : input;
     };
-    var toSequence = (parts, options8) => {
+    var toSequence = (parts, options8, maxLen) => {
       parts.negatives.sort((a3, b6) => a3 < b6 ? -1 : a3 > b6 ? 1 : 0);
       parts.positives.sort((a3, b6) => a3 < b6 ? -1 : a3 > b6 ? 1 : 0);
       let prefix = options8.capture ? "" : "?:";
@@ -92160,10 +92166,10 @@ var require_fill_range2 = __commonJS({
       let negatives = "";
       let result;
       if (parts.positives.length) {
-        positives = parts.positives.join("|");
+        positives = parts.positives.map((v5) => toMaxLen(String(v5), maxLen)).join("|");
       }
       if (parts.negatives.length) {
-        negatives = `-(${prefix}${parts.negatives.join("|")})`;
+        negatives = `-(${prefix}${parts.negatives.map((v5) => toMaxLen(String(v5), maxLen)).join("|")})`;
       }
       if (positives && negatives) {
         result = `${positives}|${negatives}`;
@@ -92245,7 +92251,7 @@ var require_fill_range2 = __commonJS({
         index++;
       }
       if (options8.toRegex === true) {
-        return step > 1 ? toSequence(parts, options8) : toRegex(range, null, { wrap: false, ...options8 });
+        return step > 1 ? toSequence(parts, options8, maxLen) : toRegex(range, null, { wrap: false, ...options8 });
       }
       return range;
     };
@@ -92312,16 +92318,17 @@ var require_compile2 = __commonJS({
     var fill3 = require_fill_range2();
     var utils2 = require_utils5();
     var compile = (ast, options8 = {}) => {
-      let walk = (node, parent = {}) => {
-        let invalidBlock = utils2.isInvalidBrace(parent);
-        let invalidNode = node.invalid === true && options8.escapeInvalid === true;
-        let invalid = invalidBlock === true || invalidNode === true;
-        let prefix = options8.escapeInvalid === true ? "\\" : "";
+      const walk = (node, parent = {}) => {
+        const invalidBlock = utils2.isInvalidBrace(parent);
+        const invalidNode = node.invalid === true && options8.escapeInvalid === true;
+        const invalid = invalidBlock === true || invalidNode === true;
+        const prefix = options8.escapeInvalid === true ? "\\" : "";
         let output = "";
         if (node.isOpen === true) {
           return prefix + node.value;
         }
         if (node.isClose === true) {
+          console.log("node.isClose", prefix, node.value);
           return prefix + node.value;
         }
         if (node.type === "open") {
@@ -92337,14 +92344,14 @@ var require_compile2 = __commonJS({
           return node.value;
         }
         if (node.nodes && node.ranges > 0) {
-          let args = utils2.reduce(node.nodes);
-          let range = fill3(...args, { ...options8, wrap: false, toRegex: true });
+          const args = utils2.reduce(node.nodes);
+          const range = fill3(...args, { ...options8, wrap: false, toRegex: true, strictZeros: true });
           if (range.length !== 0) {
             return args.length > 1 && range.length > 1 ? `(${range})` : range;
           }
         }
         if (node.nodes) {
-          for (let child of node.nodes) {
+          for (const child of node.nodes) {
             output += walk(child, node);
           }
         }
@@ -92364,7 +92371,7 @@ var require_expand2 = __commonJS({
     var stringify = require_stringify2();
     var utils2 = require_utils5();
     var append = (queue = "", stash = "", enclose = false) => {
-      let result = [];
+      const result = [];
       queue = [].concat(queue);
       stash = [].concat(stash);
       if (!stash.length)
@@ -92372,9 +92379,9 @@ var require_expand2 = __commonJS({
       if (!queue.length) {
         return enclose ? utils2.flatten(stash).map((ele) => `{${ele}}`) : stash;
       }
-      for (let item of queue) {
+      for (const item of queue) {
         if (Array.isArray(item)) {
-          for (let value2 of item) {
+          for (const value2 of item) {
             result.push(append(value2, stash, enclose));
           }
         } else {
@@ -92388,8 +92395,8 @@ var require_expand2 = __commonJS({
       return utils2.flatten(result);
     };
     var expand = (ast, options8 = {}) => {
-      let rangeLimit = options8.rangeLimit === void 0 ? 1e3 : options8.rangeLimit;
-      let walk = (node, parent = {}) => {
+      const rangeLimit = options8.rangeLimit === void 0 ? 1e3 : options8.rangeLimit;
+      const walk = (node, parent = {}) => {
         node.queue = [];
         let p4 = parent;
         let q11 = parent.queue;
@@ -92406,7 +92413,7 @@ var require_expand2 = __commonJS({
           return;
         }
         if (node.nodes && node.ranges > 0) {
-          let args = utils2.reduce(node.nodes);
+          const args = utils2.reduce(node.nodes);
           if (utils2.exceedsLimit(...args, options8.step, rangeLimit)) {
             throw new RangeError("expanded array length exceeds range limit. Use options.rangeLimit to increase or disable the limit.");
           }
@@ -92418,7 +92425,7 @@ var require_expand2 = __commonJS({
           node.nodes = [];
           return;
         }
-        let enclose = utils2.encloseBrace(node);
+        const enclose = utils2.encloseBrace(node);
         let queue = node.queue;
         let block = node;
         while (block.type !== "brace" && block.type !== "root" && block.parent) {
@@ -92426,7 +92433,7 @@ var require_expand2 = __commonJS({
           queue = block.queue;
         }
         for (let i3 = 0; i3 < node.nodes.length; i3++) {
-          let child = node.nodes[i3];
+          const child = node.nodes[i3];
           if (child.type === "comma" && node.type === "brace") {
             if (i3 === 1)
               queue.push("");
@@ -92458,7 +92465,7 @@ var require_constants5 = __commonJS({
   "node_modules/braces/lib/constants.js"(exports, module) {
     "use strict";
     module.exports = {
-      MAX_LENGTH: 1024 * 64,
+      MAX_LENGTH: 1e4,
       // Digits
       CHAR_0: "0",
       /* 0 */
@@ -92592,21 +92599,20 @@ var require_parse3 = __commonJS({
       if (typeof input !== "string") {
         throw new TypeError("Expected a string");
       }
-      let opts = options8 || {};
-      let max = typeof opts.maxLength === "number" ? Math.min(MAX_LENGTH, opts.maxLength) : MAX_LENGTH;
+      const opts = options8 || {};
+      const max = typeof opts.maxLength === "number" ? Math.min(MAX_LENGTH, opts.maxLength) : MAX_LENGTH;
       if (input.length > max) {
         throw new SyntaxError(`Input length (${input.length}), exceeds max characters (${max})`);
       }
-      let ast = { type: "root", input, nodes: [] };
-      let stack2 = [ast];
+      const ast = { type: "root", input, nodes: [] };
+      const stack2 = [ast];
       let block = ast;
       let prev = ast;
       let brackets = 0;
-      let length = input.length;
+      const length = input.length;
       let index = 0;
       let depth = 0;
       let value2;
-      let memo = {};
       const advance = () => input[index++];
       const push2 = (node) => {
         if (node.type === "text" && prev.type === "dot") {
@@ -92639,7 +92645,6 @@ var require_parse3 = __commonJS({
         }
         if (value2 === CHAR_LEFT_SQUARE_BRACKET) {
           brackets++;
-          let closed = true;
           let next;
           while (index < length && (next = advance())) {
             value2 += next;
@@ -92678,7 +92683,7 @@ var require_parse3 = __commonJS({
           continue;
         }
         if (value2 === CHAR_DOUBLE_QUOTE || value2 === CHAR_SINGLE_QUOTE || value2 === CHAR_BACKTICK) {
-          let open = value2;
+          const open = value2;
           let next;
           if (options8.keepQuotes !== true) {
             value2 = "";
@@ -92700,8 +92705,8 @@ var require_parse3 = __commonJS({
         }
         if (value2 === CHAR_LEFT_CURLY_BRACE) {
           depth++;
-          let dollar = prev.value && prev.value.slice(-1) === "$" || block.dollar === true;
-          let brace = {
+          const dollar = prev.value && prev.value.slice(-1) === "$" || block.dollar === true;
+          const brace = {
             type: "brace",
             open: true,
             close: false,
@@ -92721,7 +92726,7 @@ var require_parse3 = __commonJS({
             push2({ type: "text", value: value2 });
             continue;
           }
-          let type2 = "close";
+          const type2 = "close";
           block = stack2.pop();
           block.close = true;
           push2({ type: type2, value: value2 });
@@ -92732,7 +92737,7 @@ var require_parse3 = __commonJS({
         if (value2 === CHAR_COMMA && depth > 0) {
           if (block.ranges > 0) {
             block.ranges = 0;
-            let open = block.nodes.shift();
+            const open = block.nodes.shift();
             block.nodes = [open, { type: "text", value: stringify(block) }];
           }
           push2({ type: "comma", value: value2 });
@@ -92740,7 +92745,7 @@ var require_parse3 = __commonJS({
           continue;
         }
         if (value2 === CHAR_DOT && depth > 0 && block.commas === 0) {
-          let siblings = block.nodes;
+          const siblings = block.nodes;
           if (depth === 0 || siblings.length === 0) {
             push2({ type: "text", value: value2 });
             continue;
@@ -92761,7 +92766,7 @@ var require_parse3 = __commonJS({
           }
           if (prev.type === "range") {
             siblings.pop();
-            let before = siblings[siblings.length - 1];
+            const before = siblings[siblings.length - 1];
             before.value += prev.value + value2;
             prev = before;
             block.ranges--;
@@ -92786,8 +92791,8 @@ var require_parse3 = __commonJS({
               node.invalid = true;
             }
           });
-          let parent = stack2[stack2.length - 1];
-          let index2 = parent.nodes.indexOf(block);
+          const parent = stack2[stack2.length - 1];
+          const index2 = parent.nodes.indexOf(block);
           parent.nodes.splice(index2, 1, ...block.nodes);
         }
       } while (stack2.length > 0);
@@ -92809,8 +92814,8 @@ var require_braces2 = __commonJS({
     var braces = (input, options8 = {}) => {
       let output = [];
       if (Array.isArray(input)) {
-        for (let pattern of input) {
-          let result = braces.create(pattern, options8);
+        for (const pattern of input) {
+          const result = braces.create(pattern, options8);
           if (Array.isArray(result)) {
             output.push(...result);
           } else {

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js

@@ -1,6 +1,7 @@
 import clamp from 'lodash/clamp';
 import uniqueId from 'lodash/uniqueId';
 import { stopEvent, filterVisible } from '../../../../utils/utils';
+import { glDropdownConfig } from '../../../../config';
 import { GL_DROPDOWN_SHOWN, GL_DROPDOWN_HIDDEN, GL_DROPDOWN_BEFORE_CLOSE, GL_DROPDOWN_FOCUS_CONTENT, POSITION_ABSOLUTE, POSITION_FIXED, HOME, END, ARROW_UP, ARROW_DOWN, ENTER, SPACE, GL_DROPDOWN_CONTENTS_CLASS } from '../constants';
 import { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions, dropdownPlacements } from '../../../../utils/constants';
 import GlBaseDropdown, { BASE_DROPDOWN_CLASS } from '../base_dropdown/base_dropdown';
@@ -215,7 +216,9 @@ var script = {
     improvedHideHeuristics: {
       type: Boolean,
       required: false,
-      default: false
+      default() {
+        return Boolean(glDropdownConfig.useImprovedHideHeuristics);
+      }
     }
   },
   data() {

package/dist/components/base/new_dropdowns/listbox/listbox.js

@@ -2,6 +2,7 @@ import clamp from 'lodash/clamp';
 import uniqueId from 'lodash/uniqueId';
 import isNil from 'lodash/isNil';
 import { stopEvent } from '../../../../utils/utils';
+import { glDropdownConfig } from '../../../../config';
 import { GL_DROPDOWN_SHOWN, GL_DROPDOWN_HIDDEN, POSITION_ABSOLUTE, POSITION_FIXED, GL_DROPDOWN_CONTENTS_CLASS, HOME, END, ARROW_UP, ARROW_DOWN } from '../constants';
 import { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions, dropdownPlacements } from '../../../../utils/constants';
 import GlButton from '../../button/button';
@@ -336,7 +337,9 @@ var script = {
     improvedHideHeuristics: {
       type: Boolean,
       required: false,
-      default: false
+      default() {
+        return Boolean(glDropdownConfig.useImprovedHideHeuristics);
+      }
     }
   },
   data() {

package/dist/config.js

@@ -35,6 +35,7 @@ try {
   // localStorage doesn't exist (or the value is not properly formatted)
 }
 const i18n = translationKeys;
+const glDropdownConfig = {};
 let configured = false;
 
 /**
@@ -43,11 +44,12 @@ let configured = false;
  * @typedef {object} GitLabUIConfiguration
  * @template TValue=string
  * @property {undefined | Object} translations Generic translations for component labels to fall back to.
- * @property {boolean} disableTranslations Whether translation capabilities should be disabled. Suppresses the warning about missing translations.
+ * @property {boolean} [useImprovedHideHeuristics] Temporary flag to enable improved hide heuristics for dropdowns.
  */
 const setConfigs = function () {
   let {
-    translations
+    translations,
+    useImprovedHideHeuristics
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   if (configured) {
     if (process.env.NODE_ENV === 'development') {
@@ -80,7 +82,24 @@ const setConfigs = function () {
     }
     Object.assign(i18n, translations);
   }
+
+  // Temporary flag to enable the improved hide heuristics feature.
+  // This flag allows the feature to be opt-in during the rollout phase,
+  // giving us the flexibility to test and validate its impact on user experience.
+
+  // The global variable `useImprovedHideHeuristics` is set to a boolean value
+  // to indicate whether the improved hide heuristics should be used.
+
+  // Future Plan:
+  // Once the improved hide heuristics feature is validated and stable,
+  // we will remove this temporary flag and make the feature the default behavior.
+  // At that point, there will be no need for opt-in or opt-out mechanisms for this feature.
+  if (typeof useImprovedHideHeuristics === 'boolean') {
+    Object.assign(glDropdownConfig, {
+      useImprovedHideHeuristics
+    });
+  }
 };
 
 export default setConfigs;
-export { i18n };
+export { glDropdownConfig, i18n };