@geotab/zenith 1.18.0 → 1.19.0-beta.1

package/README.md

@@ -40,6 +40,13 @@ Zenith library provides components defined in Zenith Design System. It includes
 
 ## Change log
 
+## 1.19.0
+
+ * New interface for dropdown component. For flat data displayed in dropdowns, you can now specify that all items in the dataset are considered selected
+ * New properties available in textarea component: 'resize' and 'readOnly'
+ * Show selection in GroupsFilter
+ * Audit: iconography 
+
 ## 1.18.0
 
  * New component `GridLayout`

package/dist/dropdown/dropdown.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import "./dropdown.less";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import { IEntityWithId } from "../commonHelpers/entity";
 import { IColor } from "../groupsFilter/groupsFilterInterfaces";
 import { TFilterButton } from "../filterButton/filterButton";
@@ -16,17 +15,16 @@ export interface IDropdownItem extends IEntityWithId {
     color?: IColor;
     disabled?: boolean;
 }
-export interface IDropdown extends IZenComponentProps {
+interface IDropdownBase {
     /**
     * @deprecated
     * @param translate - will be removed in the next major release
     */
     translate?: (s: string) => string;
-    value: string[];
-    onChange: (selected: ISelectionItem[]) => void;
+    className?: string;
+    dataItems?: IDropdownItem[];
     getData?: (signal?: AbortSignal, searchValue?: string) => Promise<IDropdownItem[]>;
     errorHandler: (e: Error) => void;
-    dataItems?: IDropdownItem[];
     getNamedItems?: (fn: (items: string[]) => ISelectionItem[]) => void;
     getSelectedItem?: (id: string) => IDropdownItem | undefined | Promise<IDropdownItem | undefined>;
     placeholder?: string;
@@ -41,10 +39,7 @@ export interface IDropdown extends IZenComponentProps {
     showSelection?: boolean;
     searchField?: boolean;
     fullWidthTriggerButton?: boolean;
-    multiselect?: boolean;
-    selectAllButton?: boolean;
     hasApplyButton?: boolean;
-    defaultValue?: string[];
     listLimit?: number;
     forceSelection?: boolean;
     buttonType?: TFilterButton;
@@ -54,5 +49,28 @@ export interface IDropdown extends IZenComponentProps {
     error?: string;
     sortFn?: (a: IDropdownItem, b: IDropdownItem) => number;
 }
-export declare const Dropdown: React.FC<IDropdown>;
+export interface IDropdownValueFullSelection {
+    selected: string[];
+    isAllSelected: boolean;
+}
+export interface IDropdownFullSelectedValue {
+    selected: ISelectionItem[];
+    isAllSelected: boolean;
+}
+export interface IDropdownFullSelection extends IDropdownBase {
+    multiselect: true;
+    selectAllButton: true;
+    value: IDropdownValueFullSelection;
+    onChange: (selected: IDropdownFullSelectedValue) => void;
+    defaultValue?: IDropdownValueFullSelection;
+}
+export interface IDropdown extends IDropdownBase {
+    value: string[];
+    onChange: (selected: ISelectionItem[]) => void;
+    multiselect?: boolean;
+    selectAllButton?: boolean;
+    defaultValue?: string[];
+}
+export declare const Dropdown: React.FC<IDropdown | IDropdownFullSelection>;
 export declare const TRANSLATIONS: string[];
+export {};

package/dist/dropdown/dropdown.js

@@ -20,19 +20,22 @@ const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const useDebounce_1 = require("../commonHelpers/hooks/useDebounce");
 const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems, onChange, value, defaultValue, placeholder, dialogAriaLabel, width, isLoading, title, triggerAriaLabel, disabled, inputId, filterName, showCounterPill = true, showSelection, fullWidthTriggerButton, hasApplyButton, searchField = true, multiselect = true, forceSelection = false, selectAllButton = true, getNamedItems, getSelectedItem, buttonType = "secondary", listLimit = 500, alignment = "bottom-left", error, sortFn }) => {
     var _a;
-    const [state, dispatchState] = (0, react_1.useReducer)(stateReducer_1.stateReducer, (0, stateReducer_1.getInitialState)(dataItems || [], value, defaultValue));
+    const isFullSelectionMode = (0, react_1.useMemo)(() => !Array.isArray(value), [value]);
+    const [state, dispatchState] = (0, react_1.useReducer)(stateReducer_1.stateReducer, (0, stateReducer_1.getInitialState)(isFullSelectionMode, dataItems || [], isFullSelectionMode ? value.selected : value, defaultValue ? (isFullSelectionMode ? defaultValue.selected : defaultValue) : undefined, isFullSelectionMode ? value.isAllSelected : undefined, defaultValue ? (isFullSelectionMode ? defaultValue.isAllSelected : undefined) : undefined));
     const isMobile = (0, useMobile_1.useMobile)();
     const abortToken = (0, react_1.useRef)(new AbortController());
     const triggerRef = (0, react_1.useRef)(null);
     const comboboxRef = (0, react_1.useRef)(null);
     const inputRef = (0, react_1.useRef)(null);
     const contentRef = (0, react_1.useRef)(null);
-    const prevSelectedIds = (0, react_1.useRef)([]);
-    const prevSelection = (0, react_1.useRef)([]);
+    const prevSelectedIds = (0, react_1.useRef)({ selected: [], isAllSelected: undefined });
+    const prevSelection = (0, react_1.useRef)({ selected: [], isAllSelected: undefined });
     const { translate } = (0, useLanguage_1.useLanguage)();
     const getNamedItemsHasBeenCalled = (0, react_1.useRef)(false);
     const selectedItemsLoader = (0, react_1.useRef)(undefined);
     const previousMapDataItems = (0, react_1.useRef)(!getData && (dataItems === null || dataItems === void 0 ? void 0 : dataItems.length) ? dataItems : []);
+    const currentAllSelected = (0, react_1.useMemo)(() => (state.isNestedList || !multiselect || !isFullSelectionMode)
+        ? undefined : state.isAllSelected, [state.isNestedList, state.isAllSelected, multiselect, isFullSelectionMode]);
     (0, react_1.useEffect)(() => {
         const timeoutId = setTimeout(() => {
             if (Object.keys(state.groupsMap).length === 0 && getData) {
@@ -55,11 +58,16 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
         return () => clearTimeout(timeoutId);
     }, [dataItems, getData, state.groupsMap]);
     (0, react_1.useEffect)(() => {
-        if ((0, dropdownHelper_1.compareStringsArrays)(defaultValue || [], state.defaultValue)) {
+        const defaultSelectedValue = defaultValue ? (isFullSelectionMode ? defaultValue.selected : defaultValue) : [];
+        const defaultAllSelectedValue = defaultValue ? (isFullSelectionMode ? defaultValue.isAllSelected : undefined)
+            : (isFullSelectionMode ? false : undefined);
+        if ((0, dropdownHelper_1.compareStringsArrays)(defaultSelectedValue, state.defaultValue) && defaultAllSelectedValue === state.defaultValueIsAllSelected) {
             return;
         }
-        dispatchState({ type: stateActionType_1.StateActionType.SetDefaultValue, payload: defaultValue || [] });
-    }, [defaultValue, state.defaultValue]);
+        dispatchState({ type: stateActionType_1.StateActionType.SetDefaultValue, payload: defaultSelectedValue });
+        isFullSelectionMode && defaultAllSelectedValue !== state.defaultValueIsAllSelected
+            && dispatchState({ type: stateActionType_1.StateActionType.SetDefaultAllSelected, payload: defaultAllSelectedValue });
+    }, [defaultValue, isFullSelectionMode, state.defaultValue, state.defaultValueIsAllSelected]);
     const loadSelectedItems = (0, react_1.useCallback)((ids) => {
         if (!getSelectedItem || !ids.size) {
             return;
@@ -102,13 +110,17 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
         dispatchState({ type: stateActionType_1.StateActionType.SetCurrentId, payload: newCurrentId === groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID || state.inputValue ? undefined : newCurrentId });
     }, [state.currentId, state.groupsMap, state.inputValue]);
     const handleSelect = (0, react_1.useCallback)((val) => {
+        if (isFullSelectionMode && state.isAllSelected) {
+            dispatchState({ type: stateActionType_1.StateActionType.DeselectItemsFromAllSelected, payload: val.id });
+            return;
+        }
         if (val.partial) {
             dispatchState({ type: stateActionType_1.StateActionType.DeselectAllChildren, payload: val.id });
         }
         else {
             dispatchState({ type: stateActionType_1.StateActionType.ChangeSelection, payload: { value: val.state, itemId: val.id } });
         }
-    }, []);
+    }, [isFullSelectionMode, state.isAllSelected]);
     const handleClose = (0, react_1.useCallback)(() => {
         dispatchState({ type: stateActionType_1.StateActionType.SetInputValue, payload: "" });
         if (!triggerRef.current) {
@@ -135,13 +147,21 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
         shouldBeClosed && handleEscape();
         shouldBeClosed && dispatchState({ type: stateActionType_1.StateActionType.SetInputValue, payload: "" });
     }, [handleEscape, hasApplyButton, memoizedAllowClosing]);
-    const handleSelectAllClick = (0, react_1.useCallback)((isAllSelected) => {
-        dispatchState({ type: isAllSelected ? stateActionType_1.StateActionType.DeselectAllChildren : stateActionType_1.StateActionType.SelectAllChildren, payload: state.currentId || groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID });
-    }, [state.currentId]);
-    const handleSelectAllInSearch = (0, react_1.useCallback)((isAllSelected) => {
-        (0, dropdownHelper_1.getDataForChange)((0, dropdownHelper_1.getListDataWithDisabled)(state.listData, state.isDisableStateProhibited), state.selectedIds, isAllSelected)
-            .forEach(el => dispatchState({ type: stateActionType_1.StateActionType.ChangeSelection, payload: { itemId: el.id, value: !isAllSelected } }));
-    }, [state.isDisableStateProhibited, state.listData, state.selectedIds]);
+    const handleSelectAllClick = (0, react_1.useCallback)((isAllSelect) => {
+        if (isFullSelectionMode) {
+            dispatchState({ type: stateActionType_1.StateActionType.ToggleValueForAllSelected, payload: undefined });
+            return;
+        }
+        dispatchState({ type: isAllSelect ? stateActionType_1.StateActionType.DeselectAllChildren : stateActionType_1.StateActionType.SelectAllChildren, payload: state.currentId || groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID });
+    }, [isFullSelectionMode, state.currentId]);
+    const handleSelectAllInSearch = (0, react_1.useCallback)((isAllSelect) => {
+        if (isFullSelectionMode && state.isAllSelected) {
+            dispatchState({ type: stateActionType_1.StateActionType.DeselectItemsFromAllSelected, payload: undefined });
+            return;
+        }
+        (0, dropdownHelper_1.getDataForChange)((0, dropdownHelper_1.getListDataWithDisabled)(state.listData, state.isNestedList), state.selectedIds, isAllSelect)
+            .forEach(el => dispatchState({ type: stateActionType_1.StateActionType.ChangeSelection, payload: { itemId: el.id, value: !isAllSelect } }));
+    }, [isFullSelectionMode, state.isAllSelected, state.listData, state.isNestedList, state.selectedIds]);
     const handleClearClick = (0, react_1.useCallback)(() => {
         dispatchState({ type: stateActionType_1.StateActionType.ResetSelection, payload: undefined });
     }, []);
@@ -154,15 +174,21 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
         handleClose();
     }, [handleClose]);
     const handleApplyClick = (0, react_1.useCallback)(() => {
-        dispatchState({ type: stateActionType_1.StateActionType.SetGlobalState, payload: state.selectedIds });
+        dispatchState({ type: stateActionType_1.StateActionType.SetGlobalState, payload: { selected: state.selectedIds, isAllSelected: state.isAllSelected } });
         dispatchState({ type: stateActionType_1.StateActionType.SetIsOpenCombo, payload: false });
         dispatchState({ type: stateActionType_1.StateActionType.SetCurrentId, payload: undefined });
         abortToken.current.abort();
         abortToken.current = new AbortController();
         handleClose();
         dispatchState({ type: stateActionType_1.StateActionType.SetDataProblem, payload: (0, dropdownHelper_1.checkIsDataProblem)(state.selectedIds, state.groupsMap) });
-        onChange((0, dropdownHelper_1.prepareSelectedIdsToItems)(state.selectedIds, state.groupsMap, state.groupsMapSelected));
-    }, [state.selectedIds, state.groupsMapSelected, state.groupsMap, handleClose, onChange]);
+        const preparedItems = (0, dropdownHelper_1.prepareSelectedIdsToItems)(state.selectedIds, state.groupsMap, state.groupsMapSelected);
+        if (isFullSelectionMode) {
+            onChange({ selected: preparedItems, isAllSelected: state.isAllSelected || false });
+        }
+        else {
+            onChange(preparedItems);
+        }
+    }, [state.selectedIds, state.groupsMap, state.groupsMapSelected, state.isAllSelected, handleClose, onChange, isFullSelectionMode]);
     const customGetData = (0, react_1.useCallback)((str) => (str && dataItems
         ? Promise.resolve(dataItems.filter(el => { var _a; return (((_a = el.name) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) || "").indexOf(str.toLocaleLowerCase()) > -1; }))
         : Promise.resolve(dataItems || [])), [dataItems]);
