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

package/build/esm/components/AsideHeader/FooterLayoutContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FooterLayoutContextValue {
+    layout: 'horizontal' | 'vertical';
+    isExpanded: boolean;
+}
+export declare const FooterLayoutContext: React.Context<FooterLayoutContextValue | undefined>;
+export declare const useFooterLayout: () => FooterLayoutContextValue | undefined;

package/build/esm/components/AsideHeader/FooterLayoutContext.js

@@ -0,0 +1,7 @@
+import React__default from 'react';
+
+const FooterLayoutContext = React__default.createContext(undefined);
+const useFooterLayout = () => React__default.useContext(FooterLayoutContext);
+
+export { FooterLayoutContext, useFooterLayout };
+//# sourceMappingURL=FooterLayoutContext.js.map

package/build/esm/components/AsideHeader/FooterLayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLayoutContext.js","sources":["../../../../../src/components/AsideHeader/FooterLayoutContext.ts"],"sourcesContent":["import React from 'react';\n\nexport interface FooterLayoutContextValue {\n    layout: 'horizontal' | 'vertical';\n    isExpanded: boolean;\n}\n\nexport const FooterLayoutContext = React.createContext<FooterLayoutContextValue | undefined>(\n    undefined,\n);\n\nexport const useFooterLayout = (): FooterLayoutContextValue | undefined =>\n    React.useContext(FooterLayoutContext);\n"],"names":["React"],"mappings":";;AAOa,MAAA,mBAAmB,GAAGA,cAAK,CAAC,aAAa,CAClD,SAAS;AAGN,MAAM,eAAe,GAAG,MAC3BA,cAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.css

@@ -1 +1 @@
-.AllPagesPanel-module__gn-all-pages-panel___RN6Kk{--gn-aside-header-item-expanded-radius:6px;box-sizing:border-box;height:100%;min-width:300px;padding:var(--g-spacing-4) var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__content___XgBXG{flex:1;overflow:auto}.AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa{display:flex}.AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D{margin-inline:10px;width:100%}.AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D:not(:last-child){border-bottom:1px solid var(--g-color-line-generic);padding-bottom:var(--g-spacing-2)}
+.AllPagesPanel-module__gn-all-pages-panel___RN6Kk{--gn-aside-header-item-expanded-radius:6px;--_--item-height:36px;box-sizing:border-box;height:100%;min-width:300px;padding:var(--g-spacing-4) var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__content___XgBXG{flex:1;overflow:auto}

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.js

@@ -9,9 +9,9 @@ import { ALL_PAGES_ID } from './constants.js';
 import i18n from './i18n/index.js';
 import { useGroupedMenuItems } from './useGroupedMenuItems.js';
 import { buildExpandedFromFlatList } from './utils/buildExpandedFromFlatList.js';
+import { getExpandedIndexForSortableIndex } from './utils/getExpandedIndexForSortableIndex.js';
 import { getIsMenuItem } from './utils/getIsMenuItem.js';
-import { getRealIndexInGroup } from './utils/getRealIndexInGroup.js';
-import { sortMenuItems } from './utils/sortMenuItems.js';
+import { applySecondLevelSort } from './utils/getRealIndexInGroup.js';
 import { sortMenuItemsWithDividers } from './utils/sortMenuItemsWithDividers.js';
 import styles from './AllPagesPanel.module.scss.js';
 
@@ -47,10 +47,10 @@ const AllPagesPanel = (props) => {
             (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onOpenEditMode) === null || _a === undefined ? undefined : _a.call(editMenuProps);
         }
     }, [isEditMode, onEditModeChanged, editMenuProps]);
