@consta/header 1.2.1 → 2.1.0

package/__internal__/src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/MegaMenuGlobalGroup.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","title","getItemAs","getItemAttributes","getItemLabel","getItemOnClick","getItemGroupId","className","onClick","maxElements","showButtonText","hideButtonText","onItemClick"];import"./MegaMenuGlobalGroup.css";import{IconArrowDown}from"@consta/icons/IconArrowDown";import{Button}from"@consta/uikit/Button";import{List,ListBox}from"@consta/uikit/ListCanary";import{Text}from"@consta/uikit/Text";import{useFlag}from"@consta/uikit/useFlag";import React,{forwardRef,useMemo}from"react";import{getItemClick}from"../../../../helpers/getItemClick";import{cn}from"../../../../utils/bem";const cnMegaMenuGlobalGroup=cn("MegaMenuGlobalGroup"),MegaMenuGlobalGroupRender=(a,b)=>{const{items:c,title:d,getItemAs:e,getItemAttributes:f,getItemLabel:g,getItemOnClick:h,getItemGroupId:i,className:j,onClick:k,maxElements:l,showButtonText:m,hideButtonText:n,onItemClick:o}=a,p=_objectWithoutProperties(a,_excluded),[q,r]=useFlag(),s=0<(null!==l&&void 0!==l?l:0)?l:void 0,t=useMemo(()=>s?q?c:c.slice(0,s):c,[q,s,c]);return React.createElement("div",Object.assign({ref:b,className:cnMegaMenuGlobalGroup(null,[j])},p),d&&React.createElement(Text,{onClick:k,className:cnMegaMenuGlobalGroup("Title",{clickable:!!k}),size:"m",lineHeight:"m",weight:"bold"},d),React.createElement(ListBox,{className:cnMegaMenuGlobalGroup("Content")},React.createElement(List,{items:t,size:"m",itemSpase:{p:0},getItemLabel:g,getItemAs:e,getItemAttributes:f,getItemOnClick:a=>getItemClick(a,h,o),getItemAdditionalClassName:()=>cnMegaMenuGlobalGroup("Item")})),s&&s<c.length&&React.createElement(Button,{label:q?n:m,size:"s",view:"clear",onClick:r.toggle,iconRight:IconArrowDown,className:cnMegaMenuGlobalGroup("Button",{open:q})}))};export const MegaMenuGlobalGroup=forwardRef(MegaMenuGlobalGroupRender);
+//# sourceMappingURL=MegaMenuGlobalGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MegaMenuGlobalGroup.js","names":["IconArrowDown","Button","List","ListBox","Text","useFlag","React","forwardRef","useMemo","getItemClick","cn","cnMegaMenuGlobalGroup","MegaMenuGlobalGroupRender","props","ref","items","itemsProp","title","getItemAs","getItemAttributes","getItemLabel","getItemOnClick","getItemGroupId","className","onClick","maxElements","maxElementsProp","showButtonText","hideButtonText","onItemClick","otherProps","_objectWithoutProperties","_excluded","showList","setShowList","slice","createElement","Object","assign","clickable","size","lineHeight","weight","itemSpase","p","item","getItemAdditionalClassName","length","label","view","toggle","iconRight","open","MegaMenuGlobalGroup"],"sources":["../../../../../../../src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/MegaMenuGlobalGroup.tsx"],"sourcesContent":["import './MegaMenuGlobalGroup.css';\n\nimport { IconArrowDown } from '@consta/icons/IconArrowDown';\nimport { Button } from '@consta/uikit/Button';\nimport { List, ListBox } from '@consta/uikit/ListCanary';\nimport { Text } from '@consta/uikit/Text';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport {\n  MegaMenuGlobalGroupComponent,\n  MegaMenuGlobalGroupProps,\n} from '../types';\n\nconst cnMegaMenuGlobalGroup = cn('MegaMenuGlobalGroup');\n\nconst MegaMenuGlobalGroupRender = (\n  props: MegaMenuGlobalGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items: itemsProp,\n    title,\n    getItemAs,\n    getItemAttributes,\n    getItemLabel,\n    getItemOnClick,\n    getItemGroupId,\n    className,\n    onClick,\n    maxElements: maxElementsProp,\n    showButtonText,\n    hideButtonText,\n    onItemClick,\n    ...otherProps\n  } = props;\n  const [showList, setShowList] = useFlag();\n\n  const maxElements = (maxElementsProp ?? 0) > 0 ? maxElementsProp : undefined;\n\n  const items = useMemo(() => {\n    if (!maxElements) {\n      return itemsProp;\n    }\n    return showList ? itemsProp : itemsProp.slice(0, maxElements);\n  }, [showList, maxElements, itemsProp]);\n\n  return (\n    <div\n      ref={ref}\n      className={cnMegaMenuGlobalGroup(null, [className])}\n      {...otherProps}\n    >\n      {title && (\n        <Text\n          onClick={onClick}\n          className={cnMegaMenuGlobalGroup('Title', { clickable: !!onClick })}\n          size=\"m\"\n          lineHeight=\"m\"\n          weight=\"bold\"\n        >\n          {title}\n        </Text>\n      )}\n      <ListBox className={cnMegaMenuGlobalGroup('Content')}>\n        <List\n          items={items}\n          size=\"m\"\n          itemSpase={{ p: 0 }}\n          getItemLabel={getItemLabel}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemAttributes}\n          getItemOnClick={(item) =>\n            getItemClick(item, getItemOnClick, onItemClick)\n          }\n          getItemAdditionalClassName={() => cnMegaMenuGlobalGroup('Item')}\n        />\n      </ListBox>\n      {maxElements && maxElements < itemsProp.length && (\n        <Button\n          label={showList ? hideButtonText : showButtonText}\n          size=\"s\"\n          view=\"clear\"\n          onClick={setShowList.toggle}\n          iconRight={IconArrowDown}\n          className={cnMegaMenuGlobalGroup('Button', { open: showList })}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const MegaMenuGlobalGroup = forwardRef(\n  MegaMenuGlobalGroupRender,\n) as MegaMenuGlobalGroupComponent;\n"],"mappings":"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"}

package/__internal__/src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './MegaMenuGlobalGroup';

package/__internal__/src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/index.js

@@ -0,0 +1,2 @@
+export*from"./MegaMenuGlobalGroup";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/index.ts"],"sourcesContent":["export * from './MegaMenuGlobalGroup';\n"],"mappings":"AAAA"}

