@geotab/zenith 1.26.2 → 1.26.4-beta.0

package/dist/groupsFilter/groupsHelper.js

@@ -71,14 +71,14 @@ const systemGroupIds = makeBoolHash(exports.allSystemGroups);
 const isSystemGroup = (groupId) => !!(groupId && systemGroupIds[groupId]);
 exports.isSystemGroup = isSystemGroup;
 const getGroupDescription = function (group, translate) {
-    if ((0, exports.isSystemGroup)(group?.id)) {
+    if ((0, exports.isSystemGroup)(group === null || group === void 0 ? void 0 : group.id)) {
         return translate(group.id);
     }
-    return group?.name || "";
+    return (group === null || group === void 0 ? void 0 : group.name) || "";
 };
 exports.getGroupDescription = getGroupDescription;
 function createLinkedTree(groups, customCreateNode) {
-    const createNode = customCreateNode || ((g) => ({ ...g, parent: undefined }));
+    const createNode = customCreateNode || ((g) => (Object.assign(Object.assign({}, g), { parent: undefined })));
     const nodeLookup = groups.reduce((hash, group) => {
         hash.set(group.id, createNode(group));
         return hash;
@@ -98,7 +98,7 @@ function createLinkedTree(groups, customCreateNode) {
                 return childNode;
             }).filter(c => c !== undefined);
             if (!node["parent"]) {
-                root.set(node?.id, node);
+                root.set(node === null || node === void 0 ? void 0 : node.id, node);
             }
         }
         return root;
@@ -136,12 +136,9 @@ exports.isEntireOrganization = isEntireOrganization;
 const isFilterState = (item) => item && item.relation !== undefined;
 exports.isFilterState = isFilterState;
 const mapFilterState = (state, mapFunc) => {
-    const processItem = (item) => ({
-        ...item,
-        items: item.items.map(childItem => (0, exports.isFilterState)(childItem)
+    const processItem = (item) => (Object.assign(Object.assign({}, item), { items: item.items.map(childItem => (0, exports.isFilterState)(childItem)
             ? processItem(childItem)
-            : mapFunc(childItem))
-    });
+            : mapFunc(childItem)) }));
     return processItem(state);
 };
 exports.mapFilterState = mapFilterState;
@@ -180,11 +177,7 @@ const simplifyFilterState = (state) => {
                 if (currentRelation === prevRelation && currentRelation === item.relation) {
                     const isFilterStateForPrevSubItem = (0, exports.isFilterState)(prevSubItem.items[0]);
                     const proceccedForMerge = isFilterStateForPrevSubItem ? [{ relation: processedSubItem.relation, items: processedSubItem.items }] : processedSubItem.items;
-                    res[res.length - 1] = {
-                        ...res[res.length - 1],
-                        relation: item.relation,
-                        items: (0, exports.mergeItems)([prevSubItem.items, proceccedForMerge])
-                    };
+                    res[res.length - 1] = Object.assign(Object.assign({}, res[res.length - 1]), { relation: item.relation, items: (0, exports.mergeItems)([prevSubItem.items, proceccedForMerge]) });
                     return res;
                 }
             }
@@ -196,7 +189,7 @@ const simplifyFilterState = (state) => {
             newRelation = newItems[0].relation;
             newItems = newItems[0].items;
         }
-        return { ...item, relation: newRelation, items: newItems };
+        return Object.assign(Object.assign({}, item), { relation: newRelation, items: newItems });
     };
     return processItem(state);
 };
@@ -208,7 +201,7 @@ const toFilterState = (state) => {
     }
     const isSimpleFilterItem = item => typeof item === "string" || (0, exports.isIdEntity)(item);
     if (Array.isArray(state) && state.length && state.every(isSimpleFilterItem)) {
-        return { ...(0, exports.getDefaultFilterState)(), items: state.map((item) => toIdEntity(item)) };
+        return Object.assign(Object.assign({}, (0, exports.getDefaultFilterState)()), { items: state.map((item) => toIdEntity(item)) });
     }
     return (0, exports.getDefaultFilterState)();
 };
@@ -258,4 +251,3 @@ const compareFilters = (filter1, filter2) => {
     return compareAdvancedFilters(filterA, filterB);
 };
 exports.compareFilters = compareFilters;
-//# sourceMappingURL=groupsHelper.js.map

package/dist/groupsFilter/stateReducer/stateAction.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=stateAction.js.map

package/dist/groupsFilter/stateReducer/stateActionType.js

@@ -17,4 +17,3 @@ var StateActionType;
     StateActionType["SelectAllChildren"] = "SELECT_ALL_CHILDREN";
     StateActionType["TurnOfGlobalChanges"] = "TURN_OF_GLOBAL_CHANGES";
 })(StateActionType || (exports.StateActionType = StateActionType = {}));
-//# sourceMappingURL=stateActionType.js.map

package/dist/groupsFilter/stateReducer/stateReducer.js

