@geotab/zenith 3.15.0-beta.0 → 3.15.0-beta.2

package/README.md

@@ -57,7 +57,6 @@ Zenith library provides components defined in Zenith Design System. It includes
 - Add native accessible loading-status support (`isLoading` prop with live-region) to `Waiting`
 - Add status dot and label support to `Tag` component
 - Add "trend, neutral" icon to icon library
-- Improve select-all behavior in search for `Dropdown`
 - Add new icons (`IconAce`, `IconBreak`, `IconChevronStepper` and more)
 - Add `ProgressIndicator` — new table-cell progress component
 - Fix `DropdownRaw` single-select mode not auto-closing after leaf node selection

package/dist/chart/plugins/linePlugin/getInterpolatedValue.js

@@ -40,6 +40,15 @@ function getInterpolatedValue(xScale, data, datasetIndex, xPixel) {
     if (x1 === x2) {
         return y1;
     }
+    // Sub-pixel tolerance: element.x (from Chart.js) and xScale.getPixelForValue()
+    // can disagree by a fraction of a pixel, causing the cursor to land just past a
+    // data point and interpolate with the next segment instead of returning the exact value.
+    if (Math.abs(x - x1) < 0.5) {
+        return y1;
+    }
+    if (Math.abs(x - x2) < 0.5) {
+        return y2;
+    }
     const interpolatedY = y1 + ((y2 - y1) * (x - x1)) / (x2 - x1);
     return interpolatedY;
 }

package/dist/chart/plugins/linePlugin/linePlugin.js