@@ -189,27 +215,39 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
         if (hasApplyButton) {
             return;
         }
-        if ((0, dropdownHelper_1.compareStringsArrays)(prevSelectedIds.current, state.selectedIds)) {
+        if ((0, dropdownHelper_1.compareStringsArrays)(prevSelectedIds.current.selected, state.selectedIds) && prevSelectedIds.current.isAllSelected === state.isAllSelected) {
             return;
         }
-        prevSelectedIds.current = state.selectedIds;
-        if ((0, dropdownHelper_1.compareStringsArrays)(state.selectedIds, value)) {
+        prevSelectedIds.current = { selected: state.selectedIds, isAllSelected: state.isAllSelected };
+        if ((0, dropdownHelper_1.compareStringsArrays)(state.selectedIds, isFullSelectionMode ? value.selected : value)
+            && state.isAllSelected === (isFullSelectionMode ? value.isAllSelected : undefined)) {
             return;
         }
         dispatchState({ type: stateActionType_1.StateActionType.SetDataProblem, payload: (0, dropdownHelper_1.checkIsDataProblem)(state.selectedIds, state.groupsMap) });
-        onChange((0, dropdownHelper_1.prepareSelectedIdsToItems)(state.selectedIds, state.groupsMap, state.groupsMapSelected));
-    }, [onChange, value, state.selectedIds, state.groupsMapSelected, state.groupsMap, hasApplyButton]);
+        const preparedItems = (0, dropdownHelper_1.prepareSelectedIdsToItems)(state.selectedIds, state.groupsMap, state.groupsMapSelected);
+        if (isFullSelectionMode) {
+            onChange({ selected: preparedItems, isAllSelected: state.isAllSelected || false });
+        }
+        else {
+            onChange(preparedItems);
+        }
+    }, [onChange, value, state.selectedIds, state.groupsMapSelected, state.groupsMap, hasApplyButton, state.isAllSelected, isFullSelectionMode]);
     (0, react_1.useEffect)(() => {
-        if ((0, dropdownHelper_1.compareStringsArrays)(prevSelection.current, value)) {
+        const selectedValue = isFullSelectionMode ? value.selected : value;
+        const isAllSelectedValue = isFullSelectionMode ? value.isAllSelected : undefined;
+        if ((0, dropdownHelper_1.compareStringsArrays)(prevSelection.current.selected, selectedValue) && isAllSelectedValue === prevSelection.current.isAllSelected) {
             return;
         }
-        prevSelection.current = value;
-        if ((0, dropdownHelper_1.compareStringsArrays)(hasApplyButton ? state.globalSelectedIds : state.selectedIds, value)) {
+        prevSelection.current = { selected: selectedValue, isAllSelected: isAllSelectedValue };
+        if ((0, dropdownHelper_1.compareStringsArrays)(hasApplyButton ? state.globalSelectedIds : state.selectedIds, selectedValue)
+            && isAllSelectedValue === (hasApplyButton ? state.globalIsAllSelected : state.isAllSelected)) {
             return;
         }
-        hasApplyButton && dispatchState({ type: stateActionType_1.StateActionType.SetGlobalState, payload: value });
-        dispatchState({ type: stateActionType_1.StateActionType.SetState, payload: value });
-    }, [value, state.selectedIds, state.globalSelectedIds, hasApplyButton]);
+        hasApplyButton && dispatchState({ type: stateActionType_1.StateActionType.SetGlobalState,
+            payload: { selected: selectedValue, isAllSelected: isAllSelectedValue } });
+        dispatchState({ type: stateActionType_1.StateActionType.SetState,
+            payload: { selected: selectedValue, isAllSelected: isAllSelectedValue } });
+    }, [value, state.selectedIds, state.globalSelectedIds, hasApplyButton, isFullSelectionMode, state.isAllSelected, state.globalIsAllSelected]);
     (0, useEscape_1.useEscape)(triggerRef, handleEscape, state.isOpenCombo);
     const onSearchChange = (0, react_1.useCallback)((event) => {
         const newValue = event ? event.currentTarget.value : "";
@@ -272,14 +310,38 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
         return () => clearTimeout(timeoutId);
     }, [getNamedItems, state.groupsMap, state.groupsMapSelected]);
     (0, react_1.useEffect)(() => {
-        if (state.hasDataProblem && multiselect) {
+        if (state.hasDataProblem && multiselect && state.isNestedList) {
             // eslint-disable-next-line max-len
             console.error("The data retrieved using the getData function could not form a valid object for displaying nested data. The currently displayed data contains nested elements. It is expected that selecting a nested item should deselect its parent, which cannot be achieved with the formed object.");
         }
-    }, [state.hasDataProblem, multiselect]);
+    }, [state.hasDataProblem, multiselect, state.isNestedList]);
+    (0, react_1.useEffect)(() => {
+        if (state.isNestedList && isFullSelectionMode) {
+            // eslint-disable-next-line max-len
+            console.error("The IDropdownFullSelection interface is not designed to handle nested data. The IDropdownFullSelection interface is intended for use with flat data. If you need to use it with nested data, please use the IDropdown interface instead.");
+        }
+    }, [state.isNestedList, isFullSelectionMode]);
     const memoizedWithFooter = (0, react_1.useMemo)(() => !(forceSelection && !state.defaultValue.length && !hasApplyButton), [forceSelection, hasApplyButton, state.defaultValue.length]);
