@geotab/zenith 3.13.0-beta.0 → 3.13.1-beta.0

package/dist/filters/filters.js

@@ -41,87 +41,7 @@ injectString("zh-Hans", "Open setting conditions popup", "Open setting condition
 injectString("zh-TW", "Open setting conditions popup", "Open setting conditions popup");
 injectString("ro-RO", "Open setting conditions popup", "Deschide\u021Bi pop-up-ul cu condi\u021Bii de setare");
 injectString("ar", "Open setting conditions popup", "\u0641\u062A\u062D \u0646\u0627\u0641\u0630\u0629 \u0625\u0639\u062F\u0627\u062F \u0627\u0644\u0634\u0631\u0648\u0637");
-injectString("cs", "Search page", "Search page");
-injectString("da-DK", "Search page", "Search page");
-injectString("de", "Search page", "Search page");
-injectString("en", "Search page", "Search page");
-injectString("es", "Search page", "Search page");
-injectString("fi-FI", "Search page", "Search page");
-injectString("fr", "Search page", "Search page");
-injectString("fr-FR", "Search page", "Search page");
-injectString("hu-HU", "Search page", "Search page");
-injectString("id", "Search page", "Search page");
-injectString("it", "Search page", "Search page");
-injectString("ja", "Search page", "Search page");
-injectString("ko-KR", "Search page", "Search page");
-injectString("ms", "Search page", "Search page");
-injectString("nb-NO", "Search page", "Search page");
-injectString("nl", "Search page", "Search page");
-injectString("pl", "Search page", "Search page");
-injectString("pt-BR", "Search page", "Search page");
-injectString("pt-PT", "Search page", "Pesquisar p\xE1gina");
-injectString("sk-SK", "Search page", "Search page");
-injectString("sv", "Search page", "Search page");
-injectString("th", "Search page", "Search page");
-injectString("tr", "Search page", "Search page");
-injectString("zh-Hans", "Search page", "Search page");
-injectString("zh-TW", "Search page", "Search page");
-injectString("ro-RO", "Search page", "C\u0103uta\u021Bi pagina");
-injectString("ar", "Search page", "\u0635\u0641\u062D\u0629 \u0627\u0644\u0628\u062D\u062B");
-injectString("cs", "Close setting conditions popup", "Close setting conditions popup");
-injectString("da-DK", "Close setting conditions popup", "Close setting conditions popup");
-injectString("de", "Close setting conditions popup", "Close setting conditions popup");
-injectString("en", "Close setting conditions popup", "Close setting conditions popup");
-injectString("es", "Close setting conditions popup", "Close setting conditions popup");
-injectString("fi-FI", "Close setting conditions popup", "Close setting conditions popup");
-injectString("fr", "Close setting conditions popup", "Close setting conditions popup");
-injectString("fr-FR", "Close setting conditions popup", "Close setting conditions popup");
-injectString("hu-HU", "Close setting conditions popup", "Close setting conditions popup");
-injectString("id", "Close setting conditions popup", "Close setting conditions popup");
-injectString("it", "Close setting conditions popup", "Close setting conditions popup");
-injectString("ja", "Close setting conditions popup", "Close setting conditions popup");
-injectString("ko-KR", "Close setting conditions popup", "Close setting conditions popup");
-injectString("ms", "Close setting conditions popup", "Close setting conditions popup");
-injectString("nb-NO", "Close setting conditions popup", "Close setting conditions popup");
-injectString("nl", "Close setting conditions popup", "Close setting conditions popup");
-injectString("pl", "Close setting conditions popup", "Close setting conditions popup");
-injectString("pt-BR", "Close setting conditions popup", "Close setting conditions popup");
-injectString("pt-PT", "Close setting conditions popup", "Fechar o pop-up de condi\xE7\xF5es de configura\xE7\xE3o");
-injectString("sk-SK", "Close setting conditions popup", "Close setting conditions popup");
-injectString("sv", "Close setting conditions popup", "Close setting conditions popup");
-injectString("th", "Close setting conditions popup", "Close setting conditions popup");
-injectString("tr", "Close setting conditions popup", "Close setting conditions popup");
-injectString("zh-Hans", "Close setting conditions popup", "Close setting conditions popup");
-injectString("zh-TW", "Close setting conditions popup", "Close setting conditions popup");
-injectString("ro-RO", "Close setting conditions popup", "\xCEnchide\u021Bi pop-up-ul cu condi\u021Bii de setare");
-injectString("ar", "Close setting conditions popup", "\u0625\u063A\u0644\u0627\u0642 \u0646\u0627\u0641\u0630\u0629 \u0625\u0639\u062F\u0627\u062F \u0627\u0644\u0634\u0631\u0648\u0637");
-injectString("cs", "Search by", "Search by");
-injectString("da-DK", "Search by", "Search by");
-injectString("de", "Search by", "Search by");
-injectString("en", "Search by", "Search by");
-injectString("es", "Search by", "Search by");
-injectString("fi-FI", "Search by", "Search by");
-injectString("fr", "Search by", "Search by");
-injectString("fr-FR", "Search by", "Search by");
-injectString("hu-HU", "Search by", "Search by");
-injectString("id", "Search by", "Search by");
-injectString("it", "Search by", "Search by");
-injectString("ja", "Search by", "Search by");
-injectString("ko-KR", "Search by", "Search by");
-injectString("ms", "Search by", "Search by");
-injectString("nb-NO", "Search by", "Search by");
-injectString("nl", "Search by", "Search by");
-injectString("pl", "Search by", "Search by");
-injectString("pt-BR", "Search by", "Search by");
-injectString("pt-PT", "Search by", "Pesquisar por");
-injectString("sk-SK", "Search by", "Search by");
-injectString("sv", "Search by", "Search by");
-injectString("th", "Search by", "Search by");
-injectString("tr", "Search by", "Search by");
-injectString("zh-Hans", "Search by", "Search by");
-injectString("zh-TW", "Search by", "Search by");
-injectString("ro-RO", "Search by", "C\u0103uta\u021Bi dup\u0103");
-injectString("ar", "Search by", "\u0627\u0644\u0628\u062D\u062B \u062D\u0633\u0628");
+injectString("en", "Find in page", "Find in page");
 injectString("cs", "Setting conditions", "Setting conditions");
 injectString("da-DK", "Setting conditions", "Setting conditions");
 injectString("de", "Setting conditions", "Setting conditions");
@@ -149,33 +69,6 @@ injectString("zh-Hans", "Setting conditions", "Setting conditions");
 injectString("zh-TW", "Setting conditions", "Setting conditions");
 injectString("ro-RO", "Setting conditions", "Condi\u021Bii de setare");
 injectString("ar", "Setting conditions", "\u0625\u0639\u062F\u0627\u062F \u0627\u0644\u0634\u0631\u0648\u0637");
-injectString("cs", "Cancel", "Zru\u0161it");
-injectString("da-DK", "Cancel", "Annuller");
-injectString("de", "Cancel", "Abbrechen");
-injectString("en", "Cancel", "Cancel");
-injectString("es", "Cancel", "Cancelar");
-injectString("fi-FI", "Cancel", "Peruuta");
-injectString("fr", "Cancel", "Annuler");
-injectString("fr-FR", "Cancel", "Annuler");
-injectString("hu-HU", "Cancel", "M\xE9gse");
-injectString("id", "Cancel", "Batalkan");
-injectString("it", "Cancel", "Annullare");
-injectString("ja", "Cancel", "\u30AD\u30E3\u30F3\u30BB\u30EB");
-injectString("ko-KR", "Cancel", "\uCDE8\uC18C");
-injectString("ms", "Cancel", "Batal");
-injectString("nb-NO", "Cancel", "Avbryt");
-injectString("nl", "Cancel", "Annuleren");
-injectString("pl", "Cancel", "Anuluj");
-injectString("pt-BR", "Cancel", "Cancelar");
-injectString("pt-PT", "Cancel", "Cancelar");
-injectString("sk-SK", "Cancel", "Zru\u0161.");
-injectString("sv", "Cancel", "Avbryt");
-injectString("th", "Cancel", "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01");
-injectString("tr", "Cancel", "\u0130ptal");
-injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
-injectString("zh-TW", "Cancel", "\u53D6\u6D88");
-injectString("ro-RO", "Cancel", "Anula\u021Bi");
-injectString("ar", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 injectString("cs", "Filters and search", "Filters and search");
 injectString("da-DK", "Filters and search", "Filters and search");
 injectString("de", "Filters and search", "Filters and search");
@@ -208,8 +101,6 @@ const react_dom_1 = require("react-dom");
 const react_2 = __importDefault(require("react"));
 const filtersSelect_1 = require("./components/filtersSelect");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-const textIconButton_1 = require("../textIconButton/textIconButton");
-const iconChevronDownSmall_1 = require("../icons/iconChevronDownSmall");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const controlledPopup_1 = require("../controlledPopup/controlledPopup");
 const filtersContainer_1 = require("./components/filtersContainer");
@@ -228,12 +119,48 @@ const iconFilter_1 = require("../icons/iconFilter");
 const filtersSidePanel_1 = require("./components/filtersSidePanel");
 const filtersDateInput_1 = require("./components/filtersDateInput");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
-const iconChevronTopSmall_1 = require("../icons/iconChevronTopSmall");
 const focusableSelector_1 = require("../utils/focusableSelector");
-const button_1 = require("../button/button");
 const filtersSelectCompact_1 = require("./components/filtersSelectCompact");
 const filtersSidePanelProvider_1 = require("./components/filtersSidePanelProvider");
 const zen_1 = require("../utils/zen");
+const alignments_1 = require("../utils/positioningUtils/alignments");
+/** Bottom clearance in px kept between the popup and the viewport bottom edge. */
+const POPUP_BOTTOM_MARGIN = 36;
+/**
+ * Custom alignment for the filters search popup.
+ * Returns a `height` constraint so calculatePosition sets maxHeight before the
+ * overflow check, anchoring the popup at the trigger top without repositioning.
+ */
+const filtersPopupAlignment = Object.assign(Object.assign({}, alignments_1.alignments), {
+  "bottom-left": (triggerRect, _1, parentRect, _2, paddingY) => ({
+    top: triggerRect.top - parentRect.top + triggerRect.height + paddingY,
+    left: triggerRect.left - parentRect.left,
+    height: (zen_1.zen.innerHeight || 0) - triggerRect.top - POPUP_BOTTOM_MARGIN
+  }),
+  "bottom-right": (triggerRect, _1, parentRect, _2, paddingY) => ({
+    top: triggerRect.top - parentRect.top + triggerRect.height + paddingY,
+    right: parentRect.right - triggerRect.right,
+    height: (zen_1.zen.innerHeight || 0) - triggerRect.top - POPUP_BOTTOM_MARGIN
+  })
+});
+/**
+ * Mobile variant: popup starts at left:0 and spans the full parent width.
+ * top:0 aligns the popup with the top of the trigger row.
+ */
+const filtersPopupAlignmentMobile = Object.assign(Object.assign({}, alignments_1.alignments), {
+  "bottom-left": (triggerRect, _1, parentRect) => ({
+    top: 0,
+    left: 0,
+    width: parentRect.right - parentRect.left,
+    height: (zen_1.zen.innerHeight || 0) - triggerRect.top - POPUP_BOTTOM_MARGIN
+  }),
+  "bottom-right": (triggerRect, _1, parentRect) => ({
+    top: 0,
+    right: 0,
+    width: parentRect.right - parentRect.left,
+    height: (zen_1.zen.innerHeight || 0) - triggerRect.top - POPUP_BOTTOM_MARGIN
+  })
+});
 exports.FiltersDisplayName = "Filters";
 /**
  * @beta This component is currently in beta.
@@ -258,7 +185,8 @@ const Filters = ({
   onSaveRecentSearch,
   savedFilters,
   onRemoveSavedFilter,
-  onSaveFilter
+  onSaveFilter,
+  searchPlaceholder
 }) => {
   const [isOpen, setIsOpen] = (0, react_1.useState)(false);
   const isSavedFiltersMode = Boolean(savedFilters && onRemoveSavedFilter && onSaveFilter);
@@ -494,12 +422,6 @@ const Filters = ({
     return foundType && foundType.icon ? foundType.icon : iconFilter_1.IconFilter;
   }, [searchTypesArray]);
   const combinedData = (0, filtersHelper_1.useCombineData)(searchTypesArray);
-  const memoizedSelect = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(filtersSelect_1.FiltersSelect, {
-    value: searchType || (0, filtersSelect_1.getFiltersSearchTypeAllOption)(),
-    selectListRef: selectListRef,
-    onChange: setSearchType,
-    items: searchTypesToSelect
-  }), [searchType, searchTypesToSelect, setSearchType]);
   const memoizedSelectCompact = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(filtersSelectCompact_1.FiltersSelectCompact, {
     value: searchType || (0, filtersSelect_1.getFiltersSearchTypeAllOption)(),
     selectListRef: selectListCompactRef,
@@ -526,27 +448,28 @@ const Filters = ({
     return (0, jsx_runtime_1.jsx)(filtersSearch_1.FiltersSearch, Object.assign({
       id: `filtersSearch_${uniqueKey}`,
       ref: searchTriggerRef,
-      name: translate("Search page"),
+      containerRef: triggerRef,
+      name: searchPlaceholder || translate("Find in page"),
       value: keyword,
       onSearchKeyDown: handleSearchKeyDown,
       onOpenPopup: isOpen ? undefined : handleOpenChange.bind(null, true),
       onChange: handleSearchKeywordChange,
-      handleRemove: onSearchItemClick,
       searchSelection: searchSelection,
-      className: "zen-filters__search-with-pills"
+      className: "zen-filters__search-with-pills",
+      isMobile: isMobile
     }, popupAttributes));
-  }, [isEmptySearchBar, uniqueKey, translate, keyword, handleSearchKeyDown, isOpen, handleOpenChange, handleSearchKeywordChange, onSearchItemClick, searchSelection, popupId, redundantPopup]);
+  }, [isEmptySearchBar, uniqueKey, translate, keyword, handleSearchKeyDown, isOpen, handleOpenChange, handleSearchKeywordChange, searchSelection, popupId, redundantPopup, isMobile, searchPlaceholder]);
   const memoizedSearchPopup = (0, react_1.useMemo)(() => isEmptySearchBar ? null : (0, jsx_runtime_1.jsx)(filtersSearch_1.FiltersSearch, {
     id: `filtersSearchPopup_${uniqueKey}`,
     ref: searchPopupTriggerRef,
-    name: translate("Search page"),
+    name: searchPlaceholder || translate("Find in page"),
     value: keyword,
     onChange: setKeyword,
+    onClear: handleCancelSearchSelection,
     onSearchKeyDown: handleSearchKeyDown,
-    handleRemove: onSearchItemClick,
     searchSelection: isMobile ? internalSearchSelection : searchSelection,
-    className: "zen-filters-popup__search-with-pills"
-  }), [isEmptySearchBar, uniqueKey, translate, keyword, setKeyword, handleSearchKeyDown, onSearchItemClick, isMobile, internalSearchSelection, searchSelection]);
+    className: (0, classNames_1.classNames)(["zen-filters-popup__search-with-pills", isMobile ? "zen-filters-search--mobile" : ""])
+  }), [isEmptySearchBar, uniqueKey, translate, keyword, setKeyword, handleCancelSearchSelection, handleSearchKeyDown, isMobile, internalSearchSelection, searchSelection, searchPlaceholder]);
   const memoizedSearchList = (0, react_1.useMemo)(() => !isOpen || isEmptySearchBar ? null : (0, jsx_runtime_1.jsx)(filtersSearchList_1.FiltersSearchList, {
     searchValue: keyword,
     searchListRef: searchListRef,
@@ -562,74 +485,37 @@ const Filters = ({
     applyButtonHandler: isMobile ? handleApplySearchSelection : undefined,
     isInitialSearchSelectionState: isMobile ? memoizedIsInitialSearchSelectionState : undefined
   }), [isOpen, keyword, combinedData, isMobile, internalSearchSelection, searchSelection, searchOnlyOneType, getIconByType, onInternalSearchItemClick, onSearchItemClick, onClearInternalSearchSelection, onClearSearchSelection, isRecentSearchesMode, recentSearches, onRemoveRecentSearchItem, handleRecentSearchItemClick, handleApplySearchSelection, memoizedIsInitialSearchSelectionState, isEmptySearchBar]);
-  const allOption = (0, react_1.useMemo)(() => (0, filtersSelect_1.getAllOption)(translate), [translate]);
-  const selectTriggerPopup = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
-    className: "zen-filters__select-trigger",
-    iconClasses: "zen-filters__select-trigger-icon",
-    contentClasses: "zen-filters__select-trigger-content",
-    title: translate("Close setting conditions popup"),
-    onClick: handleOpenChange.bind(null, false),
-    icon: iconChevronTopSmall_1.IconChevronTopSmall,
-    iconPosition: "end",
-    children: translate("Search by")
-  }), [handleOpenChange, translate]);
-  // added onMouseDown to prevent focus
-  const selectTrigger = (0, react_1.useMemo)(() => {
-    var _a;
-    if (isMobile || redundantPopup) {
-      return null;
-    }
-    const currentSelectedType = selectState[0] === filtersSelect_1.ALL_SELECT_OPTION_ID ? allOption.name : (_a = searchTypesArray.find(item => item.id === selectState[0])) === null || _a === void 0 ? void 0 : _a.name;
-    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
-      tabIndex: -1,
-      onMouseDown: e => e.preventDefault(),
-      className: "zen-filters__select-trigger",
-      iconClasses: "zen-filters__select-trigger-icon",
-      contentClasses: "zen-filters__select-trigger-content",
-      title: translate("Open setting conditions popup"),
-      onClick: handleOpenChange.bind(null, true),
-      icon: iconChevronDownSmall_1.IconChevronDownSmall,
-      iconPosition: "end",
-      children: currentSelectedType
-    });
-  }, [isMobile, redundantPopup, translate, handleOpenChange, selectState, allOption.name, searchTypesArray]);
   const popupChangeHandler = (0, react_1.useCallback)(val => {
     (isMobile ? handleCancelSearchSelection : handleOpenChange)(val);
   }, [isMobile, handleCancelSearchSelection, handleOpenChange]);
   const memoizedPopup = (0, react_1.useMemo)(() => isEmptySearchBar || redundantPopup ? null : (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, {
-    paddingY: -34,
+    paddingY: isMobile ? 0 : -34,
     isOpen: isOpen,
-    className: (0, classNames_1.classNames)(["zen-filters-popup", isMobile ? "zen-filters-popup--mobile" : ""]),
+    className: (0, classNames_1.classNames)(["zen-filters-popup", "zen-filters-popup--mobile"]),
     onOpenChange: popupChangeHandler,
     useTrapFocusWithTrigger: "none",
-    alignment: "bottom",
+    alignment: "bottom-start",
     shouldHoldScroll: true,
     preventAttributesAutoSet: true,
     triggerRef: triggerRef,
     ariaLabel: translate("Setting conditions"),
     recalculateOnScroll: true,
     id: popupId,
-    children: (0, jsx_runtime_1.jsxs)("div", {
+    alignmentsFn: isMobile ? filtersPopupAlignmentMobile : filtersPopupAlignment,
+    children: (0, jsx_runtime_1.jsx)("div", {
       className: "zen-filters-popup__content",
-      children: [isMobile ? null : (0, jsx_runtime_1.jsxs)("div", {
-        className: "zen-filters-popup__left-panel",
-        children: [selectTriggerPopup, memoizedSelect]
-      }), (0, jsx_runtime_1.jsxs)("div", {
+      children: (0, jsx_runtime_1.jsxs)("div", {
         className: "zen-filters-popup__right-panel",
-        children: [(0, jsx_runtime_1.jsxs)("div", {
-          className: (0, classNames_1.classNames)(["zen-filters-popup__first-row", isMobile ? "zen-filters-popup__first-row--mobile" : ""]),
-          children: [memoizedSearchPopup, isMobile ? (0, jsx_runtime_1.jsx)(button_1.Button, {
-            type: "tertiary",
-            onClick: handleCancelSearchSelection,
-            children: translate("Cancel")
-          }) : null]
+        children: [(0, jsx_runtime_1.jsx)("div", {
+          className: (0, classNames_1.classNames)(["zen-filters-popup__first-row", "zen-filters-popup__first-row--mobile"]),
+          children: memoizedSearchPopup
         }), (0, jsx_runtime_1.jsxs)("div", {
-          className: (0, classNames_1.classNames)(["zen-filters-popup__second-row", isMobile ? "zen-filters-popup__second-row--mobile" : ""]),
-          children: [isMobile ? memoizedSelectCompact : null, memoizedSearchList]
+          className: (0, classNames_1.classNames)(["zen-filters-popup__second-row", "zen-filters-popup__second-row--mobile"]),
+          children: [memoizedSelectCompact, memoizedSearchList]
         })]
-      })]
+      })
     })
-  }), [isEmptySearchBar, redundantPopup, isOpen, isMobile, popupChangeHandler, handleCancelSearchSelection, translate, selectTriggerPopup, memoizedSelect, memoizedSearchPopup, memoizedSelectCompact, memoizedSearchList, popupId]);
+  }), [isEmptySearchBar, redundantPopup, isOpen, isMobile, popupChangeHandler, translate, memoizedSearchPopup, memoizedSelectCompact, memoizedSearchList, popupId]);
   const filtersForRender = (0, react_1.useMemo)(() => filters.filter(el => {
     const elProps = el.props;
     return typeof elProps.visible === "boolean" ? elProps.visible : elProps.visible === undefined ? false : elProps.visible(Array.from(selectState), undefined);
@@ -712,11 +598,11 @@ const Filters = ({
   return (0, jsx_runtime_1.jsxs)("section", {
     role: "search",
     "aria-label": translate("Filters and search"),
-    className: (0, classNames_1.classNames)(["zen-filters", className || ""]),
-    children: [isEmptySearchBar ? null : (0, jsx_runtime_1.jsxs)("div", {
+    className: (0, classNames_1.classNames)(["zen-filters", isMobile ? "zen-filters--mobile" : "", className || ""]),
+    children: [isEmptySearchBar ? null : (0, jsx_runtime_1.jsx)("div", {
       className: (0, classNames_1.classNames)(["zen-filters__main-row", isOpen ? "" : "zen-filters__main-row--initial", isMobile ? "zen-filters__main-row--mobile" : ""]),
       ref: triggerRef,
-      children: [selectTrigger, memoizedSearch]
+      children: memoizedSearch
     }), (0, jsx_runtime_1.jsx)(filtersSavedItemsProvider_1.FiltersSavedItemsProvider, {
       items: memoizedSavedFiltersItems,
       active: memoizedSavedFiltersActive,

package/dist/filters/filtersHelper.js

@@ -319,7 +319,7 @@ const processChildrenWithMetaData = (children) => {
             // Component props provide: state, onChange, and other props
             const childProps = child.props;
             const { state, onChange } = childProps, otherProps = __rest(childProps, ["state", "onChange"]);
-            const mergedProps = Object.assign(Object.assign({}, otherProps), { id: metaData.id, defaultState: createDefaultStateMetaData(metaData.defaultState || childProps.defaultState, metaData.childType, state), visible: metaData.visible, state,
+            const mergedProps = Object.assign(Object.assign({}, otherProps), { id: metaData.id, defaultState: createDefaultStateMetaData(metaData.defaultState || childProps.defaultState, metaData.childType, state), visible: childProps.visible !== undefined ? childProps.visible : metaData.visible, state,
                 onChange, childType: metaData.childType });
             // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
             return react_2.default.cloneElement(child, mergedProps);

package/dist/groupsFilterRaw/groupsFilterRaw.js

@@ -312,6 +312,7 @@ const GroupsFilterRaw = props => {
   const menuRef = (0, react_1.useRef)(null);
   const prevInitialState = (0, react_1.useRef)(initialFilterStateInner);
   const prevSearchField = (0, react_1.useRef)("");
+  const attemptedFetchOnOpenRef = (0, react_1.useRef)(false);
   const groupsFilterId = (0, react_1.useId)();
   const popupId = (0, react_1.useId)();
   const blocksMap = (0, react_1.useMemo)(() => [["builtInGroups", "userGroups"], ["advancedGroups", "builtInGroups", "userGroups"], ["builtInGroups", "userGroups"]], []);
@@ -875,7 +876,12 @@ const GroupsFilterRaw = props => {
   }), [handleApply, handleCancel, handleReset, isApplyDisabled, translate]);
   const isEmptyMap = dataItems.length === 0;
   (0, react_1.useEffect)(() => {
-    if (isEmptyMap && uiState.isOpen && !uiState.isLoading && !uiState.hasError) {
+    if (!uiState.isOpen) {
+      attemptedFetchOnOpenRef.current = false;
+      return;
+    }
+    if (isEmptyMap && !attemptedFetchOnOpenRef.current && !uiState.isLoading && !uiState.hasError) {
+      attemptedFetchOnOpenRef.current = true;
       dispatchUiState({
         type: uiStateActionType_1.UiStateActionType.SetLoadWithError,
         payload: {