@consta/header 3.0.1 → 3.1.0

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MegaMenuGlobalDefaultGroup, MegaMenuGlobalDefaultItem, MegaMenuGlobalPropGetGroupId, MegaMenuGlobalPropGetGroupLabel, MegaMenuGlobalPropGetGroupOnClick, MegaMenuGlobalPropGetItemAs, MegaMenuGlobalPropGetItemAttributes, MegaMenuGlobalPropGetItemGroupId, MegaMenuGlobalPropGetItemLabel, MegaMenuGlobalPropGetItemOnClick, MegaMenuGlobalProps } from './types';
 export declare const withDefaultGetters: (props: MegaMenuGlobalProps) => {
     getItemLabel: MegaMenuGlobalPropGetItemLabel<MegaMenuGlobalDefaultItem>;
@@ -11,109 +10,120 @@ export declare const withDefaultGetters: (props: MegaMenuGlobalProps) => {
     getGroupOnClick: MegaMenuGlobalPropGetGroupOnClick<MegaMenuGlobalDefaultGroup>;
     items: MegaMenuGlobalDefaultItem[];
     groups?: MegaMenuGlobalDefaultGroup[] | undefined;
-    maxElements?: number | undefined;
+    maxElements?: number;
     onGroupClick?: import("./types").MegaMenuGlobalPropOnGroupClick<MegaMenuGlobalDefaultGroup> | undefined;
     onItemClick?: import("./types").MegaMenuGlobalPropOnItemClick<MegaMenuGlobalDefaultItem> | undefined;
-    columns?: number | undefined;
-    title?: string | undefined;
-    showButtonText?: string | undefined;
-    hideButtonText?: string | undefined;
-    defaultChecked?: boolean | undefined;
+    columns?: number;
+    title?: string;
+    showButtonText?: string;
+    hideButtonText?: string;
+    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;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
+    tabIndex?: number | 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;
@@ -132,7 +142,7 @@ export declare const withDefaultGetters: (props: MegaMenuGlobalProps) => {
     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;
@@ -182,8 +192,6 @@ export declare const withDefaultGetters: (props: MegaMenuGlobalProps) => {
     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;
@@ -253,9 +261,7 @@ export declare const withDefaultGetters: (props: MegaMenuGlobalProps) => {
     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;
@@ -276,6 +282,6 @@ export declare const withDefaultGetters: (props: MegaMenuGlobalProps) => {
     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;
 };

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

@@ -1,7 +1,7 @@
 import { AsAttributes, AsTags } from '@consta/uikit/__internal__/src/utils/types/AsTags';
 import { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';
+import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
 export type MegaMenuGlobalDefaultItem = {
     as?: AsTags;
     attributes?: AsAttributes;
@@ -57,7 +57,7 @@ export type MegaMenuGlobalProps<ITEM = MegaMenuGlobalDefaultItem, GROUP = MegaMe
 } ? {} : {
     getGroupLabel: MegaMenuGlobalPropGetGroupLabel<GROUP>;
 }), HTMLDivElement>;
-export type MegaMenuGlobalComponent = <ITEM = MegaMenuGlobalDefaultItem, GROUP = MegaMenuGlobalDefaultGroup>(props: MegaMenuGlobalProps<ITEM, GROUP>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export type MegaMenuGlobalComponent = <ITEM = MegaMenuGlobalDefaultItem, GROUP = MegaMenuGlobalDefaultGroup>(props: MegaMenuGlobalProps<ITEM, GROUP>, ref: React.Ref<HTMLDivElement>) => React.ReactNode;
 export type MegaMenuGlobalGroupProps<ITEM = MegaMenuGlobalDefaultItem> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     title?: string;
@@ -66,9 +66,9 @@ export type MegaMenuGlobalGroupProps<ITEM = MegaMenuGlobalDefaultItem> = PropsWi
     showButtonText?: string;
     hideButtonText?: string;
 } & Required<MappersItem<ITEM>>, HTMLDivElement>;
-export type MegaMenuGlobalGroupComponent = <ITEM = MegaMenuGlobalDefaultItem>(props: MegaMenuGlobalGroupProps<ITEM>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export type MegaMenuGlobalGroupComponent = <ITEM = MegaMenuGlobalDefaultItem>(props: MegaMenuGlobalGroupProps<ITEM>, ref: React.Ref<HTMLDivElement>) => React.ReactNode;
 export type MegaMenuGlobalItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<{
     label: string;
     onClick?: React.MouseEventHandler;
 }, AS>;
-export type MegaMenuGlobalItemComponent = <AS extends AsTags = 'div'>(props: MegaMenuGlobalItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export type MegaMenuGlobalItemComponent = <AS extends AsTags = 'div'>(props: MegaMenuGlobalItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/MegaMenu/MegaMenuGlobal/types.ts"],"sourcesContent":["import {\n  AsAttributes,\n  AsTags,\n} from '@consta/uikit/__internal__/src/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type MegaMenuGlobalDefaultItem = {\n  as?: AsTags;\n  attributes?: AsAttributes;\n  onClick?: React.MouseEventHandler;\n  label: string;\n  groupId?: string | number;\n};\n\nexport type MegaMenuGlobalDefaultGroup = {\n  label: string;\n  id?: string | number;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type MegaMenuGlobalPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type MegaMenuGlobalPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\nexport type MegaMenuGlobalPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type MegaMenuGlobalPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MegaMenuGlobalPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type MegaMenuGlobalPropGetGroupId<ITEM> = (\n  item: ITEM,\n) => number | string | undefined;\nexport type MegaMenuGlobalPropGetGroupLabel<ITEM> = (item: ITEM) => string;\nexport type MegaMenuGlobalPropGetGroupOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type MegaMenuGlobalPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MegaMenuGlobalPropOnGroupClick<GROUP> = (\n  group: GROUP,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MappersItem<ITEM = MegaMenuGlobalDefaultItem> = {\n  getItemLabel?: MegaMenuGlobalPropGetItemLabel<ITEM>;\n  getItemAs?: MegaMenuGlobalPropGetItemAs<ITEM>;\n  getItemGroupId?: MegaMenuGlobalPropGetItemGroupId<ITEM>;\n  getItemAttributes?: MegaMenuGlobalPropGetItemAttributes<ITEM>;\n  getItemOnClick?: MegaMenuGlobalPropGetItemOnClick<ITEM>;\n};\n\nexport type MegaMenuGlobalProps<\n  ITEM = MegaMenuGlobalDefaultItem,\n  GROUP = MegaMenuGlobalDefaultGroup,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    groups?: GROUP[];\n    getGroupKey?: MegaMenuGlobalPropGetGroupId<GROUP>;\n    getGroupLabel?: MegaMenuGlobalPropGetGroupLabel<GROUP>;\n    getGroupOnClick?: MegaMenuGlobalPropGetGroupOnClick<GROUP>;\n    maxElements?: number;\n    onGroupClick?: MegaMenuGlobalPropOnGroupClick<GROUP>;\n    onItemClick?: MegaMenuGlobalPropOnItemClick<ITEM>;\n    columns?: number;\n    title?: string;\n    showButtonText?: string;\n    hideButtonText?: string;\n  } & MappersItem<ITEM> &\n    (ITEM extends { label: string }\n      ? {}\n      : {\n          getItemLabel: MegaMenuGlobalPropGetItemLabel<ITEM>;\n        }) &\n    (GROUP extends { label: string | unknown }\n      ? {}\n      : {\n          getGroupLabel: MegaMenuGlobalPropGetGroupLabel<GROUP>;\n        }),\n  HTMLDivElement\n>;\n\nexport type MegaMenuGlobalComponent = <\n  ITEM = MegaMenuGlobalDefaultItem,\n  GROUP = MegaMenuGlobalDefaultGroup,\n>(\n  props: MegaMenuGlobalProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport type MegaMenuGlobalGroupProps<ITEM = MegaMenuGlobalDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      title?: string;\n      maxElements?: number;\n      onItemClick?: MegaMenuGlobalPropOnItemClick<ITEM>;\n      showButtonText?: string;\n      hideButtonText?: string;\n    } & Required<MappersItem<ITEM>>,\n    HTMLDivElement\n  >;\n\nexport type MegaMenuGlobalGroupComponent = <ITEM = MegaMenuGlobalDefaultItem>(\n  props: MegaMenuGlobalGroupProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport type MegaMenuGlobalItemProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      label: string;\n      onClick?: React.MouseEventHandler;\n    },\n    AS\n  >;\n\nexport type MegaMenuGlobalItemComponent = <AS extends AsTags = 'div'>(\n  props: MegaMenuGlobalItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/MegaMenu/MegaMenuGlobal/types.ts"],"sourcesContent":["import {\n  AsAttributes,\n  AsTags,\n} from '@consta/uikit/__internal__/src/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\nimport React from 'react';\n\nexport type MegaMenuGlobalDefaultItem = {\n  as?: AsTags;\n  attributes?: AsAttributes;\n  onClick?: React.MouseEventHandler;\n  label: string;\n  groupId?: string | number;\n};\n\nexport type MegaMenuGlobalDefaultGroup = {\n  label: string;\n  id?: string | number;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type MegaMenuGlobalPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type MegaMenuGlobalPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\nexport type MegaMenuGlobalPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type MegaMenuGlobalPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MegaMenuGlobalPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type MegaMenuGlobalPropGetGroupId<ITEM> = (\n  item: ITEM,\n) => number | string | undefined;\nexport type MegaMenuGlobalPropGetGroupLabel<ITEM> = (item: ITEM) => string;\nexport type MegaMenuGlobalPropGetGroupOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type MegaMenuGlobalPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MegaMenuGlobalPropOnGroupClick<GROUP> = (\n  group: GROUP,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MappersItem<ITEM = MegaMenuGlobalDefaultItem> = {\n  getItemLabel?: MegaMenuGlobalPropGetItemLabel<ITEM>;\n  getItemAs?: MegaMenuGlobalPropGetItemAs<ITEM>;\n  getItemGroupId?: MegaMenuGlobalPropGetItemGroupId<ITEM>;\n  getItemAttributes?: MegaMenuGlobalPropGetItemAttributes<ITEM>;\n  getItemOnClick?: MegaMenuGlobalPropGetItemOnClick<ITEM>;\n};\n\nexport type MegaMenuGlobalProps<\n  ITEM = MegaMenuGlobalDefaultItem,\n  GROUP = MegaMenuGlobalDefaultGroup,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    groups?: GROUP[];\n    getGroupKey?: MegaMenuGlobalPropGetGroupId<GROUP>;\n    getGroupLabel?: MegaMenuGlobalPropGetGroupLabel<GROUP>;\n    getGroupOnClick?: MegaMenuGlobalPropGetGroupOnClick<GROUP>;\n    maxElements?: number;\n    onGroupClick?: MegaMenuGlobalPropOnGroupClick<GROUP>;\n    onItemClick?: MegaMenuGlobalPropOnItemClick<ITEM>;\n    columns?: number;\n    title?: string;\n    showButtonText?: string;\n    hideButtonText?: string;\n  } & MappersItem<ITEM> &\n    (ITEM extends { label: string }\n      ? {}\n      : {\n          getItemLabel: MegaMenuGlobalPropGetItemLabel<ITEM>;\n        }) &\n    (GROUP extends { label: string | unknown }\n      ? {}\n      : {\n          getGroupLabel: MegaMenuGlobalPropGetGroupLabel<GROUP>;\n        }),\n  HTMLDivElement\n>;\n\nexport type MegaMenuGlobalComponent = <\n  ITEM = MegaMenuGlobalDefaultItem,\n  GROUP = MegaMenuGlobalDefaultGroup,\n>(\n  props: MegaMenuGlobalProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactNode;\n\nexport type MegaMenuGlobalGroupProps<ITEM = MegaMenuGlobalDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      title?: string;\n      maxElements?: number;\n      onItemClick?: MegaMenuGlobalPropOnItemClick<ITEM>;\n      showButtonText?: string;\n      hideButtonText?: string;\n    } & Required<MappersItem<ITEM>>,\n    HTMLDivElement\n  >;\n\nexport type MegaMenuGlobalGroupComponent = <ITEM = MegaMenuGlobalDefaultItem>(\n  props: MegaMenuGlobalGroupProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactNode;\n\nexport type MegaMenuGlobalItemProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      label: string;\n      onClick?: React.MouseEventHandler;\n    },\n    AS\n  >;\n\nexport type MegaMenuGlobalItemComponent = <AS extends AsTags = 'div'>(\n  props: MegaMenuGlobalItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactNode;\n"],"mappings":""}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { MegaMenuNavBarDefaultItem, MegaMenuNavBarPropGetItemActive, MegaMenuNavBarPropGetItemAs, MegaMenuNavBarPropGetItemAttributes, MegaMenuNavBarPropGetItemIconLeft, MegaMenuNavBarPropGetItemIconRight, MegaMenuNavBarPropGetItemLabel, MegaMenuNavBarPropGetItemOnClick, MegaMenuNavBarProps } from './types';
-export declare const withDefaultGetters: <ITEM>(props: MegaMenuNavBarProps<ITEM>) => {
+export declare const withDefaultGetters: <ITEM>(props: MegaMenuNavBarProps<ITEM>) => import("react").PropsWithoutRef<{
     items: ITEM[];
     getItemLabel?: MegaMenuNavBarPropGetItemLabel<ITEM> | undefined;
     getItemActive?: MegaMenuNavBarPropGetItemActive<ITEM> | undefined;
@@ -14,11 +13,21 @@ export declare const withDefaultGetters: <ITEM>(props: MegaMenuNavBarProps<ITEM>
     label: string;
 } ? {} : {
     getItemLabel: MegaMenuNavBarPropGetItemLabel<ITEM>;
-}) & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemLabel" | "getItemOnClick" | "getItemAs" | "getItemAttributes" | "getItemIconLeft" | "getItemActive" | "getItemIconRight" | keyof (ITEM extends {
+})> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | keyof import("react").PropsWithoutRef<{
+    items: ITEM[];
+    getItemLabel?: MegaMenuNavBarPropGetItemLabel<ITEM> | undefined;
+    getItemActive?: MegaMenuNavBarPropGetItemActive<ITEM> | undefined;
+    getItemOnClick?: MegaMenuNavBarPropGetItemOnClick<ITEM> | undefined;
+    getItemIconLeft?: MegaMenuNavBarPropGetItemIconLeft<ITEM> | undefined;
+    getItemIconRight?: MegaMenuNavBarPropGetItemIconRight<ITEM> | undefined;
+    getItemAs?: MegaMenuNavBarPropGetItemAs<ITEM> | undefined;
+    getItemAttributes?: MegaMenuNavBarPropGetItemAttributes<ITEM> | undefined;
+    onItemClick?: import("./types").MegaMenuNavBarPropOnItemClick<ITEM> | undefined;
+} & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: MegaMenuNavBarPropGetItemLabel<ITEM>;
-})> & {
+})>> & {
     getItemLabel: MegaMenuNavBarPropGetItemLabel<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemLabel<ITEM>;
     getItemActive: MegaMenuNavBarPropGetItemActive<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemActive<ITEM>;
     getItemOnClick: MegaMenuNavBarPropGetItemOnClick<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemOnClick<ITEM>;
@@ -26,6 +35,6 @@ export declare const withDefaultGetters: <ITEM>(props: MegaMenuNavBarProps<ITEM>
     getItemIconRight: MegaMenuNavBarPropGetItemIconRight<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemIconRight<ITEM>;
     getItemAs: MegaMenuNavBarPropGetItemAs<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemAs<ITEM>;
     getItemAttributes: MegaMenuNavBarPropGetItemAttributes<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemAttributes<ITEM>;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

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

@@ -1,8 +1,8 @@
 import { IconComponent } from '@consta/icons/Icon';
 import { AsAttributes, AsTags } from '@consta/uikit/__internal__/src/utils/types/AsTags';
 import { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';
+import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
 export type MegaMenuNavBarDefaultItem = {
     label: string;
     iconLeft?: IconComponent;
@@ -37,7 +37,7 @@ export type MegaMenuNavBarProps<ITEM = MegaMenuNavBarDefaultItem> = PropsWithHTM
 } ? {} : {
     getItemLabel: MegaMenuNavBarPropGetItemLabel<ITEM>;
 }), HTMLDivElement>;
-export type MegaMenuNavBarComponent = <ITEM = MegaMenuNavBarDefaultItem>(props: MegaMenuNavBarProps<ITEM>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export type MegaMenuNavBarComponent = <ITEM = MegaMenuNavBarDefaultItem>(props: MegaMenuNavBarProps<ITEM>, ref: React.Ref<HTMLDivElement>) => React.ReactNode;
 export type MegaMenuNavBarItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<{
     label: string;
     active?: boolean;
@@ -45,4 +45,4 @@ export type MegaMenuNavBarItemProps<AS extends AsTags = 'div'> = PropsWithAsAttr
     iconLeft?: IconComponent;
     iconRight?: IconComponent;
 }, AS>;
-export type MegaMenuNavBarItemComponent = <AS extends AsTags = 'div'>(props: MegaMenuNavBarItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export type MegaMenuNavBarItemComponent = <AS extends AsTags = 'div'>(props: MegaMenuNavBarItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/MegaMenu/MegaMenuNavBar/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport {\n  AsAttributes,\n  AsTags,\n} from '@consta/uikit/__internal__/src/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type MegaMenuNavBarDefaultItem = {\n  label: string;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  active?: boolean;\n  as?: AsTags;\n  attributes?: AsAttributes;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type MegaMenuNavBarPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MegaMenuNavBarPropGetItemIconLeft<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type MegaMenuNavBarPropGetItemIconRight<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type MegaMenuNavBarPropGetItemActive<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type MegaMenuNavBarPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type MegaMenuNavBarPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type MegaMenuNavBarPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type MegaMenuNavBarPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MegaMenuNavBarProps<ITEM = MegaMenuNavBarDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: MegaMenuNavBarPropGetItemLabel<ITEM>;\n      getItemActive?: MegaMenuNavBarPropGetItemActive<ITEM>;\n      getItemOnClick?: MegaMenuNavBarPropGetItemOnClick<ITEM>;\n      getItemIconLeft?: MegaMenuNavBarPropGetItemIconLeft<ITEM>;\n      getItemIconRight?: MegaMenuNavBarPropGetItemIconRight<ITEM>;\n      getItemAs?: MegaMenuNavBarPropGetItemAs<ITEM>;\n      getItemAttributes?: MegaMenuNavBarPropGetItemAttributes<ITEM>;\n      onItemClick?: MegaMenuNavBarPropOnItemClick<ITEM>;\n    } & (ITEM extends { label: string }\n      ? {}\n      : {\n          getItemLabel: MegaMenuNavBarPropGetItemLabel<ITEM>;\n        }),\n    HTMLDivElement\n  >;\n\nexport type MegaMenuNavBarComponent = <ITEM = MegaMenuNavBarDefaultItem>(\n  props: MegaMenuNavBarProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport type MegaMenuNavBarItemProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      label: string;\n      active?: boolean;\n      onClick?: React.MouseEventHandler;\n      iconLeft?: IconComponent;\n      iconRight?: IconComponent;\n    },\n    AS\n  >;\n\nexport type MegaMenuNavBarItemComponent = <AS extends AsTags = 'div'>(\n  props: MegaMenuNavBarItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/MegaMenu/MegaMenuNavBar/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport {\n  AsAttributes,\n  AsTags,\n} from '@consta/uikit/__internal__/src/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\nimport React from 'react';\n\nexport type MegaMenuNavBarDefaultItem = {\n  label: string;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  active?: boolean;\n  as?: AsTags;\n  attributes?: AsAttributes;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type MegaMenuNavBarPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MegaMenuNavBarPropGetItemIconLeft<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type MegaMenuNavBarPropGetItemIconRight<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type MegaMenuNavBarPropGetItemActive<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type MegaMenuNavBarPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type MegaMenuNavBarPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type MegaMenuNavBarPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type MegaMenuNavBarPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type MegaMenuNavBarProps<ITEM = MegaMenuNavBarDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: MegaMenuNavBarPropGetItemLabel<ITEM>;\n      getItemActive?: MegaMenuNavBarPropGetItemActive<ITEM>;\n      getItemOnClick?: MegaMenuNavBarPropGetItemOnClick<ITEM>;\n      getItemIconLeft?: MegaMenuNavBarPropGetItemIconLeft<ITEM>;\n      getItemIconRight?: MegaMenuNavBarPropGetItemIconRight<ITEM>;\n      getItemAs?: MegaMenuNavBarPropGetItemAs<ITEM>;\n      getItemAttributes?: MegaMenuNavBarPropGetItemAttributes<ITEM>;\n      onItemClick?: MegaMenuNavBarPropOnItemClick<ITEM>;\n    } & (ITEM extends { label: string }\n      ? {}\n      : {\n          getItemLabel: MegaMenuNavBarPropGetItemLabel<ITEM>;\n        }),\n    HTMLDivElement\n  >;\n\nexport type MegaMenuNavBarComponent = <ITEM = MegaMenuNavBarDefaultItem>(\n  props: MegaMenuNavBarProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactNode;\n\nexport type MegaMenuNavBarItemProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      label: string;\n      active?: boolean;\n      onClick?: React.MouseEventHandler;\n      iconLeft?: IconComponent;\n      iconRight?: IconComponent;\n    },\n    AS\n  >;\n\nexport type MegaMenuNavBarItemComponent = <AS extends AsTags = 'div'>(\n  props: MegaMenuNavBarItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactNode;\n"],"mappings":""}