@geotab/zenith 3.14.1 → 3.15.0-beta.0

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

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

package/esm/dropdownRaw/stateReducer/stateReducer.js

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

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

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

package/esm/dropdownRaw/stateReducer/stateReducerHelper.js

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

package/esm/dropdownRaw/types.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/esm/filters/filtersHelper.d.ts

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

package/esm/filters/filtersHooks.d.ts

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

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

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

package/esm/filtersBar/filtersBar.js

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

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

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

package/esm/filtersBar/filtersBarInterfaces.d.ts

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

package/esm/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelDropdownWithCheckbox/filtersBarSidePanelDropdownWithCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { IDropdownItem } from "../../../../dropdown/dropdown";
-import { IFiltersBarDropdownFullSelectionWithCheckboxProps, IFiltersBarDropdownWithCheckboxFullSelectionState, IFiltersBarDropdownWithCheckboxProps, IFiltersBarDropdownWithCheckboxState } from "../../../components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
+import { IFiltersBarDropdownFullSelectionWithCheckboxProps, IFiltersBarDropdownWithCheckboxFullSelectionOnChange, IFiltersBarDropdownWithCheckboxFullSelectionState, IFiltersBarDropdownWithCheckboxOnChange, IFiltersBarDropdownWithCheckboxProps, IFiltersBarDropdownWithCheckboxState } from "../../../components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
 interface IFiltersBarDropdownWithCheckboxSidePanelProps extends Omit<IFiltersBarDropdownWithCheckboxProps, "getData"> {
 }
 interface IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps extends Omit<IFiltersBarDropdownFullSelectionWithCheckboxProps, "getData"> {
@@ -7,14 +7,8 @@ interface IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps extends Omi
 interface IFiltersBarSidePanelDropdownWithCheckboxProps {
     props: IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps | IFiltersBarDropdownWithCheckboxSidePanelProps;
     getData: (signal?: AbortSignal, searchValue?: string, checkboxValue?: boolean) => Promise<IDropdownItem[]>;
-    state: IFiltersBarDropdownWithCheckboxState;
-    onChange: (value: IFiltersBarDropdownWithCheckboxState) => void;
+    state: IFiltersBarDropdownWithCheckboxState | IFiltersBarDropdownWithCheckboxFullSelectionState;
+    onChange: IFiltersBarDropdownWithCheckboxOnChange | IFiltersBarDropdownWithCheckboxFullSelectionOnChange;
 }
-interface IFiltersBarSidePanelDropdownWithCheckboxFullSelectionProps {
-    props: IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps | IFiltersBarDropdownWithCheckboxSidePanelProps;
-    getData: (signal?: AbortSignal, searchValue?: string, checkboxValue?: boolean) => Promise<IDropdownItem[]>;
-    state: IFiltersBarDropdownWithCheckboxFullSelectionState;
-    onChange: (value: IFiltersBarDropdownWithCheckboxFullSelectionState) => void;
-}
-export declare const FiltersBarSidePanelDropdownWithCheckbox: ({ props, state, onChange, getData }: IFiltersBarSidePanelDropdownWithCheckboxProps | IFiltersBarSidePanelDropdownWithCheckboxFullSelectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FiltersBarSidePanelDropdownWithCheckbox: ({ props, state, onChange, getData }: IFiltersBarSidePanelDropdownWithCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/formField/components/formFieldAdditionalInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFormFieldAdditionalInfoProps {
     assistiveId?: string;
     errorId: string;

package/esm/formField/components/formFieldCounter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFormFieldCounterProps {
     value?: string | number | React.ReactElement;
     id?: string;

package/esm/formField/components/formFieldLoading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Skeleton } from "../../skeleton/skeleton";
 import { TFormFieldComponentProps } from "../formField";
 export declare const DEFAULT_HEIGHT = 32;

package/esm/formField/components/formFieldSkeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISkeleton } from "../../skeleton/skeleton";
 interface IFormFieldSkeletonProps extends ISkeleton {
 }

package/esm/formField/components/formFieldWithLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormFieldComponentProps } from "../formField";
 interface IFormFieldWithLabelProps<T> {
     props: TFormFieldComponentProps<T>;

package/esm/formField/components/formFieldWithoutLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormFieldComponentProps } from "../formField";
 interface IFormFieldWithoutLabelProps<T> {
     props: TFormFieldComponentProps<T>;

package/esm/formField/formField.d.ts

@@ -23,5 +23,5 @@ export declare const FormField: {
         (props: TFormFieldComponentProps<T>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Banner: (props: import("./components/formFieldBanner").IFormFieldBannerProps) => import("react/jsx-runtime").JSX.Element;
+    Banner: (props: import("..").IFormFieldBannerProps) => import("react/jsx-runtime").JSX.Element;
 };

package/esm/formField/hooks/useBanner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useBanner: (props: any) => {
     id: string;
     banner: null;

package/esm/formField/hooks/useDisabled.d.ts

@@ -6,7 +6,7 @@ export declare const useDisabled: (props: {
     disabled?: boolean;
 } & Partial<ILoadingBase>) => {
     controller: {
-        disabled?: boolean | undefined;
+        disabled?: boolean;
     } | undefined;
     disabled: boolean | undefined;
 } | {

package/esm/formGroup/components/customRow/customRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./customRow.less";
 export interface ICustomRowProps {
     children: React.ReactNode;

package/esm/formGroup/hooks/listHooks/useStateToElements.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ITotalState } from "../../types";
 export declare const useStateToElements: (state: ITotalState[]) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];

package/esm/formGroup/hooks/listHooks/useStateToElements.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMobile } from "../../../commonHelpers/hooks/useMobile";
 import { useColumns } from "../../../formLayout/hooks/useColumns";
-import { useTablet } from "../../../gridLayout/hooks/useTablet";
+import { useTablet } from "../../../commonHelpers/hooks/useTablet";
 import { OneRow } from "../../components/oneRow";
 import { TwoRows } from "../../components/twoRows";
 import { isTwoRowsStructure } from "../../utils/isTwoRowsStructure";

package/esm/formGroup/utils/formGroupProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFormGroupProps } from "../formGroup";
 import { IReactFormItemController } from "../../commonHelpers/zenComponent";
 export interface IFormGroupProviderProps extends IFormGroupProps, IReactFormItemController {

package/esm/formGroup/utils/isFormLabel.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from "react";
 import { ILabelState } from "../types";
-export declare const isFormLabel: (element: any) => element is ReactElement<ILabelState, string | import("react").JSXElementConstructor<any>>;
+export declare const isFormLabel: (element: any) => element is ReactElement<ILabelState>;

package/esm/formGroupItem/formGroupItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IZenIdComponentProps } from "../commonHelpers/zenComponent";
 import "./formGroupItem.less";
 export interface IFormGroupItem extends Partial<IZenIdComponentProps> {

package/esm/formLayout/components/layoutColumn/layoutColum.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ILayoutColumnProps {
     children?: React.ReactNode;
     title?: string;

package/esm/formLayout/hooks/useFormButtons.d.ts

@@ -7,5 +7,5 @@ export interface IUseFormButtonsProps {
 }
 export declare const useFormButtons: (props?: IUseFormButtonsProps) => {
     mode: TFormLayoutMode;
-    buttons: (import("react/jsx-runtime").JSX.Element | null)[];
+    buttons: import("react/jsx-runtime").JSX.Element[];
 };

package/esm/formLayout/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ILoadingBase } from "../commonHelpers/loading";
 import { Exclusive } from "../commonHelpers/types/exclusive";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";

package/esm/formLayout/utils/attachHeadings.d.ts

@@ -1 +1 @@
-export declare const attachHeadings: (elements: React.ReactElement[], title?: string, secondary?: string) => (import("react/jsx-runtime").JSX.Element | null)[];
+export declare const attachHeadings: (elements: React.ReactElement[], title?: string, secondary?: string) => import("react/jsx-runtime").JSX.Element[];

package/esm/formLayout/utils/attachSeparators.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormSectionType } from "../../formSection/types";
 import { TFormLayoutColumns } from "../types";
 export declare const attachSeparators: (components: React.ReactElement[], type: TFormSectionType, columns: TFormLayoutColumns) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];

package/esm/formLayout/utils/getChildrenWithCustomColumns.d.ts

@@ -1,2 +1 @@
-import { ReactNode } from "react";
-export declare const getChildrenWithCustomColumns: (children: React.ReactElement) => ReactNode[];
+export declare const getChildrenWithCustomColumns: (children: React.ReactElement) => import("react").ReactNode[];

package/esm/formLayout/utils/getChildrenWithCustomColumns.js

@@ -48,7 +48,7 @@ export const getChildrenWithCustomColumns = (children) => {
         });
         const title = ((_k = (_j = filtered[indexOfFirstColumn]) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.title) || "";
         if ((firstColumnTittle || secondColumnTittle) && Array.isArray(childrenOfFirstColumn)) {
-            childrenOfFirstColumn.unshift((_jsx(FormLayoutColumnTitle, { column: 1, value: title }, "column-1-title")));
+            childrenOfFirstColumn.unshift(_jsx(FormLayoutColumnTitle, { column: 1, value: title }, "column-1-title"));
         }
     }
     if (childrenOfSecondColumn) {
@@ -63,7 +63,7 @@ export const getChildrenWithCustomColumns = (children) => {
         });
         const title = ((_m = (_l = filtered[indexOfSecondColumn]) === null || _l === void 0 ? void 0 : _l.props) === null || _m === void 0 ? void 0 : _m.title) || "";
         if ((firstColumnTittle || secondColumnTittle) && Array.isArray(childrenOfSecondColumn)) {
-            childrenOfSecondColumn.unshift((_jsx(FormLayoutColumnTitle, { column: 2, value: title }, "column-2-title")));
+            childrenOfSecondColumn.unshift(_jsx(FormLayoutColumnTitle, { column: 2, value: title }, "column-2-title"));
         }
     }
     indexOfFirstColumn !== -1 && filtered.splice(indexOfFirstColumn, 1, ...childrenOfFirstColumn);