@@ -13,7 +13,7 @@ const getInitialState = (translate, initState) => {
     const frozenInitialSideWideState = initState ? initState.sideWide : undefined;
     let initialOptions = {};
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const preparedInitialState = initState?.groups && initState.groups.items ? (0, groupsFilterHelper_1.prepareFilters)(initState.groups) : undefined;
+    const preparedInitialState = (initState === null || initState === void 0 ? void 0 : initState.groups) && initState.groups.items ? (0, groupsFilterHelper_1.prepareFilters)(initState.groups) : undefined;
     if (preparedInitialState) {
         initialOptions = {
             frozenState: {
@@ -28,73 +28,40 @@ const getInitialState = (translate, initState) => {
             sideWideState: initState.sideWide
         };
     }
-    return {
-        translate: translate,
-        groupsMap: {},
-        frozenSideWideState: frozenInitialSideWideState || false,
-        sideWideState: false,
-        globalChanges: false,
-        relation: groupsHelper_1.DEFAULT_RELATION_OPERATOR,
-        selectedIds: [],
-        advancedFilterState: (0, groupsHelper_1.getDefaultFilterState)(),
-        frozenState: exports.defaultPreparedFilterState,
-        ...initialOptions
-    };
+    return Object.assign({ translate: translate, groupsMap: {}, frozenSideWideState: frozenInitialSideWideState || false, sideWideState: false, globalChanges: false, relation: groupsHelper_1.DEFAULT_RELATION_OPERATOR, selectedIds: [], advancedFilterState: (0, groupsHelper_1.getDefaultFilterState)(), frozenState: exports.defaultPreparedFilterState }, initialOptions);
 };
 exports.getInitialState = getInitialState;
 // eslint-disable-next-line complexity
 function stateReducer(state, action) {
+    var _a, _b;
     const { type, payload } = action;
     switch (type) {
         case stateActionType_1.StateActionType.CreateGroupsMap:
-            return { ...state, groupsMap: (0, groupsFilterHelper_1.createGroupsMap)(payload, groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID) };
+            return Object.assign(Object.assign({}, state), { groupsMap: (0, groupsFilterHelper_1.createGroupsMap)(payload, groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID) });
         case stateActionType_1.StateActionType.CreateInitialState:
-            return {
-                ...state,
-                frozenState: {
+            return Object.assign(Object.assign({}, state), { frozenState: {
                     advancedFilterState: payload.value.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)(),
                     simpleFilterState: payload.value.simpleFilterState || [],
                     relation: payload.value.relation
-                },
-                selectedIds: payload.value.simpleFilterState || [],
-                advancedFilterState: payload.value.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)(),
-                relation: payload.value.relation,
-                frozenSideWideState: payload.global,
-                sideWideState: payload.global
-            };
+                }, selectedIds: payload.value.simpleFilterState || [], advancedFilterState: payload.value.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)(), relation: payload.value.relation, frozenSideWideState: payload.global, sideWideState: payload.global });
         case stateActionType_1.StateActionType.FreezeSideWide:
-            return { ...state, frozenSideWideState: payload, globalChanges: true };
+            return Object.assign(Object.assign({}, state), { frozenSideWideState: payload, globalChanges: true });
         case stateActionType_1.StateActionType.FreezeState:
-            return {
-                ...state,
-                frozenState: {
+            return Object.assign(Object.assign({}, state), { frozenState: {
                     advancedFilterState: payload.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)(),
                     simpleFilterState: payload.simpleFilterState || [],
                     relation: payload.relation
-                },
-                selectedIds: payload.simpleFilterState || [],
-                advancedFilterState: payload.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)(),
-                relation: payload.relation,
-                globalChanges: true
-            };
+                }, selectedIds: payload.simpleFilterState || [], advancedFilterState: payload.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)(), relation: payload.relation, globalChanges: true });
         case stateActionType_1.StateActionType.TurnOfGlobalChanges:
-            return { ...state, globalChanges: false };
+            return Object.assign(Object.assign({}, state), { globalChanges: false });
         case stateActionType_1.StateActionType.SideWide:
-            return { ...state, sideWideState: payload };
+            return Object.assign(Object.assign({}, state), { sideWideState: payload });
         case stateActionType_1.StateActionType.SetState:
-            return {
-                ...state,
-                selectedIds: payload.simpleFilterState || [],
-                advancedFilterState: payload.advancedFilterState ? payload.advancedFilterState : state.advancedFilterState,
-                relation: payload.relation
-            };
+            return Object.assign(Object.assign({}, state), { selectedIds: payload.simpleFilterState || [], advancedFilterState: payload.advancedFilterState ? payload.advancedFilterState : state.advancedFilterState, relation: payload.relation });
         case stateActionType_1.StateActionType.SetAdvancedFilterState:
-            return {
-                ...state,
-                advancedFilterState: payload
-            };
+            return Object.assign(Object.assign({}, state), { advancedFilterState: payload });
         case stateActionType_1.StateActionType.Relation:
