@gravity-ui/navigation 6.4.2 → 6.5.1

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

@@ -1,4 +1,5 @@
 import './FooterItem.css';
+import { __rest } from 'tslib';
 import React__default from 'react';
 import { ASIDE_HEADER_ICON_SIZE } from '../../../constants.js';
 import { createBlock, block } from '../../../utils/cn.js';
@@ -7,8 +8,9 @@ import styles from './FooterItem.module.scss.js';
 
 const b = createBlock('footer-item', styles);
 const bGlobal = block('footer-item');
-function FooterItem(props) {
-    return (React__default.createElement(Item, Object.assign({}, props, { iconSize: ASIDE_HEADER_ICON_SIZE, className: `${b({ compact: props.compact })} ${bGlobal()}` })));
+function FooterItem(_a) {
+    var { regularSize } = _a, props = __rest(_a, ["regularSize"]);
+    return (React__default.createElement(Item, Object.assign({}, props, { iconSize: ASIDE_HEADER_ICON_SIZE, className: `${b({ compact: props.compact })} ${bGlobal({ 'regular-size': regularSize })}` })));
 }
 
 export { FooterItem };

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

@@ -1 +1 @@
-{"version":3,"file":"FooterItem.js","sources":["../../../../../../../src/components/AsideHeader/components/FooterItem/FooterItem.tsx"],"sourcesContent":["import React from 'react';\n\nimport {ASIDE_HEADER_ICON_SIZE} from '../../../constants';\nimport {block, createBlock} from '../../../utils/cn';\nimport {AsideHeaderItem} from '../../types';\nimport {Item} from '../CompositeBar/Item/Item';\n\nimport styles from './FooterItem.module.scss';\n\nconst b = createBlock('footer-item', styles);\nconst bGlobal = block('footer-item');\n\nexport interface FooterItemProps extends AsideHeaderItem {}\n\nexport function FooterItem(props: FooterItemProps) {\n    return (\n        <Item\n            {...props}\n            iconSize={ASIDE_HEADER_ICON_SIZE}\n            className={`${b({compact: props.compact})} ${bGlobal()}`}\n        />\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AASA,MAAM,CAAC,GAAG,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC;AAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC;AAI9B,SAAU,UAAU,CAAC,KAAsB,EAAA;AAC7C,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACG,KAAK,EAAA,EACT,QAAQ,EAAE,sBAAsB,EAChC,SAAS,EAAE,CAAG,EAAA,CAAC,CAAC,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAC,CAAC,CAAA,CAAA,EAAI,OAAO,EAAE,CAAE,CAAA,EAAA,CAAA,CAC1D;AAEV;;;;"}
+{"version":3,"file":"FooterItem.js","sources":["../../../../../../../src/components/AsideHeader/components/FooterItem/FooterItem.tsx"],"sourcesContent":["import React from 'react';\n\nimport {ASIDE_HEADER_ICON_SIZE} from '../../../constants';\nimport {block, createBlock} from '../../../utils/cn';\nimport {AsideHeaderItem} from '../../types';\nimport {Item} from '../CompositeBar/Item/Item';\n\nimport styles from './FooterItem.module.scss';\n\nconst b = createBlock('footer-item', styles);\nconst bGlobal = block('footer-item');\n\nexport interface FooterItemProps extends AsideHeaderItem {\n    /**\n     * When `true`, the item is rendered with the same geometry as regular menu\n     * items (40px row, 38px icon background) instead of the reduced footer size.\n     */\n    regularSize?: boolean;\n}\n\nexport function FooterItem({regularSize, ...props}: FooterItemProps) {\n    return (\n        <Item\n            {...props}\n            iconSize={ASIDE_HEADER_ICON_SIZE}\n            className={`${b({compact: props.compact})} ${bGlobal({'regular-size': regularSize})}`}\n        />\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;AASA,MAAM,CAAC,GAAG,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC;AAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC;AAU9B,SAAU,UAAU,CAAC,EAAwC,EAAA;AAAxC,IAAA,IAAA,EAAC,WAAW,EAA4B,GAAA,EAAA,EAAvB,KAAK,GAAA,MAAA,CAAA,EAAA,EAAtB,eAAuB,CAAD;AAC7C,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACG,KAAK,EACT,EAAA,QAAQ,EAAE,sBAAsB,EAChC,SAAS,EAAE,CAAG,EAAA,CAAC,CAAC,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAC,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,EAAC,cAAc,EAAE,WAAW,EAAC,CAAC,CAAE,CAAA,EAAA,CAAA,CACvF;AAEV;;;;"}

package/build/esm/components/types.d.ts

@@ -52,6 +52,7 @@ export interface MenuGroup {
     id: string;
     title: string;
     icon?: IconProps['data'];
+    iconSize?: number | string;
     /** Hide the group from display */
     hidden?: boolean;
     /**
@@ -59,6 +60,25 @@ export interface MenuGroup {
      * Does not affect the group title displayed anywhere else.
      */
     popupTitle?: string;
+    /**
+     * Optional main action for the group header, mirroring `MenuItem.onItemClick`
+     * (receives the synthetic group-header item). When the group has its own action
+     * (`onItemClick` and/or `href`), in the inline layout (`menuOverflow="scroll"`,
+     * expanded sidebar) clicking the header row triggers the action like a regular
+     * menu item, and only the chevron toggles expand/collapse. Such groups are also
+     * listed as a clickable row in the All pages panel (view mode).
+     */
+    onItemClick?: MenuItem['onItemClick'];
+    /**
+     * Optional link for the group header; renders the header row as an anchor.
+     * Same click behavior split as `onItemClick`.
+     */
+    href?: string;
+    /**
+     * When `true`, the small chevron is not rendered on the group anchor in the
+     * compact (collapsed) sidebar. The children popup keeps working as usual.
+     */
+    hideCompactChevron?: boolean;
 }
 export interface LogoProps {
     text: (() => React.ReactNode) | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/navigation",
-  "version": "6.4.2",
+  "version": "6.5.1",
   "description": "Gravity UI Navigation components",
   "license": "MIT",
   "repository": {