package/esm/formLayout/utils/getFieldLabel.js

@@ -1,21 +1,21 @@
 import { zen } from "../../utils/zen";
 export const getFieldLabel = (id) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b;
     if (typeof zen.document === "undefined" || typeof zen.document.querySelector !== "function")
         return null;
-    const direct = (_b = (_a = zen.document.querySelector(`label[for="${id}"]`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
+    const direct = (_a = zen.document.querySelector(`label[for="${id}"]`)) === null || _a === void 0 ? void 0 : _a.textContent.trim();
     if (direct !== undefined)
         return direct || null;
-    const row = (_c = zen.document.getElementById(id)) === null || _c === void 0 ? void 0 : _c.closest(".zen-custom-form-row");
+    const row = (_b = zen.document.getElementById(id)) === null || _b === void 0 ? void 0 : _b.closest(".zen-custom-form-row");
     if (!row)
         return null;
     let sibling = row.previousElementSibling;
     while (sibling) {
         if (sibling.tagName === "LABEL")
-            return (_e = (_d = sibling.textContent) === null || _d === void 0 ? void 0 : _d.trim()) !== null && _e !== void 0 ? _e : null;
+            return sibling.textContent.trim() || null;
         const inner = sibling.querySelector("label");
         if (inner)
-            return (_g = (_f = inner.textContent) === null || _f === void 0 ? void 0 : _f.trim()) !== null && _g !== void 0 ? _g : null;
+            return inner.textContent.trim() || null;
         sibling = sibling.previousElementSibling;
     }
     return null;

package/esm/formSection/components/actions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IActions } from "../../card/components/actions";
 export interface IFormSectionActions extends IActions {
 }

package/esm/formSection/components/additional.d.ts

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

package/esm/formSection/utils/isFormSection.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-export declare const isFormSection: (element: unknown) => element is import("react").FC<import("../types").IFormContentProps> & {
-    Additional: import("react").FC<import("../components/additionalSection").IAdditionalSectionProps>;
-};
+import { FormSectionInner } from "../components/formSectionInner";
+export declare const isFormSection: (element: unknown) => element is typeof FormSectionInner;

package/esm/formStepper/components/formStepRaw.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TStepType = "complete" | "incomplete" | "error" | "current";
 export interface IFormStepRaw {
     id: string;

package/esm/formStepper/formStepper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IStepItem } from "./components/formStep";
 import "./formStepper.less";
 export declare const STEPPER_LAST_STEP = "lastStep";