-            return { ...state, relation: payload };
+            return Object.assign(Object.assign({}, state), { relation: payload });
         case stateActionType_1.StateActionType.ChangeSelection: {
             const currentSelectedIds = new Set(state.selectedIds);
             if (currentSelectedIds.has(payload.itemId)) {
@@ -106,10 +73,10 @@ function stateReducer(state, action) {
             if (payload.value) {
                 // deselect parent
                 const parentForDeselect = [];
-                let parent = state.groupsMap[payload.itemId].parent?.id;
+                let parent = (_a = state.groupsMap[payload.itemId].parent) === null || _a === void 0 ? void 0 : _a.id;
                 while (parent && parent !== "root") {
                     parentForDeselect.push(parent);
-                    parent = state.groupsMap[parent].parent?.id;
+                    parent = (_b = state.groupsMap[parent].parent) === null || _b === void 0 ? void 0 : _b.id;
                 }
                 parentForDeselect.forEach(parentId => {
                     currentSelectedIds.delete(parentId);
@@ -122,28 +89,23 @@ function stateReducer(state, action) {
                 });
                 childrenForDeselect.forEach(childId => currentSelectedIds.delete(childId));
             }
-            return { ...state, selectedIds: Array.from(currentSelectedIds) };
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(currentSelectedIds) });
         }
         case stateActionType_1.StateActionType.ResetSelection:
-            return {
-                ...state,
-                selectedIds: [],
-                advancedFilterState: (0, groupsHelper_1.getDefaultFilterState)(),
-                relation: groupsHelper_1.DEFAULT_RELATION_OPERATOR,
-                sideWideState: false
-            };
+            return Object.assign(Object.assign({}, state), { selectedIds: [], advancedFilterState: (0, groupsHelper_1.getDefaultFilterState)(), relation: groupsHelper_1.DEFAULT_RELATION_OPERATOR, sideWideState: false });
         case stateActionType_1.StateActionType.SelectAllChildren: {
             const currentEl = state.groupsMap[payload];
             const newSelected = new Set(state.selectedIds);
             (currentEl.children || []).forEach(el => {
+                var _a, _b;
                 if (!newSelected.has(el.id)) {
                     newSelected.add(el.id);
                     // deselect parent
                     const parentForDeselect = [];
-                    let parent = state.groupsMap[el.id].parent?.id;
+                    let parent = (_a = state.groupsMap[el.id].parent) === null || _a === void 0 ? void 0 : _a.id;
                     while (parent && parent !== "root") {
                         parentForDeselect.push(parent);
-                        parent = state.groupsMap[parent].parent?.id;
+                        parent = (_b = state.groupsMap[parent].parent) === null || _b === void 0 ? void 0 : _b.id;
                     }
                     parentForDeselect.forEach(parentId => {
                         newSelected.delete(parentId);
@@ -157,7 +119,7 @@ function stateReducer(state, action) {
                     childrenForDeselect.forEach(childId => newSelected.delete(childId));
                 }
             });
-            return { ...state, selectedIds: Array.from(newSelected) };
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected) });
         }
         case stateActionType_1.StateActionType.DeselectAllChildren: {
             const childrenForDeselect = [];
@@ -167,7 +129,7 @@ function stateReducer(state, action) {
             });
             const newSelected = new Set(state.selectedIds);
             childrenForDeselect.forEach(childId => newSelected.delete(childId));
-            return { ...state, selectedIds: Array.from(newSelected) };
+            return Object.assign(Object.assign({}, state), { selectedIds: Array.from(newSelected) });
         }
         default: {
             throw Error("Unknown action: " + type);
@@ -175,4 +137,3 @@ function stateReducer(state, action) {
     }
 }
 exports.stateReducer = stateReducer;
-//# sourceMappingURL=stateReducer.js.map

package/dist/groupsFilter/stateReducer/stateReducerHelper.js

@@ -14,8 +14,11 @@ const isStateChanged = (stateObj) => !(stateObj.relation === stateObj.frozenStat
     && stateObj.selectedIds.sort().join(",") === (stateObj.frozenState.simpleFilterState || []).sort().join(",")
     && (0, groupsHelper_1.compareFilters)(stateObj.advancedFilterState, stateObj.frozenState.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)()));
 exports.isStateChanged = isStateChanged;
