@geotab/zenith 3.14.1 → 3.15.0-beta.1

package/esm/dropdownRaw/dropdownList.js

@@ -178,39 +178,6 @@ injectString("ka-GE", "Apply", "\u10D2\u10D0\u10DB\u10DD\u10E7\u10D4\u10DC\u10D4
 injectString("el-GR", "Apply", "\u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE");
 injectString("et-EE", "Apply", "Rakenda");
 injectString("bg-BG", "Apply", "\u041F\u0440\u0438\u043B\u0430\u0433\u0430\u043D\u0435");
-injectString("cs", "Deselect all", "Zru\u0161it v\xFDb\u011Br v\u0161ech");
-injectString("da-DK", "Deselect all", "Frav\xE6lg alle");
-injectString("de", "Deselect all", "Auswahl f\xFCr alle aufheben");
-injectString("en", "Deselect all", "Deselect all");
-injectString("es", "Deselect all", "Deseleccionar todo");
-injectString("fi-FI", "Deselect all", "Poista kaikki valinnat");
-injectString("fr", "Deselect all", "D\xE9s\xE9lectionner tout");
-injectString("fr-FR", "Deselect all", "D\xE9s\xE9lectionner tout");
-injectString("hu-HU", "Deselect all", "Ne v\xE1lassz ki semmit.");
-injectString("id", "Deselect all", "Batalkan pilih semua");
-injectString("it", "Deselect all", "Deselezionare tutto");
-injectString("ja", "Deselect all", "\u3059\u3079\u3066\u3092\u9078\u629E\u89E3\u9664");
-injectString("ko-KR", "Deselect all", "\uBAA8\uB450 \uC120\uD0DD \uCDE8\uC18C");
-injectString("ms", "Deselect all", "Nyahpilih semua");
-injectString("nb-NO", "Deselect all", "Fjern alle valg");
-injectString("nl", "Deselect all", "Alles deselecteren");
-injectString("pl", "Deselect all", "Usu\u0144 wyb\xF3r wszystkich");
-injectString("pt-BR", "Deselect all", "Desmarcar tudo");
-injectString("pt-PT", "Deselect all", "Desmarcar tudo");
-injectString("sk-SK", "Deselect all", "Zru\u0161 v\xFDber v\u0161etk\xFDch.");
-injectString("sv", "Deselect all", "Avmarkera alla");
-injectString("th", "Deselect all", "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01\u0E01\u0E32\u0E23\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
-injectString("tr", "Deselect all", "T\xFCm\xFCn\xFCn se\xE7imini iptal et");
-injectString("zh-Hans", "Deselect all", "\u53D6\u6D88\u5168\u9009");
-injectString("zh-TW", "Deselect all", "\u53D6\u6D88\u5168\u9078");
-injectString("ro-RO", "Deselect all", "Deselecta\u021Bi tot");
-injectString("ar", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
-injectString("lt-LT", "Deselect all", "At\u017Eym\u0117ti visus");
-injectString("lv-LV", "Deselect all", "Atcelt visas atlases");
-injectString("ka-GE", "Deselect all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10DB\u10DD\u10EE\u10E1\u10DC\u10D0");
-injectString("el-GR", "Deselect all", "\u039A\u03B1\u03C4\u03AC\u03C1\u03B3\u03B7\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD");
-injectString("et-EE", "Deselect all", "T\xFChista k\xF5ik valikud");
-injectString("bg-BG", "Deselect all", "\u041F\u0440\u0435\u043C\u0430\u0445\u0432\u0430\u043D\u0435 \u043D\u0430 \u0432\u0441\u0438\u0447\u043A\u0438 \u0438\u0437\u0431\u043E\u0440\u0438");
 injectString("cs", "Select all", "Vybrat v\u0161e");
 injectString("da-DK", "Select all", "V\xE6lg alle");
 injectString("de", "Select all", "Alle ausw\xE4hlen");
@@ -373,7 +340,8 @@ export const DropdownList = ({
   onSelect,
   onSingleSelect,
   listData,
-  isAllSelected,
+  isSelectAllActive,
+  shouldBlockItems,
   backButtonName,
   width,
   minWidth,
@@ -402,7 +370,7 @@ export const DropdownList = ({
   const internalListId = useId();
   const selectListId = listId || internalListId;
   const handleSelectAllClick = () => {
-    onSelectAllClick(isAllSelected);
+    onSelectAllClick(!!isSelectAllActive);
   };
   const handleBackButtonKeyDown = useCallback(event => {
     if (event.key === "ArrowLeft") {
@@ -430,13 +398,14 @@ export const DropdownList = ({
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     forceSelection ? onSingleSelect(false, newActiveEl || activeValue) : onSingleSelect(false, newActiveEl);
   }, [activeValue, forceSelection, onSingleSelect]);
-  const selectButtonLabel = isAllSelected ? translate("Deselect all") : translate("Select all");
-  const getActionButton = (label, title, icon, isDisabled, clickHandler, size, onKeyDown) => _jsx("button", {
+  const selectButtonLabel = translate("Select all");
+  const getActionButton = (label, title, icon, isDisabled, clickHandler, size, onKeyDown, isSelected) => _jsx("button", {
     type: "button",
     disabled: isDisabled,
     onClick: clickHandler,
     onKeyDown: onKeyDown,
-    className: "zen-dropdown-list__item zen-dropdown-list__item--interactive zen-dropdown-list__action-button zen-dropdown-list__action-button-back",
+    "aria-pressed": isSelected,
+    className: classNames(["zen-dropdown-list__item zen-dropdown-list__item--interactive zen-dropdown-list__action-button zen-dropdown-list__action-button-back", isSelected ? "zen-dropdown-list__action-button--selected" : ""]),
     title: title,
     children: _jsxs(_Fragment, {
       children: [React.createElement(icon, {
@@ -472,11 +441,14 @@ export const DropdownList = ({
       });
       return values;
     };
+    const multiselectOptions = shouldBlockItems ? listData.map(item => Object.assign(Object.assign({}, item), {
+      blocked: true
+    })) : listData;
     return _jsx("div", {
       className: "zen-dropdown-list__elements",
       ref: listElementRef,
       children: isMultiselect ? _jsx(CheckboxListWithAction, {
-        options: listData,
+        options: multiselectOptions,
         label: "",
         onChange: handleChange,
         onClick: handleClick
@@ -492,7 +464,7 @@ export const DropdownList = ({
         value: createValue(listData, activeValue)
       })
     });
-  }, [listElementRef, isMultiselect, listData, handleChange, handleClick, handleSingleChange, translate, selectListId, forceSelection, activeValue]);
+  }, [listElementRef, isMultiselect, shouldBlockItems, listData, handleChange, handleClick, handleSingleChange, translate, selectListId, forceSelection, activeValue]);
   return _jsxs("div", Object.assign({
     className: classNames(["zen-dropdown-list", driveComponentClass || ""])
   }, styleWidth, {
@@ -510,7 +482,7 @@ export const DropdownList = ({
     }) : null, backButtonName ? _jsx("div", {
       className: "zen-dropdown-list__item-wrapper",
       children: getActionButton(backButtonName, translate("Back"), IconBackArrow, false, onBackButtonClick, "large", handleBackButtonKeyDown)
-    }) : null, hasSelectAllButton ? getActionButton(selectButtonLabel, selectButtonLabel, IconCheckRadio, !!isSelectAllButtonDisable, handleSelectAllClick, isDrive ? "huger" : "huge") : null, listDataComponent, isWithFooter ? _jsxs("div", {
+    }) : null, hasSelectAllButton ? getActionButton(selectButtonLabel, selectButtonLabel, IconCheckRadio, !!isSelectAllButtonDisable, handleSelectAllClick, isDrive ? "huger" : "huge", undefined, isSelectAllActive) : null, listDataComponent, isWithFooter ? _jsxs("div", {
       className: "zen-dropdown-list__footer",
       children: [_jsx(Button, {
         onClick: isMultiselect ? onClearClick : handleClearClick,
@@ -538,4 +510,4 @@ export const DropdownList = ({
     }) : null]
   }));
 };
-export const TRANSLATIONS = ["Select all", "Deselect all", "Clear", "Back", "No data"];
+export const TRANSLATIONS = ["Select all", "Clear", "Back", "No data"];

package/esm/dropdownRaw/dropdownRaw.js

@@ -8,7 +8,7 @@ import { getInitialState, stateReducer, ROOT_GROUP_ID } from "./stateReducer/sta
 import { StateActionType } from "./stateReducer/stateActionType";
 import { FOCUSABLE_SELECTOR } from "../utils/focusableSelector";
 import { useEscape } from "../commonHelpers/hooks/useEscape";
-import { checkIsDataProblem, compareObjectsArrays, compareStringsArrays, createListDataOptions, getDataForChange, getListDataWithDisabled, getSelectedCount, getStringFromAllSelected, getStringFromSelected, isAllChildrenSelected, isAllItemsHasOneParent, isEveryItemSelected, prepareSelectedIdsToItems, sortDropdownItemArray } from "./dropdownHelper";
+import { checkIsDataProblem, compareObjectsArrays, compareStringsArrays, createListDataOptions, getDataForChange, getListDataWithDisabled, getSelectedCount, getStringFromAllSelected, getStringFromSelected, isAllItemsHasOneParent, isEveryItemSelected, prepareSelectedIdsToItems, sortDropdownItemArray } from "./dropdownHelper";
 import { DropdownTrigger } from "./dropdownTrigger";
 import { isFocusable } from "../dialog/dialogHelpers";
 import { useLanguage } from "../utils/localization/useLanguage";
@@ -109,7 +109,10 @@ export const DropdownRaw = props => {
     mobileSheetStackingClassName,
     isError,
     firstParentNodeIsVisible,
-    dataAnalyticsId
+    dataAnalyticsId,
+    hideSelectAllOnSearch = false,
+    blockItemsOnSelectAll = false,
+    autoPromoteSelectAll = false
   } = props;
   const {
     isFormSection
@@ -147,7 +150,7 @@ export const DropdownRaw = props => {
   const isQueryMode = useMemo(() => typeof getData === "undefined" && typeof dataItems === "undefined", [getData, dataItems]);
   const isCheckboxMode = useMemo(() => checkboxLabel && typeof value === "object" && "isChecked" in value && typeof value.isChecked === "boolean" || false, [checkboxLabel, value]);
   const [initialInChecked] = useState(isCheckboxMode ? value.isChecked : undefined);
-  const [state, dispatchState] = useReducer(stateReducer, getInitialState(isFullSelectionMode, isQueryMode ? (fetchState === null || fetchState === void 0 ? void 0 : fetchState.data) || [] : dataItems || [], isFullSelectionMode || isCheckboxMode ? value.selected : value, listLimit, defaultValue ? isFullSelectionMode || isCheckboxMode ? defaultValue.selected : defaultValue : undefined, isFullSelectionMode ? value.isAllSelected : undefined, defaultValue ? isFullSelectionMode ? defaultValue.isAllSelected : undefined : undefined, isCheckboxMode ? value.isChecked : undefined, isCheckboxMode && defaultValue ? defaultValue.isChecked : undefined, firstParentNodeIsVisible));
+  const [state, dispatchState] = useReducer(stateReducer, getInitialState(isFullSelectionMode, isQueryMode ? (fetchState === null || fetchState === void 0 ? void 0 : fetchState.data) || [] : dataItems || [], isFullSelectionMode || isCheckboxMode ? value.selected : value, listLimit, defaultValue ? isFullSelectionMode || isCheckboxMode ? defaultValue.selected : defaultValue : undefined, isFullSelectionMode ? value.isAllSelected : undefined, defaultValue ? isFullSelectionMode ? defaultValue.isAllSelected : undefined : undefined, isCheckboxMode ? value.isChecked : undefined, isCheckboxMode && defaultValue ? defaultValue.isChecked : undefined, firstParentNodeIsVisible, autoPromoteSelectAll));
   const chipStatus = useChipStatus();
   const isMobile = useMobile();
   const popupId = useId();
@@ -174,6 +177,7 @@ export const DropdownRaw = props => {
   const getNamedItemsHasBeenCalled = useRef(false);
   const selectedItemsLoader = useRef(undefined);
   const previousMapDataItems = useRef(isQueryMode ? (fetchState === null || fetchState === void 0 ? void 0 : fetchState.data) || [] : !getData && (dataItems === null || dataItems === void 0 ? void 0 : dataItems.length) ? dataItems : []);
+  const previousFetchStateData = useRef(isQueryMode ? fetchState === null || fetchState === void 0 ? void 0 : fetchState.data : undefined);
   const prevIsLoading = useRef(isLoading);
   const prevIsChecked = useRef(isCheckboxMode ? value.isChecked : undefined);
   const currentAllSelected = useMemo(() => state.isNestedList || !multiselect || !isFullSelectionMode ? undefined : state.isAllSelected, [state.isNestedList, state.isAllSelected, multiselect, isFullSelectionMode]);
@@ -380,7 +384,9 @@ export const DropdownRaw = props => {
   }, [handleClose]);
   const memoizedAllowClosing = useMemo(() => state.currentId === undefined || state.currentId === state.rootId, [state.currentId, state.rootId]);
   const handleSingleSelection = useCallback((reset, selected) => {
-    const shouldBeClosed = !hasApplyButton && memoizedAllowClosing && (!reset && selected || reset);
+    var _a, _b;
+    const isLeaf = !!selected && !((_b = (_a = state.groupsMap[selected]) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length);
+    const shouldBeClosed = !hasApplyButton && (memoizedAllowClosing || isLeaf) && (reset || !!selected);
     dispatchState({
       type: StateActionType.ChangeSingleSelection,
       payload: {
@@ -393,7 +399,7 @@ export const DropdownRaw = props => {
       type: StateActionType.SetInputValue,
       payload: ""
     });
-  }, [handleEscape, hasApplyButton, memoizedAllowClosing]);
+  }, [handleEscape, hasApplyButton, memoizedAllowClosing, state.groupsMap]);
   const handleSelectAllClick = useCallback(isAllSelect => {
     if (isFullSelectionMode) {
       dispatchState({
@@ -529,8 +535,12 @@ export const DropdownRaw = props => {
       payload: undefined
     });
   }, [errorHandler]);
-  const handleDataQuery = useCallback((dta, searchVal) => {
-    if (dta.length && !searchVal && !compareObjectsArrays(dta, previousMapDataItems.current)) {
+  const handleDataQuery = useCallback((dta, searchVal, dataChanged = true) => {
+    // Only (re)build groupsMap from a genuine, freshly fetched full list. In query mode the parent's
+    // fetchState.data lags behind the typed search value, so when a search is cleared this effect can run
+    // with the previous, search-filtered data while searchVal is already empty. Rebuilding groupsMap from
+    // that stale subset shrinks it and makes the current selection look like "all selected".
+    if (dataChanged && dta.length && !searchVal && !compareObjectsArrays(dta, previousMapDataItems.current)) {
       dispatchState({
         type: StateActionType.CreateMap,
         payload: dta
@@ -577,7 +587,9 @@ export const DropdownRaw = props => {
       if (!isQueryMode || (fetchState === null || fetchState === void 0 ? void 0 : fetchState.isLoading)) {
         return;
       }
-      handleDataQuery((fetchState === null || fetchState === void 0 ? void 0 : fetchState.data) || [], state.inputValue);
+      const dataChanged = (fetchState === null || fetchState === void 0 ? void 0 : fetchState.data) !== previousFetchStateData.current;
+      previousFetchStateData.current = fetchState === null || fetchState === void 0 ? void 0 : fetchState.data;
+      handleDataQuery((fetchState === null || fetchState === void 0 ? void 0 : fetchState.data) || [], state.inputValue, dataChanged);
     });
     return () => {
       var _a;
@@ -876,7 +888,15 @@ export const DropdownRaw = props => {
       });
     }
     if (state.showList) {
-      const isSearchMode = state.inputValue && !state.currentId;
+      const isSearchMode = Boolean(state.inputValue) && !state.currentId;
+      const selectAllActiveForCurrentLevel = state.selectAllActiveForId === (state.currentId || state.rootId);
+      // DESIGN INTENT: button state (isSelectAllActive) is truth-based — shows pressed whenever
+      // all items are actually selected, including after search+clear where selectAllActiveForId
+      // was cleared. shouldBlockItems is intent-based — only activates when "Select all" was
+      // explicitly clicked (selectAllActiveForCurrentLevel), never from manual individual selection.
+      // This asymmetry is intentional: the button restores its visual state post-search, but
+      // blocking does not, to avoid unexpected UX when users manually select all items.
+      const isAllCurrentLevelSelected = !isSearchMode && !isFullSelectionMode ? isEveryItemSelected(getListDataWithDisabled(state.listData, state.isNestedList), state.selectedIds) : false;
       const currentListData = createListDataOptions(state, translate, isSearchMode ? sortDropdownItemArray(state.listData, sortFn).slice(0, listLimit).filter(el => el.id !== state.rootId) :
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
       sortDropdownItemArray(((_b = state.groupsMap[state.currentId || state.rootId]) === null || _b === void 0 ? void 0 : _b.children) || [], sortFn).slice(0, listLimit) || [], multiselect, currentAllSelected);
@@ -892,16 +912,17 @@ export const DropdownRaw = props => {
         activeValue: state.selectedIds.length ? state.selectedIds[0] : "root",
         backButtonName: state.currentId && state.groupsMap[state.currentId] ? getGroupDescription(state.groupsMap[state.currentId], translate) : undefined,
         filterName: isMobile ? undefined : filterName,
-        isAllSelected: currentAllSelected ? currentAllSelected : isSearchMode ? isEveryItemSelected(getListDataWithDisabled(state.listData, state.isNestedList), state.selectedIds) : currentAllSelected === undefined ? isAllChildrenSelected(state, state.currentId || state.rootId) : false,
+        isSelectAllActive: isFullSelectionMode ? currentAllSelected : isSearchMode ? isEveryItemSelected(getListDataWithDisabled(state.listData, state.isNestedList), state.selectedIds) : selectAllActiveForCurrentLevel || isAllCurrentLevelSelected,
+        shouldBlockItems: blockItemsOnSelectAll && !state.inputValue && !isFullSelectionMode && selectAllActiveForCurrentLevel,
         isMultiselect: multiselect,
         forceSelection: forceSelection,
         listData: currentListData,
         width: width || currentWidth === 180 ? undefined : currentWidth,
         minWidth: currentWidth,
-        hasSelectAllButton: selectAllButton && multiselect,
+        hasSelectAllButton: selectAllButton && multiselect && !(hideSelectAllOnSearch && state.inputValue),
         hasApplyButton: hasApplyButton,
         isApplyDisabled: memoizedIsApplyButtonDisabled,
-        isSelectAllButtonDisable: currentListData.length === 0 || isSearchMode !== "" && state.isNestedList && isAllItemsHasOneParent(state.listData.filter(el => el.id !== state.rootId), (((_c = state.groupsMap[state.rootId]) === null || _c === void 0 ? void 0 : _c.children) || []).map(el => el.id)),
+        isSelectAllButtonDisable: currentListData.length === 0 || isSearchMode && state.isNestedList && isAllItemsHasOneParent(state.listData.filter(el => el.id !== state.rootId), (((_c = state.groupsMap[state.rootId]) === null || _c === void 0 ? void 0 : _c.children) || []).map(el => el.id)),
         isClearButtonDisabled: memoizedIsClearButtonDisabled,
         isWithFooter: memoizedWithFooter && !isMobile,
         isMobile: isMobile,
@@ -913,7 +934,7 @@ export const DropdownRaw = props => {
       });
     }
     return null;
-  }, [state, isLoading, isQueryMode, fetchState === null || fetchState === void 0 ? void 0 : fetchState.isLoading, fetchState === null || fetchState === void 0 ? void 0 : fetchState.error, handleClearClick, handleCancelClick, handleApplyClick, hasApplyButton, memoizedWithFooter, translate, sortFn, listLimit, multiselect, currentAllSelected, handleBackButtonClick, handleSelectAllInSearch, handleSelectAllClick, handleSelect, handleChangeCurrentId, handleSingleSelection, isMobile, filterName, forceSelection, width, selectAllButton, memoizedIsApplyButtonDisabled, memoizedIsClearButtonDisabled, isCheckboxMode, handleCheckboxChange, checkboxLabel, selectListId]);
+  }, [state, isLoading, isQueryMode, fetchState === null || fetchState === void 0 ? void 0 : fetchState.isLoading, fetchState === null || fetchState === void 0 ? void 0 : fetchState.error, handleClearClick, handleCancelClick, handleApplyClick, hasApplyButton, memoizedWithFooter, translate, sortFn, listLimit, multiselect, currentAllSelected, handleBackButtonClick, handleSelectAllInSearch, handleSelectAllClick, handleSelect, handleChangeCurrentId, handleSingleSelection, isMobile, filterName, forceSelection, width, selectAllButton, hideSelectAllOnSearch, memoizedIsApplyButtonDisabled, memoizedIsClearButtonDisabled, isCheckboxMode, handleCheckboxChange, checkboxLabel, selectListId, isFullSelectionMode, blockItemsOnSelectAll]);
   const currentStringFromSelected = isFullSelectionMode && hasApplyButton && state.globalIsAllSelected || isFullSelectionMode && !hasApplyButton && state.isAllSelected ? getStringFromAllSelected(state.groupsMap, translate, state.rootId) : getStringFromSelected(hasApplyButton ? state.globalSelectedIds : state.selectedIds, state.groupsMapSelected, translate, state.rootId);
   const memoizedCurrentSelection = useMemo(() => showSelection && !state.inputValue ? currentStringFromSelected : "", [showSelection, state.inputValue, currentStringFromSelected]);
   const parentTriggerWidth = ((_b = comboboxRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) || 420;
@@ -1011,4 +1032,4 @@ export const DropdownRaw = props => {
   });
 };
 DropdownRaw.displayName = "DropdownRaw";
-export const TRANSLATIONS = ["Filter by group", "Open filter", "Clear search", "Select all", "Deselect all", "Clear", "Back", "No data"];
+export const TRANSLATIONS = ["Filter by group", "Open filter", "Clear search", "Select all", "Clear", "Back", "No data"];

package/esm/dropdownRaw/stateReducer/stateReducer.d.ts

@@ -25,6 +25,8 @@ export interface IDropdownState {
     listLimit: number;
     resultsExceedListLimit?: boolean;
     isAllSelected?: boolean;
+    selectAllActiveForId?: string;
+    autoPromoteSelectAll?: boolean;
     globalIsAllSelected?: boolean;
     defaultValueIsAllSelected?: boolean;
     isChecked?: boolean;
@@ -34,7 +36,7 @@ export interface IDropdownState {
 }
 export interface IStateReducer extends Reducer<IDropdownState, TStateAction> {
 }
-export declare const getInitialState: (isFullSelectionMode: boolean, comboItems: IDropdownRawItem[], selection: string[], listLimit: number, defaultValue?: string[], isAllSelected?: boolean, defaultValueIsAllSelected?: boolean, isChecked?: boolean, defaultValueIsChecked?: boolean, firstParentNodeIsVisible?: boolean) => {
+export declare const getInitialState: (isFullSelectionMode: boolean, comboItems: IDropdownRawItem[], selection: string[], listLimit: number, defaultValue?: string[], isAllSelected?: boolean, defaultValueIsAllSelected?: boolean, isChecked?: boolean, defaultValueIsChecked?: boolean, firstParentNodeIsVisible?: boolean, autoPromoteSelectAll?: boolean) => {
     groupsMap: ITypedHash<IGroupTree>;
     selectedIds: string[];
     globalSelectedIds: string[];
@@ -62,5 +64,6 @@ export declare const getInitialState: (isFullSelectionMode: boolean, comboItems:
     listLimit: number;
     resultsExceedListLimit: boolean;
     firstParentNodeIsVisible: boolean | undefined;
+    autoPromoteSelectAll: boolean | undefined;
 };
 export declare function stateReducer(state: IDropdownState, action: TStateAction): IDropdownState;

package/esm/dropdownRaw/stateReducer/stateReducer.js

@@ -1,8 +1,8 @@
 import { StateActionType } from "./stateActionType";
-import { getChildList, updateAllSelectedStateValueBasedOnTotalSelected, getRootId } from "./stateReducerHelper";
+import { getChildList, getRootId, computeIsAllSelected } from "./stateReducerHelper";
 import { createGroupsMap } from "../../groupsFilterRaw/groupsFilterHelper";
 export const ROOT_GROUP_ID = "zen_dropdown_root_group_id";
-export const getInitialState = (isFullSelectionMode, comboItems, selection, listLimit, defaultValue, isAllSelected, defaultValueIsAllSelected, isChecked, defaultValueIsChecked, firstParentNodeIsVisible) => {
+export const getInitialState = (isFullSelectionMode, comboItems, selection, listLimit, defaultValue, isAllSelected, defaultValueIsAllSelected, isChecked, defaultValueIsChecked, firstParentNodeIsVisible, autoPromoteSelectAll) => {
     const updatedGroupsMapSelected = new Map();
     const updatedGroupsMap = comboItems.length ? createGroupsMap(comboItems, ROOT_GROUP_ID) : {};
     const namelessIds = new Set();
@@ -47,7 +47,8 @@ export const getInitialState = (isFullSelectionMode, comboItems, selection, list
         globalIsChecked: isChecked,
         listLimit,
         resultsExceedListLimit: false,
-        firstParentNodeIsVisible: firstParentNodeIsVisible
+        firstParentNodeIsVisible: firstParentNodeIsVisible,
+        autoPromoteSelectAll: autoPromoteSelectAll
     };
 };
 // eslint-disable-next-line complexity
@@ -71,12 +72,14 @@ export function stateReducer(state, action) {
                     }
                 });
             }
-            const isCurrentListNested = Object.keys(updatedGroupsMap).length > 0 &&
-                (updatedGroupsMap[ROOT_GROUP_ID].children || []).some(el => el.children && el.children.length);
-            state.groupsMap = updatedGroupsMap;
-            const additionalStateUpdates = updateAllSelectedStateValueBasedOnTotalSelected(state, state.selectedIds.length - newNamelessIds.size);
+            const updatedGroupsMapCount = Object.keys(updatedGroupsMap).length;
+            const isCurrentListNested = updatedGroupsMapCount > 0 && (updatedGroupsMap[ROOT_GROUP_ID].children || []).some(el => el.children && el.children.length);
+            const groupsMapLength = updatedGroupsMapCount - 1;
+            const newResultsExceedListLimit = groupsMapLength >= state.listLimit;
+            const selectedInNewMap = state.selectedIds.filter(id => id in updatedGroupsMap).length - newNamelessIds.size;
+            const newIsAllSelected = computeIsAllSelected(state.isAllSelected, state.isFullSelectionMode, newResultsExceedListLimit, groupsMapLength, selectedInNewMap);
             const rootId = getRootId(updatedGroupsMap, ROOT_GROUP_ID, state.firstParentNodeIsVisible);
-            return Object.assign(Object.assign(Object.assign({}, state), { rootId: rootId || ROOT_GROUP_ID, namelessIds: newNamelessIds, isNestedList: state.isNestedList ? state.isNestedList : isCurrentListNested, resultsExceedListLimit: Object.keys(updatedGroupsMap).length - 1 >= state.listLimit }), additionalStateUpdates);
+            return Object.assign(Object.assign({}, state), { groupsMap: updatedGroupsMap, rootId: rootId || ROOT_GROUP_ID, namelessIds: newNamelessIds, isNestedList: state.isNestedList ? state.isNestedList : isCurrentListNested, resultsExceedListLimit: newResultsExceedListLimit, isAllSelected: newIsAllSelected });
         }
         case StateActionType.SetListData: {
             state.selectedIds.forEach(id => {
@@ -101,9 +104,9 @@ export function stateReducer(state, action) {
         case StateActionType.SetIsOpenCombo:
             return Object.assign(Object.assign({}, state), { isOpenCombo: payload });
         case StateActionType.ResetSelection:
-            return Object.assign(Object.assign({}, state), { selectedIds: [...state.defaultValue], isAllSelected: state.defaultValueIsAllSelected, isChecked: typeof state.isChecked === "boolean" ? state.defaultValueIsChecked || false : undefined });
+            return Object.assign(Object.assign({}, state), { selectedIds: [...state.defaultValue], isAllSelected: state.defaultValueIsAllSelected, isChecked: typeof state.isChecked === "boolean" ? state.defaultValueIsChecked || false : undefined, selectAllActiveForId: undefined });
         case StateActionType.ResetStateToGlobal:
-            return Object.assign(Object.assign({}, state), { selectedIds: [...state.globalSelectedIds], isAllSelected: state.globalIsAllSelected, isChecked: state.globalIsChecked });
+            return Object.assign(Object.assign({}, state), { selectedIds: [...state.globalSelectedIds], isAllSelected: state.globalIsAllSelected, isChecked: state.globalIsChecked, selectAllActiveForId: undefined });
         case StateActionType.NothingToShow:
             return Object.assign(Object.assign({}, state), { showWaiting: false, showEmptyList: false, showList: false });
         case StateActionType.Show:
@@ -115,7 +118,7 @@ export function stateReducer(state, action) {
         case StateActionType.ShowList:
             return Object.assign(Object.assign({}, state), { showWaiting: false, showEmptyList: false, showList: true });
         case StateActionType.SetInputValue:
-            return Object.assign(Object.assign({}, state), { inputValue: payload });
+            return Object.assign(Object.assign({}, state), { inputValue: payload, selectAllActiveForId: undefined });
         case StateActionType.SetState: {
             const newNamelessIds = new Set(state.namelessIds);
             payload.selected.forEach(id => {
@@ -219,8 +222,10 @@ export function stateReducer(state, action) {
                         state.groupsMapSelected.set(id, Object.assign(Object.assign({ id }, (item.name ? { name: item.name } : {})), (item.color ? { color: item.color } : {})));
                 }
             });
-            const additionalStateUpdates = updateAllSelectedStateValueBasedOnTotalSelected(state, currentSelectedIds.size);
-            return Object.assign(Object.assign(Object.assign({}, state), { selectedIds: Array.from(currentSelectedIds) }), additionalStateUpdates);
+            const newIsAllSelected = state.autoPromoteSelectAll
+                ? currentSelectedIds.size >= Object.keys(state.groupsMap).length - 1
+                : state.isAllSelected;
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(currentSelectedIds), selectAllActiveForId: undefined, isAllSelected: newIsAllSelected });
         }
         case StateActionType.ChangeBulkSelection: {
             const { itemsIds, value } = payload;
@@ -253,8 +258,10 @@ export function stateReducer(state, action) {
                         state.groupsMapSelected.set(id, Object.assign(Object.assign({ id }, (item.name ? { name: item.name } : {})), (item.color ? { color: item.color } : {})));
                 }
             });
-            const additionalStateUpdates = updateAllSelectedStateValueBasedOnTotalSelected(state, currentSelectedIds.size);
-            return Object.assign(Object.assign(Object.assign({}, state), { selectedIds: Array.from(currentSelectedIds) }), additionalStateUpdates);
+            const newIsAllSelected = state.autoPromoteSelectAll
+                ? currentSelectedIds.size >= Object.keys(state.groupsMap).length - 1
+                : state.isAllSelected;
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(currentSelectedIds), selectAllActiveForId: undefined, isAllSelected: newIsAllSelected });
         }
         case StateActionType.SelectAllChildren: {
             const currentEl = state.groupsMap[payload];
@@ -291,7 +298,7 @@ export function stateReducer(state, action) {
                         state.groupsMapSelected.set(id, Object.assign(Object.assign({ id }, (item.name ? { name: item.name } : {})), (item.color ? { color: item.color } : {})));
                 }
             });
-            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected) });
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected), selectAllActiveForId: payload });
         }
         case StateActionType.DeselectItemsFromAllSelected: {
             const currentEl = state.groupsMap[state.rootId];
@@ -315,12 +322,16 @@ export function stateReducer(state, action) {
                         state.groupsMapSelected.set(id, Object.assign(Object.assign({ id }, (item.name ? { name: item.name } : {})), (item.color ? { color: item.color } : {})));
                 }
             });
-            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected), isAllSelected: state.isFullSelectionMode ? false : undefined });
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected), isAllSelected: state.isFullSelectionMode ? false : undefined, selectAllActiveForId: undefined });
         }
         case StateActionType.ToggleValueForAllSelected: {
             const currentEl = state.groupsMap[state.rootId];
+            // selectAllActiveForId tracks when "Select all" was clicked at this level, even when
+            // autoPromoteSelectAll=false keeps isAllSelected=false. Without this fallback, a second
+            // click would incorrectly clear selections and leave the button stuck as pressed.
+            const effectiveIsAllSelected = !!state.isAllSelected || state.selectAllActiveForId === (state.currentId || state.rootId);
             const newSelected = new Set();
-            state.isAllSelected &&
+            effectiveIsAllSelected &&
                 ((currentEl === null || currentEl === void 0 ? void 0 : currentEl.children) || []).forEach(el => {
                     if (!newSelected.has(el.id) && el.disabled) {
                         newSelected.add(el.id);
@@ -333,9 +344,8 @@ export function stateReducer(state, action) {
                         state.groupsMapSelected.set(id, Object.assign(Object.assign({ id }, (item.name ? { name: item.name } : {})), (item.color ? { color: item.color } : {})));
                 }
             });
-            const updatedIsAllSelectedValue = state.isFullSelectionMode ? !state.isAllSelected : undefined;
-            const additionalStateUpdates = updateAllSelectedStateValueBasedOnTotalSelected(state, newSelected.size);
-            return Object.assign(Object.assign(Object.assign({}, state), { selectedIds: state.isAllSelected ? Array.from(newSelected) : [], isAllSelected: updatedIsAllSelectedValue }), additionalStateUpdates);
+            const updatedIsAllSelectedValue = state.isFullSelectionMode ? !effectiveIsAllSelected : undefined;
+            return Object.assign(Object.assign({}, state), { selectedIds: effectiveIsAllSelected ? Array.from(newSelected) : [], isAllSelected: updatedIsAllSelectedValue, selectAllActiveForId: undefined });
         }
         case StateActionType.DeselectAllChildren: {
             const childrenForDeselect = [];
@@ -347,7 +357,7 @@ export function stateReducer(state, action) {
             });
             const newSelected = new Set(state.selectedIds);
             childrenForDeselect.forEach(childId => newSelected.delete(childId));
-            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected) });
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected), selectAllActiveForId: undefined });
         }
         case StateActionType.SetFirstParentNodeIsVisible: {
             if (state.firstParentNodeIsVisible === payload) {

package/esm/dropdownRaw/stateReducer/stateReducerHelper.d.ts

@@ -1,6 +1,5 @@
-import { IDropdownState } from "./stateReducer";
 import { IDropdownRawItem } from "../types";
 import { IGroupTree, ITypedHash } from "../../groupsFilterRaw/groupsFilterInterfaces";
 export declare function getChildList(childArr: IDropdownRawItem[] | undefined): IDropdownRawItem[];
-export declare const updateAllSelectedStateValueBasedOnTotalSelected: (state: IDropdownState, totalSelected: number) => Partial<Pick<IDropdownState, "isAllSelected">>;
+export declare const computeIsAllSelected: (currentIsAllSelected: boolean | undefined, isFullSelectionMode: boolean, resultsExceedListLimit: boolean | undefined, groupsMapLength: number, selectedCount: number) => boolean | undefined;
 export declare const getRootId: (groupsMap: ITypedHash<IGroupTree>, rootIdKey: string, firstParentNodeIsVisible?: boolean) => string | undefined;

package/esm/dropdownRaw/stateReducer/stateReducerHelper.js

@@ -13,16 +13,11 @@ export function getChildList(childArr) {
     });
     return list;
 }
-export const updateAllSelectedStateValueBasedOnTotalSelected = (state, totalSelected) => {
-    const additionalStateUpdates = {};
-    const groupsMapLength = Object.keys(state.groupsMap).length - 1;
-    if (!state.resultsExceedListLimit && !state.isAllSelected && state.isFullSelectionMode && groupsMapLength > 0) {
-        if (totalSelected >= groupsMapLength) {
-            additionalStateUpdates.isAllSelected = true;
-        }
-    }
-    return additionalStateUpdates;
-};
+export const computeIsAllSelected = (currentIsAllSelected, isFullSelectionMode, resultsExceedListLimit, groupsMapLength, selectedCount) => !resultsExceedListLimit && isFullSelectionMode && groupsMapLength > 0
+    ? selectedCount >= groupsMapLength
+        ? true
+        : currentIsAllSelected
+    : currentIsAllSelected;
 export const getRootId = (groupsMap, rootIdKey, firstParentNodeIsVisible) => {
     var _a;
     if (Object.keys(groupsMap).length === 0) {

package/esm/dropdownRaw/types.d.ts

@@ -62,6 +62,26 @@ interface IDropdownBase extends IChipsParent {
     mobileSheetStackingClassName?: string;
     firstParentNodeIsVisible?: boolean;
     dataAnalyticsId?: string;
+    /**
+     * When `true`, hides the "Select all" button while the user has an active search query.
+     * The button reappears when the search field is cleared.
+     * @default false
+     */
+    hideSelectAllOnSearch?: boolean;
+    /**
+     * When `true`, individual list items are visually blocked (disabled) while "Select all" is
+     * active at the current level, preventing partial deselection after a bulk selection.
+     * Has no effect in full-selection mode (`value` with `isAllSelected`).
+     * @default false
+     */
+    blockItemsOnSelectAll?: boolean;
+    /**
+     * When `true`, automatically promotes `isAllSelected` to `true` when all available items
+     * are individually checked. Only applies in full-selection mode (value with `isAllSelected`).
+     * Has no effect in standard mode (`value: string[]`).
+     * @default false
+     */
+    autoPromoteSelectAll?: boolean;
 }
 interface IDropdownBaseDefault {
     disabled?: boolean;

package/esm/feedbackContainer/hooks/useFeedbackAlert.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IAlertItem, IQueueItem } from "../types";
 export interface IAlertQueueItem extends IQueueItem<IAlertItem> {
 }

package/esm/feedbackContainer/hooks/useFeedbackToast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IQueueItem, IToastItem } from "../types";
 interface IUseFeedbackToast {
     setActiveFeedback: (value: "alert" | "toast" | null) => void;

package/esm/filters/components/filtersItem.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { FiltersChip, IFiltersChip } from "./filtersChip";
 import { FiltersDateRange, IFiltersDateRangeItem, TFiltersDateRangeState } from "./filtersDateRange";
 import { FiltersDropdown, IFiltersDropdown, TFiltersDropdownAllStates } from "./filtersDropdown";
@@ -49,4 +49,4 @@ export declare const allowedFiltersComponents: ({
     ({ ...props }: IFiltersChip): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 } | typeof FiltersDropdown)[];
-export declare const getAllowedFilters: <T extends React.ReactNode>(items: T[]) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+export declare const getAllowedFilters: <T extends ReactNode>(items: T[]) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];

package/esm/filters/components/filtersSearchList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./filtersSearchList.less";
 import { IFetchState } from "../filters";
 import { IIcon } from "../../icons/icon";

package/esm/filters/components/filtersSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFiltersSearchTypesSubItem } from "../filters";
 import "./filtersSelect.less";
 export interface IFiltersSelectItems {

package/esm/filters/components/filtersSelectCompact.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFiltersSearchType, IFiltersSelectItems } from "./filtersSelect";
 import "./filtersSelectCompact.less";
 export interface IFiltersSelectCompact extends IFiltersSelectProps {

package/esm/filters/components/filtersSelectListItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFiltersSelectListItem {
     id: string;
     name: string;

package/esm/filters/components/filtersSelectUnfoldingPill.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFiltersSelectPillItem {
     id: string;
     name: string;

package/esm/filters/filtersHelper.d.ts

@@ -22,7 +22,7 @@ export declare const prepareDefaultDropdownState: (type: TDropdownState) => neve
     isAllSelected: boolean;
     isChecked?: undefined;
 };
-export declare const getChildren: (children?: ReactElement | (null | ReactElement)[]) => (ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
+export declare const getChildren: (children?: ReactElement | (null | ReactElement)[]) => ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
 export declare const getFiltersState: (children: ReactElement | ReactElement[]) => {};
 export declare const createStateObject: (children: ReactElement | ReactElement[], field: "state" | "defaultState") => {};
 export declare function getNumberOfChangedFilters(state: object): number;

package/esm/filters/filtersHooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFiltersSearchType } from "./components/filtersSelect";
 import { ISearchItem } from "./components/filtersSearchList";
 import { IFetchState, IFiltersSearchTypesSubItem } from "./filters";

package/esm/filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox.js

@@ -93,7 +93,7 @@ export const FiltersBarDropdownWithCheckbox = ({ sidePanelTitle, className, prop
         restProps,
         useSidePanelView
     ]);
-    const componentWithSeparateCheckbox = isFullSelectionMode ? (_jsx(FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData })) : (_jsx(FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData }));
+    const componentWithSeparateCheckbox = (_jsx(FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData }));
     const component = isFullSelectionMode ? (_jsx(Dropdown, Object.assign({}, commonProps, { checkboxLabel: props.checkboxLabel, getData: props.getData, value: { selected: Array.from(selection), isAllSelected: isCurrentAllSelected || false, isChecked: isCurrentChecked }, onChange: onChangeFullSelectionWithCheckbox, defaultValue: props.defaultValue, multiselect: true, selectAllButton: true }))) : (_jsx(Dropdown, Object.assign({}, commonProps, { checkboxLabel: props.checkboxLabel, getData: props.getData, value: { selected: Array.from(selection), isChecked: isCurrentChecked }, onChange: onChangeWithCheckbox, defaultValue: props.defaultValue })));
     if (!useSidePanelView) {
         return component;

package/esm/filtersBar/filtersBar.js

@@ -130,7 +130,7 @@ export const FiltersBar = ({ className, children, isAllFiltersVisible, hideAllFi
             });
         }
     }, [filterBarChildren, memoizedShouldUpdate, sidePanelState, stateFromChildren]);