package/__internal__/src/components/{GlobalMenu → MegaMenu/MegaMenuGlobal}/helper.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
-import { GlobalMenuDefaultGroup, GlobalMenuDefaultItem, GlobalMenuPropGetGroupId, GlobalMenuPropGetGroupLabel, GlobalMenuPropGetGroupOnClick, GlobalMenuPropGetItemAs, GlobalMenuPropGetItemAttributes, GlobalMenuPropGetItemGroupId, GlobalMenuPropGetItemLabel, GlobalMenuPropGetItemOnClick, GlobalMenuProps } from './types';
-export declare const withDefaultGetters: (props: GlobalMenuProps) => {
-    getItemLabel: GlobalMenuPropGetItemLabel<GlobalMenuDefaultItem>;
-    getItemGroupId: GlobalMenuPropGetItemGroupId<GlobalMenuDefaultItem>;
-    getItemOnClick: GlobalMenuPropGetItemOnClick<GlobalMenuDefaultItem>;
-    getItemAs: GlobalMenuPropGetItemAs<GlobalMenuDefaultItem>;
-    getItemAttributes: GlobalMenuPropGetItemAttributes<GlobalMenuDefaultItem>;
-    getGroupKey: GlobalMenuPropGetGroupId<GlobalMenuDefaultGroup>;
-    getGroupLabel: GlobalMenuPropGetGroupLabel<GlobalMenuDefaultGroup>;
-    getGroupOnClick: GlobalMenuPropGetGroupOnClick<GlobalMenuDefaultGroup>;
-    items: GlobalMenuDefaultItem[];
-    groups?: GlobalMenuDefaultGroup[] | undefined;
+import { MegaMenuGlobalDefaultGroup, MegaMenuGlobalDefaultItem, MegaMenuGlobalPropGetGroupId, MegaMenuGlobalPropGetGroupLabel, MegaMenuGlobalPropGetGroupOnClick, MegaMenuGlobalPropGetItemAs, MegaMenuGlobalPropGetItemAttributes, MegaMenuGlobalPropGetItemGroupId, MegaMenuGlobalPropGetItemLabel, MegaMenuGlobalPropGetItemOnClick, MegaMenuGlobalProps } from './types';
+export declare const withDefaultGetters: (props: MegaMenuGlobalProps) => {
+    getItemLabel: MegaMenuGlobalPropGetItemLabel<MegaMenuGlobalDefaultItem>;
+    getItemGroupId: MegaMenuGlobalPropGetItemGroupId<MegaMenuGlobalDefaultItem>;
+    getItemOnClick: MegaMenuGlobalPropGetItemOnClick<MegaMenuGlobalDefaultItem>;
+    getItemAs: MegaMenuGlobalPropGetItemAs<MegaMenuGlobalDefaultItem>;
+    getItemAttributes: MegaMenuGlobalPropGetItemAttributes<MegaMenuGlobalDefaultItem>;
+    getGroupKey: MegaMenuGlobalPropGetGroupId<MegaMenuGlobalDefaultGroup>;
+    getGroupLabel: MegaMenuGlobalPropGetGroupLabel<MegaMenuGlobalDefaultGroup>;
+    getGroupOnClick: MegaMenuGlobalPropGetGroupOnClick<MegaMenuGlobalDefaultGroup>;
+    items: MegaMenuGlobalDefaultItem[];
+    groups?: MegaMenuGlobalDefaultGroup[] | undefined;
     maxElements?: number | undefined;
-    onGroupClick?: import("./types").GlobalMenuPropOnGroupClick<GlobalMenuDefaultGroup> | undefined;
-    onItemClick?: import("./types").GlobalMenuPropOnItemClick<GlobalMenuDefaultItem> | undefined;
+    onGroupClick?: import("./types").MegaMenuGlobalPropOnGroupClick<MegaMenuGlobalDefaultGroup> | undefined;
+    onItemClick?: import("./types").MegaMenuGlobalPropOnItemClick<MegaMenuGlobalDefaultItem> | undefined;
     columns?: number | undefined;
     title?: string | undefined;
     showButtonText?: string | undefined;

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":["defaultGetItemLabel","item","label","defaultGetItemOnClick","onClick","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemGroupId","groupId","defaultGetGroupId","group","id","defaultGetGroupLabel","defaultGetGroupOnClick","withDefaultGetters","props","_objectSpread","getItemLabel","getItemGroupId","getItemOnClick","getItemAs","getItemAttributes","getGroupKey","getGroupLabel","getGroupOnClick"],"sources":["../../../../../../src/components/MegaMenu/MegaMenuGlobal/helper.ts"],"sourcesContent":["import {\n  MegaMenuGlobalDefaultGroup,\n  MegaMenuGlobalDefaultItem,\n  MegaMenuGlobalPropGetGroupId,\n  MegaMenuGlobalPropGetGroupLabel,\n  MegaMenuGlobalPropGetGroupOnClick,\n  MegaMenuGlobalPropGetItemAs,\n  MegaMenuGlobalPropGetItemAttributes,\n  MegaMenuGlobalPropGetItemGroupId,\n  MegaMenuGlobalPropGetItemLabel,\n  MegaMenuGlobalPropGetItemOnClick,\n  MegaMenuGlobalProps,\n} from './types';\n\nconst defaultGetItemLabel: MegaMenuGlobalPropGetItemLabel<\n  MegaMenuGlobalDefaultItem\n> = (item) => item.label;\nconst defaultGetItemOnClick: MegaMenuGlobalPropGetItemOnClick<\n  MegaMenuGlobalDefaultItem\n> = (item) => item.onClick;\nconst defaultGetItemAs: MegaMenuGlobalPropGetItemAs<\n  MegaMenuGlobalDefaultItem\n> = (item) => item.as;\nconst defaultGetItemAttributes: MegaMenuGlobalPropGetItemAttributes<\n  MegaMenuGlobalDefaultItem\n> = (item) => item.attributes;\nconst defaultGetItemGroupId: MegaMenuGlobalPropGetItemGroupId<\n  MegaMenuGlobalDefaultItem\n> = (item) => item.groupId;\n\nconst defaultGetGroupId: MegaMenuGlobalPropGetGroupId<\n  MegaMenuGlobalDefaultGroup\n> = (group) => group.id;\nconst defaultGetGroupLabel: MegaMenuGlobalPropGetGroupLabel<\n  MegaMenuGlobalDefaultGroup\n> = (group) => group.label;\nconst defaultGetGroupOnClick: MegaMenuGlobalPropGetGroupOnClick<\n  MegaMenuGlobalDefaultGroup\n> = (group) => group.onClick;\n\nexport const withDefaultGetters = (props: MegaMenuGlobalProps) => {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemGroupId: props.getItemGroupId || defaultGetItemGroupId,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n    getGroupKey: props.getGroupKey || defaultGetGroupId,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getGroupOnClick: props.getGroupOnClick || defaultGetGroupOnClick,\n  };\n};\n"],"mappings":"0qBAcM,CAAAA,mBAEL,CAAIC,CAAI,EAAKA,CAAI,CAACC,KAAK,CAClBC,qBAEL,CAAIF,CAAI,EAAKA,CAAI,CAACG,OAAO,CACpBC,gBAEL,CAAIJ,CAAI,EAAKA,CAAI,CAACK,EAAE,CACfC,wBAEL,CAAIN,CAAI,EAAKA,CAAI,CAACO,UAAU,CACvBC,qBAEL,CAAIR,CAAI,EAAKA,CAAI,CAACS,OAAO,CAEpBC,iBAEL,CAAIC,CAAK,EAAKA,CAAK,CAACC,EAAE,CACjBC,oBAEL,CAAIF,CAAK,EAAKA,CAAK,CAACV,KAAK,CACpBa,sBAEL,CAAIH,CAAK,EAAKA,CAAK,CAACR,OAAO,CAE5B,MAAO,MAAM,CAAAY,kBAAkB,CAAIC,CAA0B,EAAAC,aAAA,CAAAA,aAAA,IAEtDD,CAAK,MACRE,YAAY,CAAEF,CAAK,CAACE,YAAY,EAAInB,mBAAmB,CACvDoB,cAAc,CAAEH,CAAK,CAACG,cAAc,EAAIX,qBAAqB,CAC7DY,cAAc,CAAEJ,CAAK,CAACI,cAAc,EAAIlB,qBAAqB,CAC7DmB,SAAS,CAAEL,CAAK,CAACK,SAAS,EAAIjB,gBAAgB,CAC9CkB,iBAAiB,CAAEN,CAAK,CAACM,iBAAiB,EAAIhB,wBAAwB,CACtEiB,WAAW,CAAEP,CAAK,CAACO,WAAW,EAAIb,iBAAiB,CACnDc,aAAa,CAAER,CAAK,CAACQ,aAAa,EAAIX,oBAAoB,CAC1DY,eAAe,CAAET,CAAK,CAACS,eAAe,EAAIX,sBAAsB,EAEnE"}

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

@@ -0,0 +1,2 @@
+export * from './MegaMenuGlobal';
+export * from './MegaMenuGlobalGroup';

package/__internal__/src/components/MegaMenu/MegaMenuGlobal/index.js

@@ -0,0 +1,2 @@
+export*from"./MegaMenuGlobal";export*from"./MegaMenuGlobalGroup";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/MegaMenu/MegaMenuGlobal/index.ts"],"sourcesContent":["export * from './MegaMenuGlobal';\nexport * from './MegaMenuGlobalGroup';\n"],"mappings":"AAAA,8BACA"}

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

@@ -0,0 +1,76 @@
+import { AsAttributes, AsTags } from '@consta/uikit/__internal__/src/utils/types/AsTags';
+import { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+export type MegaMenuGlobalDefaultItem = {
+    as?: AsTags;
+    attributes?: AsAttributes;
+    onClick?: React.MouseEventHandler;
+    label: string;
+    groupId?: string | number;
+};
+export type MegaMenuGlobalDefaultGroup = {
+    label: string;
+    id?: string | number;
+    onClick?: React.MouseEventHandler;
+};
+export type MegaMenuGlobalPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export type MegaMenuGlobalPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
+export type MegaMenuGlobalPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export type MegaMenuGlobalPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type MegaMenuGlobalPropGetItemGroupId<ITEM> = (item: ITEM) => string | number | undefined;
+export type MegaMenuGlobalPropGetGroupId<ITEM> = (item: ITEM) => number | string | undefined;
+export type MegaMenuGlobalPropGetGroupLabel<ITEM> = (item: ITEM) => string;
+export type MegaMenuGlobalPropGetGroupOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export type MegaMenuGlobalPropOnItemClick<ITEM> = (params: {
+    e: React.MouseEvent;
+    item: ITEM;
+}) => void;
+export type MegaMenuGlobalPropOnGroupClick<GROUP> = (params: {
+    e: React.MouseEvent;
+    group: GROUP;
+}) => void;
+export type MappersItem<ITEM = MegaMenuGlobalDefaultItem> = {
+    getItemLabel?: MegaMenuGlobalPropGetItemLabel<ITEM>;
+    getItemAs?: MegaMenuGlobalPropGetItemAs<ITEM>;
+    getItemGroupId?: MegaMenuGlobalPropGetItemGroupId<ITEM>;
+    getItemAttributes?: MegaMenuGlobalPropGetItemAttributes<ITEM>;
+    getItemOnClick?: MegaMenuGlobalPropGetItemOnClick<ITEM>;
+};
+export type MegaMenuGlobalProps<ITEM = MegaMenuGlobalDefaultItem, GROUP = MegaMenuGlobalDefaultGroup> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    groups?: GROUP[];
+    getGroupKey?: MegaMenuGlobalPropGetGroupId<GROUP>;
+    getGroupLabel?: MegaMenuGlobalPropGetGroupLabel<GROUP>;
+    getGroupOnClick?: MegaMenuGlobalPropGetGroupOnClick<GROUP>;
+    maxElements?: number;
+    onGroupClick?: MegaMenuGlobalPropOnGroupClick<GROUP>;
+    onItemClick?: MegaMenuGlobalPropOnItemClick<ITEM>;
+    columns?: number;
+    title?: string;
+    showButtonText?: string;
+    hideButtonText?: string;
+} & MappersItem<ITEM> & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: MegaMenuGlobalPropGetItemLabel<ITEM>;
+}) & (GROUP extends {
+    label: string | unknown;
+} ? {} : {
+    getGroupLabel: MegaMenuGlobalPropGetGroupLabel<GROUP>;
+}), HTMLDivElement>;
+export type MegaMenuGlobalComponent = <ITEM = MegaMenuGlobalDefaultItem, GROUP = MegaMenuGlobalDefaultGroup>(props: MegaMenuGlobalProps<ITEM, GROUP>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export type MegaMenuGlobalGroupProps<ITEM = MegaMenuGlobalDefaultItem> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    title?: string;
+    maxElements?: number;
+    onItemClick?: MegaMenuGlobalPropOnItemClick<ITEM>;
+    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 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;

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

@@ -0,0 +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> = (params: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\n\nexport type MegaMenuGlobalPropOnGroupClick<GROUP> = (params: {\n  e: React.MouseEvent;\n  group: GROUP;\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":""}

package/__internal__/src/components/MegaMenu/MegaMenuNavBar/MegaMenuNavBar.css

@@ -0,0 +1 @@
+.che--MegaMenuNavBar.ListBox{background:var(--color-bg-default);border-right:1px solid var(--color-bg-border);box-sizing:border-box;height:100%;width:100%}.che--MegaMenuNavBar-Item.ListItemGrid{color:var(--color-control-typo-clear);line-height:var(--line-height-text-2xs)}.che--MegaMenuNavBar-Item.ListItemGrid:hover{background:var(--color-control-bg-ghost-hover)}.che--MegaMenuNavBar-Item.ListItemGrid.che--MegaMenuNavBar-Item_active{background:var(--color-control-bg-ghost);color:var(--color-control-typo-ghost)}

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

@@ -0,0 +1,3 @@
+import './MegaMenuNavBar.css';
+import { MegaMenuNavBarComponent } from './types';
+export declare const MegaMenuNavBar: MegaMenuNavBarComponent;

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","onItemClick","getItemActive","getItemIconLeft","getItemIconRight","getItemLabel","getItemOnClick","getItemAs","getItemAttributes","className"];import"./MegaMenuNavBar.css";import{List,ListBox}from"@consta/uikit/ListCanary";import{cnMixSpace}from"@consta/uikit/MixSpace";import React,{forwardRef}from"react";import{getItemClick}from"../../../helpers/getItemClick";import{cn}from"../../../utils/bem";import{withDefaultGetters}from"./helper";const cnMegaMenuNavBar=cn("MegaMenuNavBar"),MegaMenuNavBarRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,onItemClick:e,getItemActive:f,getItemIconLeft:g,getItemIconRight:h,getItemLabel:i,getItemOnClick:j,getItemAs:k,getItemAttributes:l,className:m}=c,n=_objectWithoutProperties(c,_excluded);return React.createElement(ListBox,Object.assign({ref:b,className:cnMegaMenuNavBar(null,[m,cnMixSpace({pV:"2xl"})])},n),React.createElement(List,{items:d,size:"m",getItemLabel:i,getItemActive:f,getItemLeftIcon:g,getItemRightIcon:h,getItemOnClick:a=>getItemClick(a,j,e),getItemAs:k,itemSpase:{pV:"s",pH:"l"},getItemAttributes:l,getItemAdditionalClassName:a=>cnMegaMenuNavBar("Item",{active:f(a)})}))};export const MegaMenuNavBar=forwardRef(MegaMenuNavBarRender);
+//# sourceMappingURL=MegaMenuNavBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MegaMenuNavBar.js","names":["List","ListBox","cnMixSpace","React","forwardRef","getItemClick","cn","withDefaultGetters","cnMegaMenuNavBar","MegaMenuNavBarRender","props","ref","c","items","onItemClick","getItemActive","getItemIconLeft","getItemIconRight","getItemLabel","getItemOnClick","getItemOnClickProp","getItemAs","getItemAttributes","className","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","pV","size","getItemLeftIcon","getItemRightIcon","item","itemSpase","pH","getItemAdditionalClassName","active","MegaMenuNavBar"],"sources":["../../../../../../src/components/MegaMenu/MegaMenuNavBar/MegaMenuNavBar.tsx"],"sourcesContent":["import './MegaMenuNavBar.css';\n\nimport { List, ListBox } from '@consta/uikit/ListCanary';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport React, { forwardRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helper';\nimport { MegaMenuNavBarComponent, MegaMenuNavBarProps } from './types';\n\nconst cnMegaMenuNavBar = cn('MegaMenuNavBar');\n\nconst MegaMenuNavBarRender = (\n  props: MegaMenuNavBarProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    onItemClick,\n    getItemActive,\n    getItemIconLeft,\n    getItemIconRight,\n    getItemLabel,\n    getItemOnClick: getItemOnClickProp,\n    getItemAs,\n    getItemAttributes,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  return (\n    <ListBox\n      ref={ref}\n      className={cnMegaMenuNavBar(null, [\n        className,\n        cnMixSpace({\n          pV: '2xl',\n        }),\n      ])}\n      {...otherProps}\n    >\n      <List\n        items={items}\n        size=\"m\"\n        getItemLabel={getItemLabel}\n        getItemActive={getItemActive}\n        getItemLeftIcon={getItemIconLeft}\n        getItemRightIcon={getItemIconRight}\n        getItemOnClick={(item) =>\n          getItemClick(item, getItemOnClickProp, onItemClick)\n        }\n        getItemAs={getItemAs}\n        itemSpase={{ pV: 's', pH: 'l' }}\n        getItemAttributes={getItemAttributes}\n        getItemAdditionalClassName={(item) =>\n          cnMegaMenuNavBar('Item', { active: getItemActive(item) })\n        }\n      />\n    </ListBox>\n  );\n};\n\nexport const MegaMenuNavBar = forwardRef(\n  MegaMenuNavBarRender,\n) as MegaMenuNavBarComponent;\n"],"mappings":"8PAAA,6BAEA,OAASA,IAAI,CAAEC,OAAO,KAAQ,0BAA0B,CACxD,OAASC,UAAU,KAAQ,wBAAwB,CACnD,MAAO,CAAAC,KAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,YAAY,qCACrB,OAASC,EAAE,0BAEX,OAASC,kBAAkB,gBAAmB,KAGxC,CAAAC,gBAAgB,CAAGF,EAAE,CAAC,gBAAgB,CAAC,CAEvCG,oBAAoB,CAAGA,CAC3BC,CAA0B,CAC1BC,CAA8B,GAC3B,CACH,MAAAC,CAAA,CAYIL,kBAAkB,CAACG,CAAK,CAAC,CAZvB,CACJG,KAAK,CAALA,CAAK,CACLC,WAAW,CAAXA,CAAW,CACXC,aAAa,CAAbA,CAAa,CACbC,eAAe,CAAfA,CAAe,CACfC,gBAAgB,CAAhBA,CAAgB,CAChBC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAEC,CAAkB,CAClCC,SAAS,CAATA,CAAS,CACTC,iBAAiB,CAAjBA,CAAiB,CACjBC,SAAS,CAATA,CAEF,CAAC,CAAAX,CAAA,CADIY,CAAU,CAAAC,wBAAA,CAAAb,CAAA,CAAAc,SAAA,EAGf,MACE,CAAAvB,KAAA,CAAAwB,aAAA,CAAC1B,OAAO,CAAA2B,MAAA,CAAAC,MAAA,EACNlB,GAAG,CAAEA,CAAI,CACTY,SAAS,CAAEf,gBAAgB,CAAC,IAAI,CAAE,CAChCe,CAAS,CACTrB,UAAU,CAAC,CACT4B,EAAE,CAAE,KACN,CAAC,CAAC,CACH,CAAE,EACCN,CAAU,EAEdrB,KAAA,CAAAwB,aAAA,CAAC3B,IAAI,EACHa,KAAK,CAAEA,CAAM,CACbkB,IAAI,CAAC,GAAG,CACRb,YAAY,CAAEA,CAAa,CAC3BH,aAAa,CAAEA,CAAc,CAC7BiB,eAAe,CAAEhB,CAAgB,CACjCiB,gBAAgB,CAAEhB,CAAiB,CACnCE,cAAc,CAAGe,CAAI,EACnB7B,YAAY,CAAC6B,CAAI,CAAEd,CAAkB,CAAEN,CAAW,CACnD,CACDO,SAAS,CAAEA,CAAU,CACrBc,SAAS,CAAE,CAAEL,EAAE,CAAE,GAAG,CAAEM,EAAE,CAAE,GAAI,CAAE,CAChCd,iBAAiB,CAAEA,CAAkB,CACrCe,0BAA0B,CAAGH,CAAI,EAC/B1B,gBAAgB,CAAC,MAAM,CAAE,CAAE8B,MAAM,CAAEvB,CAAa,CAACmB,CAAI,CAAE,CAAC,CACzD,CACF,CACM,CAEb,CAAC,CAED,MAAO,MAAM,CAAAK,cAAc,CAAGnC,UAAU,CACtCK,oBACF,CAA4B"}

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MegaMenuNavBarDefaultItem, MegaMenuNavBarPropGetItemActive, MegaMenuNavBarPropGetItemAs, MegaMenuNavBarPropGetItemAttributes, MegaMenuNavBarPropGetItemIconLeft, MegaMenuNavBarPropGetItemIconRight, MegaMenuNavBarPropGetItemLabel, MegaMenuNavBarPropGetItemOnClick, MegaMenuNavBarProps } from './types';
+export declare const withDefaultGetters: <ITEM>(props: MegaMenuNavBarProps<ITEM>) => {
+    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>;
+}) & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemLabel" | "getItemOnClick" | "getItemAs" | "getItemAttributes" | "getItemIconLeft" | "getItemActive" | "getItemIconRight" | keyof (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: MegaMenuNavBarPropGetItemLabel<ITEM>;
+})> & {
+    getItemLabel: MegaMenuNavBarPropGetItemLabel<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemLabel<ITEM>;
+    getItemActive: MegaMenuNavBarPropGetItemActive<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemActive<ITEM>;
+    getItemOnClick: MegaMenuNavBarPropGetItemOnClick<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemOnClick<ITEM>;
+    getItemIconLeft: MegaMenuNavBarPropGetItemIconLeft<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemIconLeft<ITEM>;
+    getItemIconRight: MegaMenuNavBarPropGetItemIconRight<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemIconRight<ITEM>;
+    getItemAs: MegaMenuNavBarPropGetItemAs<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemAs<ITEM>;
+    getItemAttributes: MegaMenuNavBarPropGetItemAttributes<MegaMenuNavBarDefaultItem> | MegaMenuNavBarPropGetItemAttributes<ITEM>;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemOnClick","onClick","defaultGetItemIconLeft","iconLeft","defaultGetItemIconRight","iconRight","defaultGetItemAs","as","defaultGetItemAttributes","attributes","withDefaultGetters","props","_objectSpread","getItemLabel","getItemActive","getItemOnClick","getItemIconLeft","getItemIconRight","getItemAs","getItemAttributes"],"sources":["../../../../../../src/components/MegaMenu/MegaMenuNavBar/helper.ts"],"sourcesContent":["import {\n  MegaMenuNavBarDefaultItem,\n  MegaMenuNavBarPropGetItemActive,\n  MegaMenuNavBarPropGetItemAs,\n  MegaMenuNavBarPropGetItemAttributes,\n  MegaMenuNavBarPropGetItemIconLeft,\n  MegaMenuNavBarPropGetItemIconRight,\n  MegaMenuNavBarPropGetItemLabel,\n  MegaMenuNavBarPropGetItemOnClick,\n  MegaMenuNavBarProps,\n} from './types';\n\nconst defaultGetItemLabel: MegaMenuNavBarPropGetItemLabel<\n  MegaMenuNavBarDefaultItem\n> = (item) => item.label;\nconst defaultGetItemActive: MegaMenuNavBarPropGetItemActive<\n  MegaMenuNavBarDefaultItem\n> = (item) => item.active;\nconst defaultGetItemOnClick: MegaMenuNavBarPropGetItemOnClick<\n  MegaMenuNavBarDefaultItem\n> = (item) => item.onClick;\nconst defaultGetItemIconLeft: MegaMenuNavBarPropGetItemIconLeft<\n  MegaMenuNavBarDefaultItem\n> = (item) => item.iconLeft;\nconst defaultGetItemIconRight: MegaMenuNavBarPropGetItemIconRight<\n  MegaMenuNavBarDefaultItem\n> = (item) => item.iconRight;\nconst defaultGetItemAs: MegaMenuNavBarPropGetItemAs<\n  MegaMenuNavBarDefaultItem\n> = (item) => item.as;\nconst defaultGetItemAttributes: MegaMenuNavBarPropGetItemAttributes<\n  MegaMenuNavBarDefaultItem\n> = (item) => item.attributes;\n\nexport const withDefaultGetters = <ITEM>(props: MegaMenuNavBarProps<ITEM>) => {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemActive: props.getItemActive || defaultGetItemActive,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemIconLeft: props.getItemIconLeft || defaultGetItemIconLeft,\n    getItemIconRight: props.getItemIconRight || defaultGetItemIconRight,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n  };\n};\n"],"mappings":"0qBAYM,CAAAA,mBAEL,CAAIC,CAAI,EAAKA,CAAI,CAACC,KAAK,CAClBC,oBAEL,CAAIF,CAAI,EAAKA,CAAI,CAACG,MAAM,CACnBC,qBAEL,CAAIJ,CAAI,EAAKA,CAAI,CAACK,OAAO,CACpBC,sBAEL,CAAIN,CAAI,EAAKA,CAAI,CAACO,QAAQ,CACrBC,uBAEL,CAAIR,CAAI,EAAKA,CAAI,CAACS,SAAS,CACtBC,gBAEL,CAAIV,CAAI,EAAKA,CAAI,CAACW,EAAE,CACfC,wBAEL,CAAIZ,CAAI,EAAKA,CAAI,CAACa,UAAU,CAE7B,MAAO,MAAM,CAAAC,kBAAkB,CAAUC,CAAgC,EAAAC,aAAA,CAAAA,aAAA,IAElED,CAAK,MACRE,YAAY,CAAEF,CAAK,CAACE,YAAY,EAAIlB,mBAAmB,CACvDmB,aAAa,CAAEH,CAAK,CAACG,aAAa,EAAIhB,oBAAoB,CAC1DiB,cAAc,CAAEJ,CAAK,CAACI,cAAc,EAAIf,qBAAqB,CAC7DgB,eAAe,CAAEL,CAAK,CAACK,eAAe,EAAId,sBAAsB,CAChEe,gBAAgB,CAAEN,CAAK,CAACM,gBAAgB,EAAIb,uBAAuB,CACnEc,SAAS,CAAEP,CAAK,CAACO,SAAS,EAAIZ,gBAAgB,CAC9Ca,iBAAiB,CAAER,CAAK,CAACQ,iBAAiB,EAAIX,wBAAwB,EAEzE"}

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

