@gravity-ui/navigation 5.0.0-beta.3 → 5.0.0

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getExpandedIndexForSortableIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getExpandedIndexForSortableIndex.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/getExpandedIndexForSortableIndex.ts"],"sourcesContent":["import {MenuItemsWithGroups} from '../../../types';\n\nimport {getIsMenuItem} from './getIsMenuItem';\nimport {getRealIndexInExpandedMenu} from './getRealIndexInGroup';\n\n/**\n * Returns index in expanded list for the sortableIndex-th sortable item in flatList.\n *\n * @param sortableIndex - Index in the list of sortable (non-divider) items.\n * @param flatList - Flat list with groups and dividers.\n * @returns Index in the expanded (flattened) menu list.\n */\nexport function getExpandedIndexForSortableIndex(\n    sortableIndex: number,\n    flatList: MenuItemsWithGroups[],\n): number {\n    let sortableCount = 0;\n    for (let i = 0; i < flatList.length; i++) {\n        if (getIsMenuItem(flatList[i])) {\n            if (sortableCount === sortableIndex) {\n                return getRealIndexInExpandedMenu(i, flatList);\n            }\n            sortableCount++;\n        }\n    }\n    return 0;\n}\n"],"names":["getIsMenuItem","getRealIndexInExpandedMenu"],"mappings":";;;;;AAKA;;;;;;AAMG;AACa,SAAA,gCAAgC,CAC5C,aAAqB,EACrB,QAA+B,EAAA;IAE/B,IAAI,aAAa,GAAG,CAAC;AACrB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACtC,IAAIA,2BAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AAC5B,YAAA,IAAI,aAAa,KAAK,aAAa,EAAE;AACjC,gBAAA,OAAOC,8CAA0B,CAAC,CAAC,EAAE,QAAQ,CAAC;;AAElD,YAAA,aAAa,EAAE;;;AAGvB,IAAA,OAAO,CAAC;AACZ;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.d.ts

@@ -1,2 +1,73 @@
 import { MenuItemsWithGroups } from '../../../types';
+import { buildExpandedFromFlatList } from './buildExpandedFromFlatList';
+/**
+ * Returns index in flatList of the sortableIndex-th sortable item (getIsMenuItem).
+ * Used when groupIndex from the List is the index in the filtered list without dividers.
+ *
+ * @param sortableIndex - Index in the list of sortable (non-divider) items.
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Index in flatList of the sortableIndex-th sortable item.
+ */
+export declare function getFlatListIndexForSortableIndex(sortableIndex: number, flatList: MenuItemsWithGroups[]): number;
+/**
+ * Returns index in groupItems array for the sortableIndex-th sortable (non-divider) item.
+ * Used when oldIndex/newIndex from sort are indices in the sortable-only list.
+ *
+ * @param sortableIndex - Index in the list of sortable (non-divider) items.
+ * @param groupItems - Items of the group (may contain dividers).
+ * @returns Index in groupItems of the sortableIndex-th sortable item.
+ */
+export declare function getIndexInGroupItemsForSortableIndex(sortableIndex: number, groupItems: MenuItemsWithGroups[]): number;
+export declare function getRealIndexInExpandedMenu(flatListIndex: number, flatList: MenuItemsWithGroups[]): number;
+/**
+ * Returns index in the expanded menu for an item in a group.
+ * itemIndexInGroup is the index in the sortable-only list (dividers are not counted).
+ *
+ * @param groupIndex - Index of the group in the flat list.
+ * @param itemIndexInGroup - Index in the sortable-only list within the group.
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Index in the expanded (flattened) menu list.
+ */
 export declare function getRealIndexInGroup(groupIndex: number, itemIndexInGroup: number, flatList: MenuItemsWithGroups[]): number;
+type GroupWithItems = MenuItemsWithGroups & {
+    items: MenuItemsWithGroups[];
+};
+/**
+ * Returns group item and its index in flat list by sortable index (index in list without dividers).
+ *
+ * @param sortableIndex - Index in the filtered list (getIsMenuItem).
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Object with flatListGroupIndex and groupItem, or null if not a group with items.
+ */
+export declare function getGroupAtSortableIndex(sortableIndex: number, flatList: MenuItemsWithGroups[]): {
+    flatListGroupIndex: number;
+    groupItem: GroupWithItems;
+} | null;
+/**
+ * Returns new flat list with group items replaced at the given index.
+ *
+ * @param flatList - Current flat list.
+ * @param flatListGroupIndex - Index of the group in flat list.
+ * @param newGroupItems - New items array for the group.
+ * @returns New flat list with updated group.
+ */
+export declare function updateGroupItemsInFlatList(flatList: MenuItemsWithGroups[], flatListGroupIndex: number, newGroupItems: MenuItemsWithGroups[]): MenuItemsWithGroups[];
+interface SecondLevelSortResult {
+    newFlatList: MenuItemsWithGroups[];
+    expandedItems: ReturnType<typeof buildExpandedFromFlatList>;
+    realOldIndex: number;
+    realNewIndex: number;
+    changedItem: ReturnType<typeof buildExpandedFromFlatList>[number] | undefined;
+}
+/**
+ * Applies second-level sort (within a group) and returns new flat list, expanded items and indices.
+ * Keeps dividers in place inside the group.
+ *
+ * @param groupIndex - Sortable index of the group (from List, without dividers).
+ * @param oldIndex - Sortable index of dragged item in the group.
+ * @param newIndex - Sortable index of drop position in the group.
+ * @param currentFlatList - Current flat list.
+ * @returns Result with newFlatList, expandedItems, indices and changedItem, or null if invalid.
+ */
+export declare function applySecondLevelSort(groupIndex: number, oldIndex: number, newIndex: number, currentFlatList: MenuItemsWithGroups[]): SecondLevelSortResult | null;
+export {};

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js

@@ -1,5 +1,49 @@
 'use strict';
 