-    const memoizedIsClearButtonDisabled = (0, react_1.useMemo)(() => forceSelection && !multiselect && !state.defaultValue.length ? true : (0, dropdownHelper_1.compareStringsArrays)(state.selectedIds, state.defaultValue), [forceSelection, multiselect, state.defaultValue, state.selectedIds]);
-    const memoizedIsApplyButtonDisabled = (0, react_1.useMemo)(() => (0, dropdownHelper_1.compareStringsArrays)(state.globalSelectedIds, state.selectedIds), [state.globalSelectedIds, state.selectedIds]);
+    const memoizedIsClearButtonDisabled = (0, react_1.useMemo)(() => {
+        if (forceSelection && !multiselect && !state.defaultValue.length) {
+            return true;
+        }
+        const isStringsTheSame = (0, dropdownHelper_1.compareStringsArrays)(state.selectedIds, state.defaultValue);
+        if (currentAllSelected !== undefined && state.defaultValueIsAllSelected !== undefined && state.defaultValueIsAllSelected) {
+            return currentAllSelected === state.defaultValueIsAllSelected;
+        }
+        return isStringsTheSame;
+    }, [currentAllSelected, forceSelection, multiselect, state.defaultValue, state.defaultValueIsAllSelected, state.selectedIds]);
+    const memoizedIsApplyButtonDisabled = (0, react_1.useMemo)(() => (0, dropdownHelper_1.compareStringsArrays)(state.globalSelectedIds, state.selectedIds)
+        && (isFullSelectionMode ? state.globalIsAllSelected === state.isAllSelected : true), [isFullSelectionMode, state.globalIsAllSelected, state.globalSelectedIds, state.isAllSelected, state.selectedIds]);
+    const countSelected = (0, react_1.useMemo)(() => {
+        var _a, _b;
+        if (hasApplyButton && state.globalIsAllSelected || !hasApplyButton && state.isAllSelected) {
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            return ((_b = (_a = state.groupsMap[groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID]) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) || 0;
+        }
+        return (0, dropdownHelper_1.getSelectedCount)(hasApplyButton ? state.globalSelectedIds : state.selectedIds);
+    }, [hasApplyButton, state.globalIsAllSelected, state.globalSelectedIds, state.groupsMap, state.isAllSelected, state.selectedIds]);
     // eslint-disable-next-line complexity
     const getPopupContent = (0, react_1.useMemo)(() => {
         var _a, _b, _c;
@@ -301,27 +363,28 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
             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 !== groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID)
                 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                : (0, dropdownHelper_1.sortDropdownItemArray)(((_b = state.groupsMap[state.currentId || groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID]) === null || _b === void 0 ? void 0 : _b.children) || [], sortFn).slice(0, listLimit) || [], multiselect);
+                : (0, dropdownHelper_1.sortDropdownItemArray)(((_b = state.groupsMap[state.currentId || groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID]) === null || _b === void 0 ? void 0 : _b.children) || [], sortFn).slice(0, listLimit) || [], multiselect, currentAllSelected);
             return (0, jsx_runtime_1.jsx)(dropdownList_1.DropdownList, { onBackButtonClick: handleBackButtonClick, onSelectAllClick: isSearchMode ? handleSelectAllInSearch : handleSelectAllClick, onClearClick: handleClearClick, onCancelClick: handleCancelClick, onApplyClick: handleApplyClick, onChange: handleSelect, onSelect: handleChangeCurrentId, onSingleSelect: handleSingleSelection, activeValue: state.selectedIds.length ? state.selectedIds[0] : "root", 
                 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                backButtonName: state.currentId ? (0, groupsHelper_1.getGroupDescription)(state.groupsMap[state.currentId], translate) : undefined, filterName: isMobile ? undefined : filterName, isAllSelected: isSearchMode ? (0, dropdownHelper_1.isEveryItemSelected)((0, dropdownHelper_1.getListDataWithDisabled)(state.listData, state.isDisableStateProhibited), state.selectedIds)
-                    : (0, dropdownHelper_1.isAllChildrenSelected)(state, state.currentId || groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID), isMultiselect: multiselect, forceSelection: forceSelection, 
+                backButtonName: state.currentId ? (0, groupsHelper_1.getGroupDescription)(state.groupsMap[state.currentId], translate) : undefined, filterName: isMobile ? undefined : filterName, 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 || groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID) : false)), isMultiselect: multiselect, forceSelection: forceSelection, 
                 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                 listData: currentListData, width: width || currentWidth === 180 ? undefined : currentWidth, minWidth: currentWidth, hasSelectAllButton: selectAllButton && multiselect, hasApplyButton: hasApplyButton, isApplyDisabled: memoizedIsApplyButtonDisabled, isSelectAllButtonDisable: currentListData.length === 0
