@epignosis_llc/gnosis 6.3.4 → 6.3.6

package/dist/cjs/index.cjs

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.3.3
+   * @epignosis_llc/gnosis.js v6.3.5
    * Released under the MIT license.
    */
 
@@ -22211,7 +22211,8 @@ var PaginationSelector = function PaginationSelector(_ref) {
   var items = _ref.items,
     selected = _ref.selected,
     ariaLabel = _ref.ariaLabel,
-    totalResultsText = _ref.totalResultsText,
+    totalResults = _ref.totalResults,
+    translationOfPage = _ref.translationOfPage,
     _ref$listPlacement = _ref.listPlacement,
     listPlacement = _ref$listPlacement === void 0 ? "top" : _ref$listPlacement,
     _ref$disabled = _ref.disabled,
@@ -22224,11 +22225,19 @@ var PaginationSelector = function PaginationSelector(_ref) {
     setIsListOpen = _useState2[1];
   var _useState3 = React.useState(selected),
     _useState4 = _slicedToArray$1(_useState3, 2),
-    selectedListItem = _useState4[0],
-    setSelectedListItem = _useState4[1];
+    selectedPageSize = _useState4[0],
+    setSelectedPageSize = _useState4[1];
   useClickOutside(wrapperRef, function () {
     return setIsListOpen(false);
   });
+  var hasItems = items.length > 1;
+  var hasTotalResults = !!totalResults;
+  var isBtnDisabled = !hasItems || disabled;
+  var btnClassName = classNames$1({
+    "dropdown-button": true,
+    disabled: isBtnDisabled
+  });
+  var selectedPageSizeText = totalResults ? "".concat(selectedPageSize > totalResults ? totalResults : selectedPageSize, " ").concat(translationOfPage, " ").concat(totalResults) : selectedPageSize.toString();
   var toggleList = function toggleList() {
     if (!disabled) {
       // We want to reset the dropdown list every time it opens
@@ -22240,38 +22249,36 @@ var PaginationSelector = function PaginationSelector(_ref) {
   var handleListItemSelect = function handleListItemSelect(item) {
     if (isListOpen) {
       onClickItemHandler(item);
-      setSelectedListItem(item);
+      setSelectedPageSize(item);
       setIsListOpen(false);
     }
   };
   React.useEffect(function () {
-    setSelectedListItem(selected);
+    setSelectedPageSize(selected);
   }, [selected]);
   React.useEffect(function () {
     if (disabled) {
       setIsListOpen(false);
     }
   }, [disabled]);
-  var hasItems = items.length > 1;
-  var selectedItemText = totalResultsText ? "".concat(selectedListItem, " ").concat(totalResultsText) : selectedListItem.toString();
   return jsx("div", {
     css: function css(theme) {
       return PaginationSelectorStyles(theme, {
         isOpen: isListOpen,
-        hasTotalResults: Boolean(totalResultsText)
+        hasTotalResults: hasTotalResults
       });
     },
     ref: wrapperRef
   }, jsx("button", {
-    className: "dropdown-button ".concat(!hasItems ? "disabled" : ""),
-    disabled: !hasItems || disabled,
-    onClick: toggleList,
-    title: "".concat(selectedListItem),
-    "aria-label": ariaLabel
+    className: btnClassName,
+    disabled: isBtnDisabled,
+    title: "".concat(selectedPageSize),
+    "aria-label": ariaLabel,
+    onClick: toggleList
   }, jsx(Text, {
     fontSize: "sm",
     weight: "700"
-  }, selectedItemText), hasItems && jsx(SvgChevronArrowDown, null)), isListOpen && hasItems && jsx("div", {
+  }, selectedPageSizeText), hasItems && jsx(SvgChevronArrowDown, null)), isListOpen && hasItems && jsx("div", {
     className: dropdownWrapperClasses$1(listPlacement)
   }, jsx("ul", {
     role: "list",
@@ -22279,7 +22286,7 @@ var PaginationSelector = function PaginationSelector(_ref) {
   }, items.map(function (_ref2) {
     var value = _ref2.value,
       label = _ref2.label;
-    var isSelected = value === selectedListItem;
+    var isSelected = value === selectedPageSize;
     return jsx("li", {
       className: "dropdown-list-item",
       "data-testid": "pagination-page",
@@ -22295,14 +22302,14 @@ var PaginationSelector = function PaginationSelector(_ref) {
   }))));
 };
 
-var _excluded$v = ["pageSize", "page", "translations", "a11yTranslations", "totalResults", "totalPages", "rowsPerPageOptions", "dir", "onPageChange", "onPageSizeChange", "listPlacement", "disabled"];
+var _excluded$v = ["pageSize", "page", "totalPages", "totalResults", "translations", "a11yTranslations", "rowsPerPageOptions", "dir", "onPageChange", "onPageSizeChange", "listPlacement", "disabled"];
 var Pagination = function Pagination(_ref) {
   var pageSize = _ref.pageSize,
     page = _ref.page,
+    totalPages = _ref.totalPages,
+    totalResults = _ref.totalResults,
     translations = _ref.translations,
     a11yTranslations = _ref.a11yTranslations,
-    totalResults = _ref.totalResults,
-    totalPages = _ref.totalPages,
     rowsPerPageOptions = _ref.rowsPerPageOptions,
     _ref$dir = _ref.dir,
     dir = _ref$dir === void 0 ? "ltr" : _ref$dir,
@@ -22339,7 +22346,6 @@ var Pagination = function Pagination(_ref) {
     nextPage: page + paginationDirectionFactor,
     previousPage: page - paginationDirectionFactor
   };
-  var totalResultsText = totalResults ? "".concat(translations.ofPages, " ").concat(totalResults) : undefined;
   return jsx("div", _extends$p({
     css: function css(theme) {
       return container$3(theme);
@@ -22354,7 +22360,8 @@ var Pagination = function Pagination(_ref) {
     selected: pageSize,
     listPlacement: listPlacement,
     ariaLabel: a11yTranslations.perPage,
-    totalResultsText: totalResultsText,
+    totalResults: totalResults,
+    translationOfPage: translations.ofPages,
     onClickItemHandler: handlePageSize,
     disabled: disabled
   }), jsx("span", null, translations.perPage)), jsx("div", {
@@ -27584,7 +27591,6 @@ 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,
@@ -27868,14 +27874,18 @@ var Dropdown = function Dropdown(_ref) {
         _item$items = item.items,
         childrenItems = _item$items === void 0 ? [] : _item$items;
       if (childrenItems.length > 0) {
+        // For grouped lists, if the label is empty, it's a divider group
+        // and children should render at the same level, not one level deeper
+        var isGroupDivider = isGroupedList && !label;
+        var nextLevel = isGroupDivider ? level : level + 1;
         return jsx(React.Fragment, {
           key: "".concat(index, "-").concat(value)
-        }, jsx(DropdownListItemTitle, {
+        }, label && jsx(DropdownListItemTitle, {
           label: label,
           level: level,
           isSearchable: isSearchable,
           textSize: textSize
-        }), _renderItemsRecursively(childrenItems, level + 1));
+        }), _renderItemsRecursively(childrenItems, nextLevel));
       }
       return jsx(DropdownListItem, {
         key: "item-".concat(index, "-").concat(value),