@epignosis_llc/gnosis 6.2.22 → 6.2.23

package/dist/cjs/index.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.21
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 
@@ -3990,7 +3990,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$s = _export;
+var $$t = _export;
 var call$9 = functionCall;
 var FunctionName = functionName;
 var isCallable$8 = isCallable$l;
@@ -4078,7 +4078,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn$7(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$s({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$t({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -4406,7 +4406,7 @@ var arrayMethodHasSpeciesSupport$4 = function (METHOD_NAME) {
   });
 };
 
-var $$r = _export;
+var $$s = _export;
 var $map = arrayIteration.map;
 var arrayMethodHasSpeciesSupport$3 = arrayMethodHasSpeciesSupport$4;
 
@@ -4415,7 +4415,7 @@ var HAS_SPECIES_SUPPORT$2 = arrayMethodHasSpeciesSupport$3('map');
 // `Array.prototype.map` method
 // https://tc39.es/ecma262/#sec-array.prototype.map
 // with adding support of @@species
-$$r({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
+$$s({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
   map: function map(callbackfn /* , thisArg */) {
     return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -4562,13 +4562,13 @@ var createProperty$3 = function (object, key, value) {
   else object[key] = value;
 };
 
-var $$q = _export;
+var $$r = _export;
 var iterate$2 = iterate$3;
 var createProperty$2 = createProperty$3;
 
 // `Object.fromEntries` method
 // https://github.com/tc39/proposal-object-from-entries
-$$q({ target: 'Object', stat: true }, {
+$$r({ target: 'Object', stat: true }, {
   fromEntries: function fromEntries(iterable) {
     var obj = {};
     iterate$2(iterable, function (k, v) {
@@ -4664,7 +4664,7 @@ var doesNotExceedSafeInteger$1 = function (it) {
   return it;
 };
 
-var $$p = _export;
+var $$q = _export;
 var fails$h = fails$u;
 var isArray$4 = isArray$6;
 var isObject$9 = isObject$j;
@@ -4699,7 +4699,7 @@ var FORCED$5 = !IS_CONCAT_SPREADABLE_SUPPORT || !arrayMethodHasSpeciesSupport$2(
 // `Array.prototype.concat` method
 // https://tc39.es/ecma262/#sec-array.prototype.concat
 // with adding support of @@isConcatSpreadable and @@species
-$$p({ target: 'Array', proto: true, arity: 1, forced: FORCED$5 }, {
+$$q({ target: 'Array', proto: true, arity: 1, forced: FORCED$5 }, {
   // eslint-disable-next-line no-unused-vars -- required for `.length`
   concat: function concat(arg) {
     var O = toObject$5(this);
@@ -4726,7 +4726,7 @@ var uncurryThis$i = functionUncurryThis;
 
 var arraySlice$3 = uncurryThis$i([].slice);
 
-var $$o = _export;
+var $$p = _export;
 var isArray$3 = isArray$6;
 var isConstructor = isConstructor$2;
 var isObject$8 = isObject$j;
@@ -4747,7 +4747,7 @@ var max$2 = Math.max;
 // `Array.prototype.slice` method
 // https://tc39.es/ecma262/#sec-array.prototype.slice
 // fallback for not array-like ES3 strings and DOM objects
-$$o({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$1 }, {
+$$p({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$1 }, {
   slice: function slice(start, end) {
     var O = toIndexedObject$3(this);
     var length = lengthOfArrayLike$2(O);
@@ -4842,12 +4842,12 @@ var numberParseInt = FORCED$4 ? function parseInt(string, radix) {
   return $parseInt$1(S, (radix >>> 0) || (exec$2(hex$1, S) ? 16 : 10));
 } : $parseInt$1;
 
-var $$n = _export;
+var $$o = _export;
 var $parseInt = numberParseInt;
 
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
-$$n({ global: true, forced: parseInt !== $parseInt }, {
+$$o({ global: true, forced: parseInt !== $parseInt }, {
   parseInt: $parseInt
 });
 
@@ -7401,13 +7401,13 @@ var stringHtmlForced = function (METHOD_NAME) {
   });
 };
 
-var $$m = _export;
+var $$n = _export;
 var createHTML = createHtml;
 var forcedStringHTMLMethod = stringHtmlForced;
 
 // `String.prototype.link` method
 // https://tc39.es/ecma262/#sec-string.prototype.link
-$$m({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {
+$$n({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {
   link: function link(url) {
     return createHTML(this, 'a', 'href', url);
   }
@@ -18044,7 +18044,7 @@ var arrayReduce = {
 
 var fails$e = fails$u;
 
-var arrayMethodIsStrict$3 = function (METHOD_NAME, argument) {
+var arrayMethodIsStrict$4 = function (METHOD_NAME, argument) {
   var method = [][METHOD_NAME];
   return !!method && fails$e(function () {
     // eslint-disable-next-line no-useless-call -- required for testing
@@ -18077,27 +18077,27 @@ var ENVIRONMENT$1 = environment;
 
 var environmentIsNode = ENVIRONMENT$1 === 'NODE';
 
-var $$l = _export;
+var $$m = _export;
 var $reduce = arrayReduce.left;
-var arrayMethodIsStrict$2 = arrayMethodIsStrict$3;
+var arrayMethodIsStrict$3 = arrayMethodIsStrict$4;
 var CHROME_VERSION = environmentV8Version;
 var IS_NODE = environmentIsNode;
 
 // Chrome 80-82 has a critical bug
 // https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
 var CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;
-var FORCED$3 = CHROME_BUG || !arrayMethodIsStrict$2('reduce');
+var FORCED$3 = CHROME_BUG || !arrayMethodIsStrict$3('reduce');
 
 // `Array.prototype.reduce` method
 // https://tc39.es/ecma262/#sec-array.prototype.reduce
-$$l({ target: 'Array', proto: true, forced: FORCED$3 }, {
+$$m({ target: 'Array', proto: true, forced: FORCED$3 }, {
   reduce: function reduce(callbackfn /* , initialValue */) {
     var length = arguments.length;
     return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
   }
 });
 
-var $$k = _export;
+var $$l = _export;
 var toObject$3 = toObject$9;
 var nativeKeys = objectKeys$2;
 var fails$d = fails$u;
@@ -18106,7 +18106,7 @@ var FAILS_ON_PRIMITIVES$1 = fails$d(function () { nativeKeys(1); });
 
 // `Object.keys` method
 // https://tc39.es/ecma262/#sec-object.keys
-$$k({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES$1 }, {
+$$l({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES$1 }, {
   keys: function keys(it) {
     return nativeKeys(toObject$3(it));
   }
@@ -22046,20 +22046,20 @@ var arrayFill = function fill(value /* , start = 0, end = @length */) {
   return O;
 };
 
-var $$j = _export;
+var $$k = _export;
 var fill = arrayFill;
 var addToUnscopables$2 = addToUnscopables$4;
 
 // `Array.prototype.fill` method
 // https://tc39.es/ecma262/#sec-array.prototype.fill
-$$j({ target: 'Array', proto: true }, {
+$$k({ target: 'Array', proto: true }, {
   fill: fill
 });
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables$2('fill');
 
-var $$i = _export;
+var $$j = _export;
 var uncurryThis$e = functionUncurryThis;
 var isArray$2 = isArray$6;
 
@@ -22070,7 +22070,7 @@ var test = [1, 2];
 // https://tc39.es/ecma262/#sec-array.prototype.reverse
 // fix for Safari 12.0 bug
 // https://bugs.webkit.org/show_bug.cgi?id=188794
-$$i({ target: 'Array', proto: true, forced: String(test) === String(test.reverse()) }, {
+$$j({ target: 'Array', proto: true, forced: String(test) === String(test.reverse()) }, {
   reverse: function reverse() {
     // eslint-disable-next-line no-self-assign -- dirty hack
     if (isArray$2(this)) this.length = this.length;
@@ -22419,7 +22419,7 @@ var Pagination = function Pagination(_ref) {
   }, jsx(SvgChevronArrowLineRight, null))));
 };
 
-var $$h = _export;
+var $$i = _export;
 var $filter = arrayIteration.filter;
 var arrayMethodHasSpeciesSupport = arrayMethodHasSpeciesSupport$4;
 
@@ -22428,7 +22428,7 @@ var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');
 // `Array.prototype.filter` method
 // https://tc39.es/ecma262/#sec-array.prototype.filter
 // with adding support of @@species
-$$h({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
+$$i({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
   filter: function filter(callbackfn /* , thisArg */) {
     return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -25221,15 +25221,15 @@ var Item = function Item(props) {
 };
 Grid.Item = Item;
 
-var $$g = _export;
+var $$h = _export;
 var $every = arrayIteration.every;
-var arrayMethodIsStrict$1 = arrayMethodIsStrict$3;
+var arrayMethodIsStrict$2 = arrayMethodIsStrict$4;
 
-var STRICT_METHOD = arrayMethodIsStrict$1('every');
+var STRICT_METHOD$1 = arrayMethodIsStrict$2('every');
 
 // `Array.prototype.every` method
 // https://tc39.es/ecma262/#sec-array.prototype.every
-$$g({ target: 'Array', proto: true, forced: !STRICT_METHOD }, {
+$$h({ target: 'Array', proto: true, forced: !STRICT_METHOD$1 }, {
   every: function every(callbackfn /* , thisArg */) {
     return $every(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -25298,7 +25298,7 @@ var freezing = !fails$9(function () {
   return Object.isExtensible(Object.preventExtensions({}));
 });
 
-var $$f = _export;
+var $$g = _export;
 var uncurryThis$c = functionUncurryThis;
 var hiddenKeys$1 = hiddenKeys$6;
 var isObject$3 = isObject$j;
@@ -25373,7 +25373,7 @@ var enable = function () {
       } return result;
     };
 
-    $$f({ target: 'Object', stat: true, forced: true }, {
+    $$g({ target: 'Object', stat: true, forced: true }, {
       getOwnPropertyNames: getOwnPropertyNamesExternalModule.f
     });
   }
@@ -25457,7 +25457,7 @@ var inheritIfRequired$2 = function ($this, dummy, Wrapper) {
   return $this;
 };
 
-var $$e = _export;
+var $$f = _export;
 var globalThis$c = globalThis_1;
 var uncurryThis$b = functionUncurryThis;
 var isForced$1 = isForced_1;
@@ -25554,7 +25554,7 @@ var collection$1 = function (CONSTRUCTOR_NAME, wrapper, common) {
   }
 
   exported[CONSTRUCTOR_NAME] = Constructor;
-  $$e({ global: true, constructor: true, forced: Constructor !== NativeConstructor }, exported);
+  $$f({ global: true, constructor: true, forced: Constructor !== NativeConstructor }, exported);
 
   setToStringTag$2(Constructor, CONSTRUCTOR_NAME);
 
@@ -25961,7 +25961,7 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-var $$d = _export;
+var $$e = _export;
 var $includes = arrayIncludes.includes;
 var fails$7 = fails$u;
 var addToUnscopables$1 = addToUnscopables$4;
@@ -25974,7 +25974,7 @@ var BROKEN_ON_SPARSE = fails$7(function () {
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$d({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$e({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -25993,7 +25993,7 @@ var uncurryThis$9 = functionUncurryThis;
 // https://tc39.es/ecma262/#sec-thisnumbervalue
 var thisNumberValue$1 = uncurryThis$9(1.0.valueOf);
 
-var $$c = _export;
+var $$d = _export;
 var IS_PURE = isPure;
 var DESCRIPTORS$3 = descriptors;
 var globalThis$9 = globalThis_1;
@@ -26085,7 +26085,7 @@ var NumberWrapper = function Number(value) {
 NumberWrapper.prototype = NumberPrototype;
 if (FORCED$2 && !IS_PURE) NumberPrototype.constructor = NumberWrapper;
 
-$$c({ global: true, constructor: true, wrap: true, forced: FORCED$2 }, {
+$$d({ global: true, constructor: true, wrap: true, forced: FORCED$2 }, {
   Number: NumberWrapper
 });
 
@@ -26145,7 +26145,7 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $$b = _export;
+var $$c = _export;
 var uncurryThis$7 = functionUncurryThis;
 var notARegExp = notARegexp;
 var requireObjectCoercible = requireObjectCoercible$7;
@@ -26156,7 +26156,7 @@ var stringIndexOf = uncurryThis$7(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
-$$b({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+$$c({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf(
       toString$4(requireObjectCoercible(this)),
@@ -26322,7 +26322,7 @@ var Checkbox = function Checkbox(props, ref) {
 };
 var Checkbox$1 = /*#__PURE__*/React.forwardRef(Checkbox);
 
-var $$a = _export;
+var $$b = _export;
 var $find = arrayIteration.find;
 var addToUnscopables = addToUnscopables$4;
 
@@ -26335,7 +26335,7 @@ if (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });
 
 // `Array.prototype.find` method
 // https://tc39.es/ecma262/#sec-array.prototype.find
-$$a({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+$$b({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
   find: function find(callbackfn /* , that = undefined */) {
     return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -26585,20 +26585,20 @@ var Body = function Body(_ref) {
   }, jsx("td", null, jsx(Result, emptyState))));
 };
 
-var $$9 = _export;
+var $$a = _export;
 var uncurryThis$6 = functionUncurryThis;
 var IndexedObject = indexedObject;
 var toIndexedObject$1 = toIndexedObject$9;
-var arrayMethodIsStrict = arrayMethodIsStrict$3;
+var arrayMethodIsStrict$1 = arrayMethodIsStrict$4;
 
 var nativeJoin = uncurryThis$6([].join);
 
 var ES3_STRINGS = IndexedObject !== Object;
-var FORCED$1 = ES3_STRINGS || !arrayMethodIsStrict('join', ',');
+var FORCED$1 = ES3_STRINGS || !arrayMethodIsStrict$1('join', ',');
 
 // `Array.prototype.join` method
 // https://tc39.es/ecma262/#sec-array.prototype.join
-$$9({ target: 'Array', proto: true, forced: FORCED$1 }, {
+$$a({ target: 'Array', proto: true, forced: FORCED$1 }, {
   join: function join(separator) {
     return nativeJoin(toIndexedObject$1(this), separator === undefined ? ',' : separator);
   }
@@ -26882,7 +26882,7 @@ var schedulersFix$2 = function (scheduler, hasTimeArg) {
   } : scheduler;
 };
 
-var $$8 = _export;
+var $$9 = _export;
 var globalThis$7 = globalThis_1;
 var schedulersFix$1 = schedulersFix$2;
 
@@ -26890,11 +26890,11 @@ var setInterval = schedulersFix$1(globalThis$7.setInterval, true);
 
 // Bun / IE9- setInterval additional parameters fix
 // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-setinterval
-$$8({ global: true, bind: true, forced: globalThis$7.setInterval !== setInterval }, {
+$$9({ global: true, bind: true, forced: globalThis$7.setInterval !== setInterval }, {
   setInterval: setInterval
 });
 
-var $$7 = _export;
+var $$8 = _export;
 var globalThis$6 = globalThis_1;
 var schedulersFix = schedulersFix$2;
 
@@ -26902,7 +26902,7 @@ var setTimeout$1 = schedulersFix(globalThis$6.setTimeout, true);
 
 // Bun / IE9- setTimeout additional parameters fix
 // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-settimeout
-$$7({ global: true, bind: true, forced: globalThis$6.setTimeout !== setTimeout$1 }, {
+$$8({ global: true, bind: true, forced: globalThis$6.setTimeout !== setTimeout$1 }, {
   setTimeout: setTimeout$1
 });
 
@@ -27181,12 +27181,12 @@ if (PATCH) {
 
 var regexpExec = patchedExec;
 
-var $$6 = _export;
+var $$7 = _export;
 var exec$1 = regexpExec;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$6({ target: 'RegExp', proto: true, forced: /./.exec !== exec$1 }, {
+$$7({ target: 'RegExp', proto: true, forced: /./.exec !== exec$1 }, {
   exec: exec$1
 });
 
@@ -27384,6 +27384,20 @@ var SearchInput = function SearchInput(_ref) {
   }));
 };
 
+var $$6 = _export;
+var $some = arrayIteration.some;
+var arrayMethodIsStrict = arrayMethodIsStrict$4;
+
+var STRICT_METHOD = arrayMethodIsStrict('some');
+
+// `Array.prototype.some` method
+// https://tc39.es/ecma262/#sec-array.prototype.some
+$$6({ target: 'Array', proto: true, forced: !STRICT_METHOD }, {
+  some: function some(callbackfn /* , thisArg */) {
+    return $some(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
 var _filterListByKeyword = function filterListByKeyword(list, keyword) {
   return list.reduce(function (arr, item) {
     var items = item.items,
@@ -27425,6 +27439,71 @@ var getInlinePaddingStart = function getInlinePaddingStart(level, isSearchable)
   var initialPadding = isSearchable ? 0.25 : 1;
   return initialPadding + level * 0.75;
 };
+var _clearDividers = function clearDividers(items) {
+  return items.map(function (item) {
+    if (item.items && item.items.length > 0) {
+      return _objectSpread2$1(_objectSpread2$1({}, item), {}, {
+        items: _clearDividers(item.items),
+        divider: false
+      });
+    }
+    return _objectSpread2$1(_objectSpread2$1({}, item), {}, {
+      divider: false
+    });
+  });
+};
+var _addDividerToLastItem = function addDividerToLastItem(items) {
+  if (items.length === 0) return items;
+  var lastIndex = items.length - 1;
+  var lastItem = items[lastIndex];
+  if (lastItem.items && lastItem.items.length > 0) {
+    var updatedItems = _addDividerToLastItem(lastItem.items);
+    return [].concat(_toConsumableArray$1(items.slice(0, lastIndex)), [_objectSpread2$1(_objectSpread2$1({}, lastItem), {}, {
+      items: updatedItems
+    })]);
+  }
+  return [].concat(_toConsumableArray$1(items.slice(0, lastIndex)), [_objectSpread2$1(_objectSpread2$1({}, lastItem), {}, {
+    divider: true
+  })]);
+};
+
+/**
+ * Builds a grouped dropdown menu with dividers separating groups.
+ * First clears all existing dividers, then adds dividers to the last item
+ * of each group that has items following it (either standalone items or other groups).
+ */
+var buildGroupedDropdownMenu = function buildGroupedDropdownMenu(list) {
+  var hasNestedItems = list.some(function (item) {
+    return item.items && item.items.length > 0;
+  });
+  if (!hasNestedItems) return list;
+
+  // Clear all existing dividers before rebuilding the structure
+  var cleanedList = _clearDividers(list);
+  return cleanedList.map(function (item, index) {
+    var isGroup = item.items && item.items.length > 0;
+    var isStandaloneItem = !isGroup;
+
+    // Standalone items pass through unchanged
+    if (isStandaloneItem) return item;
+    var groupItems = item.items || [];
+    var processedItems = _toConsumableArray$1(groupItems);
+
+    // Check if there are items following this group
+    var hasItemAfter = index < cleanedList.length - 1;
+    var nextItem = hasItemAfter ? cleanedList[index + 1] : null;
+    var isNextItemStandalone = nextItem && (!nextItem.items || nextItem.items.length === 0);
+    var isNextItemGroup = nextItem && nextItem.items && nextItem.items.length > 0;
+
+    // Add divider to the last item in the group to separate it from following items
+    if (processedItems.length > 0 && (isNextItemStandalone || isNextItemGroup)) {
+      processedItems = _addDividerToLastItem(processedItems);
+    }
+    return _objectSpread2$1(_objectSpread2$1({}, item), {}, {
+      items: processedItems
+    });
+  });
+};
 
 var DropdownListItemStyles = function DropdownListItemStyles(_ref, _ref2) {
   var dropdown = _ref.dropdown;
@@ -27505,6 +27584,7 @@ var DropdownListItemTitle = function DropdownListItemTitle(_ref) {
     level = _ref.level,
     isSearchable = _ref.isSearchable,
     textSize = _ref.textSize;
+  if (!label) return null;
   return jsx("li", {
     "aria-disabled": "true",
     tabIndex: -1,
@@ -27533,7 +27613,7 @@ var DropdownList = function DropdownList(_ref3, _ref4) {
   return /*#__PURE__*/ /*#__PURE__*/css$2("list-style:none;width:max-content;box-sizing:border-box;white-space:nowrap;user-select:none;margin:", isSearchable ? "0.5rem 0 0" : "0", ";padding:", isSearchable ? "0" : "0.5rem 0", ";max-height:21rem;overflow-y:auto;width:", fullWidth ? "100%" : "auto", ";min-width:", fullWidth ? "2rem" : "14rem", ";border-radius:5px;scrollbar-width:5px;scrollbar-color:", scrollbar.color, " ", scrollbar.background, ";::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:", scrollbar.background, ";border-radius:10px;}::-webkit-scrollbar-thumb{background-color:", scrollbar.color, ";border-radius:10px;}.empty-state{color:", dropdown.emptyStateColor, ";padding:0 0.75rem;display:flex;align-items:center;height:2rem;}.divider{height:1px;border-bottom:1px solid ", dropdown.borderBottomColor, ";margin-block:0.25rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownList;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RFEiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25Db250YWluZXIgPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBmdWxsV2lkdGggfTogeyBpc1NlYXJjaGFibGU6IGJvb2xlYW47IGZ1bGxXaWR0aDogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gIC5kcm9wZG93bi13cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBib3gtc2hhZG93OiAwIDNweCA2cHggJHtkcm9wZG93bi5ib3hTaGFkb3dDb2xvcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkcm9wZG93bi5iYWNrZ3JvdW5kQ29sb3J9O1xuICAgIHBhZGRpbmc6ICR7aXNTZWFyY2hhYmxlID8gXCIwLjc1cmVtXCIgOiBcIjBcIn07XG4gICAgd2lkdGg6ICR7ZnVsbFdpZHRoID8gKGlzU2VhcmNoYWJsZSA/IFwiYXV0b1wiIDogXCIxMDAlXCIpIDogXCJhdXRvXCJ9O1xuICAgIG1heC13aWR0aDogJHtmdWxsV2lkdGggPyBcIjUwXCIgOiBcIjE5LjVcIn1yZW07XG5cbiAgICAuaW5wdXQtd3JhcHBlciB7XG4gICAgICBtaW4td2lkdGg6IDE4cmVtO1xuICAgIH1cblxuICAgICYuYm90dG9tLXN0YXJ0IHtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gICAgfVxuXG4gICAgJi5ib3R0b20tZW5kIHtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgIH1cblxuICAgICYudG9wLXN0YXJ0IHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XG4gICAgfVxuXG4gICAgJi50b3AtZW5kIHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgIH1cblxuICAgICYuZW5kLXRvcCB7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDEwMCU7XG4gICAgICB0b3A6IDA7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0ID0gKFxuICB7IGRyb3Bkb3duLCBzY3JvbGxiYXIgfTogVGhlbWUsXG4gIHsgZnVsbFdpZHRoLCBpc1NlYXJjaGFibGUgfTogeyBmdWxsV2lkdGg6IGJvb2xlYW47IGlzU2VhcmNoYWJsZTogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1hcmdpbjogJHtpc1NlYXJjaGFibGUgPyBcIjAuNXJlbSAwIDBcIiA6IFwiMFwifTtcbiAgcGFkZGluZzogJHtpc1NlYXJjaGFibGUgPyBcIjBcIiA6IFwiMC41cmVtIDBcIn07XG4gIG1heC1oZWlnaHQ6IDIxcmVtO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICB3aWR0aDogJHtmdWxsV2lkdGggPyBcIjEwMCVcIiA6IFwiYXV0b1wifTtcbiAgbWluLXdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMnJlbVwiIDogXCIxNHJlbVwifTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gIC8qIFdvcmtzIG9uIEZpcmVmb3ggKi9cbiAgc2Nyb2xsYmFyLXdpZHRoOiA1cHg7XG4gIHNjcm9sbGJhci1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9ICR7c2Nyb2xsYmFyLmJhY2tncm91bmR9O1xuXG4gIC8qIFdvcmtzIG9uIENocm9tZSwgRWRnZSwgYW5kIFNhZmFyaSAqL1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogNXB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7c2Nyb2xsYmFyLmNvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgLmVtcHR5LXN0YXRlIHtcbiAgICBjb2xvcjogJHtkcm9wZG93bi5lbXB0eVN0YXRlQ29sb3J9O1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgLmRpdmlkZXIge1xuICAgIGhlaWdodDogMXB4O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Ryb3Bkb3duLmJvcmRlckJvdHRvbUNvbG9yfTtcbiAgICBtYXJnaW4tYmxvY2s6IDAuMjVyZW07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownList;");
 };
 
-var _excluded$i = ["list", "children", "placement", "onListItemSelect", "isSearchable", "textSize", "fullWidth", "prependContent", "hover", "fixPlacement", "emptyStateText", "placeholderText", "remainOpenOnSelect", "onToggleList", "disabled"];
+var _excluded$i = ["list", "children", "placement", "onListItemSelect", "isSearchable", "textSize", "fullWidth", "prependContent", "hover", "fixPlacement", "emptyStateText", "placeholderText", "remainOpenOnSelect", "onToggleList", "disabled", "isGroupedList"];
 var dropdownWrapperClasses = function dropdownWrapperClasses(placement) {
   return classNames$1("dropdown-wrapper", {
     "bottom-start": placement === "bottom-start",
@@ -27581,7 +27661,12 @@ var Dropdown = function Dropdown(_ref) {
     onToggleList = _ref.onToggleList,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$isGroupedList = _ref.isGroupedList,
+    isGroupedList = _ref$isGroupedList === void 0 ? false : _ref$isGroupedList,
     rest = _objectWithoutProperties$1(_ref, _excluded$i);
+  var optionsList = React.useMemo(function () {
+    return isGroupedList ? buildGroupedDropdownMenu(list) : list;
+  }, [list, isGroupedList]);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
     isListOpen = _useState2[0],
@@ -27591,7 +27676,7 @@ var Dropdown = function Dropdown(_ref) {
     currentPlacement = _useState4[0],
     setCurrentPlacement = _useState4[1];
   var _useState5 = React.useState(function () {
-      return list;
+      return optionsList;
     }),
     _useState6 = _slicedToArray$1(_useState5, 2),
     filteredList = _useState6[0],
@@ -27606,9 +27691,6 @@ var Dropdown = function Dropdown(_ref) {
   useClickAway(function () {
     setIsListOpen(false);
   }, wrapperRef);
-  React.useEffect(function () {
-    setFilteredList(list);
-  }, [list]);
   React.useEffect(function () {
     if (!disabled && onToggleList) {
       onToggleList(isListOpen);
@@ -27617,9 +27699,9 @@ var Dropdown = function Dropdown(_ref) {
   React.useEffect(function () {
     if (disabled) {
       setIsListOpen(false);
-      setFilteredList(list);
     }
-  }, [disabled, list]);
+    setFilteredList(optionsList);
+  }, [disabled, optionsList]);
   React.useLayoutEffect(function () {
     if (isListOpen) {
       fixPlacement && fixDropdownPlacement();
@@ -27736,7 +27818,7 @@ var Dropdown = function Dropdown(_ref) {
     hoverTimeOut = setTimeout(function () {
       setIsListOpen(false);
       // Force the list to be reset when the dropdown is closed
-      setFilteredList(list);
+      setFilteredList(optionsList);
     }, 100);
   };
 
@@ -27747,7 +27829,7 @@ var Dropdown = function Dropdown(_ref) {
 
     // We want to reset the dropdown list every time it opens
     if (!isListOpen) {
-      setFilteredList(list);
+      setFilteredList(optionsList);
     }
     setIsListOpen(function (prevState) {
       return !prevState;
@@ -27756,9 +27838,13 @@ var Dropdown = function Dropdown(_ref) {
 
   // Search element methods
 
+  var getFilteredList = function getFilteredList(keyword) {
+    if (!keyword) return optionsList;
+    var filtered = _filterListByKeyword(list, keyword);
+    return isGroupedList ? buildGroupedDropdownMenu(filtered) : filtered;
+  };
   var handleInputChanged = function handleInputChanged(keyword) {
-    if (!keyword) setFilteredList(list);
-    setFilteredList(_filterListByKeyword(list, keyword));
+    setFilteredList(getFilteredList(keyword));
   };
 
   // List item methods