@consta/header 3.0.1 → 3.1.0

package/__internal__/src/components/MegaMenu/helper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MegaMenuBannerBarDefaultItem, MegaMenuBannerBarPropGetItemAs, MegaMenuBannerBarPropGetItemAttributes, MegaMenuBannerBarPropGetItemDescription, MegaMenuBannerBarPropGetItemImage, MegaMenuBannerBarPropGetItemLabel, MegaMenuBannerBarPropGetItemOnClick } from './MegaMenuBannerBar';
 import { MegaMenuDefaultItem, MegaMenuPropGetItemAs, MegaMenuPropGetItemAttributes, MegaMenuPropGetItemIconLeft, MegaMenuPropGetItemKey, MegaMenuPropGetItemLabel, MegaMenuPropGetItemOnClick, MegaMenuPropGetItemSubMenu, MegaMenuProps } from './types';
 export declare const withDefaultGetters: (props: MegaMenuProps) => {
@@ -17,110 +16,121 @@ export declare const withDefaultGetters: (props: MegaMenuProps) => {
     getBannerDescription: MegaMenuBannerBarPropGetItemDescription<MegaMenuBannerBarDefaultItem>;
     banners?: MegaMenuBannerBarDefaultItem[] | undefined;
     items: MegaMenuDefaultItem[];
-    menuTitle?: string | undefined;
-    menuShowButtonText?: string | undefined;
-    menuHideButtonText?: string | undefined;
-    menuMaxElements?: number | undefined;
-    bannerPosition?: "right" | "bottom" | undefined;
+    menuTitle?: string;
+    menuShowButtonText?: string;
+    menuHideButtonText?: string;
+    menuMaxElements?: number;
+    bannerPosition?: "right" | "bottom";
     onItemClick?: import("./types").MegaMenuPropOnItemClick<MegaMenuDefaultItem> | undefined;
     onBannerClick?: import("./types").MegaMenuPropOnItemClick<MegaMenuBannerBarDefaultItem> | undefined;
-    defaultChecked?: boolean | undefined;
+    defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    slot?: string | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
+    tabIndex?: number | undefined | undefined;
+    title?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
-    } | undefined;
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -139,7 +149,7 @@ export declare const withDefaultGetters: (props: MegaMenuProps) => {
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -189,8 +199,6 @@ export declare const withDefaultGetters: (props: MegaMenuProps) => {
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -260,9 +268,7 @@ export declare const withDefaultGetters: (props: MegaMenuProps) => {
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -283,7 +289,7 @@ export declare const withDefaultGetters: (props: MegaMenuProps) => {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };
 type Level<ITEM> = Array<{
@@ -296,6 +302,6 @@ export declare const separateItemsByDepth: <ITEM>(params: {
     items: ITEM[];
     getItemSubMenu: MegaMenuPropGetItemSubMenu<ITEM>;
     getItemActive: (item: ITEM) => boolean;
-    depth?: number | undefined;
+    depth?: number;
 }) => [Level<ITEM>, Level<ITEM>, Level<ITEM>];
 export {};

package/__internal__/src/components/MegaMenu/types.d.ts

@@ -1,7 +1,7 @@
 import { IconComponent } from '@consta/icons/Icon';
 import { AsAttributes, AsTags } from '@consta/uikit/__internal__/src/utils/types/AsTags';
+import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 import { MegaMenuBannerBarDefaultItem, MegaMenuBannerBarPropGetItemAs, MegaMenuBannerBarPropGetItemAttributes, MegaMenuBannerBarPropGetItemDescription, MegaMenuBannerBarPropGetItemImage, MegaMenuBannerBarPropGetItemLabel, MegaMenuBannerBarPropGetItemOnClick } from './MegaMenuBannerBar';
 export type MegaMenuPropOnItemClick<ITEM> = (item: ITEM, props: {
     e: React.MouseEvent;
@@ -62,4 +62,4 @@ export type MegaMenuProps<ITEM = MegaMenuDefaultItem, BANNER = MegaMenuBannerBar
 } ? {} : {
     getBannerLabel: MegaMenuBannerBarPropGetItemLabel<ITEM>;
 }), HTMLDivElement>;
-export type MegaMenuComponent = <ITEM = MegaMenuDefaultItem, BANNER = MegaMenuBannerBarDefaultItem>(props: MegaMenuProps<ITEM, BANNER>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export type MegaMenuComponent = <ITEM = MegaMenuDefaultItem, BANNER = MegaMenuBannerBarDefaultItem>(props: MegaMenuProps<ITEM, BANNER>, ref: React.Ref<HTMLDivElement>) => React.ReactNode;

package/__internal__/src/components/MegaMenu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/MegaMenu/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport {\n  AsAttributes,\n  AsTags,\n} from '@consta/uikit/__internal__/src/utils/types/AsTags';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n  MegaMenuBannerBarDefaultItem,\n  MegaMenuBannerBarPropGetItemAs,\n  MegaMenuBannerBarPropGetItemAttributes,\n  MegaMenuBannerBarPropGetItemDescription,\n  MegaMenuBannerBarPropGetItemImage,\n  MegaMenuBannerBarPropGetItemLabel,\n  MegaMenuBannerBarPropGetItemOnClick,\n} from './MegaMenuBannerBar';\n\nexport type MegaMenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MegaMenuDefaultItem = {\n  key: string | number;\n  label: string;\n  iconLeft?: IconComponent;\n  as?: AsTags;\n  attributes?: AsAttributes;\n  subMenu?: MegaMenuDefaultItem[];\n  onClick?: React.MouseEventHandler;\n};\n\nexport type MegaMenuPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type MegaMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MegaMenuPropGetItemIconLeft<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type MegaMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type MegaMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\nexport type MegaMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\nexport type MegaMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type ItemMappers<ITEM = MegaMenuDefaultItem> = {\n  getItemKey?: MegaMenuPropGetItemKey<ITEM>;\n  getItemLabel?: MegaMenuPropGetItemLabel<ITEM>;\n  getItemIconLeft?: MegaMenuPropGetItemIconLeft<ITEM>;\n  getItemOnClick?: MegaMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: MegaMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: MegaMenuPropGetItemAttributes<ITEM>;\n  getItemSubMenu?: MegaMenuPropGetItemSubMenu<ITEM>;\n};\n\nexport type BannerMappers<ITEM = MegaMenuBannerBarDefaultItem> = {\n  getBannerLabel?: MegaMenuBannerBarPropGetItemLabel<ITEM>;\n  getBannerOnClick?: MegaMenuBannerBarPropGetItemOnClick<ITEM>;\n  getBannerDescription?: MegaMenuBannerBarPropGetItemDescription<ITEM>;\n  getBannerImage?: MegaMenuBannerBarPropGetItemImage<ITEM>;\n  getBannerAs?: MegaMenuBannerBarPropGetItemAs<ITEM>;\n  getBannerAttributes?: MegaMenuBannerBarPropGetItemAttributes<ITEM>;\n};\n\nexport type MegaMenuProps<\n  ITEM = MegaMenuDefaultItem,\n  BANNER = MegaMenuBannerBarDefaultItem,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    banners?: BANNER[];\n    items: ITEM[];\n    menuTitle?: string;\n    menuShowButtonText?: string;\n    menuHideButtonText?: string;\n    menuMaxElements?: number;\n    bannerPosition?: 'right' | 'bottom';\n    onItemClick?: MegaMenuPropOnItemClick<ITEM>;\n    onBannerClick?: MegaMenuPropOnItemClick<BANNER>;\n  } & BannerMappers<BANNER> &\n    ItemMappers<ITEM> &\n    (ITEM extends { key: MegaMenuDefaultItem['key'] }\n      ? {}\n      : { getItemKey: MegaMenuPropGetItemKey<ITEM> }) &\n    (ITEM extends { label: MegaMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: MegaMenuPropGetItemLabel<ITEM> }) &\n    (BANNER extends { label: MegaMenuBannerBarDefaultItem['label'] | unknown }\n      ? {}\n      : { getBannerLabel: MegaMenuBannerBarPropGetItemLabel<ITEM> }),\n  HTMLDivElement\n>;\n\nexport type MegaMenuComponent = <\n  ITEM = MegaMenuDefaultItem,\n  BANNER = MegaMenuBannerBarDefaultItem,\n>(\n  props: MegaMenuProps<ITEM, BANNER>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/MegaMenu/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport {\n  AsAttributes,\n  AsTags,\n} from '@consta/uikit/__internal__/src/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\nimport React from 'react';\n\nimport {\n  MegaMenuBannerBarDefaultItem,\n  MegaMenuBannerBarPropGetItemAs,\n  MegaMenuBannerBarPropGetItemAttributes,\n  MegaMenuBannerBarPropGetItemDescription,\n  MegaMenuBannerBarPropGetItemImage,\n  MegaMenuBannerBarPropGetItemLabel,\n  MegaMenuBannerBarPropGetItemOnClick,\n} from './MegaMenuBannerBar';\n\nexport type MegaMenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MegaMenuDefaultItem = {\n  key: string | number;\n  label: string;\n  iconLeft?: IconComponent;\n  as?: AsTags;\n  attributes?: AsAttributes;\n  subMenu?: MegaMenuDefaultItem[];\n  onClick?: React.MouseEventHandler;\n};\n\nexport type MegaMenuPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type MegaMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MegaMenuPropGetItemIconLeft<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type MegaMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type MegaMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\nexport type MegaMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\nexport type MegaMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type ItemMappers<ITEM = MegaMenuDefaultItem> = {\n  getItemKey?: MegaMenuPropGetItemKey<ITEM>;\n  getItemLabel?: MegaMenuPropGetItemLabel<ITEM>;\n  getItemIconLeft?: MegaMenuPropGetItemIconLeft<ITEM>;\n  getItemOnClick?: MegaMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: MegaMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: MegaMenuPropGetItemAttributes<ITEM>;\n  getItemSubMenu?: MegaMenuPropGetItemSubMenu<ITEM>;\n};\n\nexport type BannerMappers<ITEM = MegaMenuBannerBarDefaultItem> = {\n  getBannerLabel?: MegaMenuBannerBarPropGetItemLabel<ITEM>;\n  getBannerOnClick?: MegaMenuBannerBarPropGetItemOnClick<ITEM>;\n  getBannerDescription?: MegaMenuBannerBarPropGetItemDescription<ITEM>;\n  getBannerImage?: MegaMenuBannerBarPropGetItemImage<ITEM>;\n  getBannerAs?: MegaMenuBannerBarPropGetItemAs<ITEM>;\n  getBannerAttributes?: MegaMenuBannerBarPropGetItemAttributes<ITEM>;\n};\n\nexport type MegaMenuProps<\n  ITEM = MegaMenuDefaultItem,\n  BANNER = MegaMenuBannerBarDefaultItem,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    banners?: BANNER[];\n    items: ITEM[];\n    menuTitle?: string;\n    menuShowButtonText?: string;\n    menuHideButtonText?: string;\n    menuMaxElements?: number;\n    bannerPosition?: 'right' | 'bottom';\n    onItemClick?: MegaMenuPropOnItemClick<ITEM>;\n    onBannerClick?: MegaMenuPropOnItemClick<BANNER>;\n  } & BannerMappers<BANNER> &\n    ItemMappers<ITEM> &\n    (ITEM extends { key: MegaMenuDefaultItem['key'] }\n      ? {}\n      : { getItemKey: MegaMenuPropGetItemKey<ITEM> }) &\n    (ITEM extends { label: MegaMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: MegaMenuPropGetItemLabel<ITEM> }) &\n    (BANNER extends { label: MegaMenuBannerBarDefaultItem['label'] | unknown }\n      ? {}\n      : { getBannerLabel: MegaMenuBannerBarPropGetItemLabel<ITEM> }),\n  HTMLDivElement\n>;\n\nexport type MegaMenuComponent = <\n  ITEM = MegaMenuDefaultItem,\n  BANNER = MegaMenuBannerBarDefaultItem,\n>(\n  props: MegaMenuProps<ITEM, BANNER>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactNode;\n"],"mappings":""}

package/__internal__/src/components/Menu/Menu.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","width","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","onItemClick"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Menu.css";import{IconMeatball}from"@consta/icons/IconMeatball";import{IconSelect}from"@consta/icons/IconSelect";import{Button}from"@consta/uikit/Button";import{ContextMenu}from"@consta/uikit/ContextMenu";import{animateTimeout}from"@consta/uikit/MixPopoverAnimate";import{useDebounce}from"@consta/uikit/useDebounce";import{useFlag}from"@consta/uikit/useFlag";import{useHideElementsInLine}from"@consta/uikit/useHideElementsInLineDepricated";import{useMutableRef}from"@consta/uikit/useMutableRef";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";export const cnMenu=cn("Menu");const MenuRender=(a,b)=>{var c;const d=withDefaultGetters(a),{items:e,className:f,width:g,getItemActive:h,getItemHref:i,getItemLabel:j,getItemOnClick:k,getItemTarget:l,getItemSubMenu:m,onItemClick:n}=d,o=_objectWithoutProperties(d,_excluded),[p,q]=useState(),[r,s]=useFlag(),{visibleItems:t,itemsRefs:u,wrapperRef:v,hiddenItems:w,moreRef:x}=useHideElementsInLine(e),y=useRef(null),z=useMutableRef(i),A=useMutableRef(l),B=useCallback(a=>z.current(a)?"a":"span",[]),C=useCallback(a=>{const b=z.current(a),c=A.current(a);return _objectSpread(_objectSpread({},b&&{href:z.current(a)}),c&&{href:A.current(a)})},[]),D="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return useEffect(useDebounce(()=>{r||q(void 0)},animateTimeout),[r]),React.createElement("nav",Object.assign({},o,{className:cnMenu({width:g},[f]),onMouseLeave:s.off,onMouseEnter:s.on,ref:b}),React.createElement("ul",{className:cnMenu("List"),ref:v},e.map((a,b)=>{const c=j(a),d=i(a),e=d?l(a):void 0,f=h(a),g=d?"a":"span",o=m(a),r=p===b,s=!t[b];return React.createElement("li",{className:cnMenu("Item",{hidden:s,active:f,opened:r}),key:cnMenu("Item",{index:b}),ref:u[b],onMouseEnter:()=>q(b)},React.createElement(g,{className:cnMenu("Link"),href:d,target:e,onClick:getItemClick(a,k,n)},c),o&&React.createElement(IconSelect,{size:"s",className:cnMenu("Arrow")}),React.createElement(ContextMenu,{isOpen:o&&0<o.length&&r,items:o||[],getItemLabel:j,getItemSubMenu:m,anchorRef:u[b],onItemClick:(a,{e:b})=>getItemClick(a,k,n)(b),direction:"downStartLeft",possibleDirections:["upStartLeft","downStartRight","downStartLeft","upStartRight"],spareDirection:"downStartLeft",getItemAs:B,getItemAttributes:C,style:{zIndex:D}}))}),0<w.length&&React.createElement("li",{className:cnMenu("Item"),key:cnMenu("Item",{more:!0}),ref:x,onMouseEnter:()=>q("more")},React.createElement(Button,{iconLeft:IconMeatball,ref:y,size:"xs",view:"clear"}),React.createElement(ContextMenu,{isOpen:"more"===p,items:w,getItemLabel:j,getItemSubMenu:m,anchorRef:y,onItemClick:(a,{e:b})=>getItemClick(a,k,n)(b),direction:"downStartLeft",possibleDirections:["upStartLeft","downStartRight","downStartLeft","upStartRight"],spareDirection:"downStartRight",getItemAs:B,getItemAttributes:C,style:{zIndex:D},offset:8}))))};export const Menu=forwardRef(MenuRender);export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","width","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","onItemClick","subMenuClassName"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Menu.css";import{IconMeatball}from"@consta/icons/IconMeatball";import{IconSelect}from"@consta/icons/IconSelect";import{Button}from"@consta/uikit/Button";import{ContextMenu}from"@consta/uikit/ContextMenu";import{animateTimeout}from"@consta/uikit/MixPopoverAnimate";import{useDebounce}from"@consta/uikit/useDebounce";import{useFlag}from"@consta/uikit/useFlag";import{useHideElementsInLine}from"@consta/uikit/useHideElementsInLineDepricated";import{useMutableRef}from"@consta/uikit/useMutableRef";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";export const cnMenu=cn("Menu");const MenuRender=(a,b)=>{var c;const d=withDefaultGetters(a),{items:e,className:f,width:g,getItemActive:h,getItemHref:i,getItemLabel:j,getItemOnClick:k,getItemTarget:l,getItemSubMenu:m,onItemClick:n,subMenuClassName:o}=d,p=_objectWithoutProperties(d,_excluded),[q,r]=useState(),[s,t]=useFlag(),{visibleItems:u,itemsRefs:v,wrapperRef:w,hiddenItems:x,moreRef:y}=useHideElementsInLine(e),z=useRef(null),A=useMutableRef(i),B=useMutableRef(l),C=useCallback(a=>A.current(a)?"a":"span",[]),D=useCallback(a=>{const b=A.current(a),c=B.current(a);return _objectSpread(_objectSpread({},b&&{href:A.current(a)}),c&&{href:B.current(a)})},[]),E="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return useEffect(useDebounce(()=>{s||r(void 0)},animateTimeout),[s]),React.createElement("nav",Object.assign({},p,{className:cnMenu({width:g},[f]),onMouseLeave:t.off,onMouseEnter:t.on,ref:b}),React.createElement("ul",{className:cnMenu("List"),ref:w},e.map((a,b)=>{const c=j(a),d=i(a),e=d?l(a):void 0,f=h(a),g=d?"a":"span",p=m(a),s=q===b,t=!u[b];return React.createElement("li",{className:cnMenu("Item",{hidden:t,active:f,opened:s}),key:cnMenu("Item",{index:b}),ref:v[b],onMouseEnter:()=>r(b)},React.createElement(g,{className:cnMenu("Link"),href:d,target:e,onClick:getItemClick(a,k,n)},c),p&&React.createElement(IconSelect,{size:"s",className:cnMenu("Arrow")}),React.createElement(ContextMenu,{className:cnMenu("SubMenu",{index:b.toString()},[o]),isOpen:p&&0<p.length&&s,items:p||[],getItemLabel:j,getItemSubMenu:m,anchorRef:v[b],onItemClick:(a,{e:b})=>getItemClick(a,k,n)(b),direction:"downStartLeft",possibleDirections:["upStartLeft","downStartRight","downStartLeft","upStartRight"],spareDirection:"downStartLeft",getItemAs:C,getItemAttributes:D,style:{zIndex:E}}))}),0<x.length&&React.createElement("li",{className:cnMenu("Item"),key:cnMenu("Item",{more:!0}),ref:y,onMouseEnter:()=>r("more")},React.createElement(Button,{iconLeft:IconMeatball,ref:z,size:"xs",view:"clear"}),React.createElement(ContextMenu,{isOpen:"more"===q,items:x,getItemLabel:j,getItemSubMenu:m,anchorRef:z,onItemClick:(a,{e:b})=>getItemClick(a,k,n)(b),direction:"downStartLeft",possibleDirections:["upStartLeft","downStartRight","downStartLeft","upStartRight"],spareDirection:"downStartRight",getItemAs:C,getItemAttributes:D,style:{zIndex:E},offset:8}))))};export const Menu=forwardRef(MenuRender);export*from"./types";
 //# sourceMappingURL=Menu.js.map

package/__internal__/src/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["IconMeatball","IconSelect","Button","ContextMenu","animateTimeout","useDebounce","useFlag","useHideElementsInLine","useMutableRef","React","forwardRef","useCallback","useEffect","useRef","useState","getItemClick","cn","withDefaultGetters","cnMenu","MenuRender","props","ref","c","d","items","className","width","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","onItemClick","otherProps","_objectWithoutProperties","_excluded","openedSubMenu","setOpenedSubMenu","mouseOnMenu","setMouseOnMenu","visibleItems","itemsRefs","wrapperRef","hiddenItems","moreRef","moreButtonRef","getItemHrefRef","getItemTargetRef","getItemAs","item","current","getItemHTMLAttributes","href","target","_objectSpread","elementZIndex","style","zIndex","createElement","Object","assign","onMouseLeave","off","onMouseEnter","on","map","index","label","active","Tag","subItems","opened","hidden","key","g","onClick","size","isOpen","length","anchorRef","e","direction","possibleDirections","spareDirection","getItemAttributes","more","iconLeft","view","offset","Menu"],"sources":["../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import './Menu.css';\n\nimport { IconMeatball } from '@consta/icons/IconMeatball';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { Button } from '@consta/uikit/Button';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { animateTimeout } from '@consta/uikit/MixPopoverAnimate';\nimport { useDebounce } from '@consta/uikit/useDebounce';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useHideElementsInLine } from '@consta/uikit/useHideElementsInLineDepricated';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport { MenuComponent, MenuProps } from './types';\n\nexport const cnMenu = cn('Menu');\n\nconst MenuRender = (props: MenuProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    items,\n    className,\n    width,\n    getItemActive,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    getItemSubMenu,\n    onItemClick,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [openedSubMenu, setOpenedSubMenu] = useState<\n    number | 'more' | undefined\n  >();\n  const [mouseOnMenu, setMouseOnMenu] = useFlag();\n\n  const { visibleItems, itemsRefs, wrapperRef, hiddenItems, moreRef } =\n    useHideElementsInLine<\n      (typeof items)[number],\n      HTMLLIElement,\n      HTMLUListElement\n    >(items);\n\n  const moreButtonRef = useRef<HTMLButtonElement>(null);\n\n  const getItemHrefRef = useMutableRef(getItemHref);\n  const getItemTargetRef = useMutableRef(getItemTarget);\n\n  const getItemAs = useCallback((item: (typeof items)[number]) => {\n    if (getItemHrefRef.current(item)) {\n      return 'a';\n    }\n    return 'span';\n  }, []);\n\n  const getItemHTMLAttributes = useCallback((item: (typeof items)[number]) => {\n    const href = getItemHrefRef.current(item);\n    const target = getItemTargetRef.current(item);\n\n    return {\n      ...(href && { href: getItemHrefRef.current(item) }),\n      ...(target && { href: getItemTargetRef.current(item) }),\n    };\n  }, []);\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  useEffect(\n    useDebounce(() => {\n      if (!mouseOnMenu) {\n        setOpenedSubMenu(undefined);\n      }\n    }, animateTimeout),\n    [mouseOnMenu],\n  );\n\n  return (\n    <nav\n      {...otherProps}\n      className={cnMenu({ width }, [className])}\n      onMouseLeave={setMouseOnMenu.off}\n      onMouseEnter={setMouseOnMenu.on}\n      ref={ref}\n    >\n      <ul className={cnMenu('List')} ref={wrapperRef}>\n        {items.map((item, index) => {\n          const label = getItemLabel(item);\n          const href = getItemHref(item);\n          const target = href ? getItemTarget(item) : undefined;\n          const active = getItemActive(item);\n          const Tag = href ? 'a' : 'span';\n          const subItems = getItemSubMenu(item);\n          const opened = openedSubMenu === index;\n          const hidden = !visibleItems[index];\n          return (\n            <li\n              className={cnMenu('Item', { hidden, active, opened })}\n              key={cnMenu('Item', { index })}\n              ref={itemsRefs[index]}\n              onMouseEnter={() => setOpenedSubMenu(index)}\n            >\n              <Tag\n                className={cnMenu('Link')}\n                href={href}\n                target={target}\n                onClick={getItemClick(item, getItemOnClick, onItemClick)}\n              >\n                {label}\n              </Tag>\n              {subItems && <IconSelect size=\"s\" className={cnMenu('Arrow')} />}\n              <ContextMenu\n                isOpen={subItems && subItems.length > 0 && opened}\n                items={subItems || []}\n                getItemLabel={getItemLabel}\n                getItemSubMenu={getItemSubMenu}\n                anchorRef={itemsRefs[index]}\n                onItemClick={(item, { e }) =>\n                  getItemClick(item, getItemOnClick, onItemClick)(e)\n                }\n                direction=\"downStartLeft\"\n                possibleDirections={[\n                  'upStartLeft',\n                  'downStartRight',\n                  'downStartLeft',\n                  'upStartRight',\n                ]}\n                spareDirection=\"downStartLeft\"\n                getItemAs={getItemAs}\n                getItemAttributes={getItemHTMLAttributes}\n                style={{ zIndex: elementZIndex }}\n              />\n            </li>\n          );\n        })}\n        {hiddenItems.length > 0 && (\n          <li\n            className={cnMenu('Item')}\n            key={cnMenu('Item', { more: true })}\n            ref={moreRef}\n            onMouseEnter={() => setOpenedSubMenu('more')}\n          >\n            <Button\n              iconLeft={IconMeatball}\n              ref={moreButtonRef}\n              size=\"xs\"\n              view=\"clear\"\n            />\n            <ContextMenu\n              isOpen={openedSubMenu === 'more'}\n              items={hiddenItems}\n              getItemLabel={getItemLabel}\n              getItemSubMenu={getItemSubMenu}\n              anchorRef={moreButtonRef}\n              onItemClick={(item, { e }) =>\n                getItemClick(item, getItemOnClick, onItemClick)(e)\n              }\n              direction=\"downStartLeft\"\n              possibleDirections={[\n                'upStartLeft',\n                'downStartRight',\n                'downStartLeft',\n                'upStartRight',\n              ]}\n              spareDirection=\"downStartRight\"\n              getItemAs={getItemAs}\n              getItemAttributes={getItemHTMLAttributes}\n              style={{ zIndex: elementZIndex }}\n              offset={8}\n            />\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n};\n\nexport const Menu = forwardRef(MenuRender) as MenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"Menu.js","names":["IconMeatball","IconSelect","Button","ContextMenu","animateTimeout","useDebounce","useFlag","useHideElementsInLine","useMutableRef","React","forwardRef","useCallback","useEffect","useRef","useState","getItemClick","cn","withDefaultGetters","cnMenu","MenuRender","props","ref","c","d","items","className","width","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","onItemClick","subMenuClassName","otherProps","_objectWithoutProperties","_excluded","openedSubMenu","setOpenedSubMenu","mouseOnMenu","setMouseOnMenu","visibleItems","itemsRefs","wrapperRef","hiddenItems","moreRef","moreButtonRef","getItemHrefRef","getItemTargetRef","getItemAs","item","current","getItemHTMLAttributes","href","target","_objectSpread","elementZIndex","style","zIndex","createElement","Object","assign","onMouseLeave","off","onMouseEnter","on","map","index","label","active","Tag","subItems","opened","hidden","key","g","onClick","size","toString","isOpen","length","anchorRef","e","direction","possibleDirections","spareDirection","getItemAttributes","more","iconLeft","view","offset","Menu"],"sources":["../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import './Menu.css';\n\nimport { IconMeatball } from '@consta/icons/IconMeatball';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { Button } from '@consta/uikit/Button';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { animateTimeout } from '@consta/uikit/MixPopoverAnimate';\nimport { useDebounce } from '@consta/uikit/useDebounce';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useHideElementsInLine } from '@consta/uikit/useHideElementsInLineDepricated';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport { MenuComponent, MenuProps } from './types';\n\nexport const cnMenu = cn('Menu');\n\nconst MenuRender = (props: MenuProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    items,\n    className,\n    width,\n    getItemActive,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    getItemSubMenu,\n    onItemClick,\n    subMenuClassName,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [openedSubMenu, setOpenedSubMenu] = useState<\n    number | 'more' | undefined\n  >();\n  const [mouseOnMenu, setMouseOnMenu] = useFlag();\n\n  const { visibleItems, itemsRefs, wrapperRef, hiddenItems, moreRef } =\n    useHideElementsInLine<\n      (typeof items)[number],\n      HTMLLIElement,\n      HTMLUListElement\n    >(items);\n\n  const moreButtonRef = useRef<HTMLButtonElement>(null);\n\n  const getItemHrefRef = useMutableRef(getItemHref);\n  const getItemTargetRef = useMutableRef(getItemTarget);\n\n  const getItemAs = useCallback((item: (typeof items)[number]) => {\n    if (getItemHrefRef.current(item)) {\n      return 'a';\n    }\n    return 'span';\n  }, []);\n\n  const getItemHTMLAttributes = useCallback((item: (typeof items)[number]) => {\n    const href = getItemHrefRef.current(item);\n    const target = getItemTargetRef.current(item);\n\n    return {\n      ...(href && { href: getItemHrefRef.current(item) }),\n      ...(target && { href: getItemTargetRef.current(item) }),\n    };\n  }, []);\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  useEffect(\n    useDebounce(() => {\n      if (!mouseOnMenu) {\n        setOpenedSubMenu(undefined);\n      }\n    }, animateTimeout),\n    [mouseOnMenu],\n  );\n\n  return (\n    <nav\n      {...otherProps}\n      className={cnMenu({ width }, [className])}\n      onMouseLeave={setMouseOnMenu.off}\n      onMouseEnter={setMouseOnMenu.on}\n      ref={ref}\n    >\n      <ul className={cnMenu('List')} ref={wrapperRef}>\n        {items.map((item, index) => {\n          const label = getItemLabel(item);\n          const href = getItemHref(item);\n          const target = href ? getItemTarget(item) : undefined;\n          const active = getItemActive(item);\n          const Tag = href ? 'a' : 'span';\n          const subItems = getItemSubMenu(item);\n          const opened = openedSubMenu === index;\n          const hidden = !visibleItems[index];\n          return (\n            <li\n              className={cnMenu('Item', { hidden, active, opened })}\n              key={cnMenu('Item', { index })}\n              ref={itemsRefs[index]}\n              onMouseEnter={() => setOpenedSubMenu(index)}\n            >\n              <Tag\n                className={cnMenu('Link')}\n                href={href}\n                target={target}\n                onClick={getItemClick(item, getItemOnClick, onItemClick)}\n              >\n                {label}\n              </Tag>\n              {subItems && <IconSelect size=\"s\" className={cnMenu('Arrow')} />}\n              <ContextMenu\n                className={cnMenu('SubMenu', { index: index.toString() }, [\n                  subMenuClassName,\n                ])}\n                isOpen={subItems && subItems.length > 0 && opened}\n                items={subItems || []}\n                getItemLabel={getItemLabel}\n                getItemSubMenu={getItemSubMenu}\n                anchorRef={itemsRefs[index]}\n                onItemClick={(item, { e }) =>\n                  getItemClick(item, getItemOnClick, onItemClick)(e)\n                }\n                direction=\"downStartLeft\"\n                possibleDirections={[\n                  'upStartLeft',\n                  'downStartRight',\n                  'downStartLeft',\n                  'upStartRight',\n                ]}\n                spareDirection=\"downStartLeft\"\n                getItemAs={getItemAs}\n                getItemAttributes={getItemHTMLAttributes}\n                style={{ zIndex: elementZIndex }}\n              />\n            </li>\n          );\n        })}\n        {hiddenItems.length > 0 && (\n          <li\n            className={cnMenu('Item')}\n            key={cnMenu('Item', { more: true })}\n            ref={moreRef}\n            onMouseEnter={() => setOpenedSubMenu('more')}\n          >\n            <Button\n              iconLeft={IconMeatball}\n              ref={moreButtonRef}\n              size=\"xs\"\n              view=\"clear\"\n            />\n            <ContextMenu\n              isOpen={openedSubMenu === 'more'}\n              items={hiddenItems}\n              getItemLabel={getItemLabel}\n              getItemSubMenu={getItemSubMenu}\n              anchorRef={moreButtonRef}\n              onItemClick={(item, { e }) =>\n                getItemClick(item, getItemOnClick, onItemClick)(e)\n              }\n              direction=\"downStartLeft\"\n              possibleDirections={[\n                'upStartLeft',\n                'downStartRight',\n                'downStartLeft',\n                'upStartRight',\n              ]}\n              spareDirection=\"downStartRight\"\n              getItemAs={getItemAs}\n              getItemAttributes={getItemHTMLAttributes}\n              style={{ zIndex: elementZIndex }}\n              offset={8}\n            />\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n};\n\nexport const Menu = forwardRef(MenuRender) as MenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Menu/helpers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuDefaultItem, MenuPropGetItemActive, MenuPropGetItemHref, MenuPropGetItemLabel, MenuPropGetItemOnClick, MenuPropGetItemSubMenu, MenuPropGetItemTarget, MenuProps } from './types';
 export declare const defaultGetItemLabel: MenuPropGetItemLabel<MenuDefaultItem>;
 export declare const defaultGetItemActive: MenuPropGetItemActive<MenuDefaultItem>;
@@ -7,12 +6,12 @@ export declare const defaultGetItemOnClick: MenuPropGetItemOnClick<MenuDefaultIt
 export declare const defaultGetItemTarget: MenuPropGetItemTarget<MenuDefaultItem>;
 export declare const defaultGetItemSubMenu: MenuPropGetItemSubMenu<MenuDefaultItem>;
 export declare const getGetters: <ITEM>(props: {
-    getItemLabel?: MenuPropGetItemLabel<ITEM> | undefined;
-    getItemActive?: MenuPropGetItemActive<ITEM> | undefined;
-    getItemHref?: MenuPropGetItemHref<ITEM> | undefined;
-    getItemOnClick?: MenuPropGetItemOnClick<ITEM> | undefined;
-    getItemTarget?: MenuPropGetItemTarget<ITEM> | undefined;
-    getItemSubMenu?: MenuPropGetItemSubMenu<ITEM> | undefined;
+    getItemLabel?: MenuPropGetItemLabel<ITEM>;
+    getItemActive?: MenuPropGetItemActive<ITEM>;
+    getItemHref?: MenuPropGetItemHref<ITEM>;
+    getItemOnClick?: MenuPropGetItemOnClick<ITEM>;
+    getItemTarget?: MenuPropGetItemTarget<ITEM>;
+    getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>;
 }) => {
     getItemLabel: MenuPropGetItemLabel<MenuDefaultItem> | MenuPropGetItemLabel<ITEM>;
     getItemActive: MenuPropGetItemActive<MenuDefaultItem> | MenuPropGetItemActive<ITEM>;
@@ -23,7 +22,7 @@ export declare const getGetters: <ITEM>(props: {
 };
 export declare function withDefaultGetters<ITEM>(props: MenuProps<ITEM>): {
     items: ITEM[];
-    width?: "full" | undefined;
+    width?: "full";
     onItemClick?: import("./types").MenuPropOnItemClick<ITEM> | undefined;
     getItemHref?: MenuPropGetItemHref<ITEM> | undefined;
     getItemLabel?: MenuPropGetItemLabel<ITEM> | undefined;
@@ -31,8 +30,9 @@ export declare function withDefaultGetters<ITEM>(props: MenuProps<ITEM>): {
     getItemActive?: MenuPropGetItemActive<ITEM> | undefined;
     getItemOnClick?: MenuPropGetItemOnClick<ITEM> | undefined;
     getItemSubMenu?: MenuPropGetItemSubMenu<ITEM> | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemHref" | "getItemLabel" | "getItemTarget" | "getItemOnClick" | "width" | "getItemSubMenu" | "getItemActive"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: string;
+    subMenuClassName?: string;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemHref" | "getItemLabel" | "getItemTarget" | "getItemOnClick" | "width" | "getItemSubMenu" | "getItemActive" | "subMenuClassName"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+    label: MenuDefaultItem["label"];
 } ? {} : {
     getItemLabel: MenuPropGetItemLabel<ITEM>;
 }) & {

package/__internal__/src/components/Menu/types.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 export type MenuDefaultItem = {
     label: string;
     href?: string;
@@ -27,9 +26,10 @@ export type MenuProps<ITEM = MenuDefaultItem> = PropsWithHTMLAttributesAndRef<{
     getItemActive?: MenuPropGetItemActive<ITEM>;
     getItemOnClick?: MenuPropGetItemOnClick<ITEM>;
     getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>;
+    subMenuClassName?: string;
 }, HTMLDivElement> & (ITEM extends {
     label: MenuDefaultItem['label'];
 } ? {} : {
     getItemLabel: MenuPropGetItemLabel<ITEM>;
 });
-export type MenuComponent = <ITEM = MenuDefaultItem>(props: MenuProps<ITEM>) => React.ReactElement | null;
+export type MenuComponent = <ITEM = MenuDefaultItem>(props: MenuProps<ITEM>) => React.ReactNode;

package/__internal__/src/components/Menu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/Menu/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type MenuDefaultItem = {\n  label: string;\n  href?: string;\n  target?: string;\n  active?: boolean;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  subMenu?: MenuDefaultItem[];\n};\n\nexport type MenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;\nexport type MenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;\nexport type MenuPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\nexport type MenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;\nexport type MenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type MenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MenuProps<ITEM = MenuDefaultItem> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    width?: 'full';\n    onItemClick?: MenuPropOnItemClick<ITEM>;\n    getItemHref?: MenuPropGetItemHref<ITEM>;\n    getItemLabel?: MenuPropGetItemLabel<ITEM>;\n    getItemTarget?: MenuPropGetItemTarget<ITEM>;\n    getItemActive?: MenuPropGetItemActive<ITEM>;\n    getItemOnClick?: MenuPropGetItemOnClick<ITEM>;\n    getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: MenuDefaultItem['label'] }\n    ? {}\n    : { getItemLabel: MenuPropGetItemLabel<ITEM> });\n\nexport type MenuComponent = <ITEM = MenuDefaultItem>(\n  props: MenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/Menu/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\n\nexport type MenuDefaultItem = {\n  label: string;\n  href?: string;\n  target?: string;\n  active?: boolean;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  subMenu?: MenuDefaultItem[];\n};\n\nexport type MenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;\nexport type MenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;\nexport type MenuPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\nexport type MenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;\nexport type MenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type MenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MenuProps<ITEM = MenuDefaultItem> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    width?: 'full';\n    onItemClick?: MenuPropOnItemClick<ITEM>;\n    getItemHref?: MenuPropGetItemHref<ITEM>;\n    getItemLabel?: MenuPropGetItemLabel<ITEM>;\n    getItemTarget?: MenuPropGetItemTarget<ITEM>;\n    getItemActive?: MenuPropGetItemActive<ITEM>;\n    getItemOnClick?: MenuPropGetItemOnClick<ITEM>;\n    getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>;\n    subMenuClassName?: string;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: MenuDefaultItem['label'] }\n    ? {}\n    : { getItemLabel: MenuPropGetItemLabel<ITEM> });\n\nexport type MenuComponent = <ITEM = MenuDefaultItem>(\n  props: MenuProps<ITEM>,\n) => React.ReactNode;\n"],"mappings":""}

package/__internal__/src/components/MobileMenu/types.d.ts

@@ -1,6 +1,6 @@
+import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import React from 'react';
-import { VerticalMenuDefaultItem, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemGroup, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemOnClick, VerticalMenuPropGetItemSubMenu, VerticalMenuPropGetItemTarget, VerticalMenuPropOnItemClick } from "../VerticalMenu";
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+import { VerticalMenuDefaultItem, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemGroup, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemOnClick, VerticalMenuPropGetItemSubMenu, VerticalMenuPropGetItemTarget, VerticalMenuPropOnItemClick } from '../VerticalMenu';
 export type MobileMenuProps<ITEM = VerticalMenuDefaultItem> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     getItemHref?: VerticalMenuPropGetItemHref<ITEM>;
@@ -20,5 +20,5 @@ export type MobileMenuProps<ITEM = VerticalMenuDefaultItem> = PropsWithHTMLAttri
 } ? {} : {
     getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;
 });
-export type MobileMenuComponent = <ITEM = VerticalMenuDefaultItem>(props: MobileMenuProps<ITEM>) => React.ReactElement | null;
+export type MobileMenuComponent = <ITEM = VerticalMenuDefaultItem>(props: MobileMenuProps<ITEM>) => React.ReactNode;
 export type { VerticalMenuDefaultItem };

package/__internal__/src/components/MobileMenu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/MobileMenu/types.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  VerticalMenuDefaultItem,\n  VerticalMenuPropGetItemActive,\n  VerticalMenuPropGetItemGroup,\n  VerticalMenuPropGetItemHref,\n  VerticalMenuPropGetItemLabel,\n  VerticalMenuPropGetItemOnClick,\n  VerticalMenuPropGetItemSubMenu,\n  VerticalMenuPropGetItemTarget,\n  VerticalMenuPropOnItemClick,\n} from '##/components/VerticalMenu';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type MobileMenuProps<ITEM = VerticalMenuDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemHref?: VerticalMenuPropGetItemHref<ITEM>;\n      getItemLabel?: VerticalMenuPropGetItemLabel<ITEM>;\n      getItemTarget?: VerticalMenuPropGetItemTarget<ITEM>;\n      getItemActive?: VerticalMenuPropGetItemActive<ITEM>;\n      getItemOnClick?: VerticalMenuPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: VerticalMenuPropGetItemSubMenu<ITEM>;\n      getItemGroup?: VerticalMenuPropGetItemGroup<ITEM>;\n      onItemClick?: VerticalMenuPropOnItemClick<ITEM>;\n      header?: React.ReactNode;\n      sidebarClassName?: string;\n      children?: never;\n      footer?: React.ReactNode;\n    },\n    HTMLButtonElement\n  > &\n    (ITEM extends { label: VerticalMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: VerticalMenuPropGetItemLabel<ITEM> });\n\nexport type MobileMenuComponent = <ITEM = VerticalMenuDefaultItem>(\n  props: MobileMenuProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type { VerticalMenuDefaultItem };\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/MobileMenu/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\nimport React from 'react';\n\nimport {\n  VerticalMenuDefaultItem,\n  VerticalMenuPropGetItemActive,\n  VerticalMenuPropGetItemGroup,\n  VerticalMenuPropGetItemHref,\n  VerticalMenuPropGetItemLabel,\n  VerticalMenuPropGetItemOnClick,\n  VerticalMenuPropGetItemSubMenu,\n  VerticalMenuPropGetItemTarget,\n  VerticalMenuPropOnItemClick,\n} from '##/components/VerticalMenu';\n\nexport type MobileMenuProps<ITEM = VerticalMenuDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemHref?: VerticalMenuPropGetItemHref<ITEM>;\n      getItemLabel?: VerticalMenuPropGetItemLabel<ITEM>;\n      getItemTarget?: VerticalMenuPropGetItemTarget<ITEM>;\n      getItemActive?: VerticalMenuPropGetItemActive<ITEM>;\n      getItemOnClick?: VerticalMenuPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: VerticalMenuPropGetItemSubMenu<ITEM>;\n      getItemGroup?: VerticalMenuPropGetItemGroup<ITEM>;\n      onItemClick?: VerticalMenuPropOnItemClick<ITEM>;\n      header?: React.ReactNode;\n      sidebarClassName?: string;\n      children?: never;\n      footer?: React.ReactNode;\n    },\n    HTMLButtonElement\n  > &\n    (ITEM extends { label: VerticalMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: VerticalMenuPropGetItemLabel<ITEM> });\n\nexport type MobileMenuComponent = <ITEM = VerticalMenuDefaultItem>(\n  props: MobileMenuProps<ITEM>,\n) => React.ReactNode;\n\nexport type { VerticalMenuDefaultItem };\n"],"mappings":""}

package/__internal__/src/components/Navbar/Navbar.d.ts

@@ -1,2 +1,3 @@
 import { NavbarComponent } from './types';
+export declare const cnNavbar: import("@bem-react/classname").ClassNameFormatter;
 export declare const Navbar: NavbarComponent;

package/__internal__/src/components/Navbar/Navbar.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","onItemClick","groups","getItemLabel","getItemIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemActive","getItemRef","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","size","form","getItemSubMenu","getItemStatus","sortGroup","className"];import{getGroups}from"@consta/uikit/__internal__/src/utils/getGroups";import{renderHeader}from"@consta/uikit/ListCanary";import React,{forwardRef,useMemo}from"react";import{cnCanary}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{NavbarItem}from"./NavbarItem";import{defaultNavbarPropForm,defaultNavbarPropSize}from"./types";const cnNavbar=cnCanary("Navbar"),NavbarRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,onItemClick:e,groups:f,getItemLabel:g,getItemIcon:h,getItemRightSide:i,getItemAs:j,getItemAttributes:k,getItemGroupKey:l,getItemActive:m,getItemRef:n,getItemAdditionalClassName:o,getGroupKey:p,getGroupLabel:q,getGroupRightSide:r,getGroupAdditionalClassName:s,size:x=defaultNavbarPropSize,form:y=defaultNavbarPropForm,getItemSubMenu:t,getItemStatus:u,sortGroup:v,className:w}=c,z=_objectWithoutProperties(c,_excluded),A=useMemo(()=>getGroups(d,l,f,p,v),[f,d]);return React.createElement("div",Object.assign({},z,{ref:b,className:cnNavbar(null,[w])}),A.map((a,b)=>React.createElement(React.Fragment,{key:a.key},renderHeader(a.group&&q(a.group),0===b,x,a.group&&r(a.group),{pV:"xs",mH:"m",mB:"2xs"},void 0,s&&a.group&&s(a.group)),a.items.map((b,c)=>React.createElement(React.Fragment,{key:`${a.key}-${c}`},React.createElement(NavbarItem,{size:x,item:b,level:0,onItemClick:e,getItemLabel:g,getItemActive:m,getItemAdditionalClassName:o,getItemAs:j,getItemAttributes:k,getItemIcon:h,getItemRef:n,getItemRightSide:i,getItemSubMenu:t,getItemStatus:u,form:y}))))))};export const Navbar=forwardRef(NavbarRender);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","onItemClick","groups","getItemLabel","getItemIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemActive","getItemRef","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","size","form","getItemSubMenu","getItemStatus","getItemSubMenuOpen","onSubMenuToggle","sortGroup","className"];import{getGroups}from"@consta/uikit/__internal__/src/utils/getGroups";import{renderHeader}from"@consta/uikit/ListCanary";import React,{forwardRef,useMemo}from"react";import{cnCanary}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{NavbarItem}from"./NavbarItem";import{defaultNavbarPropForm,defaultNavbarPropSize}from"./types";export const cnNavbar=cnCanary("Navbar");const NavbarRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,onItemClick:e,groups:f,getItemLabel:g,getItemIcon:h,getItemRightSide:i,getItemAs:j,getItemAttributes:k,getItemGroupKey:l,getItemActive:m,getItemRef:n,getItemAdditionalClassName:o,getGroupKey:p,getGroupLabel:q,getGroupRightSide:r,getGroupAdditionalClassName:s,size:z=defaultNavbarPropSize,form:A=defaultNavbarPropForm,getItemSubMenu:t,getItemStatus:u,getItemSubMenuOpen:v,onSubMenuToggle:w,sortGroup:x,className:y}=c,B=_objectWithoutProperties(c,_excluded),C=useMemo(()=>getGroups(d,l,f,p,x),[f,d]);return React.createElement("div",Object.assign({},B,{ref:b,className:cnNavbar(null,[y])}),C.map((a,b)=>React.createElement(React.Fragment,{key:a.key},renderHeader(a.group&&q(a.group),0===b,z,a.group&&r(a.group),{pV:"xs",mH:"m",mB:"2xs"},void 0,s&&a.group&&s(a.group)),a.items.map((b,c)=>React.createElement(React.Fragment,{key:`${a.key}-${c}`},React.createElement(NavbarItem,{size:z,item:b,level:0,onItemClick:e,getItemLabel:g,getItemActive:m,getItemAdditionalClassName:o,getItemAs:j,getItemAttributes:k,getItemIcon:h,getItemRef:n,getItemRightSide:i,getItemSubMenu:t,getItemStatus:u,getItemSubMenuOpen:v,onSubMenuToggle:w,form:A}))))))};export const Navbar=forwardRef(NavbarRender);
 //# sourceMappingURL=Navbar.js.map

package/__internal__/src/components/Navbar/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","names":["getGroups","renderHeader","React","forwardRef","useMemo","cnCanary","withDefaultGetters","NavbarItem","defaultNavbarPropForm","defaultNavbarPropSize","cnNavbar","NavbarRender","props","ref","c","items","onItemClick","groups","groupsProp","getItemLabel","getItemIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemActive","getItemRef","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","size","form","getItemSubMenu","getItemStatus","sortGroup","className","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","map","group","groupIndex","Fragment","key","pV","mH","mB","item","index","level","Navbar"],"sources":["../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":["import { getGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { renderHeader } from '@consta/uikit/ListCanary';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport { NavbarItem } from './NavbarItem';\nimport {\n  defaultNavbarPropForm,\n  defaultNavbarPropSize,\n  NavbarComponent,\n  NavbarProps,\n} from './types';\n\nconst cnNavbar = cnCanary('Navbar');\n\nconst NavbarRender = (props: NavbarProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    items,\n    onItemClick,\n    groups: groupsProp,\n    getItemLabel,\n    getItemIcon,\n    getItemRightSide,\n    getItemAs,\n    getItemAttributes,\n    getItemGroupKey,\n    getItemActive,\n    getItemRef,\n    getItemAdditionalClassName,\n    getGroupKey,\n    getGroupLabel,\n    getGroupRightSide,\n    getGroupAdditionalClassName,\n    size = defaultNavbarPropSize,\n    form = defaultNavbarPropForm,\n    getItemSubMenu,\n    getItemStatus,\n    sortGroup,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const groups = useMemo(\n    () => getGroups(items, getItemGroupKey, groupsProp, getGroupKey, sortGroup),\n    [groupsProp, items],\n  );\n\n  return (\n    <div {...otherProps} ref={ref} className={cnNavbar(null, [className])}>\n      {groups.map((group, groupIndex) => {\n        return (\n          <React.Fragment key={group.key}>\n            {renderHeader(\n              group.group && getGroupLabel(group.group),\n              groupIndex === 0,\n              size,\n              group.group && getGroupRightSide(group.group),\n              { pV: 'xs', mH: 'm', mB: '2xs' },\n              undefined,\n              getGroupAdditionalClassName &&\n                group.group &&\n                getGroupAdditionalClassName(group.group),\n            )}\n            {group.items.map((item, index) => {\n              return (\n                <React.Fragment key={`${group.key}-${index}`}>\n                  <NavbarItem\n                    size={size}\n                    item={item}\n                    level={0}\n                    onItemClick={onItemClick}\n                    getItemLabel={getItemLabel}\n                    getItemActive={getItemActive}\n                    getItemAdditionalClassName={getItemAdditionalClassName}\n                    getItemAs={getItemAs}\n                    getItemAttributes={getItemAttributes}\n                    getItemIcon={getItemIcon}\n                    getItemRef={getItemRef}\n                    getItemRightSide={getItemRightSide}\n                    getItemSubMenu={getItemSubMenu}\n                    getItemStatus={getItemStatus}\n                    form={form}\n                  />\n                </React.Fragment>\n              );\n            })}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const Navbar = forwardRef(NavbarRender) as NavbarComponent;\n"],"mappings":"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"}
+{"version":3,"file":"Navbar.js","names":["getGroups","renderHeader","React","forwardRef","useMemo","cnCanary","withDefaultGetters","NavbarItem","defaultNavbarPropForm","defaultNavbarPropSize","cnNavbar","NavbarRender","props","ref","c","items","onItemClick","groups","groupsProp","getItemLabel","getItemIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemActive","getItemRef","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","size","form","getItemSubMenu","getItemStatus","getItemSubMenuOpen","onSubMenuToggle","sortGroup","className","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","map","group","groupIndex","Fragment","key","pV","mH","mB","item","index","level","Navbar"],"sources":["../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":["import { getGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { renderHeader } from '@consta/uikit/ListCanary';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport { NavbarItem } from './NavbarItem';\nimport {\n  defaultNavbarPropForm,\n  defaultNavbarPropSize,\n  NavbarComponent,\n  NavbarProps,\n} from './types';\n\nexport const cnNavbar = cnCanary('Navbar');\n\nconst NavbarRender = (props: NavbarProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    items,\n    onItemClick,\n    groups: groupsProp,\n    getItemLabel,\n    getItemIcon,\n    getItemRightSide,\n    getItemAs,\n    getItemAttributes,\n    getItemGroupKey,\n    getItemActive,\n    getItemRef,\n    getItemAdditionalClassName,\n    getGroupKey,\n    getGroupLabel,\n    getGroupRightSide,\n    getGroupAdditionalClassName,\n    size = defaultNavbarPropSize,\n    form = defaultNavbarPropForm,\n    getItemSubMenu,\n    getItemStatus,\n    getItemSubMenuOpen,\n    onSubMenuToggle,\n    sortGroup,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const groups = useMemo(\n    () => getGroups(items, getItemGroupKey, groupsProp, getGroupKey, sortGroup),\n    [groupsProp, items],\n  );\n\n  return (\n    <div {...otherProps} ref={ref} className={cnNavbar(null, [className])}>\n      {groups.map((group, groupIndex) => {\n        return (\n          <React.Fragment key={group.key}>\n            {renderHeader(\n              group.group && getGroupLabel(group.group),\n              groupIndex === 0,\n              size,\n              group.group && getGroupRightSide(group.group),\n              { pV: 'xs', mH: 'm', mB: '2xs' },\n              undefined,\n              getGroupAdditionalClassName &&\n                group.group &&\n                getGroupAdditionalClassName(group.group),\n            )}\n            {group.items.map((item, index) => {\n              return (\n                <React.Fragment key={`${group.key}-${index}`}>\n                  <NavbarItem\n                    size={size}\n                    item={item}\n                    level={0}\n                    onItemClick={onItemClick}\n                    getItemLabel={getItemLabel}\n                    getItemActive={getItemActive}\n                    getItemAdditionalClassName={getItemAdditionalClassName}\n                    getItemAs={getItemAs}\n                    getItemAttributes={getItemAttributes}\n                    getItemIcon={getItemIcon}\n                    getItemRef={getItemRef}\n                    getItemRightSide={getItemRightSide}\n                    getItemSubMenu={getItemSubMenu}\n                    getItemStatus={getItemStatus}\n                    getItemSubMenuOpen={getItemSubMenuOpen}\n                    onSubMenuToggle={onSubMenuToggle}\n                    form={form}\n                  />\n                </React.Fragment>\n              );\n            })}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const Navbar = forwardRef(NavbarRender) as NavbarComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Navbar/NavbarArrow/NavbarArrow.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 export declare const NavbarArrow: ({ open, onClick, }: {
     open: boolean;
     onClick: React.MouseEventHandler;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;