-    const searchChild = childrenArray.find(child => child && typeof child === "object" && "type" in child && child.type === FiltersBarSearch);
+    const searchChild = childrenArray.find(child => typeof child === "object" && "type" in child && child.type === FiltersBarSearch);
     useEffect(() => {
         setSearchComponent(searchChild);
     }, [searchChild, setSearchComponent]);
@@ -208,7 +208,7 @@ export const FiltersBar = ({ className, children, isAllFiltersVisible, hideAllFi
         return getNumberOfChangedFilters(filtersBarState.childrenState, filtersBarState.prevChildrenState) > 0;
     }, [filtersBarState.childrenState, filtersBarState.prevChildrenState, getDefaultFiltersState, onApplyAllFilters]);
     const sidePanel = useMemo(() => {
-        const sidePanelChild = childrenArray.find(child => child && typeof child === "object" && "type" in child && child.type === FiltersBarSidePanelContainer);
+        const sidePanelChild = childrenArray.find(child => typeof child === "object" && "type" in child && child.type === FiltersBarSidePanelContainer);
         if (!sidePanelChild) {
             return (_jsx(FiltersBarSidePanel, { parentElement: parentElement, isOpen: isAllFiltersVisible, triggerRef: isMobile ? mobileTriggerRef || emptyFiltersRef : allFiltersRef, getDefaultFiltersState: getDefaultFiltersState, onClosePanel: onClosePanel, state: sidePanelState, onApplyAllFilters: handleApplyAllFilters(true), dispatch: dispatchSidePanelState, pillName: pillName, pillIcon: pillIcon, pillType: pillType, children: filterBarChildren }));
         }

package/esm/filtersBar/filtersBarActions/filtersBarActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IZenComponentProps } from "../../commonHelpers/zenComponent";
 export interface IFiltersBarActions extends IZenComponentProps {
     onShowAllFilters: () => void;

package/esm/filtersBar/filtersBarInterfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FiltersBarDropdown, IFiltersBarDropdown, IFiltersBarDropdownFullSelectionMode } from "./components/filtersBarDropdown/filtersBarDropdown";
 import { FiltersBarGroupButton, IFiltersBarGroupButton } from "./components/filtersBarGroupButton/filtersBarGroupButton";
 import { FiltersBarGroupsFilter, IFiltersBarGroupsFilter } from "./components/filtersBarGroupsFilter/filtersBarGroupsFilter";