@cloud-ru/ds-uikit-product-header-legacy 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-uikit-product-header-legacy",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -35,21 +35,21 @@
     "classnames": "^2.5.1",
     "fuse.js": "^7.1.0",
     "@cloud-ru/ds-adaptive": "^1.0.1",
-    "@cloud-ru/ds-avatar": "^1.0.2",
-    "@cloud-ru/ds-button": "^1.0.2",
     "@cloud-ru/ds-chips": "^1.0.13",
+    "@cloud-ru/ds-button": "^1.0.2",
+    "@cloud-ru/ds-icon-predefined": "^1.0.1",
     "@cloud-ru/ds-divider": "^1.0.1",
-    "@cloud-ru/ds-drawer": "^1.1.1",
     "@cloud-ru/ds-icons": "^1.1.0",
-    "@cloud-ru/ds-icon-predefined": "^1.0.1",
-    "@cloud-ru/ds-info-block": "^1.0.1",
-    "@cloud-ru/ds-locale": "^1.0.0",
+    "@cloud-ru/ds-avatar": "^1.0.2",
     "@cloud-ru/ds-list": "^2.1.2",
+    "@cloud-ru/ds-drawer": "^1.1.1",
+    "@cloud-ru/ds-info-block": "^1.0.1",
     "@cloud-ru/ds-scroll": "^1.0.2",
-    "@cloud-ru/ds-typography": "^1.0.0",
     "@cloud-ru/ds-search-private": "^1.0.6",
-    "@cloud-ru/ds-uikit-product-title-clickable": "^1.0.7",
+    "@cloud-ru/ds-locale": "^1.0.0",
+    "@cloud-ru/ds-typography": "^1.0.0",
     "@cloud-ru/ds-uikit-product-card-predefined": "^3.0.4",
+    "@cloud-ru/ds-uikit-product-title-clickable": "^1.0.7",
     "@cloud-ru/ds-utils": "^1.1.0"
   }
 }

package/src/components/MainMenu/MainMenu.tsx

@@ -24,12 +24,26 @@ export function MainMenu({
   favorite,
   search,
   sidebarBottomSlot,
+  customMobileMenu,
   disabled,
   ...rest
 }: WithSupportProps<MainMenuProps & { disabled?: boolean }>): ReactElement {
   const [open = false, setOpen] = useValueControl<boolean>({ value: openProp, onChange: setOpenProp });
   const isMobile = useMobileLayout();
-  const MenuComponent = isMobile ? MenuMobile : MenuDesktop;
+
+  const menuProps = {
+    open,
+    setOpen,
+    leftTop,
+    rightTop,
+    settingItems,
+    serviceGroups,
+    platformGroups,
+    onLinkChange,
+    favorite,
+    search,
+    sidebarBottomSlot,
+  };
 
   return (
     <>
@@ -44,19 +58,7 @@ export function MainMenu({
         data-test-id={TEST_IDS.trigger}
       />
 
-      <MenuComponent
-        open={open}
-        setOpen={setOpen}
-        leftTop={leftTop}
-        rightTop={rightTop}
-        settingItems={settingItems}
-        serviceGroups={serviceGroups}
-        platformGroups={platformGroups}
-        onLinkChange={onLinkChange}
-        favorite={favorite}
-        search={search}
-        sidebarBottomSlot={sidebarBottomSlot}
-      />
+      {isMobile ? (customMobileMenu ?? <MenuMobile {...menuProps} />) : <MenuDesktop {...menuProps} />}
     </>
   );
 }

package/src/components/MainMenu/types.ts

@@ -113,6 +113,8 @@ export type MainMenuProps = {
    * Без поиска: пункты в нижней части левой колонки (desktop), не в сетке карточек.
    * С поиском: группа попадает в результаты только при совпадении; отображается **последней**
    * (ниже `serviceGroups` и `platformGroups`). Обычно `favoritesEnabled: false`.
+   *
+   * Mobile: `CardServiceLight` + `Divider` внизу scroll-body.
    */
   settingItems?: LinksGroup;
   /**
@@ -142,4 +144,12 @@ export type MainMenuProps = {
 
   /** Нижний слот левой колонки sidebar (Figma `bottom > items`). */
   sidebarBottomSlot?: ReactNode;
+
+  /**
+   * Только mobile: заменяет legacy `MenuMobile` (левый drawer).
+   * Например, `MenuMobile` из `@cloud-ru/ds-uikit-product-header` (bottom sheet).
+   *
+   * Передавайте те же `open` / `setOpen`, что и в `MainMenu` (controlled), иначе триггер и кастомное меню разойдутся.
+   */
+  customMobileMenu?: ReactNode;
 };