-const getFrozenCount = (stateObj) => ((0, groupsHelper_1.compareFilters)(stateObj.frozenState.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)(), (0, groupsHelper_1.getDefaultFilterState)()) ? 0 : 1)
-    + (stateObj.frozenState.simpleFilterState?.filter((0, groupsFilterHelper_1.doesGroupExist)(stateObj.groupsMap)).length || 0);
+const getFrozenCount = (stateObj) => {
+    var _a;
+    return ((0, groupsHelper_1.compareFilters)(stateObj.frozenState.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)(), (0, groupsHelper_1.getDefaultFilterState)()) ? 0 : 1)
+        + (((_a = stateObj.frozenState.simpleFilterState) === null || _a === void 0 ? void 0 : _a.filter((0, groupsFilterHelper_1.doesGroupExist)(stateObj.groupsMap)).length) || 0);
+};
 exports.getFrozenCount = getFrozenCount;
 const getCurrentlySelectedCount = (stateObj) => ((0, groupsHelper_1.compareFilters)(stateObj.advancedFilterState, (0, groupsHelper_1.getDefaultFilterState)()) ? 0 : 1)
     + (stateObj.selectedIds.filter((0, groupsFilterHelper_1.doesGroupExist)(stateObj.groupsMap)).length || 0);
@@ -45,14 +48,14 @@ exports.getPathToRoot = getPathToRoot;
 const getGroupsTreeItem = (stateObj, itemId) => {
     const item = stateObj.groupsMap[itemId];
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    return item ? { ...item } : undefined;
+    return item ? Object.assign({}, item) : undefined;
 };
 exports.getGroupsTreeItem = getGroupsTreeItem;
 const getSearchResultFromObject = (stateObj, searchStr) => {
     if (!searchStr) {
         return undefined;
     }
-    const searchResult = Object.keys(stateObj.groupsMap).filter(key => key !== groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID).map(key => stateObj.groupsMap[key]).filter(el => el.name?.toLowerCase().includes(searchStr.toLowerCase()) || stateObj.translate(el.id).toLowerCase().includes(searchStr.toLowerCase()));
+    const searchResult = Object.keys(stateObj.groupsMap).filter(key => key !== groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID).map(key => stateObj.groupsMap[key]).filter(el => { var _a; return ((_a = el.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchStr.toLowerCase())) || stateObj.translate(el.id).toLowerCase().includes(searchStr.toLowerCase()); });
     const searchResultItems = (0, groupsFilterHelper_1.prepareNameSelectedItems)(stateObj.translate, stateObj.groupsMap, searchResult.map(el => el.id));
     const searchResultMenu = (0, groupsFilterHelper_1.prepareSelectedMenu)(searchResultItems);
     return searchResultMenu;
@@ -65,14 +68,14 @@ const getCurrentlySelectedMenu = (stateObj) => {
     const selectedItem = (0, groupsFilterHelper_1.prepareSelectedMenu)(allNamedItems);
     const advancedGroups = (0, groupsHelper_1.compareFilters)(stateObj.advancedFilterState, (0, groupsHelper_1.getDefaultFilterState)()) ? stateObj.frozenState.advancedFilterState || (0, groupsHelper_1.getDefaultFilterState)()
         : stateObj.advancedFilterState;
-    return { ...selectedItem, advancedGroups };
+    return Object.assign(Object.assign({}, selectedItem), { advancedGroups });
 };
 exports.getCurrentlySelectedMenu = getCurrentlySelectedMenu;
 const getCurrentlyDeselectedMenu = (stateObj, deselectedItems) => {
     const frozenItems = stateObj.frozenState.simpleFilterState || [];
     const allNamedItems = (0, groupsFilterHelper_1.prepareNameSelectedItems)(stateObj.translate, stateObj.groupsMap, deselectedItems.filter(el => !frozenItems.includes(el)));
     const deselectedMenu = (0, groupsFilterHelper_1.prepareSelectedMenu)(allNamedItems);
-    return { ...deselectedMenu };
+    return Object.assign({}, deselectedMenu);
 };
 exports.getCurrentlyDeselectedMenu = getCurrentlyDeselectedMenu;
 const isAdvancedFilterInitialState = (stateObj, state) => (0, groupsHelper_1.compareFilters)(state || stateObj.advancedFilterState, (0, groupsHelper_1.getDefaultFilterState)());
@@ -85,13 +88,13 @@ const getAdvancedFilterNamedState = (stateObj, advState) => {
             if (item.id) {
                 const groupMapItem = stateObj.groupsMap[item.id];
                 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                return { ...item, name: groupMapItem && (0, groupsHelper_1.getGroupDescription)(groupMapItem, stateObj.translate) };
+                return Object.assign(Object.assign({}, item), { name: groupMapItem && (0, groupsHelper_1.getGroupDescription)(groupMapItem, stateObj.translate) });
             }
-            return { ...item, items: getFillNamedItems(item.items) };
+            return Object.assign(Object.assign({}, item), { items: getFillNamedItems(item.items) });
         });
         return [...filledItems];
     };