-    const onItemClick = useCallback((item, collapsed, event) => {
+    const onItemClick = useCallback((item, collapsed, event, options) => {
         var _a;
         // TODO: make event an optional argument
-        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event);
+        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event, options);
     }, []);
     const onResetToDefaultClick = useCallback(() => {
         var _a;
@@ -102,30 +102,38 @@ const AllPagesPanel = (props) => {
         }));
     }, [onMenuItemsChanged, editMenuProps]);
     const onFirstLevelSortEnd = useCallback(({ oldIndex, newIndex }) => {
+        var _a;
         if (!onMenuItemsChanged) {
             return;
         }
         const currentFlatList = menuItemsRef.current || [];
         const sortedResult = sortMenuItemsWithDividers(oldIndex, newIndex, currentFlatList);
-        // convert to expanded list and pass to onMenuItemsChanged
+        const expandedItems = buildExpandedFromFlatList(currentFlatList);
         const updatedItems = buildExpandedFromFlatList(sortedResult);
-        {
-            onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(updatedItems);
+        const realOldIndex = getExpandedIndexForSortableIndex(oldIndex, currentFlatList);
+        const realNewIndex = getExpandedIndexForSortableIndex(newIndex, sortedResult);
+        const changedItem = expandedItems[realOldIndex];
+        onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(updatedItems);
+        if (changedItem && getIsMenuItem(changedItem)) {
+            (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onChangeItemsOrder) === null || _a === undefined ? undefined : _a.call(editMenuProps, changedItem, realOldIndex, realNewIndex);
         }
-    }, [onMenuItemsChanged]);
+    }, [onMenuItemsChanged, editMenuProps]);
     const onSecondLevelSortEnd = useCallback((groupIndex) => ({ oldIndex, newIndex }) => {
+        var _a;
         if (!onMenuItemsChanged) {
             return;
         }
         const currentFlatList = menuItemsRef.current || [];
-        const realOldIndex = getRealIndexInGroup(groupIndex, oldIndex, currentFlatList);
-        const realNewIndex = getRealIndexInGroup(groupIndex, newIndex, currentFlatList);
-        const expandedItems = buildExpandedFromFlatList(currentFlatList);
-        const updatedItems = sortMenuItems(realOldIndex, realNewIndex, expandedItems);
-        if (updatedItems) {
-            onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(updatedItems);
+        const result = applySecondLevelSort(groupIndex, oldIndex, newIndex, currentFlatList);
+        if (!result) {
+            return;
         }
-    }, [onMenuItemsChanged]);
+        const { expandedItems, realOldIndex, realNewIndex, changedItem } = result;
+        onMenuItemsChanged(expandedItems);
+        if (changedItem && getIsMenuItem(changedItem)) {
+            (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onChangeItemsOrder) === null || _a === undefined ? undefined : _a.call(editMenuProps, changedItem, realOldIndex, realNewIndex);
+        }
+    }, [onMenuItemsChanged, editMenuProps]);
     const itemsWithLocalCollapsed = useMemo(() => {
         if (Object.keys(collapsedGroups).length === 0)
             return items;
@@ -142,7 +150,7 @@ const AllPagesPanel = (props) => {
             React__default.createElement(Text, { variant: "subheader-2" }, isEditMode ? i18n('all-panel.title.editing') : i18n('all-panel.title.main')),
             React__default.createElement(Tooltip, { content: i18n('all-panel.title.editing') },
                 React__default.createElement(Button, { selected: isEditMode, view: "flat-secondary", onClick: toggleEditMode }, startEditIcon ? startEditIcon : React__default.createElement(Icon, { data: Gear })))),
-        React__default.createElement(CompositeBarView, { type: "menu", compact: false, className: b('content'), enableSorting: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting), items: data, onFirstLevelSortEnd: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? onFirstLevelSortEnd : undefined, onSecondLevelSortEnd: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? onSecondLevelSortEnd : undefined, editMode: isEditMode, onItemClick: onItemClick, onToggleGroupCollapsed: handleToggleGroupCollapsed, onToggleMenuGroupVisibility: handleToggleGroupVisibility, onToggleMenuItemVisibility: toggleMenuItemsVisibility }),
+        React__default.createElement(CompositeBarView, { type: "menu", isExpanded: true, className: b('content'), enableSorting: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting), items: data, onFirstLevelSortEnd: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? onFirstLevelSortEnd : undefined, onSecondLevelSortEnd: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? onSecondLevelSortEnd : undefined, editMode: isEditMode, onItemClick: onItemClick, onToggleGroupCollapsed: handleToggleGroupCollapsed, onToggleMenuGroupVisibility: handleToggleGroupVisibility, onToggleMenuItemVisibility: toggleMenuItemsVisibility }),
         isEditMode && (React__default.createElement(Button, { onClick: onResetToDefaultClick }, i18n('all-panel.resetToDefault')))));
 };
 

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AllPagesPanel.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {Gear} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, ListSortParams, Text, Tooltip} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport {AsideHeaderItem, MenuItemsWithGroups} from '../../types';\nimport {CompositeBarView} from '../CompositeBar/CompositeBar';\n\nimport {ALL_PAGES_ID} from './constants';\nimport i18n from './i18n';\nimport {useGroupedMenuItems} from './useGroupedMenuItems';\nimport {buildExpandedFromFlatList} from './utils/buildExpandedFromFlatList';\nimport {getIsMenuItem} from './utils/getIsMenuItem';\nimport {getRealIndexInGroup} from './utils/getRealIndexInGroup';\nimport {sortMenuItems} from './utils/sortMenuItems';\nimport {sortMenuItemsWithDividers} from './utils/sortMenuItemsWithDividers';\n\nimport styles from './AllPagesPanel.module.scss';\n\nconst b = createBlock('all-pages-panel', styles);\n\ninterface AllPagesPanelProps {\n    className?: string;\n    startEditIcon?: React.ReactNode;\n    onEditModeChanged?: (isEditMode: boolean) => void;\n}\n\nexport const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {\n    const {startEditIcon, onEditModeChanged, className} = props;\n    const {\n        defaultMenuItems,\n        editMenuProps,\n        menuItems,\n        menuGroups,\n        defaultMenuGroups,\n        onMenuItemsChanged,\n        onMenuGroupsChanged,\n    } = useAsideHeaderInnerContext();\n    const items = useGroupedMenuItems(menuItems, menuGroups, true);\n\n    const menuItemsRef = useRef(items);\n    menuItemsRef.current = items;\n\n    const menuGroupsRef = useRef(menuGroups);\n    menuGroupsRef.current = menuGroups;\n\n    const [isEditMode, setIsEditMode] = useState(false);\n\n    const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>(() => {\n        const initial: Record<string, boolean> = {};\n\n        items.forEach((item) => {\n            if ('groupId' in item && item.groupId && 'isCollapsed' in item) {\n                initial[item.groupId] = false;\n            }\n        });\n        return initial;\n    });\n\n    const handleToggleGroupCollapsed = useCallback((groupId: string) => {\n        setCollapsedGroups((prev) => ({...prev, [groupId]: !prev[groupId]}));\n    }, []);\n\n    const toggleEditMode = useCallback(() => {\n        setIsEditMode((prev) => !prev);\n    }, []);\n\n    useEffect(() => {\n        onEditModeChanged?.(isEditMode);\n\n        if (isEditMode) {\n            editMenuProps?.onOpenEditMode?.();\n        }\n    }, [isEditMode, onEditModeChanged, editMenuProps]);\n\n    const onItemClick = useCallback(\n        (\n            item: AsideHeaderItem,\n            collapsed: boolean,\n            event: React.MouseEvent<HTMLElement, MouseEvent>,\n        ) => {\n            // TODO: make event an optional argument\n            item.onItemClick?.(item, collapsed, event as React.MouseEvent<HTMLElement, MouseEvent>);\n        },\n        [],\n    );\n\n    const onResetToDefaultClick = useCallback(() => {\n        if (!onMenuItemsChanged) {\n            return;\n        }\n        editMenuProps?.onResetSettingsToDefault?.();\n        const originItems = defaultMenuItems?.filter(({id}) => id !== ALL_PAGES_ID);\n\n        if (originItems) {\n            onMenuItemsChanged(originItems);\n        }\n\n        if (onMenuGroupsChanged && defaultMenuGroups) {\n            onMenuGroupsChanged(defaultMenuGroups);\n        }\n    }, [\n        onMenuItemsChanged,\n        editMenuProps,\n        defaultMenuItems,\n        onMenuGroupsChanged,\n        defaultMenuGroups,\n    ]);\n\n    const handleToggleGroupVisibility = useCallback(\n        (groupId: string) => {\n            if (!onMenuGroupsChanged) {\n                return;\n            }\n\n            const currentGroups = menuGroupsRef.current || [];\n            const updatedGroups = currentGroups.map((group) => {\n                if (group.id === groupId) {\n                    return {\n                        ...group,\n                        hidden: !group.hidden,\n                    };\n                }\n\n                return group;\n            });\n\n            onMenuGroupsChanged(updatedGroups);\n        },\n        [onMenuGroupsChanged],\n    );\n\n    const toggleMenuItemsVisibility = useCallback(\n        (item: MenuItemsWithGroups) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n\n            const changedItem: MenuItemsWithGroups = {\n                ...item,\n                hidden: !item.hidden,\n            };\n\n            const originItems = menuItemsRef.current;\n            const expandedItems = buildExpandedFromFlatList(originItems);\n\n            editMenuProps?.onToggleMenuItem?.(changedItem);\n\n            onMenuItemsChanged(\n                expandedItems.map((menuItem) => {\n                    if (menuItem.id !== changedItem.id) {\n                        return menuItem;\n                    }\n                    return changedItem;\n                }),\n            );\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const onFirstLevelSortEnd = useCallback(\n        ({oldIndex, newIndex}: ListSortParams) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n\n            const currentFlatList = menuItemsRef.current || [];\n            const sortedResult = sortMenuItemsWithDividers(oldIndex, newIndex, currentFlatList);\n\n            // convert to expanded list and pass to onMenuItemsChanged\n            const updatedItems = buildExpandedFromFlatList(sortedResult);\n\n            if (updatedItems) {\n                onMenuItemsChanged?.(updatedItems);\n            }\n        },\n        [onMenuItemsChanged],\n    );\n\n    const onSecondLevelSortEnd = useCallback(\n        (groupIndex: number) =>\n            ({oldIndex, newIndex}: ListSortParams) => {\n                if (!onMenuItemsChanged) {\n                    return;\n                }\n\n                const currentFlatList = menuItemsRef.current || [];\n                const realOldIndex = getRealIndexInGroup(groupIndex, oldIndex, currentFlatList);\n                const realNewIndex = getRealIndexInGroup(groupIndex, newIndex, currentFlatList);\n                const expandedItems = buildExpandedFromFlatList(currentFlatList);\n\n                const updatedItems = sortMenuItems(realOldIndex, realNewIndex, expandedItems);\n\n                if (updatedItems) {\n                    onMenuItemsChanged?.(updatedItems);\n                }\n            },\n        [onMenuItemsChanged],\n    );\n\n    const itemsWithLocalCollapsed = useMemo(() => {\n        if (Object.keys(collapsedGroups).length === 0) return items;\n\n        return items.map((item) => {\n            if ('groupId' in item && item.groupId && item.groupId in collapsedGroups) {\n                return {\n                    ...item,\n                    isCollapsed: collapsedGroups[item.groupId],\n                };\n            }\n            return item;\n        });\n    }, [items, collapsedGroups]);\n\n    const data = itemsWithLocalCollapsed.filter((item) => getIsMenuItem(item));\n\n    return (\n        <Flex className={b(null, className)} gap=\"1\" direction=\"column\">\n            <Flex gap=\"4\" alignItems=\"center\" justifyContent=\"space-between\">\n                <Text variant=\"subheader-2\">\n                    {isEditMode ? i18n('all-panel.title.editing') : i18n('all-panel.title.main')}\n                </Text>\n                <Tooltip content={i18n('all-panel.title.editing')}>\n                    <Button selected={isEditMode} view=\"flat-secondary\" onClick={toggleEditMode}>\n                        {startEditIcon ? startEditIcon : <Icon data={Gear} />}\n                    </Button>\n                </Tooltip>\n            </Flex>\n\n            <CompositeBarView\n                type=\"menu\"\n                compact={false}\n                className={b('content')}\n                enableSorting={isEditMode && editMenuProps?.enableSorting}\n                items={data}\n                onFirstLevelSortEnd={\n                    isEditMode && editMenuProps?.enableSorting ? onFirstLevelSortEnd : undefined\n                }\n                onSecondLevelSortEnd={\n                    isEditMode && editMenuProps?.enableSorting ? onSecondLevelSortEnd : undefined\n                }\n                editMode={isEditMode}\n                onItemClick={onItemClick}\n                onToggleGroupCollapsed={handleToggleGroupCollapsed}\n                onToggleMenuGroupVisibility={handleToggleGroupVisibility}\n                onToggleMenuItemVisibility={toggleMenuItemsVisibility}\n            />\n            {isEditMode && (\n                <Button onClick={onResetToDefaultClick}>{i18n('all-panel.resetToDefault')}</Button>\n            )}\n        </Flex>\n    );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AllPagesPanel.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {Gear} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, ListSortParams, Text, Tooltip} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport {AsideHeaderItem, MenuItemsWithGroups, SetCollapseBlocker} from '../../types';\nimport {CompositeBarView} from '../CompositeBar/CompositeBar';\n\nimport {ALL_PAGES_ID} from './constants';\nimport i18n from './i18n';\nimport {useGroupedMenuItems} from './useGroupedMenuItems';\nimport {buildExpandedFromFlatList} from './utils/buildExpandedFromFlatList';\nimport {getExpandedIndexForSortableIndex} from './utils/getExpandedIndexForSortableIndex';\nimport {getIsMenuItem} from './utils/getIsMenuItem';\nimport {applySecondLevelSort} from './utils/getRealIndexInGroup';\nimport {sortMenuItemsWithDividers} from './utils/sortMenuItemsWithDividers';\n\nimport styles from './AllPagesPanel.module.scss';\n\nconst b = createBlock('all-pages-panel', styles);\n\ninterface AllPagesPanelProps {\n    className?: string;\n    startEditIcon?: React.ReactNode;\n    onEditModeChanged?: (isEditMode: boolean) => void;\n}\n\nexport const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {\n    const {startEditIcon, onEditModeChanged, className} = props;\n    const {\n        defaultMenuItems,\n        editMenuProps,\n        menuItems,\n        menuGroups,\n        defaultMenuGroups,\n        onMenuItemsChanged,\n        onMenuGroupsChanged,\n    } = useAsideHeaderInnerContext();\n    const items = useGroupedMenuItems(menuItems, menuGroups, true);\n\n    const menuItemsRef = useRef(items);\n    menuItemsRef.current = items;\n\n    const menuGroupsRef = useRef(menuGroups);\n    menuGroupsRef.current = menuGroups;\n\n    const [isEditMode, setIsEditMode] = useState(false);\n\n    const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>(() => {\n        const initial: Record<string, boolean> = {};\n\n        items.forEach((item) => {\n            if ('groupId' in item && item.groupId && 'isCollapsed' in item) {\n                initial[item.groupId] = false;\n            }\n        });\n        return initial;\n    });\n\n    const handleToggleGroupCollapsed = useCallback((groupId: string) => {\n        setCollapsedGroups((prev) => ({...prev, [groupId]: !prev[groupId]}));\n    }, []);\n\n    const toggleEditMode = useCallback(() => {\n        setIsEditMode((prev) => !prev);\n    }, []);\n\n    useEffect(() => {\n        onEditModeChanged?.(isEditMode);\n\n        if (isEditMode) {\n            editMenuProps?.onOpenEditMode?.();\n        }\n    }, [isEditMode, onEditModeChanged, editMenuProps]);\n\n    const onItemClick = useCallback(\n        (\n            item: AsideHeaderItem,\n            collapsed: boolean,\n            event: React.MouseEvent<HTMLElement, MouseEvent>,\n            options: {setCollapseBlocker: SetCollapseBlocker | undefined},\n        ) => {\n            // TODO: make event an optional argument\n            item.onItemClick?.(\n                item,\n                collapsed,\n                event as React.MouseEvent<HTMLElement, MouseEvent>,\n                options,\n            );\n        },\n        [],\n    );\n\n    const onResetToDefaultClick = useCallback(() => {\n        if (!onMenuItemsChanged) {\n            return;\n        }\n        editMenuProps?.onResetSettingsToDefault?.();\n        const originItems = defaultMenuItems?.filter(({id}) => id !== ALL_PAGES_ID);\n\n        if (originItems) {\n            onMenuItemsChanged(originItems);\n        }\n\n        if (onMenuGroupsChanged && defaultMenuGroups) {\n            onMenuGroupsChanged(defaultMenuGroups);\n        }\n    }, [\n        onMenuItemsChanged,\n        editMenuProps,\n        defaultMenuItems,\n        onMenuGroupsChanged,\n        defaultMenuGroups,\n    ]);\n\n    const handleToggleGroupVisibility = useCallback(\n        (groupId: string) => {\n            if (!onMenuGroupsChanged) {\n                return;\n            }\n\n            const currentGroups = menuGroupsRef.current || [];\n            const updatedGroups = currentGroups.map((group) => {\n                if (group.id === groupId) {\n                    return {\n                        ...group,\n                        hidden: !group.hidden,\n                    };\n                }\n\n                return group;\n            });\n\n            onMenuGroupsChanged(updatedGroups);\n        },\n        [onMenuGroupsChanged],\n    );\n\n    const toggleMenuItemsVisibility = useCallback(\n        (item: MenuItemsWithGroups) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n\n            const changedItem: MenuItemsWithGroups = {\n                ...item,\n                hidden: !item.hidden,\n            };\n\n            const originItems = menuItemsRef.current;\n            const expandedItems = buildExpandedFromFlatList(originItems);\n\n            editMenuProps?.onToggleMenuItem?.(changedItem);\n\n            onMenuItemsChanged(\n                expandedItems.map((menuItem) => {\n                    if (menuItem.id !== changedItem.id) {\n                        return menuItem;\n                    }\n                    return changedItem;\n                }),\n            );\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const onFirstLevelSortEnd = useCallback(\n        ({oldIndex, newIndex}: ListSortParams) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n\n            const currentFlatList = menuItemsRef.current || [];\n            const sortedResult = sortMenuItemsWithDividers(oldIndex, newIndex, currentFlatList);\n            const expandedItems = buildExpandedFromFlatList(currentFlatList);\n            const updatedItems = buildExpandedFromFlatList(sortedResult);\n\n            const realOldIndex = getExpandedIndexForSortableIndex(oldIndex, currentFlatList);\n            const realNewIndex = getExpandedIndexForSortableIndex(newIndex, sortedResult);\n            const changedItem = expandedItems[realOldIndex];\n\n            onMenuItemsChanged?.(updatedItems);\n\n            if (changedItem && getIsMenuItem(changedItem)) {\n                editMenuProps?.onChangeItemsOrder?.(changedItem, realOldIndex, realNewIndex);\n            }\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const onSecondLevelSortEnd = useCallback(\n        (groupIndex: number) =>\n            ({oldIndex, newIndex}: ListSortParams) => {\n                if (!onMenuItemsChanged) {\n                    return;\n                }\n\n                const currentFlatList = menuItemsRef.current || [];\n                const result = applySecondLevelSort(\n                    groupIndex,\n                    oldIndex,\n                    newIndex,\n                    currentFlatList,\n                );\n\n                if (!result) {\n                    return;\n                }\n\n                const {expandedItems, realOldIndex, realNewIndex, changedItem} = result;\n\n                onMenuItemsChanged(expandedItems);\n\n                if (changedItem && getIsMenuItem(changedItem)) {\n                    editMenuProps?.onChangeItemsOrder?.(changedItem, realOldIndex, realNewIndex);\n                }\n            },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const itemsWithLocalCollapsed = useMemo(() => {\n        if (Object.keys(collapsedGroups).length === 0) return items;\n\n        return items.map((item) => {\n            if ('groupId' in item && item.groupId && item.groupId in collapsedGroups) {\n                return {\n                    ...item,\n                    isCollapsed: collapsedGroups[item.groupId],\n                };\n            }\n            return item;\n        });\n    }, [items, collapsedGroups]);\n\n    const data = itemsWithLocalCollapsed.filter((item) => getIsMenuItem(item));\n\n    return (\n        <Flex className={b(null, className)} gap=\"1\" direction=\"column\">\n            <Flex gap=\"4\" alignItems=\"center\" justifyContent=\"space-between\">\n                <Text variant=\"subheader-2\">\n                    {isEditMode ? i18n('all-panel.title.editing') : i18n('all-panel.title.main')}\n                </Text>\n                <Tooltip content={i18n('all-panel.title.editing')}>\n                    <Button selected={isEditMode} view=\"flat-secondary\" onClick={toggleEditMode}>\n                        {startEditIcon ? startEditIcon : <Icon data={Gear} />}\n                    </Button>\n                </Tooltip>\n            </Flex>\n\n            <CompositeBarView\n                type=\"menu\"\n                isExpanded={true}\n                className={b('content')}\n                enableSorting={isEditMode && editMenuProps?.enableSorting}\n                items={data}\n                onFirstLevelSortEnd={\n                    isEditMode && editMenuProps?.enableSorting ? onFirstLevelSortEnd : undefined\n                }\n                onSecondLevelSortEnd={\n                    isEditMode && editMenuProps?.enableSorting ? onSecondLevelSortEnd : undefined\n                }\n                editMode={isEditMode}\n                onItemClick={onItemClick}\n                onToggleGroupCollapsed={handleToggleGroupCollapsed}\n                onToggleMenuGroupVisibility={handleToggleGroupVisibility}\n                onToggleMenuItemVisibility={toggleMenuItemsVisibility}\n            />\n            {isEditMode && (\n                <Button onClick={onResetToDefaultClick}>{i18n('all-panel.resetToDefault')}</Button>\n            )}\n        </Flex>\n    );\n};\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"gn-all-pages-panel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gnAllPagesPanel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gn-all-pages-panel__content":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG","gnAllPagesPanelContent":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG","gn-all-pages-panel__discoverable-feature-wrapper":"AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa","gnAllPagesPanelDiscoverableFeatureWrapper":"AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa","gn-all-pages-panel__menu-group":"AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D","gnAllPagesPanelMenuGroup":"AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D"};
+var styles = {"gn-all-pages-panel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gnAllPagesPanel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gn-all-pages-panel__content":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG","gnAllPagesPanelContent":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG"};
 
 export { styles as default };
 //# sourceMappingURL=AllPagesPanel.module.scss.js.map

package/build/esm/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js

@@ -1,8 +1,10 @@
 import { useMemo } from 'react';
+import { getVisibleItemsWithFilteredDividers } from '../CompositeBar/utils.js';
 import { ALL_PAGES_ID } from './constants.js';
 
 const useGroupedMenuItems = (menuItems, menuGroups, isEditMode = false) => {
     return useMemo(() => {
+        var _a;
         const visibleItems = menuItems.filter((item) => {
             if (isEditMode && item.id === ALL_PAGES_ID) {
                 return false;
@@ -38,7 +40,7 @@ const useGroupedMenuItems = (menuItems, menuGroups, isEditMode = false) => {
         });
         const flatListItems = [];
         visibleItems.forEach((item) => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             const groupId = item.groupId;
             if (groupId) {
                 if (!processedGroups.has(groupId)) {
@@ -51,15 +53,15 @@ const useGroupedMenuItems = (menuItems, menuGroups, isEditMode = false) => {
                         const isGroupHidden = isAllGroupItemsHidden
                             ? true
                             : ((_a = group === null || group === undefined ? undefined : group.hidden) !== null && _a !== undefined ? _a : false);
+                        const effectiveCollapsed = (_c = (_b = group === null || group === undefined ? undefined : group.collapsed) !== null && _b !== undefined ? _b : group === null || group === undefined ? undefined : group.collapsedByDefault) !== null && _c !== undefined ? _c : false;
                         flatListItems.push({
                             id: groupId,
-                            title: (_b = group === null || group === undefined ? undefined : group.title) !== null && _b !== undefined ? _b : groupId,
+                            title: (_d = group === null || group === undefined ? undefined : group.title) !== null && _d !== undefined ? _d : groupId,
                             icon: group === null || group === undefined ? undefined : group.icon,
                             hidden: isGroupHidden,
-                            isDisabled: isAllGroupItemsHidden,
                             collapsible: group === null || group === undefined ? undefined : group.collapsible,
                             collapsedByDefault: group === null || group === undefined ? undefined : group.collapsedByDefault,
-                            isCollapsed: group === null || group === undefined ? undefined : group.collapsed,
+                            isCollapsed: effectiveCollapsed,
                             groupId: groupId,
                             items,
                         });
@@ -70,7 +72,10 @@ const useGroupedMenuItems = (menuItems, menuGroups, isEditMode = false) => {
                 flatListItems.push(item);
             }
         });
-        return flatListItems;
+        if (isEditMode) {
+            return flatListItems;
+        }
+        return (_a = getVisibleItemsWithFilteredDividers(flatListItems, ALL_PAGES_ID)) !== null && _a !== undefined ? _a : [];
     }, [menuItems, menuGroups, isEditMode]);
 };
 

package/build/esm/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGroupedMenuItems.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {MenuGroup, MenuItem} from '../../../types';\nimport {MenuItemsWithGroups} from '../../types';\n\nimport {ALL_PAGES_ID} from './constants';\n\nexport const useGroupedMenuItems = (\n    menuItems: MenuItem[],\n    menuGroups?: MenuGroup[],\n    isEditMode = false,\n): MenuItemsWithGroups[] => {\n    return useMemo(() => {\n        const visibleItems = menuItems.filter((item: MenuItem): boolean => {\n            if (isEditMode && item.id === ALL_PAGES_ID) {\n                return false;\n            }\n\n            return true;\n        });\n\n        visibleItems.sort(({type: typeA}, {type: typeB}) => {\n            if (typeA === 'action') {\n                return 1;\n            }\n            if (typeB === 'action') {\n                return -1;\n            }\n            return 0;\n        });\n\n        const groupsMap = new Map<string, MenuGroup>();\n\n        menuGroups?.forEach((group) => {\n            groupsMap.set(group.id, group);\n        });\n\n        const groupedItems = new Map<string, MenuItemsWithGroups[]>();\n        const ungroupedItems: MenuItemsWithGroups[] = [];\n        const processedGroups = new Set<string>();\n\n        visibleItems.forEach((item) => {\n            const groupId = item.groupId;\n\n            if (groupId) {\n                if (!groupedItems.has(groupId)) {\n                    groupedItems.set(groupId, []);\n                }\n\n                const group = groupedItems.get(groupId);\n\n                if (group) {\n                    group.push(item);\n                }\n            } else {\n                ungroupedItems.push(item);\n            }\n        });\n\n        const flatListItems: MenuItemsWithGroups[] = [];\n\n        visibleItems.forEach((item) => {\n            const groupId = item.groupId;\n\n            if (groupId) {\n                if (!processedGroups.has(groupId)) {\n                    processedGroups.add(groupId);\n\n                    const items = groupedItems.get(groupId) || [];\n\n                    if (items.length > 0) {\n                        const itemsWithVisible = items.filter((sortedItem) => !sortedItem.hidden);\n\n                        const group = groupsMap.get(groupId);\n                        const isAllGroupItemsHidden = itemsWithVisible.length === 0;\n                        const isGroupHidden = isAllGroupItemsHidden\n                            ? true\n                            : (group?.hidden ?? false);\n\n                        flatListItems.push({\n                            id: groupId,\n                            title: group?.title ?? groupId,\n                            icon: group?.icon,\n                            hidden: isGroupHidden,\n                            isDisabled: isAllGroupItemsHidden,\n                            collapsible: group?.collapsible,\n                            collapsedByDefault: group?.collapsedByDefault,\n                            isCollapsed: group?.collapsed,\n                            groupId: groupId,\n                            items,\n                        });\n                    }\n                }\n            }\n\n            if (!groupId) {\n                flatListItems.push(item);\n            }\n        });\n\n        return flatListItems;\n    }, [menuItems, menuGroups, isEditMode]);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useGroupedMenuItems.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {MenuGroup, MenuItem} from '../../../types';\nimport {MenuItemsWithGroups} from '../../types';\nimport {getVisibleItemsWithFilteredDividers} from '../CompositeBar/utils';\n\nimport {ALL_PAGES_ID} from './constants';\n\nexport const useGroupedMenuItems = (\n    menuItems: MenuItem[],\n    menuGroups?: MenuGroup[],\n    isEditMode = false,\n): MenuItemsWithGroups[] => {\n    return useMemo(() => {\n        const visibleItems = menuItems.filter((item: MenuItem): boolean => {\n            if (isEditMode && item.id === ALL_PAGES_ID) {\n                return false;\n            }\n\n            return true;\n        });\n\n        visibleItems.sort(({type: typeA}, {type: typeB}) => {\n            if (typeA === 'action') {\n                return 1;\n            }\n            if (typeB === 'action') {\n                return -1;\n            }\n            return 0;\n        });\n\n        const groupsMap = new Map<string, MenuGroup>();\n\n        menuGroups?.forEach((group) => {\n            groupsMap.set(group.id, group);\n        });\n\n        const groupedItems = new Map<string, MenuItemsWithGroups[]>();\n        const ungroupedItems: MenuItemsWithGroups[] = [];\n        const processedGroups = new Set<string>();\n\n        visibleItems.forEach((item) => {\n            const groupId = item.groupId;\n\n            if (groupId) {\n                if (!groupedItems.has(groupId)) {\n                    groupedItems.set(groupId, []);\n                }\n\n                const group = groupedItems.get(groupId);\n\n                if (group) {\n                    group.push(item);\n                }\n            } else {\n                ungroupedItems.push(item);\n            }\n        });\n\n        const flatListItems: MenuItemsWithGroups[] = [];\n\n        visibleItems.forEach((item) => {\n            const groupId = item.groupId;\n\n            if (groupId) {\n                if (!processedGroups.has(groupId)) {\n                    processedGroups.add(groupId);\n\n                    const items = groupedItems.get(groupId) || [];\n\n                    if (items.length > 0) {\n                        const itemsWithVisible = items.filter((sortedItem) => !sortedItem.hidden);\n\n                        const group = groupsMap.get(groupId);\n                        const isAllGroupItemsHidden = itemsWithVisible.length === 0;\n                        const isGroupHidden = isAllGroupItemsHidden\n                            ? true\n                            : (group?.hidden ?? false);\n\n                        const effectiveCollapsed =\n                            group?.collapsed ?? group?.collapsedByDefault ?? false;\n\n                        flatListItems.push({\n                            id: groupId,\n                            title: group?.title ?? groupId,\n                            icon: group?.icon,\n                            hidden: isGroupHidden,\n                            collapsible: group?.collapsible,\n                            collapsedByDefault: group?.collapsedByDefault,\n                            isCollapsed: effectiveCollapsed,\n                            groupId: groupId,\n                            items,\n                        });\n                    }\n                }\n            }\n\n            if (!groupId) {\n                flatListItems.push(item);\n            }\n        });\n\n        if (isEditMode) {\n            return flatListItems;\n        }\n\n        return getVisibleItemsWithFilteredDividers(flatListItems, ALL_PAGES_ID) ?? [];\n    }, [menuItems, menuGroups, isEditMode]);\n};\n"],"names":[],"mappings":"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"}

package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/getExpandedIndexForSortableIndex.d.ts

@@ -0,0 +1,9 @@
+import { MenuItemsWithGroups } from '../../../types';
+/**
+ * Returns index in expanded list for the sortableIndex-th sortable item in flatList.
+ *
+ * @param sortableIndex - Index in the list of sortable (non-divider) items.
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Index in the expanded (flattened) menu list.
+ */
+export declare function getExpandedIndexForSortableIndex(sortableIndex: number, flatList: MenuItemsWithGroups[]): number;

package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/getExpandedIndexForSortableIndex.js

@@ -0,0 +1,25 @@
+import { getIsMenuItem } from './getIsMenuItem.js';
+import { getRealIndexInExpandedMenu } from './getRealIndexInGroup.js';
+
+/**
+ * Returns index in expanded list for the sortableIndex-th sortable item in flatList.
+ *
+ * @param sortableIndex - Index in the list of sortable (non-divider) items.
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Index in the expanded (flattened) menu list.
+ */
+function getExpandedIndexForSortableIndex(sortableIndex, flatList) {
+    let sortableCount = 0;
+    for (let i = 0; i < flatList.length; i++) {
+        if (getIsMenuItem(flatList[i])) {
+            if (sortableCount === sortableIndex) {
+                return getRealIndexInExpandedMenu(i, flatList);
+            }
+            sortableCount++;
+        }
+    }
+    return 0;
+}
+
+export { getExpandedIndexForSortableIndex };
+//# sourceMappingURL=getExpandedIndexForSortableIndex.js.map

package/build/esm/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":[],"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,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AAC5B,YAAA,IAAI,aAAa,KAAK,aAAa,EAAE;AACjC,gBAAA,OAAO,0BAA0B,CAAC,CAAC,EAAE,QAAQ,CAAC;;AAElD,YAAA,aAAa,EAAE;;;AAGvB,IAAA,OAAO,CAAC;AACZ;;;;"}

package/build/esm/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/esm/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js

@@ -1,3 +1,47 @@
+import { buildExpandedFromFlatList } from './buildExpandedFromFlatList.js';
+import { getIsMenuItem } from './getIsMenuItem.js';
+import { sortMenuItemsWithDividers } from './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(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(groupItems[i])) {
+            if (sortableCount === sortableIndex) {
+                return i;
+            }
+            sortableCount++;
+        }
+    }
+    return 0;
+}
 function getRealIndexInExpandedMenu(flatListIndex, flatList) {
     let realIndex = 0;
     for (let i = 0; i < flatListIndex; i++) {
@@ -11,10 +55,82 @@ 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(oldIndex, newIndex, groupItem.items);
+    const newFlatList = updateGroupItemsInFlatList(currentFlatList, flatListGroupIndex, sortedGroupItems);
+    const expandedItems = buildExpandedFromFlatList(newFlatList);
+    const expandedItemsOld = buildExpandedFromFlatList(currentFlatList);
+    const realOldIndex = getRealIndexInGroup(flatListGroupIndex, oldIndex, currentFlatList);
+    const realNewIndex = getRealIndexInGroup(flatListGroupIndex, newIndex, newFlatList);
+    const changedItem = expandedItemsOld[realOldIndex];
+    return {
+        newFlatList,
+        expandedItems,
+        realOldIndex,
+        realNewIndex,
+        changedItem,
+    };
+}
 
-export { getRealIndexInGroup };
+export { applySecondLevelSort, getFlatListIndexForSortableIndex, getGroupAtSortableIndex, getIndexInGroupItemsForSortableIndex, getRealIndexInExpandedMenu, getRealIndexInGroup, updateGroupItemsInFlatList };
 //# sourceMappingURL=getRealIndexInGroup.js.map

package/build/esm/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":[],"mappings":";;;;AAMA;;;;;;;AAOG;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,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AAC5B,YAAA,IAAI,aAAa,KAAK,aAAa,EAAE;AACjC,gBAAA,OAAO,CAAC;;AAEZ,YAAA,aAAa,EAAE;;;AAGvB,IAAA,OAAO,CAAC;AACZ;AAEA;;;;;;;AAOG;AACa,SAAA,oCAAoC,CAChD,aAAqB,EACrB,UAAiC,EAAA;IAEjC,IAAI,aAAa,GAAG,CAAC;AACrB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;AAC9B,YAAA,IAAI,aAAa,KAAK,aAAa,EAAE;AACjC,gBAAA,OAAO,CAAC;;AAEZ,YAAA,aAAa,EAAE;;;AAGvB,IAAA,OAAO,CAAC;AACZ;AAEgB,SAAA,0BAA0B,CACtC,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;AAEA;;;;;;;;AAQG;SACa,mBAAmB,CAC/B,UAAkB,EAClB,gBAAwB,EACxB,QAA+B,EAAA;IAE/B,MAAM,eAAe,GAAG,0BAA0B,CAAC,UAAU,EAAE,QAAQ,CAAC;AACxE,IAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,CAAC;AAEtC,IAAA,IAAI,OAAO,IAAI,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACvE,MAAM,eAAe,GAAG,oCAAoC,CACxD,gBAAgB,EAChB,SAAS,CAAC,KAAK,CAClB;QACD,OAAO,eAAe,GAAG,eAAe;;IAG5C,OAAO,eAAe,GAAG,gBAAgB;AAC7C;AAIA;;;;;;AAMG;AACa,SAAA,uBAAuB,CACnC,aAAqB,EACrB,QAA+B,EAAA;;IAE/B,MAAM,kBAAkB,GAAG,gCAAgC,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpF,IAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,kBAAkB,CAAC;IAE9C,IAAI,CAAC,SAAS,IAAI,EAAE,OAAO,IAAI,SAAS,CAAC,IAAI,EAAC,CAAA,EAAA,GAAC,SAA4B,CAAC,KAAK,gDAAE,MAAM,CAAA,EAAE;AACvF,QAAA,OAAO,IAAI;;AAGf,IAAA,OAAO,EAAC,kBAAkB,EAAE,SAAS,EAAE,SAA2B,EAAC;AACvE;AAEA;;;;;;;AAOG;SACa,0BAA0B,CACtC,QAA+B,EAC/B,kBAA0B,EAC1B,aAAoC,EAAA;AAEpC,IAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KACxB,CAAC,KAAK,kBAAkB,IAAI,OAAO,IAAI,IAAI,GAAE,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,IAAI,CAAE,EAAA,EAAA,KAAK,EAAE,aAAa,EAAE,CAAA,GAAE,IAAI,CACvF;AACL;AAUA;;;;;;;;;AASG;AACG,SAAU,oBAAoB,CAChC,UAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,eAAsC,EAAA;IAEtC,MAAM,SAAS,GAAG,uBAAuB,CAAC,UAAU,EAAE,eAAe,CAAC;IAEtE,IAAI,CAAC,SAAS,EAAE;AACZ,QAAA,OAAO,IAAI;;AAGf,IAAA,MAAM,EAAC,kBAAkB,EAAE,SAAS,EAAC,GAAG,SAAS;AACjD,IAAA,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC;IACvF,MAAM,WAAW,GAAG,0BAA0B,CAC1C,eAAe,EACf,kBAAkB,EAClB,gBAAgB,CACnB;AACD,IAAA,MAAM,aAAa,GAAG,yBAAyB,CAAC,WAAW,CAAC;AAC5D,IAAA,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,eAAe,CAAC;IACnE,MAAM,YAAY,GAAG,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,EAAE,eAAe,CAAC;IACvF,MAAM,YAAY,GAAG,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,EAAE,WAAW,CAAC;AACnF,IAAA,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC;IAElD,OAAO;QACH,WAAW;QACX,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,WAAW;KACd;AACL;;;;"}

package/build/esm/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[];