+var buildExpandedFromFlatList = require('./buildExpandedFromFlatList.js');
+var getIsMenuItem = require('./getIsMenuItem.js');
+var sortMenuItemsWithDividers = require('./sortMenuItemsWithDividers.js');
+
+/**
+ * Returns index in flatList of the sortableIndex-th sortable item (getIsMenuItem).
+ * Used when groupIndex from the List is the index in the filtered list without dividers.
+ *
+ * @param sortableIndex - Index in the list of sortable (non-divider) items.
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Index in flatList of the sortableIndex-th sortable item.
+ */
+function getFlatListIndexForSortableIndex(sortableIndex, flatList) {
+    let sortableCount = 0;
+    for (let i = 0; i < flatList.length; i++) {
+        if (getIsMenuItem.getIsMenuItem(flatList[i])) {
+            if (sortableCount === sortableIndex) {
+                return i;
+            }
+            sortableCount++;
+        }
+    }
+    return 0;
+}
+/**
+ * Returns index in groupItems array for the sortableIndex-th sortable (non-divider) item.
+ * Used when oldIndex/newIndex from sort are indices in the sortable-only list.
+ *
+ * @param sortableIndex - Index in the list of sortable (non-divider) items.
+ * @param groupItems - Items of the group (may contain dividers).
+ * @returns Index in groupItems of the sortableIndex-th sortable item.
+ */
+function getIndexInGroupItemsForSortableIndex(sortableIndex, groupItems) {
+    let sortableCount = 0;
+    for (let i = 0; i < groupItems.length; i++) {
+        if (getIsMenuItem.getIsMenuItem(groupItems[i])) {
+            if (sortableCount === sortableIndex) {
+                return i;
+            }
+            sortableCount++;
+        }
+    }
+    return 0;
+}
 function getRealIndexInExpandedMenu(flatListIndex, flatList) {
     let realIndex = 0;
     for (let i = 0; i < flatListIndex; i++) {
@@ -13,10 +57,88 @@ function getRealIndexInExpandedMenu(flatListIndex, flatList) {
     }
     return realIndex;
 }
+/**
+ * Returns index in the expanded menu for an item in a group.
+ * itemIndexInGroup is the index in the sortable-only list (dividers are not counted).
+ *
+ * @param groupIndex - Index of the group in the flat list.
+ * @param itemIndexInGroup - Index in the sortable-only list within the group.
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Index in the expanded (flattened) menu list.
+ */
 function getRealIndexInGroup(groupIndex, itemIndexInGroup, flatList) {
     const groupStartIndex = getRealIndexInExpandedMenu(groupIndex, flatList);
+    const groupItem = flatList[groupIndex];
+    if ('items' in groupItem && groupItem.items && groupItem.items.length > 0) {
+        const positionInGroup = getIndexInGroupItemsForSortableIndex(itemIndexInGroup, groupItem.items);
+        return groupStartIndex + positionInGroup;
+    }
     return groupStartIndex + itemIndexInGroup;
 }
+/**
+ * Returns group item and its index in flat list by sortable index (index in list without dividers).
+ *
+ * @param sortableIndex - Index in the filtered list (getIsMenuItem).
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Object with flatListGroupIndex and groupItem, or null if not a group with items.
+ */
+function getGroupAtSortableIndex(sortableIndex, flatList) {
+    var _a;
+    const flatListGroupIndex = getFlatListIndexForSortableIndex(sortableIndex, flatList);
+    const groupItem = flatList[flatListGroupIndex];
+    if (!groupItem || !('items' in groupItem) || !((_a = groupItem.items) === null || _a === undefined ? undefined : _a.length)) {
+        return null;
+    }
+    return { flatListGroupIndex, groupItem: groupItem };
+}
+/**
+ * Returns new flat list with group items replaced at the given index.
+ *
+ * @param flatList - Current flat list.
+ * @param flatListGroupIndex - Index of the group in flat list.
+ * @param newGroupItems - New items array for the group.
+ * @returns New flat list with updated group.
+ */
+function updateGroupItemsInFlatList(flatList, flatListGroupIndex, newGroupItems) {
+    return flatList.map((item, i) => i === flatListGroupIndex && 'items' in item ? Object.assign(Object.assign({}, item), { items: newGroupItems }) : item);
+}
+/**
+ * Applies second-level sort (within a group) and returns new flat list, expanded items and indices.
+ * Keeps dividers in place inside the group.
+ *
+ * @param groupIndex - Sortable index of the group (from List, without dividers).
+ * @param oldIndex - Sortable index of dragged item in the group.
+ * @param newIndex - Sortable index of drop position in the group.
+ * @param currentFlatList - Current flat list.
+ * @returns Result with newFlatList, expandedItems, indices and changedItem, or null if invalid.
+ */
+function applySecondLevelSort(groupIndex, oldIndex, newIndex, currentFlatList) {
+    const groupData = getGroupAtSortableIndex(groupIndex, currentFlatList);
+    if (!groupData) {
+        return null;
+    }
+    const { flatListGroupIndex, groupItem } = groupData;
+    const sortedGroupItems = sortMenuItemsWithDividers.sortMenuItemsWithDividers(oldIndex, newIndex, groupItem.items);
+    const newFlatList = updateGroupItemsInFlatList(currentFlatList, flatListGroupIndex, sortedGroupItems);
+    const expandedItems = buildExpandedFromFlatList.buildExpandedFromFlatList(newFlatList);
+    const expandedItemsOld = buildExpandedFromFlatList.buildExpandedFromFlatList(currentFlatList);
+    const realOldIndex = getRealIndexInGroup(flatListGroupIndex, oldIndex, currentFlatList);
+    const realNewIndex = getRealIndexInGroup(flatListGroupIndex, newIndex, newFlatList);
+    const changedItem = expandedItemsOld[realOldIndex];
+    return {
+        newFlatList,
+        expandedItems,
+        realOldIndex,
+        realNewIndex,
+        changedItem,
+    };
+}
 
+exports.applySecondLevelSort = applySecondLevelSort;
+exports.getFlatListIndexForSortableIndex = getFlatListIndexForSortableIndex;
+exports.getGroupAtSortableIndex = getGroupAtSortableIndex;
+exports.getIndexInGroupItemsForSortableIndex = getIndexInGroupItemsForSortableIndex;
+exports.getRealIndexInExpandedMenu = getRealIndexInExpandedMenu;
 exports.getRealIndexInGroup = getRealIndexInGroup;
+exports.updateGroupItemsInFlatList = updateGroupItemsInFlatList;
 //# sourceMappingURL=getRealIndexInGroup.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRealIndexInGroup.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.ts"],"sourcesContent":["import {MenuItemsWithGroups} from '../../../types';\n\nfunction getRealIndexInExpandedMenu(\n    flatListIndex: number,\n    flatList: MenuItemsWithGroups[],\n): number {\n    let realIndex = 0;\n\n    for (let i = 0; i < flatListIndex; i++) {\n        const item = flatList[i];\n\n        if ('items' in item && item.items && item.items.length > 0) {\n            realIndex += item.items.length;\n        } else {\n            realIndex += 1;\n        }\n    }\n\n    return realIndex;\n}\n\nexport function getRealIndexInGroup(\n    groupIndex: number,\n    itemIndexInGroup: number,\n    flatList: MenuItemsWithGroups[],\n): number {\n    const groupStartIndex = getRealIndexInExpandedMenu(groupIndex, flatList);\n\n    return groupStartIndex + itemIndexInGroup;\n}\n"],"names":[],"mappings":";;AAEA,SAAS,0BAA0B,CAC/B,aAAqB,EACrB,QAA+B,EAAA;IAE/B,IAAI,SAAS,GAAG,CAAC;AAEjB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;AACpC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;AAExB,QAAA,IAAI,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACxD,YAAA,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;;aAC3B;YACH,SAAS,IAAI,CAAC;;;AAItB,IAAA,OAAO,SAAS;AACpB;SAEgB,mBAAmB,CAC/B,UAAkB,EAClB,gBAAwB,EACxB,QAA+B,EAAA;IAE/B,MAAM,eAAe,GAAG,0BAA0B,CAAC,UAAU,EAAE,QAAQ,CAAC;IAExE,OAAO,eAAe,GAAG,gBAAgB;AAC7C;;;;"}
+{"version":3,"file":"getRealIndexInGroup.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.ts"],"sourcesContent":["import {MenuItemsWithGroups} from '../../../types';\n\nimport {buildExpandedFromFlatList} from './buildExpandedFromFlatList';\nimport {getIsMenuItem} from './getIsMenuItem';\nimport {sortMenuItemsWithDividers} from './sortMenuItemsWithDividers';\n\n/**\n * Returns index in flatList of the sortableIndex-th sortable item (getIsMenuItem).\n * Used when groupIndex from the List is the index in the filtered list without dividers.\n *\n * @param sortableIndex - Index in the list of sortable (non-divider) items.\n * @param flatList - Flat list with groups and dividers.\n * @returns Index in flatList of the sortableIndex-th sortable item.\n */\nexport function getFlatListIndexForSortableIndex(\n    sortableIndex: number,\n    flatList: MenuItemsWithGroups[],\n): number {\n    let sortableCount = 0;\n    for (let i = 0; i < flatList.length; i++) {\n        if (getIsMenuItem(flatList[i])) {\n            if (sortableCount === sortableIndex) {\n                return i;\n            }\n            sortableCount++;\n        }\n    }\n    return 0;\n}\n\n/**\n * Returns index in groupItems array for the sortableIndex-th sortable (non-divider) item.\n * Used when oldIndex/newIndex from sort are indices in the sortable-only list.\n *\n * @param sortableIndex - Index in the list of sortable (non-divider) items.\n * @param groupItems - Items of the group (may contain dividers).\n * @returns Index in groupItems of the sortableIndex-th sortable item.\n */\nexport function getIndexInGroupItemsForSortableIndex(\n    sortableIndex: number,\n    groupItems: MenuItemsWithGroups[],\n): number {\n    let sortableCount = 0;\n    for (let i = 0; i < groupItems.length; i++) {\n        if (getIsMenuItem(groupItems[i])) {\n            if (sortableCount === sortableIndex) {\n                return i;\n            }\n            sortableCount++;\n        }\n    }\n    return 0;\n}\n\nexport function getRealIndexInExpandedMenu(\n    flatListIndex: number,\n    flatList: MenuItemsWithGroups[],\n): number {\n    let realIndex = 0;\n\n    for (let i = 0; i < flatListIndex; i++) {\n        const item = flatList[i];\n\n        if ('items' in item && item.items && item.items.length > 0) {\n            realIndex += item.items.length;\n        } else {\n            realIndex += 1;\n        }\n    }\n\n    return realIndex;\n}\n\n/**\n * Returns index in the expanded menu for an item in a group.\n * itemIndexInGroup is the index in the sortable-only list (dividers are not counted).\n *\n * @param groupIndex - Index of the group in the flat list.\n * @param itemIndexInGroup - Index in the sortable-only list within the group.\n * @param flatList - Flat list with groups and dividers.\n * @returns Index in the expanded (flattened) menu list.\n */\nexport function getRealIndexInGroup(\n    groupIndex: number,\n    itemIndexInGroup: number,\n    flatList: MenuItemsWithGroups[],\n): number {\n    const groupStartIndex = getRealIndexInExpandedMenu(groupIndex, flatList);\n    const groupItem = flatList[groupIndex];\n\n    if ('items' in groupItem && groupItem.items && groupItem.items.length > 0) {\n        const positionInGroup = getIndexInGroupItemsForSortableIndex(\n            itemIndexInGroup,\n            groupItem.items,\n        );\n        return groupStartIndex + positionInGroup;\n    }\n\n    return groupStartIndex + itemIndexInGroup;\n}\n\ntype GroupWithItems = MenuItemsWithGroups & {items: MenuItemsWithGroups[]};\n\n/**\n * Returns group item and its index in flat list by sortable index (index in list without dividers).\n *\n * @param sortableIndex - Index in the filtered list (getIsMenuItem).\n * @param flatList - Flat list with groups and dividers.\n * @returns Object with flatListGroupIndex and groupItem, or null if not a group with items.\n */\nexport function getGroupAtSortableIndex(\n    sortableIndex: number,\n    flatList: MenuItemsWithGroups[],\n): {flatListGroupIndex: number; groupItem: GroupWithItems} | null {\n    const flatListGroupIndex = getFlatListIndexForSortableIndex(sortableIndex, flatList);\n    const groupItem = flatList[flatListGroupIndex];\n\n    if (!groupItem || !('items' in groupItem) || !(groupItem as GroupWithItems).items?.length) {\n        return null;\n    }\n\n    return {flatListGroupIndex, groupItem: groupItem as GroupWithItems};\n}\n\n/**\n * Returns new flat list with group items replaced at the given index.\n *\n * @param flatList - Current flat list.\n * @param flatListGroupIndex - Index of the group in flat list.\n * @param newGroupItems - New items array for the group.\n * @returns New flat list with updated group.\n */\nexport function updateGroupItemsInFlatList(\n    flatList: MenuItemsWithGroups[],\n    flatListGroupIndex: number,\n    newGroupItems: MenuItemsWithGroups[],\n): MenuItemsWithGroups[] {\n    return flatList.map((item, i) =>\n        i === flatListGroupIndex && 'items' in item ? {...item, items: newGroupItems} : item,\n    );\n}\n\ninterface SecondLevelSortResult {\n    newFlatList: MenuItemsWithGroups[];\n    expandedItems: ReturnType<typeof buildExpandedFromFlatList>;\n    realOldIndex: number;\n    realNewIndex: number;\n    changedItem: ReturnType<typeof buildExpandedFromFlatList>[number] | undefined;\n}\n\n/**\n * Applies second-level sort (within a group) and returns new flat list, expanded items and indices.\n * Keeps dividers in place inside the group.\n *\n * @param groupIndex - Sortable index of the group (from List, without dividers).\n * @param oldIndex - Sortable index of dragged item in the group.\n * @param newIndex - Sortable index of drop position in the group.\n * @param currentFlatList - Current flat list.\n * @returns Result with newFlatList, expandedItems, indices and changedItem, or null if invalid.\n */\nexport function applySecondLevelSort(\n    groupIndex: number,\n    oldIndex: number,\n    newIndex: number,\n    currentFlatList: MenuItemsWithGroups[],\n): SecondLevelSortResult | null {\n    const groupData = getGroupAtSortableIndex(groupIndex, currentFlatList);\n\n    if (!groupData) {\n        return null;\n    }\n\n    const {flatListGroupIndex, groupItem} = groupData;\n    const sortedGroupItems = sortMenuItemsWithDividers(oldIndex, newIndex, groupItem.items);\n    const newFlatList = updateGroupItemsInFlatList(\n        currentFlatList,\n        flatListGroupIndex,\n        sortedGroupItems,\n    );\n    const expandedItems = buildExpandedFromFlatList(newFlatList);\n    const expandedItemsOld = buildExpandedFromFlatList(currentFlatList);\n    const realOldIndex = getRealIndexInGroup(flatListGroupIndex, oldIndex, currentFlatList);\n    const realNewIndex = getRealIndexInGroup(flatListGroupIndex, newIndex, newFlatList);\n    const changedItem = expandedItemsOld[realOldIndex];\n\n    return {\n        newFlatList,\n        expandedItems,\n        realOldIndex,\n        realNewIndex,\n        changedItem,\n    };\n}\n"],"names":["getIsMenuItem","sortMenuItemsWithDividers","buildExpandedFromFlatList"],"mappings":"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"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.d.ts

@@ -1,3 +1,5 @@
 import { MenuItemsWithGroups } from '../../../types';
-/** Sorts menu items while preserving divider positions at their original locations. */
+/**
+ * Sorts menu items while preserving divider and action positions at their original locations.
+ */
 export declare function sortMenuItemsWithDividers(oldIndex: number, newIndex: number, currentFlatList: MenuItemsWithGroups[]): MenuItemsWithGroups[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.js

@@ -2,39 +2,40 @@
 
 var getIsMenuItem = require('./getIsMenuItem.js');
 
-/** Sorts menu items while preserving divider positions at their original locations. */
+/** Items that stay at their position when sorting (not draggable). */
+function isFixedPositionItem(item) {
+    return item.type === 'divider' || item.type === 'action';
+}
+/**
+ * Sorts menu items while preserving divider and action positions at their original locations.
+ */
 function sortMenuItemsWithDividers(oldIndex, newIndex, currentFlatList) {
-    // Single pass: collect dividers and items
-    const dividerPositions = [];
-    const itemsWithoutDividers = [];
+    const fixedPositionItems = [];
+    const sortableItems = [];
     currentFlatList.forEach((item, index) => {
-        if (item.type === 'divider') {
-            dividerPositions.push({ index, item });
+        if (isFixedPositionItem(item)) {
+            fixedPositionItems.push({ index, item });
         }
         else if (getIsMenuItem.getIsMenuItem(item)) {
-            itemsWithoutDividers.push(item);
+            sortableItems.push(item);
         }
     });
-    if (itemsWithoutDividers[oldIndex] === undefined ||
-        itemsWithoutDividers[newIndex] === undefined) {
+    if (sortableItems[oldIndex] === undefined || sortableItems[newIndex] === undefined) {
         return currentFlatList;
     }
-    const sortedItemsWithoutDividers = [...itemsWithoutDividers];
-    const [movedElement] = sortedItemsWithoutDividers.splice(oldIndex, 1);
-    sortedItemsWithoutDividers.splice(newIndex, 0, movedElement);
-    // Insert dividers back at their original positions in currentFlatList
+    const sortedItems = [...sortableItems];
+    const [movedElement] = sortedItems.splice(oldIndex, 1);
+    sortedItems.splice(newIndex, 0, movedElement);
     const result = [];
-    const dividerMap = new Map(dividerPositions.map((d) => [d.index, d.item]));
-    let sortedIndex = 0;
+    const fixedMap = new Map(fixedPositionItems.map((f) => [f.index, f.item]));
+    let sortableIndex = 0;
     for (let originalIndex = 0; originalIndex < currentFlatList.length; originalIndex++) {
-        const dividerItem = dividerMap.get(originalIndex);
-        if (dividerItem) {
-            // Insert divider at its original position
-            result.push(dividerItem);
+        const fixedItem = fixedMap.get(originalIndex);
+        if (fixedItem) {
+            result.push(fixedItem);
         }
-        else if (sortedIndex < sortedItemsWithoutDividers.length) {
-            // Insert item from sorted array (without dividers)
-            result.push(sortedItemsWithoutDividers[sortedIndex++]);
+        else if (sortableIndex < sortedItems.length) {
+            result.push(sortedItems[sortableIndex++]);
         }
     }
     return result;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortMenuItemsWithDividers.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.ts"],"sourcesContent":["import {MenuItemsWithGroups} from '../../../types';\n\nimport {getIsMenuItem} from './getIsMenuItem';\n\n/** Sorts menu items while preserving divider positions at their original locations. */\nexport function sortMenuItemsWithDividers(\n    oldIndex: number,\n    newIndex: number,\n    currentFlatList: MenuItemsWithGroups[],\n): MenuItemsWithGroups[] {\n    // Single pass: collect dividers and items\n    const dividerPositions: Array<{index: number; item: MenuItemsWithGroups}> = [];\n    const itemsWithoutDividers: MenuItemsWithGroups[] = [];\n\n    currentFlatList.forEach((item, index) => {\n        if (item.type === 'divider') {\n            dividerPositions.push({index, item});\n        } else if (getIsMenuItem(item)) {\n            itemsWithoutDividers.push(item);\n        }\n    });\n\n    if (\n        itemsWithoutDividers[oldIndex] === undefined ||\n        itemsWithoutDividers[newIndex] === undefined\n    ) {\n        return currentFlatList;\n    }\n\n    const sortedItemsWithoutDividers = [...itemsWithoutDividers];\n    const [movedElement] = sortedItemsWithoutDividers.splice(oldIndex, 1);\n    sortedItemsWithoutDividers.splice(newIndex, 0, movedElement);\n\n    // Insert dividers back at their original positions in currentFlatList\n    const result: MenuItemsWithGroups[] = [];\n    const dividerMap = new Map(dividerPositions.map((d) => [d.index, d.item]));\n    let sortedIndex = 0;\n\n    for (let originalIndex = 0; originalIndex < currentFlatList.length; originalIndex++) {\n        const dividerItem = dividerMap.get(originalIndex);\n\n        if (dividerItem) {\n            // Insert divider at its original position\n            result.push(dividerItem);\n        } else if (sortedIndex < sortedItemsWithoutDividers.length) {\n            // Insert item from sorted array (without dividers)\n            result.push(sortedItemsWithoutDividers[sortedIndex++]);\n        }\n    }\n\n    return result;\n}\n"],"names":["getIsMenuItem"],"mappings":";;;;AAIA;SACgB,yBAAyB,CACrC,QAAgB,EAChB,QAAgB,EAChB,eAAsC,EAAA;;IAGtC,MAAM,gBAAgB,GAAsD,EAAE;IAC9E,MAAM,oBAAoB,GAA0B,EAAE;IAEtD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACpC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACzB,gBAAgB,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;;AACjC,aAAA,IAAIA,2BAAa,CAAC,IAAI,CAAC,EAAE;AAC5B,YAAA,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;AAEvC,KAAC,CAAC;AAEF,IAAA,IACI,oBAAoB,CAAC,QAAQ,CAAC,KAAK,SAAS;AAC5C,QAAA,oBAAoB,CAAC,QAAQ,CAAC,KAAK,SAAS,EAC9C;AACE,QAAA,OAAO,eAAe;;AAG1B,IAAA,MAAM,0BAA0B,GAAG,CAAC,GAAG,oBAAoB,CAAC;AAC5D,IAAA,MAAM,CAAC,YAAY,CAAC,GAAG,0BAA0B,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IACrE,0BAA0B,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,CAAC;;IAG5D,MAAM,MAAM,GAA0B,EAAE;IACxC,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1E,IAAI,WAAW,GAAG,CAAC;AAEnB,IAAA,KAAK,IAAI,aAAa,GAAG,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE;QACjF,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC;QAEjD,IAAI,WAAW,EAAE;;AAEb,YAAA,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;;AACrB,aAAA,IAAI,WAAW,GAAG,0BAA0B,CAAC,MAAM,EAAE;;YAExD,MAAM,CAAC,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,CAAC,CAAC;;;AAI9D,IAAA,OAAO,MAAM;AACjB;;;;"}
+{"version":3,"file":"sortMenuItemsWithDividers.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.ts"],"sourcesContent":["import {MenuItemsWithGroups} from '../../../types';\n\nimport {getIsMenuItem} from './getIsMenuItem';\n\n/** Items that stay at their position when sorting (not draggable). */\nfunction isFixedPositionItem(item: MenuItemsWithGroups): boolean {\n    return item.type === 'divider' || item.type === 'action';\n}\n\n/**\n * Sorts menu items while preserving divider and action positions at their original locations.\n */\nexport function sortMenuItemsWithDividers(\n    oldIndex: number,\n    newIndex: number,\n    currentFlatList: MenuItemsWithGroups[],\n): MenuItemsWithGroups[] {\n    const fixedPositionItems: Array<{index: number; item: MenuItemsWithGroups}> = [];\n    const sortableItems: MenuItemsWithGroups[] = [];\n\n    currentFlatList.forEach((item, index) => {\n        if (isFixedPositionItem(item)) {\n            fixedPositionItems.push({index, item});\n        } else if (getIsMenuItem(item)) {\n            sortableItems.push(item);\n        }\n    });\n\n    if (sortableItems[oldIndex] === undefined || sortableItems[newIndex] === undefined) {\n        return currentFlatList;\n    }\n\n    const sortedItems = [...sortableItems];\n    const [movedElement] = sortedItems.splice(oldIndex, 1);\n    sortedItems.splice(newIndex, 0, movedElement);\n\n    const result: MenuItemsWithGroups[] = [];\n    const fixedMap = new Map(fixedPositionItems.map((f) => [f.index, f.item]));\n    let sortableIndex = 0;\n\n    for (let originalIndex = 0; originalIndex < currentFlatList.length; originalIndex++) {\n        const fixedItem = fixedMap.get(originalIndex);\n\n        if (fixedItem) {\n            result.push(fixedItem);\n        } else if (sortableIndex < sortedItems.length) {\n            result.push(sortedItems[sortableIndex++]);\n        }\n    }\n\n    return result;\n}\n"],"names":["getIsMenuItem"],"mappings":";;;;AAIA;AACA,SAAS,mBAAmB,CAAC,IAAyB,EAAA;IAClD,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ;AAC5D;AAEA;;AAEG;SACa,yBAAyB,CACrC,QAAgB,EAChB,QAAgB,EAChB,eAAsC,EAAA;IAEtC,MAAM,kBAAkB,GAAsD,EAAE;IAChF,MAAM,aAAa,GAA0B,EAAE;IAE/C,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACpC,QAAA,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAE;YAC3B,kBAAkB,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;;AACnC,aAAA,IAAIA,2BAAa,CAAC,IAAI,CAAC,EAAE;AAC5B,YAAA,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;AAEhC,KAAC,CAAC;AAEF,IAAA,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,SAAS,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,SAAS,EAAE;AAChF,QAAA,OAAO,eAAe;;AAG1B,IAAA,MAAM,WAAW,GAAG,CAAC,GAAG,aAAa,CAAC;AACtC,IAAA,MAAM,CAAC,YAAY,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtD,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,CAAC;IAE7C,MAAM,MAAM,GAA0B,EAAE;IACxC,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1E,IAAI,aAAa,GAAG,CAAC;AAErB,IAAA,KAAK,IAAI,aAAa,GAAG,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE;QACjF,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC;QAE7C,IAAI,SAAS,EAAE;AACX,YAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;;AACnB,aAAA,IAAI,aAAa,GAAG,WAAW,CAAC,MAAM,EAAE;YAC3C,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;;;AAIjD,IAAA,OAAO,MAAM;AACjB;;;;"}

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.css

@@ -1 +1 @@
-.CollapseButton-module__gn-collapse-button_compact___IaLr3 .CollapseButton-module__gn-collapse-button__icon___iMooT{transform:rotate(180deg)}
+.CollapseButton-module__gn-collapse-button_collapsed___c19gr .CollapseButton-module__gn-collapse-button__icon___iMooT{transform:rotate(180deg)}

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface CollapseButtonProps {
     className?: string;
+    isCompactMode?: boolean;
 }
-export declare const CollapseButton: ({ className }: CollapseButtonProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+export declare const CollapseButton: ({ className, isCompactMode }: CollapseButtonProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 export {};

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.js

@@ -2,30 +2,30 @@ import './CollapseButton.css';
 'use strict';
 
 var React = require('react');
+var icons = require('@gravity-ui/icons');
 var uikit = require('@gravity-ui/uikit');
 var cn = require('../../../utils/cn.js');
 var AsideHeaderContext = require('../../AsideHeaderContext.js');
 var index = require('../../i18n/index.js');
-var ArrowLeftFromLineIcon = require('@gravity-ui/icons/svgs/arrow-left-from-line.svg');
 var CollapseButton_module = require('./CollapseButton.module.scss.js');
 
 const b = cn.createBlock('collapse-button', CollapseButton_module.default);
-const CollapseButton = ({ className }) => {
-    const { compact, onChangeCompact } = AsideHeaderContext.useAsideHeaderContext();
+const CollapseButton = ({ className, isCompactMode }) => {
+    const { pinned, onChangePinned } = AsideHeaderContext.useAsideHeaderContext();
     const { expandTitle, collapseTitle, collapseButtonWrapper } = AsideHeaderContext.useAsideHeaderInnerContext();
     const onCollapseButtonClick = React.useCallback(() => {
-        const newCompact = !compact;
-        onChangeCompact === null || onChangeCompact === undefined ? undefined : onChangeCompact(newCompact);
-    }, [compact, onChangeCompact]);
-    const buttonTitle = compact
-        ? expandTitle || index.default('button_expand')
-        : collapseTitle || index.default('button_collapse');
-    const defaultButton = (React.createElement(uikit.Button, { view: "flat-secondary", size: "l", className: b({ compact }, className), onClick: onCollapseButtonClick, "aria-label": buttonTitle, title: buttonTitle },
-        React.createElement(uikit.Icon, { data: ArrowLeftFromLineIcon, className: b('icon'), size: 16 })));
+        const newPinned = !pinned;
+        onChangePinned === null || onChangePinned === undefined ? undefined : onChangePinned(newPinned);
+    }, [pinned, onChangePinned]);
+    const buttonTitle = pinned
+        ? collapseTitle || index.default('button_collapse')
+        : expandTitle || index.default('button_expand');
+    const defaultButton = (React.createElement(uikit.Button, { view: "flat-secondary", size: isCompactMode ? 'm' : 'l', className: b({ collapsed: !pinned }, className), onClick: onCollapseButtonClick, "aria-label": buttonTitle, title: buttonTitle },
+        React.createElement(uikit.Icon, { data: icons.ArrowLeftFromLine, className: b('icon'), size: 16 })));
     if (collapseButtonWrapper) {
         return collapseButtonWrapper(defaultButton, {
-            compact,
-            onChangeCompact,
+            isExpanded: pinned,
+            onChangePinned,
         });
     }
     return defaultButton;

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseButton.js","sources":["../../../../../../../src/components/AsideHeader/components/CollapseButton/CollapseButton.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderContext, useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport i18n from '../../i18n';\n\nimport ArrowLeftFromLineIcon from '@gravity-ui/icons/svgs/arrow-left-from-line.svg';\n\nimport styles from './CollapseButton.module.scss';\n\nconst b = createBlock('collapse-button', styles);\n\ninterface CollapseButtonProps {\n    className?: string;\n}\n\nexport const CollapseButton = ({className}: CollapseButtonProps) => {\n    const {compact, onChangeCompact} = useAsideHeaderContext();\n    const {expandTitle, collapseTitle, collapseButtonWrapper} = useAsideHeaderInnerContext();\n\n    const onCollapseButtonClick = useCallback(() => {\n        const newCompact = !compact;\n\n        onChangeCompact?.(newCompact);\n    }, [compact, onChangeCompact]);\n\n    const buttonTitle = compact\n        ? expandTitle || i18n('button_expand')\n        : collapseTitle || i18n('button_collapse');\n\n    const defaultButton = (\n        <Button\n            view=\"flat-secondary\"\n            size=\"l\"\n            className={b({compact}, className)}\n            onClick={onCollapseButtonClick}\n            aria-label={buttonTitle}\n            title={buttonTitle}\n        >\n            <Icon data={ArrowLeftFromLineIcon} className={b('icon')} size={16} />\n        </Button>\n    );\n\n    if (collapseButtonWrapper) {\n        return collapseButtonWrapper(defaultButton, {\n            compact,\n            onChangeCompact,\n        });\n    }\n\n    return defaultButton;\n};\n"],"names":["createBlock","styles","useAsideHeaderContext","useAsideHeaderInnerContext","useCallback","i18n","Button","Icon"],"mappings":";;;;;;;;;;AAYA,MAAM,CAAC,GAAGA,cAAW,CAAC,iBAAiB,EAAEC,6BAAM,CAAC;MAMnC,cAAc,GAAG,CAAC,EAAC,SAAS,EAAsB,KAAI;IAC/D,MAAM,EAAC,OAAO,EAAE,eAAe,EAAC,GAAGC,wCAAqB,EAAE;IAC1D,MAAM,EAAC,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAC,GAAGC,6CAA0B,EAAE;AAExF,IAAA,MAAM,qBAAqB,GAAGC,iBAAW,CAAC,MAAK;AAC3C,QAAA,MAAM,UAAU,GAAG,CAAC,OAAO;AAE3B,QAAA,eAAe,aAAf,eAAe,KAAA,SAAA,GAAA,SAAA,GAAf,eAAe,CAAG,UAAU,CAAC;AACjC,KAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG;AAChB,UAAE,WAAW,IAAIC,aAAI,CAAC,eAAe;AACrC,UAAE,aAAa,IAAIA,aAAI,CAAC,iBAAiB,CAAC;AAE9C,IAAA,MAAM,aAAa,IACf,KAAA,CAAA,aAAA,CAACC,YAAM,EACH,EAAA,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,EAAE,SAAS,CAAC,EAClC,OAAO,EAAE,qBAAqB,EAClB,YAAA,EAAA,WAAW,EACvB,KAAK,EAAE,WAAW,EAAA;AAElB,QAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EAAC,EAAA,IAAI,EAAE,qBAAqB,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAI,CAAA,CAChE,CACZ;IAED,IAAI,qBAAqB,EAAE;QACvB,OAAO,qBAAqB,CAAC,aAAa,EAAE;YACxC,OAAO;YACP,eAAe;AAClB,SAAA,CAAC;;AAGN,IAAA,OAAO,aAAa;AACxB;;;;"}
+{"version":3,"file":"CollapseButton.js","sources":["../../../../../../../src/components/AsideHeader/components/CollapseButton/CollapseButton.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {ArrowLeftFromLine} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderContext, useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport i18n from '../../i18n';\n\nimport styles from './CollapseButton.module.scss';\n\nconst b = createBlock('collapse-button', styles);\n\ninterface CollapseButtonProps {\n    className?: string;\n    isCompactMode?: boolean;\n}\n\nexport const CollapseButton = ({className, isCompactMode}: CollapseButtonProps) => {\n    const {pinned, onChangePinned} = useAsideHeaderContext();\n    const {expandTitle, collapseTitle, collapseButtonWrapper} = useAsideHeaderInnerContext();\n\n    const onCollapseButtonClick = useCallback(() => {\n        const newPinned = !pinned;\n\n        onChangePinned?.(newPinned);\n    }, [pinned, onChangePinned]);\n\n    const buttonTitle = pinned\n        ? collapseTitle || i18n('button_collapse')\n        : expandTitle || i18n('button_expand');\n\n    const defaultButton = (\n        <Button\n            view=\"flat-secondary\"\n            size={isCompactMode ? 'm' : 'l'}\n            className={b({collapsed: !pinned}, className)}\n            onClick={onCollapseButtonClick}\n            aria-label={buttonTitle}\n            title={buttonTitle}\n        >\n            <Icon data={ArrowLeftFromLine} className={b('icon')} size={16} />\n        </Button>\n    );\n\n    if (collapseButtonWrapper) {\n        return collapseButtonWrapper(defaultButton, {\n            isExpanded: pinned,\n            onChangePinned,\n        });\n    }\n\n    return defaultButton;\n};\n"],"names":["createBlock","styles","useAsideHeaderContext","useAsideHeaderInnerContext","useCallback","i18n","Button","Icon","ArrowLeftFromLine"],"mappings":";;;;;;;;;;AAWA,MAAM,CAAC,GAAGA,cAAW,CAAC,iBAAiB,EAAEC,6BAAM,CAAC;AAOnC,MAAA,cAAc,GAAG,CAAC,EAAC,SAAS,EAAE,aAAa,EAAsB,KAAI;IAC9E,MAAM,EAAC,MAAM,EAAE,cAAc,EAAC,GAAGC,wCAAqB,EAAE;IACxD,MAAM,EAAC,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAC,GAAGC,6CAA0B,EAAE;AAExF,IAAA,MAAM,qBAAqB,GAAGC,iBAAW,CAAC,MAAK;AAC3C,QAAA,MAAM,SAAS,GAAG,CAAC,MAAM;AAEzB,QAAA,cAAc,aAAd,cAAc,KAAA,SAAA,GAAA,SAAA,GAAd,cAAc,CAAG,SAAS,CAAC;AAC/B,KAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG;AAChB,UAAE,aAAa,IAAIC,aAAI,CAAC,iBAAiB;AACzC,UAAE,WAAW,IAAIA,aAAI,CAAC,eAAe,CAAC;IAE1C,MAAM,aAAa,IACf,KAAA,CAAA,aAAA,CAACC,YAAM,EACH,EAAA,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAE,aAAa,GAAG,GAAG,GAAG,GAAG,EAC/B,SAAS,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,CAAC,MAAM,EAAC,EAAE,SAAS,CAAC,EAC7C,OAAO,EAAE,qBAAqB,EAAA,YAAA,EAClB,WAAW,EACvB,KAAK,EAAE,WAAW,EAAA;AAElB,QAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EAAC,EAAA,IAAI,EAAEC,uBAAiB,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAI,CAAA,CAC5D,CACZ;IAED,IAAI,qBAAqB,EAAE;QACvB,OAAO,qBAAqB,CAAC,aAAa,EAAE;AACxC,YAAA,UAAU,EAAE,MAAM;YAClB,cAAc;AACjB,SAAA,CAAC;;AAGN,IAAA,OAAO,aAAa;AACxB;;;;"}

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.module.scss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"gn-collapse-button_compact":"CollapseButton-module__gn-collapse-button_compact___IaLr3","gnCollapseButtonCompact":"CollapseButton-module__gn-collapse-button_compact___IaLr3","gn-collapse-button__icon":"CollapseButton-module__gn-collapse-button__icon___iMooT","gnCollapseButtonIcon":"CollapseButton-module__gn-collapse-button__icon___iMooT"};
+var styles = {"gn-collapse-button_collapsed":"CollapseButton-module__gn-collapse-button_collapsed___c19gr","gnCollapseButtonCollapsed":"CollapseButton-module__gn-collapse-button_collapsed___c19gr","gn-collapse-button__icon":"CollapseButton-module__gn-collapse-button__icon___iMooT","gnCollapseButtonIcon":"CollapseButton-module__gn-collapse-button__icon___iMooT"};
 
 exports.default = styles;
 //# sourceMappingURL=CollapseButton.module.scss.js.map

package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.css

@@ -1 +1 @@
-.CompositeBar-module__gn-composite-bar___WoCDY{--gn-aside-header-item-expanded-radius:6px;display:flex;flex:1 1 auto;flex-direction:column;min-height:40px;width:100%}.CompositeBar-module__gn-composite-bar___WoCDY .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{background-color:transparent}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21, .CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI, .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{margin-bottom:2px}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21:last-child, .CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI:last-child, .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]:last-child{margin-bottom:0}.CompositeBar-module__gn-composite-bar_scrollable___W2xYo{-ms-overflow-style:none;flex:1 1 auto;overflow-y:auto;scrollbar-width:none}.CompositeBar-module__gn-composite-bar_scrollable___W2xYo::-webkit-scrollbar{display:none}.CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF:has(.CompositeBar-module__gn-composite-bar__menu-group___3hCzS){align-items:flex-start}.CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF:has(.CompositeBar-module__gn-composite-bar__menu-group___3hCzS)>.g-list__item-sort-icon{position:relative;top:12px}.CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF:has(.CompositeBar-module__gn-composite-bar__menu-group___3hCzS):not(.CompositeBar-module__gn-composite-bar__root-menu-item_compact___vvKTD) .g-list__item-content{overflow:visible}.CompositeBar-module__gn-composite-bar__menu-group___3hCzS{height:100%;position:relative;width:100%}.CompositeBar-module__gn-composite-bar__menu-group___3hCzS:before{border-left:2px solid var(--g-color-line-generic);border-radius:0;content:"";height:100%;left:0;position:absolute;top:0;transition:border-radius .15s ease-out;width:100%;z-index:-1}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21, .CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI{height:36px}.CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI{position:relative}.CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI:last-child{border-radius:0 0 var(--gn-aside-header-item-expanded-radius) var(--gn-aside-header-item-expanded-radius)}.CompositeBar-module__gn-composite-bar__menu-group-item_edit___Es8er:not(.CompositeBar-module__gn-composite-bar__menu-group-item_compact___-7tZl){left:-16px;width:calc(100% + 16px)}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21{border-radius:var(--gn-aside-header-item-expanded-radius) var(--gn-aside-header-item-expanded-radius) 0 0}.CompositeBar-module__gn-composite-bar__menu-group-header_collapsed___bTXn1, .CompositeBar-module__gn-composite-bar__menu-group___3hCzS:hover:before, .CompositeBar-module__gn-composite-bar__menu-group_expanded___GY0oS:before, .CompositeBar-module__gn-composite-bar__menu-item_type_regular___8DHUR, .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]:hover{border-radius:var(--gn-aside-header-item-expanded-radius)}.CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{transition:border-radius .15s ease-out}.CompositeBar-module__gn-composite-bar__menu-group-toggle-placeholder___vAqkn, .CompositeBar-module__gn-composite-bar__menu-group-toggle___4--VW{align-items:center;cursor:pointer;display:inline-flex;height:24px;width:24px}.CompositeBar-module__gn-composite-bar__menu-group-toggle___4--VW{margin-left:auto}.CompositeBar-module__gn-composite-bar__menu-group-icon___YVg-C{margin-right:var(--g-spacing-3)}
+.CompositeBar-module__gn-composite-bar___WoCDY{background-color:var(--gn-aside-main-background-color);display:flex;flex:1 1 auto;flex-direction:column;min-height:40px;width:100%}.CompositeBar-module__gn-composite-bar___WoCDY .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{background-color:transparent}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21, .CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI, .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{margin-bottom:2px}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21:last-child, .CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI:last-child, .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]:last-child{margin-bottom:0}.CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF:has(.CompositeBar-module__gn-composite-bar__menu-group___3hCzS){align-items:flex-start}.CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF:has(.CompositeBar-module__gn-composite-bar__menu-group___3hCzS)>.g-list__item-sort-icon{position:relative;top:12px}.CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF:has(.CompositeBar-module__gn-composite-bar__menu-group___3hCzS):not(.CompositeBar-module__gn-composite-bar__root-menu-item_compact___vvKTD) .g-list__item-content{overflow:visible}.CompositeBar-module__gn-composite-bar__menu-group___3hCzS{height:100%;position:relative;width:100%}.CompositeBar-module__gn-composite-bar__menu-group___3hCzS:before{background-color:var(--gn-aside-main-group-item-background-color,transparent);border-left:2px solid var(--gn-aside-main-group-border-color,var(--g-color-line-generic));border-radius:0;content:"";height:100%;left:0;position:absolute;top:0;transition:border-radius .15s ease-out;width:100%;z-index:-1}.CompositeBar-module__gn-composite-bar__menu-group___3hCzS:hover:before{border-color:var(--gn-aside-main-group-border-color-hover,var(--g-color-line-generic))}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21{height:var(--_--item-height)}.CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI{position:relative}.CompositeBar-module__gn-composite-bar__menu-group-item___TLcnI:last-child .CompositeBar-module__gn-composite-bar__group-item___L1pJ8{border-radius:0 0 var(--gn-aside-header-item-expanded-radius) var(--gn-aside-header-item-expanded-radius)}.CompositeBar-module__gn-composite-bar__menu-group-item_edit___Es8er:not(.CompositeBar-module__gn-composite-bar__menu-group-item_compact___-7tZl){left:-16px;width:calc(100% + 16px)}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21:not(.CompositeBar-module__gn-composite-bar__menu-group-header_collapsed___bTXn1){border-radius:var(--gn-aside-header-item-expanded-radius) var(--gn-aside-header-item-expanded-radius) 0 0}.CompositeBar-module__gn-composite-bar__menu-group___3hCzS:hover:before, .CompositeBar-module__gn-composite-bar__menu-group_expanded___GY0oS:before, .CompositeBar-module__gn-composite-bar__menu-item_type_regular___8DHUR, .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]:hover{border-radius:var(--gn-aside-header-item-expanded-radius)}.CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{transition:border-radius .15s ease-out}.CompositeBar-module__gn-composite-bar__menu-group-toggle-placeholder___vAqkn, .CompositeBar-module__gn-composite-bar__menu-group-toggle___4--VW{align-items:center;cursor:pointer;display:inline-flex;height:24px;width:24px}.CompositeBar-module__gn-composite-bar__menu-group-toggle___4--VW{margin-left:auto}.CompositeBar-module__gn-composite-bar__menu-group-icon___YVg-C{margin-right:var(--g-spacing-3)}.CompositeBar-module__gn-composite-bar__menu-item___zaw-R[data-type=action]{margin-inline:var(--_--item-margin-inline)}

package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.d.ts

@@ -1,19 +1,23 @@
 import React, { FC } from 'react';
-import { AsideHeaderItem, MenuItemsWithGroups } from '../../types';
+import { AsideHeaderItem, MenuItemsWithGroups, SetCollapseBlocker } from '../../types';
 type CompositeBarProps = {
     type: 'menu' | 'subheader';
+    setCollapseBlocker?: SetCollapseBlocker;
     items?: MenuItemsWithGroups[];
-    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    multipleTooltip?: boolean;
+    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>, options: {
+        setCollapseBlocker: SetCollapseBlocker | undefined;
+    }) => void;
     menuMoreTitle?: string;
     onMoreClick?: () => void;
-    compact: boolean;
+    /** When `true`, the navigation is expanded. When `false`, it is collapsed. */
+    isExpanded: boolean;
     compositeId?: string;
     className?: string;
-    groupClassName?: string;
     menuItemClassName?: string;
     editMode?: boolean;
     onToggleGroupCollapsed?: (groupId: string) => void;
+    /** When `true`, menu items use compact height. */
+    isCompactMode?: boolean;
 };
 type CompositeBarViewProps = CompositeBarProps & {
     compositeId?: string;
@@ -32,6 +36,8 @@ type CompositeBarViewProps = CompositeBarProps & {
         oldIndex: number;
         newIndex: number;
     }) => void;
+    /** When `true`, menu items use compact height. */
+    isCompactMode?: boolean;
 };
 export declare const CompositeBarView: FC<CompositeBarViewProps>;
 export declare const CompositeBar: FC<CompositeBarProps>;