-    return { ...advancedState, items: getFillNamedItems(itemsForFill) };
+    return Object.assign(Object.assign({}, advancedState), { items: getFillNamedItems(itemsForFill) });
 };
 exports.getAdvancedFilterNamedState = getAdvancedFilterNamedState;
 const getPreparedState = (stateObj) => ({
@@ -99,4 +102,3 @@ const getPreparedState = (stateObj) => ({
     sideWide: stateObj.frozenSideWideState
 });
 exports.getPreparedState = getPreparedState;
-//# sourceMappingURL=stateReducerHelper.js.map

package/dist/groupsFilter/uiStateReducer/uiStateAction.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=uiStateAction.js.map

package/dist/groupsFilter/uiStateReducer/uiStateActionType.js

@@ -14,4 +14,3 @@ var UiStateActionType;
     UiStateActionType["SetSearchValue"] = "SET_SEARCH_VALUE";
     UiStateActionType["SetAdvancedFilterIsOpen"] = "SET_ADVANCED_FILTER_IS_OPEN";
 })(UiStateActionType || (exports.UiStateActionType = UiStateActionType = {}));
-//# sourceMappingURL=uiStateActionType.js.map

package/dist/groupsFilter/uiStateReducer/uiStateReducer.js

@@ -18,29 +18,28 @@ function uiStateReducer(state, action) {
     const { type, payload } = action;
     switch (type) {
         case uiStateActionType_1.UiStateActionType.SetIsOpen:
-            return { ...state, isOpen: payload };
+            return Object.assign(Object.assign({}, state), { isOpen: payload });
         case uiStateActionType_1.UiStateActionType.SetAdvancedFilterIsOpen:
-            return { ...state, isOpenAdvancedFilter: payload };
+            return Object.assign(Object.assign({}, state), { isOpenAdvancedFilter: payload });
         case uiStateActionType_1.UiStateActionType.ToggleOpen:
-            return state.isOpenAdvancedFilter ? state : { ...state, isOpen: !state.isOpen };
+            return state.isOpenAdvancedFilter ? state : Object.assign(Object.assign({}, state), { isOpen: !state.isOpen });
         case uiStateActionType_1.UiStateActionType.SetLoadWithError:
-            return { ...state, isLoadWithError: payload };
+            return Object.assign(Object.assign({}, state), { isLoadWithError: payload });
         case uiStateActionType_1.UiStateActionType.SetStep:
-            return { ...state, step: payload };
+            return Object.assign(Object.assign({}, state), { step: payload });
         case uiStateActionType_1.UiStateActionType.SetCurrentAdjustmentId:
-            return { ...state, currentAdjustmentId: payload };
+            return Object.assign(Object.assign({}, state), { currentAdjustmentId: payload });
         case uiStateActionType_1.UiStateActionType.SetUncheckedAdjustmentIds:
-            return { ...state, uncheckedAdjustmentIds: [...payload] };
+            return Object.assign(Object.assign({}, state), { uncheckedAdjustmentIds: [...payload] });
         case uiStateActionType_1.UiStateActionType.SetUncheckedAdvancedState:
-            return { ...state, uncheckedAdvancedState: payload };
+            return Object.assign(Object.assign({}, state), { uncheckedAdvancedState: payload });
         case uiStateActionType_1.UiStateActionType.ClearUncheckedState:
-            return { ...state, uncheckedAdvancedState: undefined, uncheckedAdjustmentIds: [] };
+            return Object.assign(Object.assign({}, state), { uncheckedAdvancedState: undefined, uncheckedAdjustmentIds: [] });
         case uiStateActionType_1.UiStateActionType.SetSearchValue:
-            return { ...state, searchValue: payload };
+            return Object.assign(Object.assign({}, state), { searchValue: payload });
         default: {
             throw Error("Unknown action: " + type);
         }
     }
 }
 exports.uiStateReducer = uiStateReducer;
-//# sourceMappingURL=uiStateReducer.js.map

