feat: add preventUserRemoving prop for menu item and add callbacks fo…

…r aside header
gravity-ui · Sep 30, 2024 · 537cfa0 · 537cfa0
1 parent 8f9b6cf
commit 537cfa0
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 2 deletions.
diff --git a/src/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx b/src/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx
@@ -39,7 +39,7 @@ export const AllPagesListItem: React.FC<AllPagesListItemProps> = (props) => {
                 <Icon className={b('icon')} data={item.icon} size={item.iconSize} />
             ) : null}
             <span className={b('text')}>{item.title}</span>
-            {editMode && (
+            {editMode && !item.preventUserRemoving && (
                 <Button
                     onClick={onPinButtonClick}
                     view={item.hidden ? 'flat-secondary' : 'flat-action'}

diff --git a/src/components/AllPagesPanel/AllPagesPanel.tsx b/src/components/AllPagesPanel/AllPagesPanel.tsx
@@ -24,7 +24,14 @@ interface AllPagesPanelProps {
 
 export const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {
     const {startEditIcon, onEditModeChanged, className} = props;
-    const {menuItems, onMenuItemsChanged} = useAsideHeaderInnerContext();
+    const {
+        menuItems,
+        onMenuItemsChanged,
+        onOpenEditMode,
+        onResetSettingsToDefault,
+        onToggleMenuItem,
+    } = useAsideHeaderInnerContext();
+
     const menuItemsRef = useRef(menuItems);
     menuItemsRef.current = menuItems;
 
@@ -37,6 +44,10 @@ export const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {
 
     useEffect(() => {
         onEditModeChanged?.(isEditMode);
+
+        if (isEditMode) {
+            onOpenEditMode?.();
+        }
     }, [isEditMode, onEditModeChanged]);
 
     const onItemClick = useCallback((item: ListItemData<MenuItem>) => {
@@ -54,6 +65,7 @@ export const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {
             const originItems = menuItemsRef.current.filter(
                 (menuItem) => menuItem.id !== ALL_PAGES_ID,
             );
+            onToggleMenuItem?.(changedItem);
             onMenuItemsChanged(
                 originItems.map((menuItem) => {
                     if (menuItem.id !== changedItem.id) {
@@ -81,6 +93,7 @@ export const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {
         if (!onMenuItemsChanged) {
             return;
         }
+        onResetSettingsToDefault?.();
         const originItems = menuItemsRef.current.filter((item) => item.id !== ALL_PAGES_ID);
         onMenuItemsChanged(
             originItems.map((item) => ({

diff --git a/src/components/AsideHeader/types.tsx b/src/components/AsideHeader/types.tsx
@@ -37,6 +37,9 @@ export interface AsideHeaderGeneralProps extends QAProps {
     }) => React.ReactNode;
     onClosePanel?: () => void;
     onChangeCompact?: (compact: boolean) => void;
+    onOpenEditMode?: () => void;
+    onToggleMenuItem?: (changedItem: MenuItem) => void;
+    onResetSettingsToDefault?: () => void;
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
 }
 

diff --git a/src/components/types.ts b/src/components/types.ts
@@ -39,6 +39,7 @@ export interface MenuItem extends QAProps {
             ref: React.RefObject<HTMLElement>;
         },
     ) => React.ReactNode;
+    preventUserRemoving?: boolean;
     rightAdornment?: React.ReactNode;
     type?: MenuItemType;
     afterMoreButton?: boolean;