@@ -0,0 +1 @@
+export * from './MegaMenuNavBar';

package/__internal__/src/components/MegaMenu/MegaMenuNavBar/index.js

@@ -0,0 +1,2 @@
+export*from"./MegaMenuNavBar";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/MegaMenu/MegaMenuNavBar/index.ts"],"sourcesContent":["export * from './MegaMenuNavBar';\n"],"mappings":"AAAA"}

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

@@ -0,0 +1,49 @@
+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 React from 'react';
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+export type MegaMenuNavBarDefaultItem = {
+    label: string;
+    iconLeft?: IconComponent;
+    iconRight?: IconComponent;
+    active?: boolean;
+    as?: AsTags;
+    attributes?: AsAttributes;
+    onClick?: React.MouseEventHandler;
+};
+export type MegaMenuNavBarPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type MegaMenuNavBarPropGetItemIconLeft<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type MegaMenuNavBarPropGetItemIconRight<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type MegaMenuNavBarPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
+export type MegaMenuNavBarPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export type MegaMenuNavBarPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export type MegaMenuNavBarPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
+export type MegaMenuNavBarPropOnItemClick<ITEM> = (params: {
+    e: React.MouseEvent;
+    item: ITEM;
+}) => void;
+export type MegaMenuNavBarProps<ITEM = MegaMenuNavBarDefaultItem> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    getItemLabel?: MegaMenuNavBarPropGetItemLabel<ITEM>;
+    getItemActive?: MegaMenuNavBarPropGetItemActive<ITEM>;
+    getItemOnClick?: MegaMenuNavBarPropGetItemOnClick<ITEM>;
+    getItemIconLeft?: MegaMenuNavBarPropGetItemIconLeft<ITEM>;
+    getItemIconRight?: MegaMenuNavBarPropGetItemIconRight<ITEM>;
+    getItemAs?: MegaMenuNavBarPropGetItemAs<ITEM>;
+    getItemAttributes?: MegaMenuNavBarPropGetItemAttributes<ITEM>;
+    onItemClick?: MegaMenuNavBarPropOnItemClick<ITEM>;
+} & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: MegaMenuNavBarPropGetItemLabel<ITEM>;
+}), HTMLDivElement>;
+export type MegaMenuNavBarComponent = <ITEM = MegaMenuNavBarDefaultItem>(props: MegaMenuNavBarProps<ITEM>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export type MegaMenuNavBarItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<{
+    label: string;
+    active?: boolean;
+    onClick?: React.MouseEventHandler;
+    iconLeft?: IconComponent;
+    iconRight?: IconComponent;
+}, AS>;
+export type MegaMenuNavBarItemComponent = <AS extends AsTags = 'div'>(props: MegaMenuNavBarItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;

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

@@ -0,0 +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> = (params: {\n  e: React.MouseEvent;\n  item: ITEM;\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":""}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BannerBarDefaultItem, BannerBarPropGetItemAs, BannerBarPropGetItemAttributes, BannerBarPropGetItemDescription, BannerBarPropGetItemImage, BannerBarPropGetItemLabel, BannerBarPropGetItemOnClick } from '../BannerBar/types';
+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) => {
     getItemKey: MegaMenuPropGetItemKey<MegaMenuDefaultItem>;
@@ -9,13 +9,13 @@ export declare const withDefaultGetters: (props: MegaMenuProps) => {
     getItemOnClick: MegaMenuPropGetItemOnClick<MegaMenuDefaultItem>;
     getItemIconLeft: MegaMenuPropGetItemIconLeft<MegaMenuDefaultItem>;
     getItemSubMenu: MegaMenuPropGetItemSubMenu<MegaMenuDefaultItem>;
-    getBannerAs: BannerBarPropGetItemAs<BannerBarDefaultItem>;
-    getBannerAttributes: BannerBarPropGetItemAttributes<BannerBarDefaultItem>;
-    getBannerLabel: BannerBarPropGetItemLabel<BannerBarDefaultItem>;
-    getBannerOnClick: BannerBarPropGetItemOnClick<BannerBarDefaultItem>;
-    getBannerImage: BannerBarPropGetItemImage<BannerBarDefaultItem>;
-    getBannerDescription: BannerBarPropGetItemDescription<BannerBarDefaultItem>;
-    banners?: BannerBarDefaultItem[] | undefined;
+    getBannerAs: MegaMenuBannerBarPropGetItemAs<MegaMenuBannerBarDefaultItem>;
+    getBannerAttributes: MegaMenuBannerBarPropGetItemAttributes<MegaMenuBannerBarDefaultItem>;
+    getBannerLabel: MegaMenuBannerBarPropGetItemLabel<MegaMenuBannerBarDefaultItem>;
+    getBannerOnClick: MegaMenuBannerBarPropGetItemOnClick<MegaMenuBannerBarDefaultItem>;
+    getBannerImage: MegaMenuBannerBarPropGetItemImage<MegaMenuBannerBarDefaultItem>;
+    getBannerDescription: MegaMenuBannerBarPropGetItemDescription<MegaMenuBannerBarDefaultItem>;
+    banners?: MegaMenuBannerBarDefaultItem[] | undefined;
     items: MegaMenuDefaultItem[];
     menuTitle?: string | undefined;
     menuShowButtonText?: string | undefined;
@@ -23,7 +23,7 @@ export declare const withDefaultGetters: (props: MegaMenuProps) => {
     menuMaxElements?: number | undefined;
     bannerPosition?: "right" | "bottom" | undefined;
     onItemClick?: import("./types").MegaMenuPropOnItemClick<MegaMenuDefaultItem> | undefined;
-    onBannerClick?: import("./types").MegaMenuPropOnItemClick<BannerBarDefaultItem> | undefined;
+    onBannerClick?: import("./types").MegaMenuPropOnItemClick<MegaMenuBannerBarDefaultItem> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":["defaultGetItemKey","item","key","defaultGetItemLabel","label","defaultGetItemIconLeft","iconLeft","defaultGetItemOnClick","onClick","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemSubMenu","subMenu","defaultGetBannerLabel","defaultGetBannerOnClick","defaultGetBannerDescription","description","defaultGetBannerImage","image","defaultGetBannerAs","defaultGetBannerAttributees","withDefaultGetters","props","getItemKey","getItemAs","getItemAttributes","getItemLabel","getItemOnClick","getItemIconLeft","getItemSubMenu","getBannerAs","getBannerAttributes","getBannerLabel","getBannerOnClick","getBannerImage","getBannerDescription","getItemsDepth","items","depth","forEach","secondArr","el","thirdArr","separateItemsByDepth","params","getItemActive","firstLevel","secondLevel","thirdLevel","firstLevelItemKey","push","secondLevelItemKey","groupId","subItem"],"sources":["../../../../../src/components/MegaMenu/helper.ts"],"sourcesContent":["import {\n  BannerBarDefaultItem,\n  BannerBarPropGetItemAs,\n  BannerBarPropGetItemAttributes,\n  BannerBarPropGetItemDescription,\n  BannerBarPropGetItemImage,\n  BannerBarPropGetItemLabel,\n  BannerBarPropGetItemOnClick,\n} from '../BannerBar/types';\nimport {\n  MegaMenuDefaultItem,\n  MegaMenuPropGetItemAs,\n  MegaMenuPropGetItemAttributes,\n  MegaMenuPropGetItemIconLeft,\n  MegaMenuPropGetItemKey,\n  MegaMenuPropGetItemLabel,\n  MegaMenuPropGetItemOnClick,\n  MegaMenuPropGetItemSubMenu,\n  MegaMenuProps,\n} from './types';\n\n// Menu\nconst defaultGetItemKey: MegaMenuPropGetItemKey<MegaMenuDefaultItem> = (item) =>\n  item.key;\nconst defaultGetItemLabel: MegaMenuPropGetItemLabel<MegaMenuDefaultItem> = (\n  item,\n) => item.label;\nconst defaultGetItemIconLeft: MegaMenuPropGetItemIconLeft<\n  MegaMenuDefaultItem\n> = (item) => item.iconLeft;\nconst defaultGetItemOnClick: MegaMenuPropGetItemOnClick<MegaMenuDefaultItem> = (\n  item,\n) => item.onClick;\nconst defaultGetItemAs: MegaMenuPropGetItemAs<MegaMenuDefaultItem> = (item) =>\n  item.as;\nconst defaultGetItemAttributes: MegaMenuPropGetItemAttributes<\n  MegaMenuDefaultItem\n> = (item) => item.attributes;\nconst defaultGetItemSubMenu: MegaMenuPropGetItemSubMenu<MegaMenuDefaultItem> = (\n  item,\n) => item.subMenu;\n\n// BannerBar\nconst defaultGetBannerLabel: BannerBarPropGetItemLabel<BannerBarDefaultItem> = (\n  item,\n) => item.label;\nconst defaultGetBannerOnClick: BannerBarPropGetItemOnClick<\n  BannerBarDefaultItem\n> = (item) => item.onClick;\nconst defaultGetBannerDescription: BannerBarPropGetItemDescription<\n  BannerBarDefaultItem\n> = (item) => item.description;\nconst defaultGetBannerImage: BannerBarPropGetItemImage<BannerBarDefaultItem> = (\n  item,\n) => item.image;\nconst defaultGetBannerAs: BannerBarPropGetItemAs<BannerBarDefaultItem> = (\n  item,\n) => item.as;\nconst defaultGetBannerAttributees: BannerBarPropGetItemAttributes<\n  BannerBarDefaultItem\n> = (item) => item.attributes;\n\nexport const withDefaultGetters = (props: MegaMenuProps) => ({\n  ...props,\n  // Menu\n  getItemKey: props.getItemKey || defaultGetItemKey,\n  getItemAs: props.getItemAs || defaultGetItemAs,\n  getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n  getItemLabel: props.getItemLabel || defaultGetItemLabel,\n  getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n  getItemIconLeft: props.getItemIconLeft || defaultGetItemIconLeft,\n  getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n  // BannerBar\n  getBannerAs: props.getBannerAs || defaultGetBannerAs,\n  getBannerAttributes: props.getBannerAttributes || defaultGetBannerAttributees,\n  getBannerLabel: props.getBannerLabel || defaultGetBannerLabel,\n  getBannerOnClick: props.getBannerOnClick || defaultGetBannerOnClick,\n  getBannerImage: props.getBannerImage || defaultGetBannerImage,\n  getBannerDescription:\n    props.getBannerDescription || defaultGetBannerDescription,\n});\n\ntype Level<ITEM> = Array<{ groupId?: string | number; item: ITEM }>;\n\nexport const getItemsDepth = <ITEM>(\n  items: ITEM[],\n  getItemSubMenu: MegaMenuPropGetItemSubMenu<ITEM>,\n) => {\n  let depth = 1;\n  items.forEach((item) => {\n    const secondArr = getItemSubMenu(item);\n    if (secondArr) {\n      if (depth === 1) {\n        depth += 1;\n      }\n      secondArr.forEach((el) => {\n        const thirdArr = getItemSubMenu(el);\n        if (depth === 2 && thirdArr) {\n          depth += 1;\n        }\n      });\n    }\n  });\n  return depth;\n};\n\nexport const separateItemsByDepth = <ITEM>(params: {\n  getItemKey: MegaMenuPropGetItemKey<ITEM>;\n  items: ITEM[];\n  getItemSubMenu: MegaMenuPropGetItemSubMenu<ITEM>;\n  getItemActive: (item: ITEM) => boolean;\n  depth?: number;\n}): [Level<ITEM>, Level<ITEM>, Level<ITEM>] => {\n  const {\n    items,\n    getItemKey,\n    getItemSubMenu,\n    getItemActive,\n    depth = 3,\n  } = params;\n  const firstLevel: Level<ITEM> = [];\n  const secondLevel: Level<ITEM> = [];\n  const thirdLevel: Level<ITEM> = [];\n  items.forEach((item) => {\n    const secondArr = getItemSubMenu(item);\n    const firstLevelItemKey = getItemKey(item);\n    firstLevel.push({ item });\n    if (secondArr) {\n      secondArr.forEach((el) => {\n        const thirdArr = getItemSubMenu(el);\n        const secondLevelItemKey = getItemKey(el);\n        if (getItemActive(item) || depth === 2) {\n          secondLevel.push({ groupId: firstLevelItemKey, item: el });\n          if (thirdArr) {\n            thirdArr.forEach((subItem) => {\n              thirdLevel.push({ groupId: secondLevelItemKey, item: subItem });\n            });\n          }\n        }\n      });\n    }\n  });\n  return [firstLevel, secondLevel, thirdLevel];\n};\n"],"mappings":"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"}
+{"version":3,"file":"helper.js","names":["defaultGetItemKey","item","key","defaultGetItemLabel","label","defaultGetItemIconLeft","iconLeft","defaultGetItemOnClick","onClick","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemSubMenu","subMenu","defaultGetBannerLabel","defaultGetBannerOnClick","defaultGetBannerDescription","description","defaultGetBannerImage","image","defaultGetBannerAs","defaultGetBannerAttributees","withDefaultGetters","props","_objectSpread","getItemKey","getItemAs","getItemAttributes","getItemLabel","getItemOnClick","getItemIconLeft","getItemSubMenu","getBannerAs","getBannerAttributes","getBannerLabel","getBannerOnClick","getBannerImage","getBannerDescription","getItemsDepth","items","depth","forEach","secondArr","el","thirdArr","separateItemsByDepth","params","getItemActive","firstLevel","secondLevel","thirdLevel","firstLevelItemKey","push","secondLevelItemKey","groupId","subItem"],"sources":["../../../../../src/components/MegaMenu/helper.ts"],"sourcesContent":["import {\n  MegaMenuBannerBarDefaultItem,\n  MegaMenuBannerBarPropGetItemAs,\n  MegaMenuBannerBarPropGetItemAttributes,\n  MegaMenuBannerBarPropGetItemDescription,\n  MegaMenuBannerBarPropGetItemImage,\n  MegaMenuBannerBarPropGetItemLabel,\n  MegaMenuBannerBarPropGetItemOnClick,\n} from './MegaMenuBannerBar';\nimport {\n  MegaMenuDefaultItem,\n  MegaMenuPropGetItemAs,\n  MegaMenuPropGetItemAttributes,\n  MegaMenuPropGetItemIconLeft,\n  MegaMenuPropGetItemKey,\n  MegaMenuPropGetItemLabel,\n  MegaMenuPropGetItemOnClick,\n  MegaMenuPropGetItemSubMenu,\n  MegaMenuProps,\n} from './types';\n\n// Menu\nconst defaultGetItemKey: MegaMenuPropGetItemKey<MegaMenuDefaultItem> = (item) =>\n  item.key;\nconst defaultGetItemLabel: MegaMenuPropGetItemLabel<MegaMenuDefaultItem> = (\n  item,\n) => item.label;\nconst defaultGetItemIconLeft: MegaMenuPropGetItemIconLeft<\n  MegaMenuDefaultItem\n> = (item) => item.iconLeft;\nconst defaultGetItemOnClick: MegaMenuPropGetItemOnClick<MegaMenuDefaultItem> = (\n  item,\n) => item.onClick;\nconst defaultGetItemAs: MegaMenuPropGetItemAs<MegaMenuDefaultItem> = (item) =>\n  item.as;\nconst defaultGetItemAttributes: MegaMenuPropGetItemAttributes<\n  MegaMenuDefaultItem\n> = (item) => item.attributes;\nconst defaultGetItemSubMenu: MegaMenuPropGetItemSubMenu<MegaMenuDefaultItem> = (\n  item,\n) => item.subMenu;\n\n// MegaMenuBannerBar\nconst defaultGetBannerLabel: MegaMenuBannerBarPropGetItemLabel<\n  MegaMenuBannerBarDefaultItem\n> = (item) => item.label;\nconst defaultGetBannerOnClick: MegaMenuBannerBarPropGetItemOnClick<\n  MegaMenuBannerBarDefaultItem\n> = (item) => item.onClick;\nconst defaultGetBannerDescription: MegaMenuBannerBarPropGetItemDescription<\n  MegaMenuBannerBarDefaultItem\n> = (item) => item.description;\nconst defaultGetBannerImage: MegaMenuBannerBarPropGetItemImage<\n  MegaMenuBannerBarDefaultItem\n> = (item) => item.image;\nconst defaultGetBannerAs: MegaMenuBannerBarPropGetItemAs<\n  MegaMenuBannerBarDefaultItem\n> = (item) => item.as;\nconst defaultGetBannerAttributees: MegaMenuBannerBarPropGetItemAttributes<\n  MegaMenuBannerBarDefaultItem\n> = (item) => item.attributes;\n\nexport const withDefaultGetters = (props: MegaMenuProps) => ({\n  ...props,\n  // Menu\n  getItemKey: props.getItemKey || defaultGetItemKey,\n  getItemAs: props.getItemAs || defaultGetItemAs,\n  getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n  getItemLabel: props.getItemLabel || defaultGetItemLabel,\n  getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n  getItemIconLeft: props.getItemIconLeft || defaultGetItemIconLeft,\n  getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n  // MegaMenuBannerBar\n  getBannerAs: props.getBannerAs || defaultGetBannerAs,\n  getBannerAttributes: props.getBannerAttributes || defaultGetBannerAttributees,\n  getBannerLabel: props.getBannerLabel || defaultGetBannerLabel,\n  getBannerOnClick: props.getBannerOnClick || defaultGetBannerOnClick,\n  getBannerImage: props.getBannerImage || defaultGetBannerImage,\n  getBannerDescription:\n    props.getBannerDescription || defaultGetBannerDescription,\n});\n\ntype Level<ITEM> = Array<{ groupId?: string | number; item: ITEM }>;\n\nexport const getItemsDepth = <ITEM>(\n  items: ITEM[],\n  getItemSubMenu: MegaMenuPropGetItemSubMenu<ITEM>,\n) => {\n  let depth = 1;\n  items.forEach((item) => {\n    const secondArr = getItemSubMenu(item);\n    if (secondArr) {\n      if (depth === 1) {\n        depth += 1;\n      }\n      secondArr.forEach((el) => {\n        const thirdArr = getItemSubMenu(el);\n        if (depth === 2 && thirdArr) {\n          depth += 1;\n        }\n      });\n    }\n  });\n  return depth;\n};\n\nexport const separateItemsByDepth = <ITEM>(params: {\n  getItemKey: MegaMenuPropGetItemKey<ITEM>;\n  items: ITEM[];\n  getItemSubMenu: MegaMenuPropGetItemSubMenu<ITEM>;\n  getItemActive: (item: ITEM) => boolean;\n  depth?: number;\n}): [Level<ITEM>, Level<ITEM>, Level<ITEM>] => {\n  const {\n    items,\n    getItemKey,\n    getItemSubMenu,\n    getItemActive,\n    depth = 3,\n  } = params;\n  const firstLevel: Level<ITEM> = [];\n  const secondLevel: Level<ITEM> = [];\n  const thirdLevel: Level<ITEM> = [];\n  items.forEach((item) => {\n    const secondArr = getItemSubMenu(item);\n    const firstLevelItemKey = getItemKey(item);\n    firstLevel.push({ item });\n    if (secondArr) {\n      secondArr.forEach((el) => {\n        const thirdArr = getItemSubMenu(el);\n        const secondLevelItemKey = getItemKey(el);\n        if (getItemActive(item) || depth === 2) {\n          secondLevel.push({ groupId: firstLevelItemKey, item: el });\n          if (thirdArr) {\n            thirdArr.forEach((subItem) => {\n              thirdLevel.push({ groupId: secondLevelItemKey, item: subItem });\n            });\n          }\n        }\n      });\n    }\n  });\n  return [firstLevel, secondLevel, thirdLevel];\n};\n"],"mappings":"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"}

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

@@ -1,3 +1,6 @@
 export * from './MegaMenu';
 export * from './types';
 export * from './MegaMenuBox';
+export * from './MegaMenuBannerBar';
+export * from './MegaMenuGlobal';
+export * from './MegaMenuNavBar';

package/__internal__/src/components/MegaMenu/index.js

@@ -1,2 +1,2 @@
-export*from"./MegaMenu";export*from"./types";export*from"./MegaMenuBox";
+export*from"./MegaMenu";export*from"./types";export*from"./MegaMenuBox";export*from"./MegaMenuBannerBar";export*from"./MegaMenuGlobal";export*from"./MegaMenuNavBar";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/MegaMenu/index.ts"],"sourcesContent":["export * from './MegaMenu';\nexport * from './types';\nexport * from './MegaMenuBox';\n"],"mappings":"AAAA,wBACA,qBACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/MegaMenu/index.ts"],"sourcesContent":["export * from './MegaMenu';\nexport * from './types';\nexport * from './MegaMenuBox';\nexport * from './MegaMenuBannerBar';\nexport * from './MegaMenuGlobal';\nexport * from './MegaMenuNavBar';\n"],"mappings":"AAAA,wBACA,qBACA,2BACA,iCACA,8BACA"}

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

@@ -1,7 +1,8 @@
-import { IconComponent } from '@consta/uikit/Icon';
+import { IconComponent } from '@consta/icons/Icon';
+import { AsAttributes, AsTags } from '@consta/uikit/__internal__/src/utils/types/AsTags';
 import React from 'react';
-import { BannerBarDefaultItem, BannerBarPropGetItemAs, BannerBarPropGetItemAttributes, BannerBarPropGetItemDescription, BannerBarPropGetItemImage, BannerBarPropGetItemLabel, BannerBarPropGetItemOnClick } from "../BannerBar/types";
 import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+import { MegaMenuBannerBarDefaultItem, MegaMenuBannerBarPropGetItemAs, MegaMenuBannerBarPropGetItemAttributes, MegaMenuBannerBarPropGetItemDescription, MegaMenuBannerBarPropGetItemImage, MegaMenuBannerBarPropGetItemLabel, MegaMenuBannerBarPropGetItemOnClick } from './MegaMenuBannerBar';
 export type MegaMenuPropOnItemClick<ITEM> = (params: {
     e: React.MouseEvent;
     item: ITEM;
@@ -10,8 +11,8 @@ export type MegaMenuDefaultItem = {
     key: string | number;
     label: string;
     iconLeft?: IconComponent;
-    as?: keyof JSX.IntrinsicElements;
-    attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];
+    as?: AsTags;
+    attributes?: AsAttributes;
     subMenu?: MegaMenuDefaultItem[];
     onClick?: React.MouseEventHandler;
 };
@@ -19,8 +20,8 @@ export type MegaMenuPropGetItemKey<ITEM> = (item: ITEM) => string | number;
 export type MegaMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
 export type MegaMenuPropGetItemIconLeft<ITEM> = (item: ITEM) => IconComponent | undefined;
 export type MegaMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
-export type MegaMenuPropGetItemAs<ITEM> = (item: ITEM) => keyof JSX.IntrinsicElements | undefined;
-export type MegaMenuPropGetItemAttributes<ITEM> = (item: ITEM) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;
+export type MegaMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export type MegaMenuPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
 export type MegaMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
 export type ItemMappers<ITEM = MegaMenuDefaultItem> = {
     getItemKey?: MegaMenuPropGetItemKey<ITEM>;
@@ -31,15 +32,15 @@ export type ItemMappers<ITEM = MegaMenuDefaultItem> = {
     getItemAttributes?: MegaMenuPropGetItemAttributes<ITEM>;
     getItemSubMenu?: MegaMenuPropGetItemSubMenu<ITEM>;
 };
-export type BannerMappers<ITEM = BannerBarDefaultItem> = {
-    getBannerLabel?: BannerBarPropGetItemLabel<ITEM>;
-    getBannerOnClick?: BannerBarPropGetItemOnClick<ITEM>;
-    getBannerDescription?: BannerBarPropGetItemDescription<ITEM>;
-    getBannerImage?: BannerBarPropGetItemImage<ITEM>;
-    getBannerAs?: BannerBarPropGetItemAs<ITEM>;
-    getBannerAttributes?: BannerBarPropGetItemAttributes<ITEM>;
+export type BannerMappers<ITEM = MegaMenuBannerBarDefaultItem> = {
+    getBannerLabel?: MegaMenuBannerBarPropGetItemLabel<ITEM>;
+    getBannerOnClick?: MegaMenuBannerBarPropGetItemOnClick<ITEM>;
+    getBannerDescription?: MegaMenuBannerBarPropGetItemDescription<ITEM>;
+    getBannerImage?: MegaMenuBannerBarPropGetItemImage<ITEM>;
+    getBannerAs?: MegaMenuBannerBarPropGetItemAs<ITEM>;
+    getBannerAttributes?: MegaMenuBannerBarPropGetItemAttributes<ITEM>;
 };
-export type MegaMenuProps<ITEM = MegaMenuDefaultItem, BANNER = BannerBarDefaultItem> = PropsWithHTMLAttributesAndRef<{
+export type MegaMenuProps<ITEM = MegaMenuDefaultItem, BANNER = MegaMenuBannerBarDefaultItem> = PropsWithHTMLAttributesAndRef<{
     banners?: BANNER[];
     items: ITEM[];
     menuTitle?: string;
@@ -58,8 +59,8 @@ export type MegaMenuProps<ITEM = MegaMenuDefaultItem, BANNER = BannerBarDefaultI
 } ? {} : {
     getItemLabel: MegaMenuPropGetItemLabel<ITEM>;
 }) & (BANNER extends {
-    label: BannerBarDefaultItem['label'] | unknown;
+    label: MegaMenuBannerBarDefaultItem['label'] | unknown;
 } ? {} : {
-    getBannerLabel: BannerBarPropGetItemLabel<ITEM>;
+    getBannerLabel: MegaMenuBannerBarPropGetItemLabel<ITEM>;
 }), HTMLDivElement>;
-export type MegaMenuComponent = <ITEM = MegaMenuDefaultItem, BANNER = BannerBarDefaultItem>(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.ReactElement | null;

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/uikit/Icon';\nimport React from 'react';\n\nimport {\n  BannerBarDefaultItem,\n  BannerBarPropGetItemAs,\n  BannerBarPropGetItemAttributes,\n  BannerBarPropGetItemDescription,\n  BannerBarPropGetItemImage,\n  BannerBarPropGetItemLabel,\n  BannerBarPropGetItemOnClick,\n} from '##/components/BannerBar/types';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type MegaMenuPropOnItemClick<ITEM> = (params: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\n\nexport type MegaMenuDefaultItem = {\n  key: string | number;\n  label: string;\n  iconLeft?: IconComponent;\n  as?: keyof JSX.IntrinsicElements;\n  attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\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> = (\n  item: ITEM,\n) => keyof JSX.IntrinsicElements | undefined;\nexport type MegaMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | 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 = BannerBarDefaultItem> = {\n  getBannerLabel?: BannerBarPropGetItemLabel<ITEM>;\n  getBannerOnClick?: BannerBarPropGetItemOnClick<ITEM>;\n  getBannerDescription?: BannerBarPropGetItemDescription<ITEM>;\n  getBannerImage?: BannerBarPropGetItemImage<ITEM>;\n  getBannerAs?: BannerBarPropGetItemAs<ITEM>;\n  getBannerAttributes?: BannerBarPropGetItemAttributes<ITEM>;\n};\n\nexport type MegaMenuProps<\n  ITEM = MegaMenuDefaultItem,\n  BANNER = BannerBarDefaultItem,\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: BannerBarDefaultItem['label'] | unknown }\n      ? {}\n      : { getBannerLabel: BannerBarPropGetItemLabel<ITEM> }),\n  HTMLDivElement\n>;\n\nexport type MegaMenuComponent = <\n  ITEM = MegaMenuDefaultItem,\n  BANNER = BannerBarDefaultItem,\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 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> = (params: {\n  e: React.MouseEvent;\n  item: ITEM;\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":""}

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{Button}from"@consta/uikit/Button";import{ContextMenu}from"@consta/uikit/ContextMenu";import{IconMeatball}from"@consta/uikit/IconMeatball";import{IconSelect}from"@consta/uikit/IconSelect";import{animateTimeout}from"@consta/uikit/MixPopoverAnimate";import{useDebounce}from"@consta/uikit/useDebounce";import{useFlag}from"@consta/uikit/useFlag";import{useHideElementsInLine}from"@consta/uikit/useHideElementsInLine";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:({e:a,item:b})=>getItemClick(b,k,n)(a),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:({e:a,item:b})=>getItemClick(b,k,n)(a),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"];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/useHideElementsInLine";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:({e:a,item:b})=>getItemClick(b,k,n)(a),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:({e:a,item:b})=>getItemClick(b,k,n)(a),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";
 //# sourceMappingURL=Menu.js.map