package/dist/header/components/basicToolbar/basicToolbar.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasicToolbar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../../../commonHelpers/classNames/classNames");
-require("./basicToolbar.less");
 const BasicToolbar = ({ className = "", leftElements, middleElements, rightElements, isMobile, leftElementsRef, rightElementsRef }) => (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-header", className ? className : "", isMobile ? "zen-header--mobile" : ""]), children: [(0, jsx_runtime_1.jsx)("div", { ref: leftElementsRef, className: (0, classNames_1.classNames)(["zen-header__section zen-header__section--left", leftElements ? "" : "zen-header__section--hidden", !isMobile && !rightElements ? "zen-header__section--single" : ""]), children: leftElements }), isMobile ? (0, jsx_runtime_1.jsxs)("div", { className: "zen-header__right-sections", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-header__section zen-header__section--middle", middleElements ? "" : "zen-header__section--hidden"]), children: middleElements }), (0, jsx_runtime_1.jsx)("div", { ref: rightElementsRef, className: (0, classNames_1.classNames)(["zen-header__section zen-header__section--right", rightElements ? "" : "zen-header__section--hidden"]), children: rightElements })] }) :
             (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-header__section zen-header__section--middle", middleElements ? "" : "zen-header__section--hidden"]), children: middleElements }), (0, jsx_runtime_1.jsx)("div", { ref: rightElementsRef, className: (0, classNames_1.classNames)(["zen-header__section zen-header__section--right", rightElements ? "" : "zen-header__section--hidden"]), children: rightElements })] })] });
 exports.BasicToolbar = BasicToolbar;
-//# sourceMappingURL=basicToolbar.js.map

package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.PageToolbarCollapsedItemsControl = exports.HeaderCustomContentProvider = exports.HeaderCustomContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./collapsedItemsControl.less");
 const menu_1 = require("../../../menu/menu");
 const buttonType_1 = require("../../../button/buttonType");
 const svgIconSize_1 = require("../../../svgIcon/svgIconSize");
@@ -71,4 +70,3 @@ exports.PageToolbarCollapsedItemsControl = PageToolbarCollapsedItemsControl;
 exports.TRANSLATIONS = [
     "More"
 ];
-//# sourceMappingURL=collapsedItemsControl.js.map

package/dist/header/components/collapsedItemsControl/utils/handleCustomMenuWrapper.js

@@ -9,7 +9,7 @@ const headerButton_1 = require("../../../headerButton");
 // eslint-disable-next-line complexity
 const handleCustomMenuWrapper = (reactNode, content, menuItems) => {
     if ((0, headerHelpers_1.isNamedChildComponent)(reactNode, headerHelpers_1.HeaderCustomMenuWrapper)) {
-        const customContent = content?.[reactNode.props.id];
+        const customContent = content === null || content === void 0 ? void 0 : content[reactNode.props.id];
         if (!customContent) {
             return;
         }
@@ -48,4 +48,3 @@ const handleCustomMenuWrapper = (reactNode, content, menuItems) => {
     }
 };
 exports.handleCustomMenuWrapper = handleCustomMenuWrapper;
-//# sourceMappingURL=handleCustomMenuWrapper.js.map

package/dist/header/components/mobileFilterControl/mobileFilterControl.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.MobileFilterControl = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
-require("./mobileFilterControl.less");
 const buttonType_1 = require("../../../button/buttonType");
 const svgIconSize_1 = require("../../../svgIcon/svgIconSize");
 const textIconButton_1 = require("../../../textIconButton/textIconButton");
@@ -19,9 +18,8 @@ exports.MobileFilterControl = react_1.default.forwardRef(function MobileFilterCo
     const { translate } = (0, useLanguage_1.useLanguage)();
     const isDrive = (0, useDrive_1.useDrive)();
     const filterIconButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { iconPosition: textIconButton_1.ButtonIconPosition.End, icon: iconSettings6_1.IconSettings6, iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large, className: "zen-mobile-filter-control__actions zen-mobile-filter-control__actions--button", iconClasses: "zen-mobile-filter-control__actions--icon", title: translate("Show all filters"), type: buttonType_1.ButtonType.TertiaryBlack, contentClasses: count ? "zen-mobile-filter-control__counter-wrapper" : "", onClick: onClick, ref: ref, children: count ? (0, jsx_runtime_1.jsx)("div", { className: "zen-mobile-filter-control__counter", children: count }) : null });
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-filter-control", className ?? ""]), children: filterIconButton });
+    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-filter-control", className !== null && className !== void 0 ? className : ""]), children: filterIconButton });
 });
 exports.TRANSLATIONS = [
     "Show all filters"
 ];
-//# sourceMappingURL=mobileFilterControl.js.map

package/dist/header/components/mobileSearchControl/mobileSearchControl.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.MobileSearchControl = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./mobileSearchControl.less");
 const button_1 = require("../../../button/button");
 const buttonType_1 = require("../../../button/buttonType");
 const svgIconSize_1 = require("../../../svgIcon/svgIconSize");