@@ -55,32 +55,9 @@ const LinePlugin = (containerId, options, isDark) => ({
             const y = chart.verticalLine.y;
             const topY = chart.chartArea.top;
             const bottomY = chart.chartArea.bottom;
+            (0, drawLine_1.drawLine)(ctx, x, topY, bottomY);
             const datasets = chart.data.datasets;
             let lowestValueY = Infinity;
-            const xScale = chart.scales.x;
-            let snappedX = x;
-            let closestDist = Infinity;
-            datasets.forEach((dataset, dsIndex) => {
-                if (!chart.isDatasetVisible(dsIndex)) {
-                    return;
-                }
-                if (chart.getDatasetMeta(dsIndex).type !== "line") {
-                    return;
-                }
-                const dataPoints = dataset.data;
-                for (const point of dataPoints) {
-                    if (point.y === null) {
-                        continue;
-                    }
-                    const px = xScale.getPixelForValue(point.x);
-                    const dist = Math.abs(px - x);
-                    if (dist < closestDist) {
-                        closestDist = dist;
-                        snappedX = px;
-                    }
-                }
-            });
-            (0, drawLine_1.drawLine)(ctx, snappedX, topY, bottomY);
             const items = datasets
                 .map((dataset, dsIndex) => {
                 if (!chart.isDatasetVisible(dsIndex)) {
@@ -89,7 +66,8 @@ const LinePlugin = (containerId, options, isDark) => ({
                 if (chart.getDatasetMeta(dsIndex).type !== "line") {
                     return undefined;
                 }
-                const value = (0, getInterpolatedValue_1.getInterpolatedValue)(xScale, chart.data, dsIndex, snappedX);
+                const xScale = chart.scales.x;
+                const value = (0, getInterpolatedValue_1.getInterpolatedValue)(xScale, chart.data, dsIndex, x);
                 const yAxisID = dataset.yAxisID || "y";
                 const yScale = chart.scales[yAxisID];
                 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
@@ -117,8 +95,8 @@ const LinePlugin = (containerId, options, isDark) => ({
                 return;
             }
             const chartRect = chart.canvas.getBoundingClientRect();
-            const top = chartRect.top + (lowestValueY !== Infinity ? lowestValueY : y);
-            const left = chartRect.left + snappedX;
+            const top = chartRect.top + (lowestValueY || y);
+            const left = chartRect.left + x;
             if (zen_1.zen.document === undefined) {
                 return;
             }
@@ -135,8 +113,8 @@ const LinePlugin = (containerId, options, isDark) => ({
                 xLabel = scaleLabels[elementIdx];
             }
             else {
-                const xValue = chart.scales.x.getValueForPixel(snappedX);
-                xLabel = xValue !== undefined ? chart.scales.x.getLabelForValue(xValue) : undefined;
+                const xValue = chart.scales.x.getValueForPixel(x);
+                xLabel = xValue ? chart.scales.x.getLabelForValue(xValue) : undefined;
             }
             (0, renderTooltip_1.renderTooltip)(containerId, left + scrollLeft, top + scrollTop, "top", items, options === null || options === void 0 ? void 0 : options.title, options && options.subtitle !== undefined ? options.subtitle : xLabel, (options === null || options === void 0 ? void 0 : options.note) || undefined, isDark);
         }

package/dist/commonStyles/colors/colors.less

@@ -1,4 +1,6 @@
 :root {
+    fill: var(--text-primary);
+
     // text
     --text-primary: #1f2833;
     --text-secondary: #4e677e;
@@ -84,6 +86,8 @@
 
 .zen-dark {
     color: var(--text-primary);
+    fill: var(--text-primary);
+
     // text
     --text-primary: #ffffff;
     --text-secondary: #c0ccd8;

package/dist/dropdown/dropdown.js

@@ -24,4 +24,4 @@ const Dropdown = (_a) => {
     return (0, jsx_runtime_1.jsx)(DropDownFormField, Object.assign({}, props));
 };
 exports.Dropdown = Dropdown;
-exports.TRANSLATIONS = ["Filter by group", "Open filter", "Clear search", "Select all", "Clear", "Back", "No data"];
+exports.TRANSLATIONS = ["Filter by group", "Open filter", "Clear search", "Select all", "Deselect all", "Clear", "Back", "No data"];

package/dist/dropdownRaw/dropdownList.d.ts

@@ -13,8 +13,7 @@ export interface IDropdownList extends IZenComponentProps {
     onSelect: (id: string) => void;
     onSingleSelect: (reset: boolean, selected?: string) => void;
     backButtonName?: string;
-    isSelectAllActive?: boolean;
-    shouldBlockItems?: boolean;
+    isAllSelected: boolean;
     listData: ICheckboxListWithActionOption[] | ISelectListItem[];
     isWithFooter: boolean;
     width?: number;
@@ -40,6 +39,6 @@ interface IDropdownEmptyList extends Pick<IDropdownList, "className" | "width" |
     hasError: boolean;
 }
 export declare const EmptyList: ({ className, width, onClearClick, onApplyClick, onCancelClick, hasApplyButton, isApplyDisabled, isClearButtonDisabled, isWithFooter, hasError }: IDropdownEmptyList) => import("react/jsx-runtime").JSX.Element;
-export declare const DropdownList: ({ onBackButtonClick, onSelectAllClick, onClearClick, onApplyClick, onCancelClick, onChange, onSelect, onSingleSelect, listData, isSelectAllActive, shouldBlockItems, backButtonName, width, minWidth, isSelectAllButtonDisable, hasSelectAllButton, filterName, isMultiselect, hasApplyButton, isApplyDisabled, isClearButtonDisabled, activeValue, forceSelection, isWithFooter, isMobile, handleCheckboxChange, checkboxLabel, isChecked, listElementRef, listId }: IDropdownList) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownList: ({ onBackButtonClick, onSelectAllClick, onClearClick, onApplyClick, onCancelClick, onChange, onSelect, onSingleSelect, listData, isAllSelected, backButtonName, width, minWidth, isSelectAllButtonDisable, hasSelectAllButton, filterName, isMultiselect, hasApplyButton, isApplyDisabled, isClearButtonDisabled, activeValue, forceSelection, isWithFooter, isMobile, handleCheckboxChange, checkboxLabel, isChecked, listElementRef, listId }: IDropdownList) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];
 export {};

package/dist/dropdownRaw/dropdownList.js

@@ -214,6 +214,39 @@ 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");
@@ -390,8 +423,7 @@ const DropdownList = ({
   onSelect,
   onSingleSelect,
   listData,
-  isSelectAllActive,
-  shouldBlockItems,
+  isAllSelected,
   backButtonName,
   width,
   minWidth,
@@ -420,7 +452,7 @@ const DropdownList = ({
   const internalListId = (0, react_1.useId)();
   const selectListId = listId || internalListId;
   const handleSelectAllClick = () => {
-    onSelectAllClick(!!isSelectAllActive);
+    onSelectAllClick(isAllSelected);
   };
   const handleBackButtonKeyDown = (0, react_1.useCallback)(event => {
     if (event.key === "ArrowLeft") {
@@ -448,14 +480,13 @@ const DropdownList = ({
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     forceSelection ? onSingleSelect(false, newActiveEl || activeValue) : onSingleSelect(false, newActiveEl);
   }, [activeValue, forceSelection, onSingleSelect]);
-  const selectButtonLabel = translate("Select all");
-  const getActionButton = (label, title, icon, isDisabled, clickHandler, size, onKeyDown, isSelected) => (0, jsx_runtime_1.jsx)("button", {
+  const selectButtonLabel = isAllSelected ? translate("Deselect all") : translate("Select all");
+  const getActionButton = (label, title, icon, isDisabled, clickHandler, size, onKeyDown) => (0, jsx_runtime_1.jsx)("button", {
     type: "button",
     disabled: isDisabled,
     onClick: clickHandler,
     onKeyDown: onKeyDown,
-    "aria-pressed": isSelected,
-    className: (0, classNames_1.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" : ""]),
+    className: "zen-dropdown-list__item zen-dropdown-list__item--interactive zen-dropdown-list__action-button zen-dropdown-list__action-button-back",
     title: title,
     children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
       children: [react_1.default.createElement(icon, {
@@ -491,14 +522,11 @@ const DropdownList = ({
       });
       return values;
     };
-    const multiselectOptions = shouldBlockItems ? listData.map(item => Object.assign(Object.assign({}, item), {
-      blocked: true
-    })) : listData;
     return (0, jsx_runtime_1.jsx)("div", {
       className: "zen-dropdown-list__elements",
       ref: listElementRef,
       children: isMultiselect ? (0, jsx_runtime_1.jsx)(checkboxListWithAction_1.CheckboxListWithAction, {
-        options: multiselectOptions,
+        options: listData,
         label: "",
         onChange: handleChange,
         onClick: handleClick
@@ -514,7 +542,7 @@ const DropdownList = ({
         value: createValue(listData, activeValue)
       })
     });
-  }, [listElementRef, isMultiselect, shouldBlockItems, listData, handleChange, handleClick, handleSingleChange, translate, selectListId, forceSelection, activeValue]);
+  }, [listElementRef, isMultiselect, listData, handleChange, handleClick, handleSingleChange, translate, selectListId, forceSelection, activeValue]);
   return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     className: (0, classNames_1.classNames)(["zen-dropdown-list", driveComponentClass || ""])
   }, styleWidth, {
@@ -532,7 +560,7 @@ const DropdownList = ({
     }) : null, backButtonName ? (0, jsx_runtime_1.jsx)("div", {
       className: "zen-dropdown-list__item-wrapper",
       children: getActionButton(backButtonName, translate("Back"), iconBackArrow_1.IconBackArrow, false, onBackButtonClick, "large", handleBackButtonKeyDown)
-    }) : null, hasSelectAllButton ? getActionButton(selectButtonLabel, selectButtonLabel, iconCheckRadio_1.IconCheckRadio, !!isSelectAllButtonDisable, handleSelectAllClick, isDrive ? "huger" : "huge", undefined, isSelectAllActive) : null, listDataComponent, isWithFooter ? (0, jsx_runtime_1.jsxs)("div", {
+    }) : null, hasSelectAllButton ? getActionButton(selectButtonLabel, selectButtonLabel, iconCheckRadio_1.IconCheckRadio, !!isSelectAllButtonDisable, handleSelectAllClick, isDrive ? "huger" : "huge") : null, listDataComponent, isWithFooter ? (0, jsx_runtime_1.jsxs)("div", {
       className: "zen-dropdown-list__footer",
       children: [(0, jsx_runtime_1.jsx)(button_1.Button, {
         onClick: isMultiselect ? onClearClick : handleClearClick,
@@ -561,4 +589,4 @@ const DropdownList = ({
   }));
 };
 exports.DropdownList = DropdownList;
-exports.TRANSLATIONS = ["Select all", "Clear", "Back", "No data"];
+exports.TRANSLATIONS = ["Select all", "Deselect all", "Clear", "Back", "No data"];

package/dist/dropdownRaw/dropdownRaw.js

@@ -117,10 +117,7 @@ const DropdownRaw = props => {
     mobileSheetStackingClassName,
     isError,
     firstParentNodeIsVisible,
-    dataAnalyticsId,
-    hideSelectAllOnSearch = false,
-    blockItemsOnSelectAll = false,
-    autoPromoteSelectAll = false
+    dataAnalyticsId
   } = props;
   const {
     isFormSection
@@ -158,7 +155,7 @@ const DropdownRaw = props => {
   const isQueryMode = (0, react_1.useMemo)(() => typeof getData === "undefined" && typeof dataItems === "undefined", [getData, dataItems]);
   const isCheckboxMode = (0, react_1.useMemo)(() => checkboxLabel && typeof value === "object" && "isChecked" in value && typeof value.isChecked === "boolean" || false, [checkboxLabel, value]);
   const [initialInChecked] = (0, react_1.useState)(isCheckboxMode ? value.isChecked : undefined);
-  const [state, dispatchState] = (0, react_1.useReducer)(stateReducer_1.stateReducer, (0, stateReducer_1.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 [state, dispatchState] = (0, react_1.useReducer)(stateReducer_1.stateReducer, (0, stateReducer_1.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 chipStatus = (0, chipStatusProvider_1.useChipStatus)();
   const isMobile = (0, useMobile_1.useMobile)();
   const popupId = (0, react_1.useId)();
@@ -896,15 +893,7 @@ const DropdownRaw = props => {
       });
     }
     if (state.showList) {
-      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 ? (0, dropdownHelper_1.isEveryItemSelected)((0, dropdownHelper_1.getListDataWithDisabled)(state.listData, state.isNestedList), state.selectedIds) : false;
+      const isSearchMode = state.inputValue && !state.currentId;
       const currentListData = (0, dropdownHelper_1.createListDataOptions)(state, translate, isSearchMode ? (0, dropdownHelper_1.sortDropdownItemArray)(state.listData, sortFn).slice(0, listLimit).filter(el => el.id !== state.rootId) :
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
       (0, dropdownHelper_1.sortDropdownItemArray)(((_b = state.groupsMap[state.currentId || state.rootId]) === null || _b === void 0 ? void 0 : _b.children) || [], sortFn).slice(0, listLimit) || [], multiselect, currentAllSelected);
@@ -920,17 +909,16 @@ const DropdownRaw = props => {
         activeValue: state.selectedIds.length ? state.selectedIds[0] : "root",
         backButtonName: state.currentId && state.groupsMap[state.currentId] ? (0, groupsHelper_1.getGroupDescription)(state.groupsMap[state.currentId], translate) : undefined,
         filterName: isMobile ? undefined : filterName,
-        isSelectAllActive: isFullSelectionMode ? currentAllSelected : isSearchMode ? (0, dropdownHelper_1.isEveryItemSelected)((0, dropdownHelper_1.getListDataWithDisabled)(state.listData, state.isNestedList), state.selectedIds) : selectAllActiveForCurrentLevel || isAllCurrentLevelSelected,
-        shouldBlockItems: blockItemsOnSelectAll && !state.inputValue && !isFullSelectionMode && selectAllActiveForCurrentLevel,
+        isAllSelected: currentAllSelected ? currentAllSelected : isSearchMode ? (0, dropdownHelper_1.isEveryItemSelected)((0, dropdownHelper_1.getListDataWithDisabled)(state.listData, state.isNestedList), state.selectedIds) : currentAllSelected === undefined ? (0, dropdownHelper_1.isAllChildrenSelected)(state, state.currentId || state.rootId) : false,
         isMultiselect: multiselect,
         forceSelection: forceSelection,
         listData: currentListData,
         width: width || currentWidth === 180 ? undefined : currentWidth,
         minWidth: currentWidth,
-        hasSelectAllButton: selectAllButton && multiselect && !(hideSelectAllOnSearch && state.inputValue),
+        hasSelectAllButton: selectAllButton && multiselect,
         hasApplyButton: hasApplyButton,
         isApplyDisabled: memoizedIsApplyButtonDisabled,
-        isSelectAllButtonDisable: currentListData.length === 0 || isSearchMode && state.isNestedList && (0, dropdownHelper_1.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 && (0, dropdownHelper_1.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,
@@ -942,7 +930,7 @@ 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, hideSelectAllOnSearch, memoizedIsApplyButtonDisabled, memoizedIsClearButtonDisabled, isCheckboxMode, handleCheckboxChange, checkboxLabel, selectListId, isFullSelectionMode, blockItemsOnSelectAll]);
+  }, [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]);
   const currentStringFromSelected = isFullSelectionMode && hasApplyButton && state.globalIsAllSelected || isFullSelectionMode && !hasApplyButton && state.isAllSelected ? (0, dropdownHelper_1.getStringFromAllSelected)(state.groupsMap, translate, state.rootId) : (0, dropdownHelper_1.getStringFromSelected)(hasApplyButton ? state.globalSelectedIds : state.selectedIds, state.groupsMapSelected, translate, state.rootId);
   const memoizedCurrentSelection = (0, react_1.useMemo)(() => showSelection && !state.inputValue ? currentStringFromSelected : "", [showSelection, state.inputValue, currentStringFromSelected]);
   const parentTriggerWidth = ((_b = comboboxRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) || 420;
@@ -1041,4 +1029,4 @@ const DropdownRaw = props => {
 };
 exports.DropdownRaw = DropdownRaw;
 exports.DropdownRaw.displayName = "DropdownRaw";
-exports.TRANSLATIONS = ["Filter by group", "Open filter", "Clear search", "Select all", "Clear", "Back", "No data"];
+exports.TRANSLATIONS = ["Filter by group", "Open filter", "Clear search", "Select all", "Deselect all", "Clear", "Back", "No data"];

package/dist/dropdownRaw/stateReducer/stateReducer.d.ts

@@ -25,8 +25,6 @@ export interface IDropdownState {
     listLimit: number;
     resultsExceedListLimit?: boolean;
     isAllSelected?: boolean;
-    selectAllActiveForId?: string;
-    autoPromoteSelectAll?: boolean;
     globalIsAllSelected?: boolean;
     defaultValueIsAllSelected?: boolean;
     isChecked?: boolean;
@@ -36,7 +34,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, autoPromoteSelectAll?: 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) => {
     groupsMap: ITypedHash<IGroupTree>;
     selectedIds: string[];
     globalSelectedIds: string[];
@@ -64,6 +62,5 @@ 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/dist/dropdownRaw/stateReducer/stateReducer.js

@@ -6,7 +6,7 @@ const stateActionType_1 = require("./stateActionType");
 const stateReducerHelper_1 = require("./stateReducerHelper");
 const groupsFilterHelper_1 = require("../../groupsFilterRaw/groupsFilterHelper");
 exports.ROOT_GROUP_ID = "zen_dropdown_root_group_id";
-const getInitialState = (isFullSelectionMode, comboItems, selection, listLimit, defaultValue, isAllSelected, defaultValueIsAllSelected, isChecked, defaultValueIsChecked, firstParentNodeIsVisible, autoPromoteSelectAll) => {
+const getInitialState = (isFullSelectionMode, comboItems, selection, listLimit, defaultValue, isAllSelected, defaultValueIsAllSelected, isChecked, defaultValueIsChecked, firstParentNodeIsVisible) => {
     const updatedGroupsMapSelected = new Map();
     const updatedGroupsMap = comboItems.length ? (0, groupsFilterHelper_1.createGroupsMap)(comboItems, exports.ROOT_GROUP_ID) : {};
     const namelessIds = new Set();
@@ -51,8 +51,7 @@ const getInitialState = (isFullSelectionMode, comboItems, selection, listLimit,
         globalIsChecked: isChecked,
         listLimit,
         resultsExceedListLimit: false,
-        firstParentNodeIsVisible: firstParentNodeIsVisible,
-        autoPromoteSelectAll: autoPromoteSelectAll
+        firstParentNodeIsVisible: firstParentNodeIsVisible
     };
 };
 exports.getInitialState = getInitialState;
@@ -77,14 +76,12 @@ function stateReducer(state, action) {
                     }
                 });
             }
-            const updatedGroupsMapCount = Object.keys(updatedGroupsMap).length;
-            const isCurrentListNested = updatedGroupsMapCount > 0 && (updatedGroupsMap[exports.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 = (0, stateReducerHelper_1.computeIsAllSelected)(state.isAllSelected, state.isFullSelectionMode, newResultsExceedListLimit, groupsMapLength, selectedInNewMap);
+            const isCurrentListNested = Object.keys(updatedGroupsMap).length > 0 &&
+                (updatedGroupsMap[exports.ROOT_GROUP_ID].children || []).some(el => el.children && el.children.length);
+            state.groupsMap = updatedGroupsMap;
+            const additionalStateUpdates = (0, stateReducerHelper_1.updateAllSelectedStateValueBasedOnTotalSelected)(state, state.selectedIds.length - newNamelessIds.size);
             const rootId = (0, stateReducerHelper_1.getRootId)(updatedGroupsMap, exports.ROOT_GROUP_ID, state.firstParentNodeIsVisible);
-            return Object.assign(Object.assign({}, state), { groupsMap: updatedGroupsMap, rootId: rootId || exports.ROOT_GROUP_ID, namelessIds: newNamelessIds, isNestedList: state.isNestedList ? state.isNestedList : isCurrentListNested, resultsExceedListLimit: newResultsExceedListLimit, isAllSelected: newIsAllSelected });
+            return Object.assign(Object.assign(Object.assign({}, state), { rootId: rootId || exports.ROOT_GROUP_ID, namelessIds: newNamelessIds, isNestedList: state.isNestedList ? state.isNestedList : isCurrentListNested, resultsExceedListLimit: Object.keys(updatedGroupsMap).length - 1 >= state.listLimit }), additionalStateUpdates);
         }
         case stateActionType_1.StateActionType.SetListData: {
             state.selectedIds.forEach(id => {
@@ -109,9 +106,9 @@ function stateReducer(state, action) {
         case stateActionType_1.StateActionType.SetIsOpenCombo:
             return Object.assign(Object.assign({}, state), { isOpenCombo: payload });
         case stateActionType_1.StateActionType.ResetSelection:
-            return Object.assign(Object.assign({}, state), { selectedIds: [...state.defaultValue], isAllSelected: state.defaultValueIsAllSelected, isChecked: typeof state.isChecked === "boolean" ? state.defaultValueIsChecked || false : undefined, selectAllActiveForId: undefined });
+            return Object.assign(Object.assign({}, state), { selectedIds: [...state.defaultValue], isAllSelected: state.defaultValueIsAllSelected, isChecked: typeof state.isChecked === "boolean" ? state.defaultValueIsChecked || false : undefined });
         case stateActionType_1.StateActionType.ResetStateToGlobal:
-            return Object.assign(Object.assign({}, state), { selectedIds: [...state.globalSelectedIds], isAllSelected: state.globalIsAllSelected, isChecked: state.globalIsChecked, selectAllActiveForId: undefined });
+            return Object.assign(Object.assign({}, state), { selectedIds: [...state.globalSelectedIds], isAllSelected: state.globalIsAllSelected, isChecked: state.globalIsChecked });
         case stateActionType_1.StateActionType.NothingToShow:
             return Object.assign(Object.assign({}, state), { showWaiting: false, showEmptyList: false, showList: false });
         case stateActionType_1.StateActionType.Show:
@@ -123,7 +120,7 @@ function stateReducer(state, action) {
         case stateActionType_1.StateActionType.ShowList:
             return Object.assign(Object.assign({}, state), { showWaiting: false, showEmptyList: false, showList: true });
         case stateActionType_1.StateActionType.SetInputValue:
-            return Object.assign(Object.assign({}, state), { inputValue: payload, selectAllActiveForId: undefined });
+            return Object.assign(Object.assign({}, state), { inputValue: payload });
         case stateActionType_1.StateActionType.SetState: {
             const newNamelessIds = new Set(state.namelessIds);
             payload.selected.forEach(id => {
@@ -227,10 +224,8 @@ function stateReducer(state, action) {
                         state.groupsMapSelected.set(id, Object.assign(Object.assign({ id }, (item.name ? { name: item.name } : {})), (item.color ? { color: item.color } : {})));
                 }
             });
-            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 });
+            const additionalStateUpdates = (0, stateReducerHelper_1.updateAllSelectedStateValueBasedOnTotalSelected)(state, currentSelectedIds.size);
+            return Object.assign(Object.assign(Object.assign({}, state), { selectedIds: Array.from(currentSelectedIds) }), additionalStateUpdates);
         }
         case stateActionType_1.StateActionType.ChangeBulkSelection: {
             const { itemsIds, value } = payload;
@@ -263,10 +258,8 @@ function stateReducer(state, action) {
                         state.groupsMapSelected.set(id, Object.assign(Object.assign({ id }, (item.name ? { name: item.name } : {})), (item.color ? { color: item.color } : {})));
                 }
             });
-            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 });
+            const additionalStateUpdates = (0, stateReducerHelper_1.updateAllSelectedStateValueBasedOnTotalSelected)(state, currentSelectedIds.size);
+            return Object.assign(Object.assign(Object.assign({}, state), { selectedIds: Array.from(currentSelectedIds) }), additionalStateUpdates);
         }
         case stateActionType_1.StateActionType.SelectAllChildren: {
             const currentEl = state.groupsMap[payload];
@@ -303,7 +296,7 @@ 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), selectAllActiveForId: payload });
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected) });
         }
         case stateActionType_1.StateActionType.DeselectItemsFromAllSelected: {
             const currentEl = state.groupsMap[state.rootId];
@@ -327,16 +320,12 @@ 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, selectAllActiveForId: undefined });
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected), isAllSelected: state.isFullSelectionMode ? false : undefined });
         }
         case stateActionType_1.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();
-            effectiveIsAllSelected &&
+            state.isAllSelected &&
                 ((currentEl === null || currentEl === void 0 ? void 0 : currentEl.children) || []).forEach(el => {
                     if (!newSelected.has(el.id) && el.disabled) {
                         newSelected.add(el.id);
@@ -349,8 +338,9 @@ 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 ? !effectiveIsAllSelected : undefined;
-            return Object.assign(Object.assign({}, state), { selectedIds: effectiveIsAllSelected ? Array.from(newSelected) : [], isAllSelected: updatedIsAllSelectedValue, selectAllActiveForId: undefined });
+            const updatedIsAllSelectedValue = state.isFullSelectionMode ? !state.isAllSelected : undefined;
+            const additionalStateUpdates = (0, stateReducerHelper_1.updateAllSelectedStateValueBasedOnTotalSelected)(state, newSelected.size);
+            return Object.assign(Object.assign(Object.assign({}, state), { selectedIds: state.isAllSelected ? Array.from(newSelected) : [], isAllSelected: updatedIsAllSelectedValue }), additionalStateUpdates);
         }
         case stateActionType_1.StateActionType.DeselectAllChildren: {
             const childrenForDeselect = [];
@@ -362,7 +352,7 @@ 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), selectAllActiveForId: undefined });
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected) });
         }
         case stateActionType_1.StateActionType.SetFirstParentNodeIsVisible: {
             if (state.firstParentNodeIsVisible === payload) {

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

@@ -1,5 +1,6 @@
+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 computeIsAllSelected: (currentIsAllSelected: boolean | undefined, isFullSelectionMode: boolean, resultsExceedListLimit: boolean | undefined, groupsMapLength: number, selectedCount: number) => boolean | undefined;
+export declare const updateAllSelectedStateValueBasedOnTotalSelected: (state: IDropdownState, totalSelected: number) => Partial<Pick<IDropdownState, "isAllSelected">>;
 export declare const getRootId: (groupsMap: ITypedHash<IGroupTree>, rootIdKey: string, firstParentNodeIsVisible?: boolean) => string | undefined;

package/dist/dropdownRaw/stateReducer/stateReducerHelper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRootId = exports.computeIsAllSelected = void 0;
+exports.getRootId = exports.updateAllSelectedStateValueBasedOnTotalSelected = void 0;
 exports.getChildList = getChildList;
 const groupsHelper_1 = require("../../groupsFilterRaw/groupsHelper");
 function getChildList(childArr) {
@@ -17,12 +17,17 @@ function getChildList(childArr) {
     });
     return list;
 }
-const computeIsAllSelected = (currentIsAllSelected, isFullSelectionMode, resultsExceedListLimit, groupsMapLength, selectedCount) => !resultsExceedListLimit && isFullSelectionMode && groupsMapLength > 0
-    ? selectedCount >= groupsMapLength
-        ? true
-        : currentIsAllSelected
-    : currentIsAllSelected;
-exports.computeIsAllSelected = computeIsAllSelected;
+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;
+};
+exports.updateAllSelectedStateValueBasedOnTotalSelected = updateAllSelectedStateValueBasedOnTotalSelected;
 const getRootId = (groupsMap, rootIdKey, firstParentNodeIsVisible) => {
     var _a;
     if (Object.keys(groupsMap).length === 0) {

package/dist/dropdownRaw/types.d.ts

@@ -62,26 +62,6 @@ 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;