feat(AsideHeader): add sort callback for AsideHeader

gravity-ui · Dec 5, 2024 · adb757a · adb757a
1 parent bf6e826
commit adb757a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/components/AllPagesPanel/AllPagesPanel.tsx b/src/components/AllPagesPanel/AllPagesPanel.tsx
@@ -106,6 +106,7 @@ export const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {
             newItems.splice(newIndex, 0, element);
 
             onMenuItemsChanged?.(newItems);
+            editMenuProps?.onChangeItemsOrder?.(element, oldIndex, newIndex);
         },
         [onMenuItemsChanged],
     );

diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx
@@ -297,7 +297,9 @@ export const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps> = ({
                 }}
                 onMenuMoreClick={() => console.log('onMenuMoreClick')}
                 onAllPagesClick={() => console.log('onAllPagesClick')}
-                editMenuProps={{enableSorting: true}}
+                editMenuProps={{
+                    enableSorting: true,
+                }}
             />
         </div>
     );

diff --git a/src/components/AsideHeader/types.tsx b/src/components/AsideHeader/types.tsx
@@ -23,6 +23,7 @@ export interface EditMenuProps {
     onToggleMenuItem?: (changedItem: MenuItem) => void;
     onResetSettingsToDefault?: () => void;
     enableSorting?: boolean;
+    onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;
 }
 
 export interface AsideHeaderGeneralProps extends QAProps {