-                    || isSearchMode !== ""
+                    || isSearchMode !== "" && state.isNestedList
                         && (0, dropdownHelper_1.isAllItemsHasOneParent)(state.listData.filter(el => el.id !== groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID), 
                         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                         (((_c = state.groupsMap[groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID]) === null || _c === void 0 ? void 0 : _c.children) || []).map(el => el.id)), isClearButtonDisabled: memoizedIsClearButtonDisabled, isWithFooter: memoizedWithFooter && !isMobile, isMobile: isMobile });
         }
         return null;
-    }, [state, isLoading, translate, handleClearClick, handleCancelClick, handleApplyClick, hasApplyButton, sortFn,
-        listLimit, multiselect, handleBackButtonClick, handleSelectAllInSearch, handleSelectAllClick, handleSelect,
-        handleChangeCurrentId, handleSingleSelection, isMobile, filterName, forceSelection, width, selectAllButton,
-        memoizedIsApplyButtonDisabled, memoizedIsClearButtonDisabled, memoizedWithFooter]);
-    const currentStringFromSelected = (0, dropdownHelper_1.getStringFromSelected)(hasApplyButton ? state.globalSelectedIds : state.selectedIds, state.groupsMapSelected, translate);
+    }, [state, isLoading, translate, handleClearClick, handleCancelClick, handleApplyClick, hasApplyButton, sortFn, listLimit, multiselect, handleBackButtonClick,
+        handleSelectAllInSearch, handleSelectAllClick, handleSelect, handleChangeCurrentId, handleSingleSelection, isMobile, filterName, forceSelection, width, selectAllButton,
+        memoizedIsApplyButtonDisabled, memoizedIsClearButtonDisabled, memoizedWithFooter, currentAllSelected]);
+    const currentStringFromSelected = isFullSelectionMode && hasApplyButton && state.globalIsAllSelected ||
+        isFullSelectionMode && !hasApplyButton && state.isAllSelected ? (0, dropdownHelper_1.getStringFromAllSelected)(state.groupsMap, translate)
+        : (0, dropdownHelper_1.getStringFromSelected)(hasApplyButton ? state.globalSelectedIds : state.selectedIds, state.groupsMapSelected, translate);
     const memoizedCurrentSelection = (0, react_1.useMemo)(() => showSelection && !state.inputValue ? currentStringFromSelected : "", [showSelection, state.inputValue, currentStringFromSelected]);
     const parentTriggerWidth = ((_a = comboboxRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 420;
-    return (0, jsx_runtime_1.jsxs)("div", { className: containerClassName, ref: comboboxRef, children: [(0, jsx_runtime_1.jsx)(dropdownTrigger_1.DropdownTrigger, { className: (0, classNames_1.classNames)([!width && !fullWidthTriggerButton && parentTriggerWidth < 420 && !searchField ? "zen-dropdown__trigger-button--width-parent" : ""]), currentSelection: memoizedCurrentSelection, isActive: state.isOpenCombo, id: inputId, disabled: disabled, count: showCounterPill ? (0, dropdownHelper_1.getSelectedCount)(hasApplyButton ? state.globalSelectedIds : state.selectedIds) : 0, fullWidth: fullWidthTriggerButton, inputValue: state.inputValue, placeholder: placeholder || translate("Filter by group"), searchField: searchField && !isMobile ? searchField : false, onSearchChange: onSearchChange, handleClick: handleTriggerClick, width: width && width > 420 ? 420 : width, title: title, triggerAriaLabel: triggerAriaLabel, triggerRef: triggerRef, inputRef: inputRef, buttonType: buttonType, error: error }), (0, jsx_runtime_1.jsx)(dropdownPopup_1.DropdownPopup, { alignment: alignment, triggerRef: triggerRef, classNamePopup: classNamePopup, isMobile: isMobile, dialogAriaLabel: dialogAriaLabel, disabled: disabled, filterName: filterName, hasApplyButton: hasApplyButton, inputId: inputId, isClearButtonDisabled: memoizedIsClearButtonDisabled, isApplyButtonDisabled: memoizedIsApplyButtonDisabled, isWithFooter: memoizedWithFooter, isOpenCombo: state.isOpenCombo, searchField: searchField, placeholder: placeholder, inputValue: state.inputValue, handleApplyClick: handleApplyClick, handleClearClick: multiselect ? handleClearClick : handleSingleSelection.bind(this, true), handleTriggerClick: handleTriggerClick, onInputChange: onInputChange, inputRef: inputRef, contentRef: contentRef, children: getPopupContent })] });
+    return (0, jsx_runtime_1.jsxs)("div", { className: containerClassName, ref: comboboxRef, children: [(0, jsx_runtime_1.jsx)(dropdownTrigger_1.DropdownTrigger, { className: (0, classNames_1.classNames)([!width && !fullWidthTriggerButton && parentTriggerWidth < 420 && !searchField ? "zen-dropdown__trigger-button--width-parent" : ""]), currentSelection: memoizedCurrentSelection, isActive: state.isOpenCombo, id: inputId, disabled: disabled, count: showCounterPill ? countSelected : 0, fullWidth: fullWidthTriggerButton, inputValue: state.inputValue, placeholder: placeholder || translate("Filter by group"), searchField: searchField && !isMobile ? searchField : false, onSearchChange: onSearchChange, handleClick: handleTriggerClick, width: width && width > 420 ? 420 : width, title: title, triggerAriaLabel: triggerAriaLabel, triggerRef: triggerRef, inputRef: inputRef, buttonType: buttonType, error: error }), (0, jsx_runtime_1.jsx)(dropdownPopup_1.DropdownPopup, { alignment: alignment, triggerRef: triggerRef, classNamePopup: classNamePopup, isMobile: isMobile, dialogAriaLabel: dialogAriaLabel, disabled: disabled, filterName: filterName, hasApplyButton: hasApplyButton, inputId: inputId, isClearButtonDisabled: memoizedIsClearButtonDisabled, isApplyButtonDisabled: memoizedIsApplyButtonDisabled, isWithFooter: memoizedWithFooter, isOpenCombo: state.isOpenCombo, searchField: searchField, placeholder: placeholder, inputValue: state.inputValue, handleApplyClick: handleApplyClick, handleClearClick: multiselect ? handleClearClick : handleSingleSelection.bind(this, true), handleTriggerClick: handleTriggerClick, onInputChange: onInputChange, inputRef: inputRef, contentRef: contentRef, children: getPopupContent })] });
 };
 exports.Dropdown = Dropdown;
 exports.TRANSLATIONS = [

package/dist/dropdown/dropdownHelper.d.ts

@@ -8,8 +8,8 @@ export declare const isAllChildrenSelected: (stateObj: IDropdownState, currentId
 export declare const isEveryItemSelected: (listData: IDropdownItem[], selectedItems: string[]) => boolean;
 export declare const getDataForChange: (listData: IDropdownItem[], selectedItems: string[], isDeselect: boolean) => IDropdownItem[];
 export declare const isAllItemsHasOneParent: (listData: IDropdownItem[], childrenArr: string[]) => boolean;
-export declare function prepareComboOptionsForList(actionListData: Set<string>, translate: (s: string) => string, options: IDropdownItem[], getSelectedFn: () => string[], getSelectedChildFn: (optionId: any) => string[], isAllowDisableState: boolean, getTitle?: (itemId: string) => string): ICheckboxListWithActionOption[];
-export declare const createOptions: (stateObj: IDropdownState, translate: (s: string) => string, listItem: IDropdownItem[]) => ICheckboxListWithActionOption[];
+export declare function prepareComboOptionsForList(actionListData: Set<string>, translate: (s: string) => string, options: IDropdownItem[], getSelectedFn: () => string[], getSelectedChildFn: (optionId: any) => string[], isFlatList: boolean, getTitle?: (itemId: string) => string, isAllSelected?: boolean): ICheckboxListWithActionOption[];
+export declare const createOptions: (stateObj: IDropdownState, translate: (s: string) => string, listItem: IDropdownItem[], isAllSelected?: boolean) => ICheckboxListWithActionOption[];
 export declare const sortDropdownItemArray: (arr: IDropdownItem[], sortFn?: (a: IDropdownItem, b: IDropdownItem) => number) => IDropdownItem[];
 export declare const createSingleListOptions: (stateObj: IDropdownState, translate: (s: string) => string, listItem: IDropdownItem[]) => {
     id: string;
@@ -17,7 +17,7 @@ export declare const createSingleListOptions: (stateObj: IDropdownState, transla
     disabled: boolean | undefined;
     multiLevel: boolean | undefined;
 }[];
-export declare const createListDataOptions: (stateObj: IDropdownState, translate: (s: string) => string, listItem: IDropdownItem[], isMultiselect: boolean) => ICheckboxListWithActionOption[] | {
+export declare const createListDataOptions: (stateObj: IDropdownState, translate: (s: string) => string, listItem: IDropdownItem[], isMultiselect: boolean, isAllSelected?: boolean) => ICheckboxListWithActionOption[] | {
     id: string;
     children: string;
     disabled: boolean | undefined;
@@ -28,4 +28,5 @@ export declare const compareObjectsArrays: (arr1: IDropdownItem[], arr2: IDropdo
 export declare const prepareSelectedIdsToItems: (selectedIds: string[], groupsMap: ITypedHash<IGroupTree>, groupsMapSelected: Map<string, IDropdownItem>) => IDropdownItem[];
 export declare const checkIsDataProblem: (selectedIds: string[], groupsMap: ITypedHash<IGroupTree>) => boolean;
 export declare const getStringFromSelected: (selectedIds: string[], groupsMapSelected: Map<string, IDropdownItem>, translate: (s: string) => string) => string;
+export declare const getStringFromAllSelected: (groupsMap: ITypedHash<IGroupTree>, translate: (s: string) => string) => string;
 export declare const getSelectedCount: (selectedIds: string[]) => number;

package/dist/dropdown/dropdownHelper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSelectedCount = exports.getStringFromSelected = exports.checkIsDataProblem = exports.prepareSelectedIdsToItems = exports.compareObjectsArrays = exports.compareStringsArrays = exports.createListDataOptions = exports.createSingleListOptions = exports.sortDropdownItemArray = exports.createOptions = exports.prepareComboOptionsForList = exports.isAllItemsHasOneParent = exports.getDataForChange = exports.isEveryItemSelected = exports.isAllChildrenSelected = exports.getListDataWithDisabled = exports.getGroupsTreeItem = void 0;
+exports.getSelectedCount = exports.getStringFromAllSelected = exports.getStringFromSelected = exports.checkIsDataProblem = exports.prepareSelectedIdsToItems = exports.compareObjectsArrays = exports.compareStringsArrays = exports.createListDataOptions = exports.createSingleListOptions = exports.sortDropdownItemArray = exports.createOptions = exports.prepareComboOptionsForList = exports.isAllItemsHasOneParent = exports.getDataForChange = exports.isEveryItemSelected = exports.isAllChildrenSelected = exports.getListDataWithDisabled = exports.getGroupsTreeItem = void 0;
 const groupsHelper_1 = require("../groupsFilter/groupsHelper");
 const stateReducerHelper_1 = require("./stateReducer/stateReducerHelper");
 const getGroupsTreeItem = (stateObj, itemId) => {
@@ -16,7 +16,7 @@ const isAllChildrenSelected = (stateObj, currentId) => {
     }
     const selectedIds = new Set(stateObj.selectedIds);
     const currentEl = (0, exports.getGroupsTreeItem)(stateObj, currentId);
-    return currentEl && currentEl.children && currentEl.children.length ? (0, exports.getListDataWithDisabled)(currentEl.children, stateObj.isDisableStateProhibited).every(el => selectedIds.has(el.id)) : false;
+    return currentEl && currentEl.children && currentEl.children.length ? (0, exports.getListDataWithDisabled)(currentEl.children, stateObj.isNestedList).every(el => selectedIds.has(el.id)) : false;
 };
 exports.isAllChildrenSelected = isAllChildrenSelected;
 const isEveryItemSelected = (listData, selectedItems) => {
@@ -43,11 +43,11 @@ const isAllItemsHasOneParent = (listData, childrenArr) => {
     return !listData.every(el => childrenArrSet.has(el.id));
 };
 exports.isAllItemsHasOneParent = isAllItemsHasOneParent;
-function prepareComboOptionsForList(actionListData, translate, options, getSelectedFn, getSelectedChildFn, isAllowDisableState, getTitle) {
+function prepareComboOptionsForList(actionListData, translate, options, getSelectedFn, getSelectedChildFn, isFlatList, getTitle, isAllSelected) {
     const selectedIds = new Set(getSelectedFn());
     const preparedOptions = options && options.length ? options.map(option => {
         const selectedChild = getSelectedChildFn(option.id);
-        return Object.assign({ label: (0, groupsHelper_1.getGroupDescription)(option, translate), property: option.id, checked: selectedIds.has(option.id), isWithAction: actionListData.has(option.id), partialChecked: selectedChild.length > 0, countSelectedChild: 0, blocked: isAllowDisableState ? option.disabled || false : false }, (getTitle ? { title: getTitle(option.id) } : {}));
+        return Object.assign({ label: (0, groupsHelper_1.getGroupDescription)(option, translate), property: option.id, checked: isAllSelected ? true : selectedIds.has(option.id), isWithAction: actionListData.has(option.id), partialChecked: isAllSelected ? false : selectedChild.length > 0, countSelectedChild: 0, blocked: isFlatList ? option.disabled || false : false }, (getTitle ? { title: getTitle(option.id) } : {}));
     }) : [];
     return preparedOptions;
 }
@@ -63,7 +63,7 @@ const getSelectedChildren = (stateObj, currentId) => {
     });
     return selectedChild;
 };
-const createOptions = (stateObj, translate, listItem) => {
+const createOptions = (stateObj, translate, listItem, isAllSelected) => {
     const actionListData = new Set();
     listItem.forEach(el => {
         const elem = stateObj.groupsMap[el.id];
@@ -71,7 +71,7 @@ const createOptions = (stateObj, translate, listItem) => {
             actionListData.add(el.id);
         }
     });
-    const preparedOptions = prepareComboOptionsForList(actionListData, translate, listItem, () => stateObj.selectedIds, (id) => getSelectedChildren(stateObj, id), !stateObj.isDisableStateProhibited, (id) => stateObj.groupsMap[id] ? (0, groupsHelper_1.getGroupDescription)(stateObj.groupsMap[id], translate) : "");
+    const preparedOptions = prepareComboOptionsForList(actionListData, translate, listItem, () => stateObj.selectedIds, (id) => getSelectedChildren(stateObj, id), !stateObj.isNestedList, (id) => stateObj.groupsMap[id] ? (0, groupsHelper_1.getGroupDescription)(stateObj.groupsMap[id], translate) : "", isAllSelected);
     return preparedOptions;
 };
 exports.createOptions = createOptions;
@@ -92,7 +92,7 @@ const createSingleListOptions = (stateObj, translate, listItem) => {
     return preparedOptions;
 };
 exports.createSingleListOptions = createSingleListOptions;
-const createListDataOptions = (stateObj, translate, listItem, isMultiselect) => isMultiselect ? (0, exports.createOptions)(stateObj, translate, listItem) : (0, exports.createSingleListOptions)(stateObj, translate, listItem);
+const createListDataOptions = (stateObj, translate, listItem, isMultiselect, isAllSelected) => isMultiselect ? (0, exports.createOptions)(stateObj, translate, listItem, isAllSelected) : (0, exports.createSingleListOptions)(stateObj, translate, listItem);
 exports.createListDataOptions = createListDataOptions;
 const compareStringsArrays = (arr1, arr2) => {
     if (arr1.length !== arr2.length) {
@@ -133,5 +133,14 @@ const getStringFromSelected = (selectedIds, groupsMapSelected, translate) => {
     return selectedItems.join(", ");
 };
 exports.getStringFromSelected = getStringFromSelected;
+const getStringFromAllSelected = (groupsMap, translate) => {
+    var _a;
+    if (!((_a = groupsMap[groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID]) === null || _a === void 0 ? void 0 : _a.children) || groupsMap[groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID].children.length === 0) {
+        return "";
+    }
+    const selectedItems = groupsMap[groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID].children.map(el => groupsMap[el.id] ? (0, groupsHelper_1.getGroupDescription)(groupsMap[el.id], translate) : undefined).filter(el => el);
+    return selectedItems.join(", ");
+};
+exports.getStringFromAllSelected = getStringFromAllSelected;
 const getSelectedCount = (selectedIds) => selectedIds.length === 1 && selectedIds[0] === groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID ? 0 : selectedIds.length;
 exports.getSelectedCount = getSelectedCount;

package/dist/dropdown/dropdownSearchableTrigger.js

@@ -51,6 +51,7 @@ exports.DropdownSearchableTrigger = react_1.default.forwardRef((_a, ref) => {
     const driveComponentClass = (0, useDriveClassName_1.useDriveClassName)("zen-dropdown-searchable-trigger");
     const isDrive = (0, useDrive_1.useDrive)();
     const inputStyle = width ? { style: { width: `${width}px` } } : {};
+    const isLargeNumber = count && count > 99;
     const clearRef = (0, react_1.useRef)(null);
     const handleKeydown = (e) => {
         if (e.key === "Enter" && !isOpenPopup) {
@@ -67,7 +68,7 @@ exports.DropdownSearchableTrigger = react_1.default.forwardRef((_a, ref) => {
         onChange(undefined);
     };
     return (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classNames_1.classNames)(["zen-dropdown-searchable-trigger", isError ? "zen-dropdown-searchable-trigger--error" : "",
-            driveComponentClass || "", disabled ? "zen-dropdown-searchable-trigger--disabled" : ""]) }, inputStyle, { ref: ref }, otherProps, { onClick: disabled ? () => { } : clickHandler, role: "combobox", "aria-label": placeholder, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-dropdown-searchable-trigger__search-container", className]), children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-dropdown-searchable-trigger__input-container", onKeyDown: handleKeydown, children: (0, jsx_runtime_1.jsx)(textInputRaw_1.TextInputRaw, { value: value, placeholder: currentSelection ? currentSelection : placeholder || translate("Filter by group"), className: (0, classNames_1.classNames)(["zen-dropdown-searchable-trigger__input", "zen-ellipsis", currentSelection ? "zen-dropdown-searchable-trigger__input--selected" : ""]), onChange: onChange, disabled: disabled, type: "text", ref: inputRef, id: id || triggerId }) }), count ? (0, jsx_runtime_1.jsx)("div", { className: "zen-dropdown-searchable-trigger__label-element", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-dropdown-searchable-trigger__counter", children: (0, jsx_runtime_1.jsx)("span", { children: count }) }) }) : null, value && (0, jsx_runtime_1.jsx)("button", { type: "button", className: "zen-dropdown-searchable-trigger__close-button", ref: clearRef, title: translate("Clear search"), onClick: handleClearSearch, children: (0, jsx_runtime_1.jsx)(iconCrossThin_1.IconCrossThin, { size: isDrive ? "big" : "small" }) })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, classNames_1.classNames)(["zen-dropdown-searchable-trigger__popup-trigger", isOpenPopup ? "zen-dropdown-searchable-trigger__popup-trigger--active" : ""]), title: title || translate("Open filter"), children: (0, jsx_runtime_1.jsx)(iconChevronDownSmall_1.IconChevronDownSmall, { className: isOpenPopup ? "zen-dropdown-searchable-trigger__arrow-icon--up" : "zen-dropdown-searchable-trigger__arrow-icon--down", size: isDrive ? "huge" : "large" }) })] }));
+            driveComponentClass || "", disabled ? "zen-dropdown-searchable-trigger--disabled" : ""]) }, inputStyle, { ref: ref }, otherProps, { onClick: disabled ? () => { } : clickHandler, role: "combobox", "aria-label": placeholder, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-dropdown-searchable-trigger__search-container", className]), children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-dropdown-searchable-trigger__input-container", onKeyDown: handleKeydown, children: (0, jsx_runtime_1.jsx)(textInputRaw_1.TextInputRaw, { value: value, placeholder: currentSelection ? currentSelection : placeholder || translate("Filter by group"), className: (0, classNames_1.classNames)(["zen-dropdown-searchable-trigger__input", "zen-ellipsis", currentSelection ? "zen-dropdown-searchable-trigger__input--selected" : ""]), onChange: onChange, disabled: disabled, type: "text", ref: inputRef, id: id || triggerId }) }), count ? (0, jsx_runtime_1.jsx)("div", { className: "zen-dropdown-searchable-trigger__label-element", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-dropdown-searchable-trigger__counter", children: (0, jsx_runtime_1.jsx)("span", { children: isLargeNumber ? "99+" : count }) }) }) : null, value && (0, jsx_runtime_1.jsx)("button", { type: "button", className: "zen-dropdown-searchable-trigger__close-button", ref: clearRef, title: translate("Clear search"), onClick: handleClearSearch, children: (0, jsx_runtime_1.jsx)(iconCrossThin_1.IconCrossThin, { size: isDrive ? "big" : "small" }) })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, classNames_1.classNames)(["zen-dropdown-searchable-trigger__popup-trigger", isOpenPopup ? "zen-dropdown-searchable-trigger__popup-trigger--active" : ""]), title: title || translate("Open filter"), children: (0, jsx_runtime_1.jsx)(iconChevronDownSmall_1.IconChevronDownSmall, { className: isOpenPopup ? "zen-dropdown-searchable-trigger__arrow-icon--up" : "zen-dropdown-searchable-trigger__arrow-icon--down", size: isDrive ? "huge" : "large" }) })] }));
 });
 exports.DropdownSearchableTrigger.displayName = "DropdownSearchableTrigger";
 exports.TRANSLATIONS = [

package/dist/dropdown/stateReducer/stateAction.d.ts

@@ -12,13 +12,17 @@ interface IPayloadSingleSelectionAction {
     reset: boolean;
     value: string | undefined;
 }
+interface IStateActionPayload {
+    selected: string[];
+    isAllSelected?: boolean;
+}
 interface ISetStateAction {
     type: StateActionType.SetState;
-    payload: string[];
+    payload: IStateActionPayload;
 }
 interface ISetGlobalStateAction {
     type: StateActionType.SetGlobalState;
-    payload: string[];
+    payload: IStateActionPayload;
 }
 interface ICreateMapAction {
     type: StateActionType.CreateMap;
@@ -76,6 +80,14 @@ interface IDeselectAllChildrenAction {
     type: StateActionType.DeselectAllChildren;
     payload: string;
 }
+interface IDeselectItemsFromAllSelectedAction {
+    type: StateActionType.DeselectItemsFromAllSelected;
+    payload: string | undefined;
+}
+interface IToggleValueForAllSelectedAction {
+    type: StateActionType.ToggleValueForAllSelected;
+    payload: undefined;
+}
 interface ISetCurrentIdAction {
     type: StateActionType.SetCurrentId;
     payload: string | undefined;
@@ -92,6 +104,10 @@ interface ISetDefaultValueAction {
     type: StateActionType.SetDefaultValue;
     payload: string[];
 }
+interface ISetDefaultAllSelectedAction {
+    type: StateActionType.SetDefaultAllSelected;
+    payload: boolean;
+}
 interface IUpdateSelectedItemsAction {
     type: StateActionType.UpdateSelectedItems;
     payload: IDropdownItem[];
@@ -104,5 +120,5 @@ interface IUpdateNamelessItemsAction {
     type: StateActionType.UpdateNamelessItems;
     payload: undefined;
 }
-export type TStateAction = ICreateMapAction | ISetStateAction | ISetGlobalStateAction | ISetListDataAction | ISetIsOpenComboAction | IShowAction | IShowWaitingAction | IShowEmptyListAction | IShowListAction | ISetInputValueAction | INothingToShowAction | ISetCurrentIdAction | IChangeSelectionAction | IChangeSingleSelectionAction | ISelectAllChildrenAction | IDeselectAllChildrenAction | IResetSelection | IResetStateToGlobal | ISetDataProblemAction | ISetDefaultValueAction | IUpdateSelectedItemsAction | ISetPendingStateAction | IUpdateNamelessItemsAction;
+export type TStateAction = ICreateMapAction | ISetStateAction | ISetGlobalStateAction | ISetListDataAction | ISetIsOpenComboAction | IShowAction | IShowWaitingAction | IShowEmptyListAction | IShowListAction | ISetInputValueAction | INothingToShowAction | ISetCurrentIdAction | IChangeSelectionAction | IChangeSingleSelectionAction | ISelectAllChildrenAction | IDeselectAllChildrenAction | IResetSelection | IResetStateToGlobal | ISetDataProblemAction | ISetDefaultValueAction | IUpdateSelectedItemsAction | ISetPendingStateAction | IUpdateNamelessItemsAction | IToggleValueForAllSelectedAction | IDeselectItemsFromAllSelectedAction | ISetDefaultAllSelectedAction;
 export {};

package/dist/dropdown/stateReducer/stateActionType.d.ts

@@ -21,5 +21,8 @@ export declare enum StateActionType {
     SetDataProblem = "SET_DATA_PROBLEM",
     UpdateSelectedItems = "UPDATE_SELECTED_ITEMS",
     SetPendingState = "SET_PENDING_STATE",
-    UpdateNamelessItems = "UPDATE_NAMELESS_ITEMS"
+    UpdateNamelessItems = "UPDATE_NAMELESS_ITEMS",
+    ToggleValueForAllSelected = "TOGGLE_VALUE_FOR_ALL_SELECTED",
+    DeselectItemsFromAllSelected = "DESELECT_ITEMS_FROM_ALL_SELECTED",
+    SetDefaultAllSelected = "SET_DEFAULT_ALL_SELECTED"
 }

package/dist/dropdown/stateReducer/stateActionType.js

@@ -26,4 +26,7 @@ var StateActionType;
     StateActionType["UpdateSelectedItems"] = "UPDATE_SELECTED_ITEMS";
     StateActionType["SetPendingState"] = "SET_PENDING_STATE";
     StateActionType["UpdateNamelessItems"] = "UPDATE_NAMELESS_ITEMS";
+    StateActionType["ToggleValueForAllSelected"] = "TOGGLE_VALUE_FOR_ALL_SELECTED";
+    StateActionType["DeselectItemsFromAllSelected"] = "DESELECT_ITEMS_FROM_ALL_SELECTED";
+    StateActionType["SetDefaultAllSelected"] = "SET_DEFAULT_ALL_SELECTED";
 })(StateActionType || (exports.StateActionType = StateActionType = {}));

package/dist/dropdown/stateReducer/stateReducer.d.ts

@@ -15,14 +15,18 @@ export interface IDropdownState {
     inputValue: string;
     isOpenCombo: boolean;
     hasDataProblem: boolean;
-    isDisableStateProhibited: boolean;
     groupsMapSelected: Map<string, IDropdownItem>;
     namelessIds: Set<string>;
     pendingNamelessIds: boolean;
+    isNestedList: boolean;
+    isFullSelectionMode: boolean;
+    isAllSelected?: boolean;
+    globalIsAllSelected?: boolean;
+    defaultValueIsAllSelected?: boolean;
 }
 export interface IStateReducer extends Reducer<IDropdownState, TStateAction> {
 }
-export declare const getInitialState: (comboItems: IDropdownItem[], selection?: string[], defaultValue?: string[]) => {
+export declare const getInitialState: (isFullSelectionMode: boolean, comboItems: IDropdownItem[], selection: string[], defaultValue?: string[], isAllSelected?: boolean, defaultValueIsAllSelected?: boolean) => {
     groupsMap: ITypedHash<IGroupTree>;
     selectedIds: string[];
     globalSelectedIds: string[];
@@ -35,9 +39,13 @@ export declare const getInitialState: (comboItems: IDropdownItem[], selection?:
     inputValue: string;
     isOpenCombo: boolean;
     hasDataProblem: boolean;
-    isDisableStateProhibited: boolean;
     groupsMapSelected: Map<any, any>;
     namelessIds: Set<string>;
     pendingNamelessIds: boolean;
+    isNestedList: boolean;
+    isFullSelectionMode: boolean;
+    isAllSelected: boolean | undefined;
+    globalIsAllSelected: boolean | undefined;
+    defaultValueIsAllSelected: boolean | undefined;
 };
 export declare function stateReducer(state: IDropdownState, action: TStateAction): IDropdownState;