Merge branch 'dev_nextjs' of https://github.com/GoodDayForSurf/devextreme-cli into dev_nextjs

Author: GoodDayForSurf

packages/devextreme-cli/src/templates/nextjs/application/src/components/side-navigation-menu/SideNavigationMenu.scss

@@ -1,5 +1,4 @@
 @use "../../dx-styles" as *;
-@use  "../../utils/patches";
 
 .dx-swatch-additional, .dx-swatch-additional-dark {
   &.side-navigation-menu {
@@ -70,7 +69,3 @@
     }
   }
 }
-
-.dx-drawer-overlap.pre-init-blink-fix {
-  @include patches.menu-pre-init-patch;
-}

packages/devextreme-cli/src/templates/nextjs/application/src/layouts/side-nav-inner-toolbar/side-nav-inner-toolbar.tsx

@@ -9,7 +9,6 @@ import { Header, SideNavigationMenu, Footer } from '../../components';
 import './side-nav-inner-toolbar.scss';
 import { useScreenSize } from '../../utils/media-query';
 import { Template } from 'devextreme-react/core/template';
-import { useMenuPatch } from '../../utils/patches';
 <%=#isTypeScript%>import { TreeViewTypes } from 'devextreme-react/tree-view';<%=/isTypeScript%>
 <%=#isTypeScript%>import type { SideNavToolbarProps } from '../../types';<%=/isTypeScript%>
 <%=#isTypeScript%>import { ButtonTypes } from 'devextreme-react/button';<%=/isTypeScript%>
@@ -18,7 +17,6 @@ export default function SideNavInnerToolbar({ title, children }<%=#isTypeScript%
   const scrollViewRef = useRef<%=#isTypeScript%><ScrollViewRef><%=/isTypeScript%>(null);
   const router = useRouter();
   const { isXSmall, isLarge } = useScreenSize();
-  const [patchCssClass, onMenuReady] = useMenuPatch();
   const [menuStatus, setMenuStatus] = useState(
     isLarge ? MenuStatus.Opened : MenuStatus.Closed
   );
@@ -67,7 +65,7 @@ export default function SideNavInnerToolbar({ title, children }<%=#isTypeScript%
   return (
     <div className={'side-nav-inner-toolbar'}>
       <Drawer
-        className={['drawer', patchCssClass].join(' ')}
+        className={'drawer'}
         position={'before'}
         closeOnOutsideClick={onOutsideClick}
         openedStateMode={isLarge ? 'shrink' : 'overlap'}
@@ -107,7 +105,6 @@ export default function SideNavInnerToolbar({ title, children }<%=#isTypeScript%
             compactMode={menuStatus === MenuStatus.Closed}
             selectedItemChanged={onNavigationChanged}
             openMenu={temporaryOpenMenu}
-            onMenuReady={onMenuReady}
           >
             <Toolbar id={'navigation-header'}>
               {

packages/devextreme-cli/src/templates/nextjs/application/src/layouts/side-nav-outer-toolbar/side-nav-outer-toolbar.tsx

@@ -7,7 +7,6 @@ import { Header, SideNavigationMenu, Footer } from '../../components';
 import './side-nav-outer-toolbar.scss';
 import { useScreenSize } from '../../utils/media-query';
 import { Template } from 'devextreme-react/core/template';
-import { useMenuPatch } from '../../utils/patches';
 <%=#isTypeScript%>import { ButtonTypes } from 'devextreme-react/button';<%=/isTypeScript%>
 <%=#isTypeScript%>import { TreeViewTypes } from 'devextreme-react/tree-view';<%=/isTypeScript%>
 <%=#isTypeScript%>import type { SideNavToolbarProps } from '../../types';<%=/isTypeScript%>
@@ -16,7 +15,6 @@ export default function SideNavOuterToolbar({ title, children }<%=#isTypeScript%
   const scrollViewRef = useRef<%=#isTypeScript%><ScrollViewRef><%=/isTypeScript%>(null);
 const router = useRouter();
   const { isXSmall, isLarge } = useScreenSize();
-  const [patchCssClass, onMenuReady] = useMenuPatch();
   const [menuStatus, setMenuStatus] = useState(
     isLarge ? MenuStatus.Opened : MenuStatus.Closed
   );
@@ -70,7 +68,7 @@ router.push(itemData.path);
         title={title}
       />
       <Drawer
-        className={['drawer layout-body', patchCssClass].join(' ')}
+        className={'drawer layout-body'}
         position={'before'}
         closeOnOutsideClick={onOutsideClick}
         openedStateMode={isLarge ? 'shrink' : 'overlap'}
@@ -106,7 +104,6 @@ router.push(itemData.path);
             compactMode={menuStatus === MenuStatus.Closed}
             selectedItemChanged={onNavigationChanged}
             openMenu={temporaryOpenMenu}
-            onMenuReady={onMenuReady}
           >
           </SideNavigationMenu>
         </Template>