@@ -19,7 +18,7 @@ const MobileSearchControl = ({ searchInput, onClick, state, className }) => {
     const cancelSearchButton = (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button", title: translate("Cancel search"), type: buttonType_1.ButtonType.Tertiary, onClick: () => onClick(false), children: translate("Cancel") });
     const searchIconButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button", title: translate("Show page search"), type: buttonType_1.ButtonType.TertiaryBlack, onClick: () => onClick(true), iconPosition: textIconButton_1.ButtonIconPosition.End, iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large, iconClasses: "zen-mobile-search-control__actions--icon", icon: iconSearch_1.IconSearch });
     const mobileSearchPanel = (0, jsx_runtime_1.jsxs)("div", { className: "zen-mobile-search-control--expanded", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-mobile-search-control__search", children: searchInput }), cancelSearchButton] });
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-search-control", driveClassname || "", className ?? ""]), children: state ? mobileSearchPanel : searchIconButton });
+    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-search-control", driveClassname || "", className !== null && className !== void 0 ? className : ""]), children: state ? mobileSearchPanel : searchIconButton });
 };
 exports.MobileSearchControl = MobileSearchControl;
 exports.TRANSLATIONS = [
@@ -27,4 +26,3 @@ exports.TRANSLATIONS = [
     "Cancel search",
     "Show page search"
 ];
-//# sourceMappingURL=mobileSearchControl.js.map

package/dist/header/header.js

@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.HeaderDisplayName = exports.Header = exports.HeaderType = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-require("./header.less");
 const headerHelpers_1 = require("./headerHelpers");
 const headerBack_1 = require("./headerBack");
 const mobileSearchControl_1 = require("./components/mobileSearchControl/mobileSearchControl");
@@ -56,6 +55,7 @@ var HeaderType;
 })(HeaderType || (exports.HeaderType = HeaderType = {}));
 // eslint-disable-next-line @typescript-eslint/naming-convention, react/prop-types
 const Header = ({ children, className, onFiltersBarOpen }) => {
+    var _a, _b;
     const toolbarRef = (0, react_1.useRef)(null);
     const leftElementsRef = (0, react_1.useRef)(null);
     const rightElementsRef = (0, react_1.useRef)(null);
@@ -103,8 +103,9 @@ const Header = ({ children, className, onFiltersBarOpen }) => {
         setIsFilterHidden(isDownDirection);
     }, [getPreviousScrollPosition, previousScrollPosition, headerRef]);
     const handleScroll = (0, useThrottle_1.useThrottle)((e) => {
-        const isKeyboardLikelyOpen = document.activeElement?.matches("input, textarea, [contenteditable]") || false;
-        const isMobileFilterOpen = mobileFilterTrigger?.current && mobileFilterTrigger.current.getAttribute("aria-expanded") === "true" || false;
+        var _a;
+        const isKeyboardLikelyOpen = ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.matches("input, textarea, [contenteditable]")) || false;
+        const isMobileFilterOpen = (mobileFilterTrigger === null || mobileFilterTrigger === void 0 ? void 0 : mobileFilterTrigger.current) && mobileFilterTrigger.current.getAttribute("aria-expanded") === "true" || false;
         if (isMobileFilterOpen || isKeyboardLikelyOpen) {
             return;
         }
@@ -133,12 +134,12 @@ const Header = ({ children, className, onFiltersBarOpen }) => {
     const filtersBarToggler = (0, react_1.useCallback)(() => {
         if (onFiltersBarOpen || filtersBarToggleAllFiltersFn) {
             filtersBarToggleAllFiltersFn && filtersBarToggleAllFiltersFn.fn(true);
-            !filtersBarToggleAllFiltersFn && onFiltersBarOpen?.();
+            !filtersBarToggleAllFiltersFn && (onFiltersBarOpen === null || onFiltersBarOpen === void 0 ? void 0 : onFiltersBarOpen());
         }
     }, [filtersBarToggleAllFiltersFn, onFiltersBarOpen]);
     const hiddenItemForRender = (0, react_1.useMemo)(() => (0, headerHelpers_1.getItemsForRender)(resizableElements, isMobile), [isMobile, resizableElements]);
-    const widthDelta = moreButtonRef.current?.offsetWidth || 0;
-    const maxWidth = middleWidth || toolbarRef.current?.getBoundingClientRect().width || 0;
+    const widthDelta = ((_a = moreButtonRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+    const maxWidth = middleWidth || ((_b = toolbarRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) || 0;
     const actionCount = (0, react_1.useMemo)(() => {
         if (!isMobile) {
             return 4;
@@ -151,9 +152,10 @@ const Header = ({ children, className, onFiltersBarOpen }) => {
     const hiddenElementsCountToRender = rightElements.length <= actionCount ? actionCount - rightElements.length : 0;
     const { visibleElements, nonFittingElements, hiddenContainerRef } = (0, useNonFittingElements_1.useNonFittingElements)({ maxWidth, data: resizableElements, hiddenElementsCountToRender, widthDelta, reverseOrderOfVisible: true });
     const calculateMiddleWidth = (0, react_1.useCallback)(() => {
-        const headerRefWidth = headerRef.current?.getBoundingClientRect().width || 0;
-        const leftElementsRefWidth = leftElementsRef.current?.getBoundingClientRect().width || 0;
-        const rightelementsRefWidth = rightElementsRef.current?.getBoundingClientRect().width || 0;
+        var _a, _b, _c;
+        const headerRefWidth = ((_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
+        const leftElementsRefWidth = ((_b = leftElementsRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) || 0;
+        const rightelementsRefWidth = ((_c = rightElementsRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().width) || 0;
         const paddings = 48;
         const gaps = 8 + (rightelementsRefWidth ? 8 : 0);
         const calculatedMiddleWidth = headerRefWidth - gaps - paddings - rightelementsRefWidth - leftElementsRefWidth;
@@ -167,8 +169,8 @@ const Header = ({ children, className, onFiltersBarOpen }) => {
     }, 500);
     (0, useResize_1.useResize)(resizeCallBack, true);
     (0, react_1.useEffect)(() => {
-        result?.contentRect.width && calculateMiddleWidth();
-    }, [result?.contentRect.width, calculateMiddleWidth]);
+        (result === null || result === void 0 ? void 0 : result.contentRect.width) && calculateMiddleWidth();
+    }, [result === null || result === void 0 ? void 0 : result.contentRect.width, calculateMiddleWidth]);
     (0, react_1.useEffect)(() => {
         calculateMiddleWidth();
     }, [calculateMiddleWidth]);
@@ -215,7 +217,7 @@ const Header = ({ children, className, onFiltersBarOpen }) => {
         isMobile ? "zen-main-header--mobile" : "",
         titleShrinkCondition ? "zen-main-header--shrink-title" : "",
         isMobile && titleSize ? `zen-main-header--mobile-title-${titleSize}` : "",
-        className ?? ""
+        className !== null && className !== void 0 ? className : ""
     ]);
     const mobileExpandedSearchWrapper = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)("div", { className: "zen-main-header__mobile-search", ref: toolbarRef, children: mobileSearch }), [toolbarRef, mobileSearch]);
     const mainLineContainer = (0, react_1.useMemo)(() => {
@@ -266,4 +268,3 @@ exports.TRANSLATIONS = [
     ...mobileFilterControl_1.TRANSLATIONS,
     ...headerBack_1.TRANSLATIONS
 ];
-//# sourceMappingURL=header.js.map

package/dist/header/headerBack.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.HeaderBack = exports.HeaderBackDisplayName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -7,17 +18,15 @@ const classNames_1 = require("../commonHelpers/classNames/classNames");
 const iconChevronLeft_1 = require("../icons/iconChevronLeft");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 exports.HeaderBackDisplayName = "HeaderBack";
-const HeaderBack = ({ id, className, link, onClick, title, ...restProps }) => {
+const HeaderBack = (_a) => {
+    var { id, className, link, onClick, title } = _a, restProps = __rest(_a, ["id", "className", "link", "onClick", "title"]);
     const { translate } = (0, useLanguage_1.useLanguage)();
     const fullClassName = (0, classNames_1.classNames)(["zen-header-back", className || ""]);
-    const props = {
-        ...restProps
-    };
-    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { id: id, icon: iconChevronLeft_1.IconChevronLeft, iconPosition: textIconButton_1.ButtonIconPosition.Start, type: "tertiary", className: fullClassName, onClick: onClick ? () => onClick(id) : undefined, link: link ? link : undefined, htmlType: "button", title: title ? title : translate("Back"), ...props });
+    const props = Object.assign({}, restProps);
+    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ id: id, icon: iconChevronLeft_1.IconChevronLeft, iconPosition: textIconButton_1.ButtonIconPosition.Start, type: "tertiary", className: fullClassName, onClick: onClick ? () => onClick(id) : undefined, link: link ? link : undefined, htmlType: "button", title: title ? title : translate("Back") }, props));
 };
 exports.HeaderBack = HeaderBack;
 exports.HeaderBack.displayName = exports.HeaderBackDisplayName;
 exports.TRANSLATIONS = [
     "Back"
 ];
-//# sourceMappingURL=headerBack.js.map

package/dist/header/headerButton.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderButton = exports.HeaderButtonDisplayName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -6,16 +17,13 @@ const button_1 = require("../button/button");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 exports.HeaderButtonDisplayName = "HeaderButton";
-const HeaderButton = ({ id, children, icon, iconPosition = textIconButton_1.ButtonIconPosition.Start, className = "", important, onClick, inContextMenu, ...restProps }) => {
+const HeaderButton = (_a) => {
+    var { id, children, icon, iconPosition = textIconButton_1.ButtonIconPosition.Start, className = "", important, onClick, inContextMenu } = _a, restProps = __rest(_a, ["id", "children", "icon", "iconPosition", "className", "important", "onClick", "inContextMenu"]);
     const fullClassName = (0, classNames_1.classNames)(["zen-header-button", className]);
-    const props = {
-        ...restProps,
-        "data-important": important ? "1" : "0"
-    };
+    const props = Object.assign(Object.assign({}, restProps), { "data-important": important ? "1" : "0" });
     return icon
-        ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { id: id, icon: icon, iconPosition: iconPosition, className: fullClassName, onClick: onClick ? (e) => onClick(id, e) : undefined, ...props, children: children })
-        : (0, jsx_runtime_1.jsx)(button_1.Button, { id: id, className: fullClassName, onClick: onClick ? (e) => onClick(id, e) : undefined, ...props, children: children });
+        ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ id: id, icon: icon, iconPosition: iconPosition, className: fullClassName, onClick: onClick ? (e) => onClick(id, e) : undefined }, props, { children: children }))
+        : (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ id: id, className: fullClassName, onClick: onClick ? (e) => onClick(id, e) : undefined }, props, { children: children }));
 };
 exports.HeaderButton = HeaderButton;
 exports.HeaderButton.displayName = exports.HeaderButtonDisplayName;
-//# sourceMappingURL=headerButton.js.map