@consta/header 0.3.3 → 0.4.2

package/Badges/helpers.d.ts

@@ -9,7 +9,7 @@ export declare const withDefaultGetters: <ITEM>(props: BadgesProps<ITEM>) => {
     getItemLabel?: BadgesPropGetItemLabel<ITEM> | undefined;
     getItemStatus?: BadgesPropGetItemStatus<ITEM> | undefined;
     getItemIcon?: BadgesPropGetItemIcon<ITEM> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "view" | "form" | "children" | "size" | "css" | "items" | "getItemLabel" | "getItemStatus" | "getItemIcon"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: BadgesPropGetItemLabel<ITEM>;

package/ButtonMenu/helpers.d.ts

@@ -30,7 +30,7 @@ export declare function withDefaultGetters<ITEM>(props: ButtonMenuProps<ITEM>):
     size?: "s" | "xs" | "m" | "l" | undefined;
     view?: "clear" | "ghost" | "primary" | "secondary" | undefined;
     onlyIcon?: boolean | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "view" | "form" | "size" | "css" | "items" | "getItemLabel" | "getItemIcon" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemOnClick" | "onlyIcon"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: ButtonMenuPropGetItemLabel<ITEM>;

package/Header/Header.css

@@ -1 +1 @@
-.che--Header .che--Layout-Row_botton .che--LayoutRow-Side_position_left{width:100%}.che--Header_fixed{position:fixed;top:0;left:0;width:100%}.che--Header-Logo{flex:none}.che--Header-Menu{flex:1}.che--Header-RowCenterLeft{display:flex;align-items:center;grid-gap:var(--space-2xl);gap:var(--space-2xl)}.che--Header-RowCenterLeft_breakpoint_m{width:100%}.che--Header-RowCenterRight,.che--Header-RowTopRight{display:flex;align-items:center;flex-direction:row-reverse;width:100%;grid-gap:var(--space-l);gap:var(--space-l)}.che--Header-NotificationsList_breakpoint_m,.che--Header-TileMenuList_breakpoint_m{max-height:60vh}.che--Header-RowCenterLeftMobile{display:flex;align-items:center;grid-gap:var(--space-2xl);gap:var(--space-2xl)}.che--Header-MobileMenuHeader{display:flex;flex-wrap:wrap;justify-content:space-between;margin:var(--space-s) var(--space-l);grid-gap:var(--space-s);gap:var(--space-s)}.che--Header-Breadcrumbs,.che--Header-MobileSearchContainer{width:100%}.che--Header-MobileMenuSocialMedia{display:flex;justify-content:center;margin-bottom:var(--space-m)}
+.che--Header .che--Layout-Row_botton .che--LayoutRow-Side_position_left{width:100%}.che--Header_fixed{position:fixed;top:0;left:0;width:100%}.che--Header-Logo{flex:none}.che--Header-Menu{flex:1;height:var(--header-height)}.che--Header-RowCenterLeft{display:flex;align-items:center;grid-gap:var(--space-2xl);gap:var(--space-2xl)}.che--Header-RowCenterLeft_breakpoint_m{width:100%}.che--Header-RowCenterRight,.che--Header-RowTopRight{display:flex;align-items:center;flex-direction:row-reverse;width:100%;grid-gap:var(--space-l);gap:var(--space-l)}.che--Header-NotificationsList_breakpoint_m,.che--Header-ThemeToggler_breakpoint_m,.che--Header-TileMenuList_breakpoint_m{max-height:60vh}.che--Header-RowCenterLeftMobile{display:flex;align-items:center;grid-gap:var(--space-2xl);gap:var(--space-2xl)}.che--Header-MobileMenuHeader{display:flex;flex-wrap:wrap;justify-content:space-between;margin:var(--space-s) var(--space-l);grid-gap:var(--space-s);gap:var(--space-s)}.che--Header-Breadcrumbs,.che--Header-MobileSearchContainer{width:100%}.che--Header-MobileMenuSocialMedia{display:flex;justify-content:center;margin-bottom:var(--space-m)}

package/Header/Header.js

@@ -1,2 +1,2 @@
-import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useState}from"react";import{cn}from"../__private__/utils/bem";import{Layout}from"../Layout";import{Menu}from"../Menu";import{HeaderLogo}from"./HeaderLogo";import{HeaderLogin}from"./HeaderLogin";import{HeaderSearch}from"./HeaderSearch";import{Notifications}from"../Notifications";import{TileMenu}from"../TileMenu";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import{MobileMenu}from"../MobileMenu";import{Breadcrumbs}from"@consta/uikit/BreadcrumbsCanary";import{SelectMenu}from"../SelectMenu";import{ButtonMenu}from"../ButtonMenu";import{Languages}from"../Languages";import{getMobileMenu}from"./helpers";import"./Header.css";export const cnHeader=cn("Header");const HeaderRender=(a,b)=>{var c;const{className:d,fixed:e,logo:f,onLogoClick:g,logoHref:h,menu:i,getMenuItemActive:j,getMenuItemHref:k,getMenuItemLabel:l,getMenuItemOnClick:m,getMenuItemSubMenu:n,getMenuItemTarget:o,onMenuItemClick:p,userName:q,userAvatar:r,userInfo:s,userLogined:t,onLoginButtonClick:u,loginButtonLabel:v,notifications:w,notificationsDateFormat:x,notificationsTitle:y,notificationsActions:z,notificationsGroupByDay:A,notificationsGroupLabelFormat:B,notificationsGroups:C,getNotificationsItemLabel:D,getNotificationsItemDescription:E,getNotificationsItemImage:F,getNotificationsItemRead:G,getNotificationsItemDate:H,getNotificationsItemBadges:I,getNotificationsItemActions:J,getNotificationsItemGroup:K,getNotificationsItemView:L,getNotificationsActionLabel:M,getNotificationsActionIcon:N,getNotificationsActionOnClick:O,getNotificationsGroupLabel:P,getNotificationsGroupId:Q,tileMenu:R,tileMenuView:S,onTileMenuItemClick:T,getTileMenuItemDescription:U,getTileMenuItemHref:V,getTileMenuItemImage:W,getTileMenuItemOnClick:X,getTileMenuItemLabel:Y,tileMenuTitle:Z,breadcrumbs:$,breadcrumbsOnlyIconRoot:_,onBreadcrumbsItemClick:aa,getBreadcrumbsItemLabel:ba,getBreadcrumbsItemHref:ca,getBreadcrumbsItemIcon:da,getBreadcrumbsItemOnClick:ea,breadcrumbsLastItemIsLink:fa,breadcrumbsFitMode:ga,searchValue:ha,searchOnChange:ia,searchOnSubmit:ja,searchPlaceholder:ka,secondaryMenuLabel:la,secondaryMenu:ma,getSecondaryMenuItemHref:na,getSecondaryMenuItemLabel:oa,getSecondaryMenuItemOnClick:pa,getSecondaryMenuItemSubMenu:qa,getSecondaryMenuItemTarget:ra,socialMedia:sa,getSocialMediaItemHref:ta,getSocialMediaItemIcon:ua,getSocialMediaItemLabel:va,getSocialMediaItemOnClick:wa,getSocialMediaItemTarget:xa,onSocialMediaItemClick:ya,languages:za,languageValue:Aa,getLanguagesItemHref:Ba,getLanguagesItemLabel:Ca,getLanguagesItemOnClick:Da,getLanguagesItemTarget:Ea,onLanguageChange:Fa,additionalButtons:Ga,getAdditionalButtonsItemHref:Ha,getAdditionalButtonsItemIcon:Ia,getAdditionalButtonsItemLabel:Ja,getAdditionalButtonsItemOnClick:Ka,getAdditionalButtonsItemTarget:La,onAdditionalButtonsItemClick:Ma}=a,Na=_objectWithoutProperties(a,["className","fixed","logo","onLogoClick","logoHref","menu","getMenuItemActive","getMenuItemHref","getMenuItemLabel","getMenuItemOnClick","getMenuItemSubMenu","getMenuItemTarget","onMenuItemClick","userName","userAvatar","userInfo","userLogined","onLoginButtonClick","loginButtonLabel","notifications","notificationsDateFormat","notificationsTitle","notificationsActions","notificationsGroupByDay","notificationsGroupLabelFormat","notificationsGroups","getNotificationsItemLabel","getNotificationsItemDescription","getNotificationsItemImage","getNotificationsItemRead","getNotificationsItemDate","getNotificationsItemBadges","getNotificationsItemActions","getNotificationsItemGroup","getNotificationsItemView","getNotificationsActionLabel","getNotificationsActionIcon","getNotificationsActionOnClick","getNotificationsGroupLabel","getNotificationsGroupId","tileMenu","tileMenuView","onTileMenuItemClick","getTileMenuItemDescription","getTileMenuItemHref","getTileMenuItemImage","getTileMenuItemOnClick","getTileMenuItemLabel","tileMenuTitle","breadcrumbs","breadcrumbsOnlyIconRoot","onBreadcrumbsItemClick","getBreadcrumbsItemLabel","getBreadcrumbsItemHref","getBreadcrumbsItemIcon","getBreadcrumbsItemOnClick","breadcrumbsLastItemIsLink","breadcrumbsFitMode","searchValue","searchOnChange","searchOnSubmit","searchPlaceholder","secondaryMenuLabel","secondaryMenu","getSecondaryMenuItemHref","getSecondaryMenuItemLabel","getSecondaryMenuItemOnClick","getSecondaryMenuItemSubMenu","getSecondaryMenuItemTarget","socialMedia","getSocialMediaItemHref","getSocialMediaItemIcon","getSocialMediaItemLabel","getSocialMediaItemOnClick","getSocialMediaItemTarget","onSocialMediaItemClick","languages","languageValue","getLanguagesItemHref","getLanguagesItemLabel","getLanguagesItemOnClick","getLanguagesItemTarget","onLanguageChange","additionalButtons","getAdditionalButtonsItemHref","getAdditionalButtonsItemIcon","getAdditionalButtonsItemLabel","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick"]),Oa=useBreakpoints({s:800,m:1200}),[Pa,Qa]=useState(Aa||(null===za||void 0===za?void 0:za[0])),Ra="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex:void 0;if(Oa.m)return React.createElement(Layout,Object.assign({},Na,{ref:b,className:cnHeader({fixed:e},[d]),rowTop:((null===Ga||void 0===Ga?void 0:Ga.length)||(null===za||void 0===za?void 0:za.length)||(null===sa||void 0===sa?void 0:sa.length)||(null===ma||void 0===ma?void 0:ma.length)&&la)&&{left:la&&(null===ma||void 0===ma?void 0:ma.length)?_jsx(SelectMenu,{label:la,items:ma,getItemHref:na,getItemLabel:oa,getItemOnClick:pa,getItemSubMenu:qa,getItemTarget:ra,style:{zIndex:Ra}}):void 0,center:(null===sa||void 0===sa?void 0:sa.length)?_jsx(ButtonMenu,{items:sa,getItemHref:ta,getItemIcon:ua,getItemLabel:va,getItemOnClick:wa,getItemTarget:xa,onItemClick:ya,view:"clear",onlyIcon:!0,size:"s"}):void 0,right:_jsx("div",{className:cnHeader("RowTopRight")},void 0,[(null===za||void 0===za?void 0:za.length)?_jsx(Languages,{items:za,value:Pa,getItemHref:Ba,getItemLabel:Ca,getItemOnClick:Da,getItemTarget:Ea,onChange:a=>{null===Fa||void 0===Fa?void 0:Fa(a),Qa(a.item)},style:{zIndex:Ra}},"Languages"):void 0,(null===Ga||void 0===Ga?void 0:Ga.length)?_jsx(ButtonMenu,{items:Ga,getItemHref:Ha,getItemIcon:Ia,getItemLabel:Ja,getItemOnClick:Ka,getItemTarget:La,onItemClick:Ma,view:"clear",size:"s"}):void 0])},rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft",{breakpoint:"m"})},void 0,_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h}),(ja||ia)&&_jsx(HeaderSearch,{value:ha,onChange:ia,onSubmit:ja,placeholder:ka}),i&&_jsx(Menu,{className:cnHeader("Menu"),items:i,getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,onItemClick:p,style:{zIndex:Ra}})),right:_jsx("div",{className:cnHeader("RowCenterRight")},void 0,_jsx(HeaderLogin,{userName:q,userAvatar:r,userInfo:s,userLogined:t,onLoginButtonClick:u,loginButtonLabel:v}),(null===R||void 0===R?void 0:R.length)&&_jsx(TileMenu,{items:R,view:S,onItemClick:T,getItemDescription:U,getItemHref:V,getItemImage:W,getItemOnClick:X,getItemLabel:Y,listClassName:cnHeader("TileMenuList",{breakpoint:"m"}),title:Z,style:{zIndex:Ra}}),(null===w||void 0===w?void 0:w.length)&&_jsx(Notifications,{listClassName:cnHeader("NotificationsList",{breakpoint:"m"}),items:w,itemDateFormat:x,title:y,actions:z,groupByDay:A,groupLabelFormat:B,groups:C,getItemLabel:D,getItemDescription:E,getItemImage:F,getItemRead:G,getItemDate:H,getItemBadges:I,getItemActions:J,getItemGroup:K,getItemView:L,getActionLabel:M,getActionIcon:N,getActionOnClick:O,getGroupLabel:P,getGroupId:Q,style:{zIndex:Ra}}))},rowBottom:$?_jsx(Breadcrumbs,{className:cnHeader("Breadcrumbs"),items:$,onlyIconRoot:_,size:"m",onItemClick:aa,getItemLabel:ba,getItemHref:ca,getItemIcon:da,getItemOnClick:ea,lastItemIsLink:fa,fitMode:ga}):void 0}));if(Oa.s){const c=getMobileMenu(a,{languagesValue:Pa,setLanguagesValue:Qa});return React.createElement(Layout,Object.assign({},Na,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft")},void 0,(c.length||(null===sa||void 0===sa?void 0:sa.length))&&_jsx(MobileMenu,{className:cnHeader("Menu"),items:c,getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,style:{zIndex:Ra},footer:(null===sa||void 0===sa?void 0:sa.length)&&_jsx(ButtonMenu,{className:cnHeader("MobileMenuSocialMedia"),items:sa,getItemHref:ta,getItemIcon:ua,getItemLabel:va,getItemOnClick:wa,getItemTarget:xa,onItemClick:ya,view:"clear",onlyIcon:!0,size:"s"})}),_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h}),(ja||ia)&&_jsx(HeaderSearch,{value:ha,onChange:ia,onSubmit:ja,placeholder:ka})),right:_jsx("div",{className:cnHeader("RowCenterRight")},void 0,_jsx(HeaderLogin,{userName:q,userAvatar:r,userInfo:s,userLogined:t,onLoginButtonClick:u,loginButtonLabel:v}),(null===R||void 0===R?void 0:R.length)&&_jsx(TileMenu,{items:R,view:S,onItemClick:T,getItemDescription:U,getItemHref:V,getItemImage:W,getItemOnClick:X,getItemLabel:Y,listClassName:cnHeader("TileMenuList"),title:Z,isMobile:!0,style:{zIndex:Ra}}),(null===w||void 0===w?void 0:w.length)&&_jsx(Notifications,{listClassName:cnHeader("NotificationsList"),items:w,itemDateFormat:x,title:y,actions:z,groupByDay:A,groupLabelFormat:B,groups:C,getItemLabel:D,getItemDescription:E,getItemImage:F,getItemRead:G,getItemDate:H,getItemBadges:I,getItemActions:J,getItemGroup:K,getItemView:L,getActionLabel:M,getActionIcon:N,getActionOnClick:O,getGroupLabel:P,getGroupId:Q,isMobile:!0,style:{zIndex:Ra}}))},rowBottom:$?_jsx(Breadcrumbs,{className:cnHeader("Breadcrumbs"),items:$,onlyIconRoot:_,size:"m",onItemClick:aa,getItemLabel:ba,getItemHref:ca,getItemIcon:da,getItemOnClick:ea,lastItemIsLink:fa,fitMode:ga}):void 0}))}const Sa=getMobileMenu(a,{languagesValue:Pa,setLanguagesValue:Qa});return React.createElement(Layout,Object.assign({},Na,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft")},void 0,(Sa.length||q||r||(null===R||void 0===R?void 0:R.length)||(null===w||void 0===w?void 0:w.length)||ja||ia||(null===sa||void 0===sa?void 0:sa.length))&&_jsx(MobileMenu,{className:cnHeader("Menu"),items:getMobileMenu(a,{languagesValue:Pa,setLanguagesValue:Qa}),getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,style:{zIndex:Ra},header:(q||r||(null===R||void 0===R?void 0:R.length)||(null===w||void 0===w?void 0:w.length)||ja||ia)&&_jsx("div",{className:cnHeader("MobileMenuHeader")},void 0,_jsx("div",{},void 0,_jsx(HeaderLogin,{userName:q,userAvatar:r,userInfo:s,userLogined:t,onLoginButtonClick:u,loginButtonLabel:v})),((null===R||void 0===R?void 0:R.length)||(null===w||void 0===w?void 0:w.length))&&_jsx("div",{},void 0,(null===R||void 0===R?void 0:R.length)&&_jsx(TileMenu,{items:R,view:S,onItemClick:T,getItemDescription:U,getItemHref:V,getItemImage:W,getItemOnClick:X,getItemLabel:Y,listClassName:cnHeader("TileMenuList"),title:Z,isMobile:!0,style:{zIndex:Ra}}),(null===w||void 0===w?void 0:w.length)&&_jsx(Notifications,{listClassName:cnHeader("NotificationsList"),items:w,itemDateFormat:x,title:y,actions:z,groupByDay:A,groupLabelFormat:B,groups:C,getItemLabel:D,getItemDescription:E,getItemImage:F,getItemRead:G,getItemDate:H,getItemBadges:I,getItemActions:J,getItemGroup:K,getItemView:L,getActionLabel:M,getActionIcon:N,getActionOnClick:O,getGroupLabel:P,getGroupId:Q,isMobile:!0,style:{zIndex:Ra}})),(ja||ia)&&_jsx("div",{className:cnHeader("MobileSearchContainer")},void 0,_jsx(HeaderSearch,{value:ha,onChange:ia,onSubmit:ja,placeholder:ka}))),footer:(null===sa||void 0===sa?void 0:sa.length)&&_jsx(ButtonMenu,{className:cnHeader("MobileMenuSocialMedia"),items:sa,getItemHref:ta,getItemIcon:ua,getItemLabel:va,getItemOnClick:wa,getItemTarget:xa,onItemClick:ya,view:"clear",onlyIcon:!0,size:"s"})}),_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h}))}}))};export const Header=forwardRef(HeaderRender);export*from"./types";
+import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useState}from"react";import{cn}from"../__private__/utils/bem";import{Layout}from"../Layout";import{Menu}from"../Menu";import{HeaderLogo}from"./HeaderLogo";import{HeaderLogin}from"./HeaderLogin";import{HeaderSearch}from"./HeaderSearch";import{Notifications}from"../Notifications";import{TileMenu}from"../TileMenu";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import{MobileMenu}from"../MobileMenu";import{Breadcrumbs}from"@consta/uikit/BreadcrumbsCanary";import{ThemeToggler}from"@consta/uikit/ThemeToggler";import{SelectMenu}from"../SelectMenu";import{ButtonMenu}from"../ButtonMenu";import{Languages}from"../Languages";import{getMobileMenu}from"./helpers";import"./Header.css";export const cnHeader=cn("Header");const HeaderRender=(a,b)=>{var c;const{className:d,fixed:e,logo:f,onLogoClick:g,logoHref:h,menu:i,getMenuItemActive:j,getMenuItemHref:k,getMenuItemLabel:l,getMenuItemOnClick:m,getMenuItemSubMenu:n,getMenuItemTarget:o,onMenuItemClick:p,userName:q,userAvatar:r,userInfo:s,userLogined:t,onLoginButtonClick:u,loginButtonLabel:v,notifications:w,notificationsDateFormat:x,notificationsTitle:y,notificationsActions:z,notificationsGroupByDay:A,notificationsGroupLabelFormat:B,notificationsGroups:C,getNotificationsItemLabel:D,getNotificationsItemDescription:E,getNotificationsItemImage:F,getNotificationsItemRead:G,getNotificationsItemDate:H,getNotificationsItemBadges:I,getNotificationsItemActions:J,getNotificationsItemGroup:K,getNotificationsItemView:L,getNotificationsActionLabel:M,getNotificationsActionIcon:N,getNotificationsActionOnClick:O,getNotificationsGroupLabel:P,getNotificationsGroupId:Q,tileMenu:R,tileMenuView:S,onTileMenuItemClick:T,getTileMenuItemDescription:U,getTileMenuItemHref:V,getTileMenuItemImage:W,getTileMenuItemOnClick:X,getTileMenuItemLabel:Y,tileMenuTitle:Z,breadcrumbs:$,breadcrumbsOnlyIconRoot:_,onBreadcrumbsItemClick:aa,getBreadcrumbsItemLabel:ba,getBreadcrumbsItemHref:ca,getBreadcrumbsItemIcon:da,getBreadcrumbsItemOnClick:ea,breadcrumbsLastItemIsLink:fa,breadcrumbsFitMode:ga,searchValue:ha,searchOnChange:ia,searchOnSubmit:ja,searchPlaceholder:ka,secondaryMenuLabel:la,secondaryMenu:ma,getSecondaryMenuItemHref:na,getSecondaryMenuItemLabel:oa,getSecondaryMenuItemOnClick:pa,getSecondaryMenuItemSubMenu:qa,getSecondaryMenuItemTarget:ra,socialMedia:sa,getSocialMediaItemHref:ta,getSocialMediaItemIcon:ua,getSocialMediaItemLabel:va,getSocialMediaItemOnClick:wa,getSocialMediaItemTarget:xa,onSocialMediaItemClick:ya,languages:za,languageValue:Aa,getLanguagesItemHref:Ba,getLanguagesItemLabel:Ca,getLanguagesItemOnClick:Da,getLanguagesItemTarget:Ea,onLanguageChange:Fa,additionalButtons:Ga,getAdditionalButtonsItemHref:Ha,getAdditionalButtonsItemIcon:Ia,getAdditionalButtonsItemLabel:Ja,getAdditionalButtonsItemOnClick:Ka,getAdditionalButtonsItemTarget:La,onAdditionalButtonsItemClick:Ma,themeItems:Na,theme:Oa,getThemeTogglerItemKey:Pa,getThemeTogglerItemLabel:Qa,getThemeTogglerItemIcon:Ra,onThemeChange:Sa}=a,Ta=_objectWithoutProperties(a,["className","fixed","logo","onLogoClick","logoHref","menu","getMenuItemActive","getMenuItemHref","getMenuItemLabel","getMenuItemOnClick","getMenuItemSubMenu","getMenuItemTarget","onMenuItemClick","userName","userAvatar","userInfo","userLogined","onLoginButtonClick","loginButtonLabel","notifications","notificationsDateFormat","notificationsTitle","notificationsActions","notificationsGroupByDay","notificationsGroupLabelFormat","notificationsGroups","getNotificationsItemLabel","getNotificationsItemDescription","getNotificationsItemImage","getNotificationsItemRead","getNotificationsItemDate","getNotificationsItemBadges","getNotificationsItemActions","getNotificationsItemGroup","getNotificationsItemView","getNotificationsActionLabel","getNotificationsActionIcon","getNotificationsActionOnClick","getNotificationsGroupLabel","getNotificationsGroupId","tileMenu","tileMenuView","onTileMenuItemClick","getTileMenuItemDescription","getTileMenuItemHref","getTileMenuItemImage","getTileMenuItemOnClick","getTileMenuItemLabel","tileMenuTitle","breadcrumbs","breadcrumbsOnlyIconRoot","onBreadcrumbsItemClick","getBreadcrumbsItemLabel","getBreadcrumbsItemHref","getBreadcrumbsItemIcon","getBreadcrumbsItemOnClick","breadcrumbsLastItemIsLink","breadcrumbsFitMode","searchValue","searchOnChange","searchOnSubmit","searchPlaceholder","secondaryMenuLabel","secondaryMenu","getSecondaryMenuItemHref","getSecondaryMenuItemLabel","getSecondaryMenuItemOnClick","getSecondaryMenuItemSubMenu","getSecondaryMenuItemTarget","socialMedia","getSocialMediaItemHref","getSocialMediaItemIcon","getSocialMediaItemLabel","getSocialMediaItemOnClick","getSocialMediaItemTarget","onSocialMediaItemClick","languages","languageValue","getLanguagesItemHref","getLanguagesItemLabel","getLanguagesItemOnClick","getLanguagesItemTarget","onLanguageChange","additionalButtons","getAdditionalButtonsItemHref","getAdditionalButtonsItemIcon","getAdditionalButtonsItemLabel","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","themeItems","theme","getThemeTogglerItemKey","getThemeTogglerItemLabel","getThemeTogglerItemIcon","onThemeChange"]),Ua=useBreakpoints({s:800,m:1200}),[Va,Wa]=useState(Aa||(null===za||void 0===za?void 0:za[0])),Xa="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex:void 0;if(Ua.m)return React.createElement(Layout,Object.assign({},Ta,{ref:b,className:cnHeader({fixed:e},[d]),rowTop:((null===Ga||void 0===Ga?void 0:Ga.length)||(null===za||void 0===za?void 0:za.length)||(null===sa||void 0===sa?void 0:sa.length)||(null===ma||void 0===ma?void 0:ma.length)&&la)&&{left:la&&(null===ma||void 0===ma?void 0:ma.length)?_jsx(SelectMenu,{label:la,items:ma,getItemHref:na,getItemLabel:oa,getItemOnClick:pa,getItemSubMenu:qa,getItemTarget:ra,style:{zIndex:Xa}}):void 0,center:(null===sa||void 0===sa?void 0:sa.length)?_jsx(ButtonMenu,{items:sa,getItemHref:ta,getItemIcon:ua,getItemLabel:va,getItemOnClick:wa,getItemTarget:xa,onItemClick:ya,view:"clear",onlyIcon:!0,size:"s"}):void 0,right:_jsx("div",{className:cnHeader("RowTopRight")},void 0,[(null===za||void 0===za?void 0:za.length)?_jsx(Languages,{items:za,value:Va,getItemHref:Ba,getItemLabel:Ca,getItemOnClick:Da,getItemTarget:Ea,onChange:a=>{null===Fa||void 0===Fa?void 0:Fa(a),Wa(a.item)},style:{zIndex:Xa}},"Languages"):void 0,(null===Ga||void 0===Ga?void 0:Ga.length)?_jsx(ButtonMenu,{items:Ga,getItemHref:Ha,getItemIcon:Ia,getItemLabel:Ja,getItemOnClick:Ka,getItemTarget:La,onItemClick:Ma,view:"clear",size:"s"}):void 0])},rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft",{breakpoint:"m"})},void 0,_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h}),(ja||ia)&&_jsx(HeaderSearch,{value:ha,onChange:ia,onSubmit:ja,placeholder:ka}),i&&_jsx(Menu,{className:cnHeader("Menu"),items:i,getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,onItemClick:p,style:{zIndex:Xa}})),right:_jsx("div",{className:cnHeader("RowCenterRight")},void 0,_jsx(HeaderLogin,{userName:q,userAvatar:r,userInfo:s,userLogined:t,onLoginButtonClick:u,loginButtonLabel:v}),(null===R||void 0===R?void 0:R.length)&&_jsx(TileMenu,{items:R,view:S,onItemClick:T,getItemDescription:U,getItemHref:V,getItemImage:W,getItemOnClick:X,getItemLabel:Y,listClassName:cnHeader("TileMenuList",{breakpoint:"m"}),title:Z,style:{zIndex:Xa}}),(null===w||void 0===w?void 0:w.length)&&_jsx(Notifications,{listClassName:cnHeader("NotificationsList",{breakpoint:"m"}),items:w,itemDateFormat:x,title:y,actions:z,groupByDay:A,groupLabelFormat:B,groups:C,getItemLabel:D,getItemDescription:E,getItemImage:F,getItemRead:G,getItemDate:H,getItemBadges:I,getItemActions:J,getItemGroup:K,getItemView:L,getActionLabel:M,getActionIcon:N,getActionOnClick:O,getGroupLabel:P,getGroupId:Q,style:{zIndex:Xa}}),Oa&&(null===Na||void 0===Na?void 0:Na.length)&&_jsx(ThemeToggler,{className:cnHeader("ThemeToggler",{breakpoint:"m"}),items:Na,value:Oa,getItemKey:Pa,getItemLabel:Qa,getItemIcon:Ra,size:"s",onChange:a=>null===Sa||void 0===Sa?void 0:Sa(a)}))},rowBottom:$?_jsx(Breadcrumbs,{className:cnHeader("Breadcrumbs"),items:$,onlyIconRoot:_,size:"m",onItemClick:aa,getItemLabel:ba,getItemHref:ca,getItemIcon:da,getItemOnClick:ea,lastItemIsLink:fa,fitMode:ga}):void 0}));if(Ua.s){const c=getMobileMenu(a,{languagesValue:Va,setLanguagesValue:Wa});return React.createElement(Layout,Object.assign({},Ta,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft")},void 0,(c.length||(null===sa||void 0===sa?void 0:sa.length))&&_jsx(MobileMenu,{className:cnHeader("Menu"),items:c,getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,style:{zIndex:Xa},footer:(null===sa||void 0===sa?void 0:sa.length)&&_jsx(ButtonMenu,{className:cnHeader("MobileMenuSocialMedia"),items:sa,getItemHref:ta,getItemIcon:ua,getItemLabel:va,getItemOnClick:wa,getItemTarget:xa,onItemClick:ya,view:"clear",onlyIcon:!0,size:"s"})}),_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h}),(ja||ia)&&_jsx(HeaderSearch,{value:ha,onChange:ia,onSubmit:ja,placeholder:ka})),right:_jsx("div",{className:cnHeader("RowCenterRight")},void 0,_jsx(HeaderLogin,{userName:q,userAvatar:r,userInfo:s,userLogined:t,onLoginButtonClick:u,loginButtonLabel:v}),(null===R||void 0===R?void 0:R.length)&&_jsx(TileMenu,{items:R,view:S,onItemClick:T,getItemDescription:U,getItemHref:V,getItemImage:W,getItemOnClick:X,getItemLabel:Y,listClassName:cnHeader("TileMenuList"),title:Z,isMobile:!0,style:{zIndex:Xa}}),(null===w||void 0===w?void 0:w.length)&&_jsx(Notifications,{listClassName:cnHeader("NotificationsList"),items:w,itemDateFormat:x,title:y,actions:z,groupByDay:A,groupLabelFormat:B,groups:C,getItemLabel:D,getItemDescription:E,getItemImage:F,getItemRead:G,getItemDate:H,getItemBadges:I,getItemActions:J,getItemGroup:K,getItemView:L,getActionLabel:M,getActionIcon:N,getActionOnClick:O,getGroupLabel:P,getGroupId:Q,isMobile:!0,style:{zIndex:Xa}}),Oa&&(null===Na||void 0===Na?void 0:Na.length)&&_jsx(ThemeToggler,{className:cnHeader("ThemeToggler"),items:Na,value:Oa,getItemKey:Pa,getItemLabel:Qa,getItemIcon:Ra,size:"s",onChange:a=>null===Sa||void 0===Sa?void 0:Sa(a)}))},rowBottom:$?_jsx(Breadcrumbs,{className:cnHeader("Breadcrumbs"),items:$,onlyIconRoot:_,size:"m",onItemClick:aa,getItemLabel:ba,getItemHref:ca,getItemIcon:da,getItemOnClick:ea,lastItemIsLink:fa,fitMode:ga}):void 0}))}const Ya=getMobileMenu(a,{languagesValue:Va,setLanguagesValue:Wa});return React.createElement(Layout,Object.assign({},Ta,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft")},void 0,(Ya.length||q||r||(null===R||void 0===R?void 0:R.length)||(null===w||void 0===w?void 0:w.length)||ja||ia||(null===sa||void 0===sa?void 0:sa.length))&&_jsx(MobileMenu,{className:cnHeader("Menu"),items:getMobileMenu(a,{languagesValue:Va,setLanguagesValue:Wa}),getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,style:{zIndex:Xa},header:(q||r||(null===R||void 0===R?void 0:R.length)||(null===w||void 0===w?void 0:w.length)||ja||ia)&&_jsx("div",{className:cnHeader("MobileMenuHeader")},void 0,_jsx("div",{},void 0,_jsx(HeaderLogin,{userName:q,userAvatar:r,userInfo:s,userLogined:t,onLoginButtonClick:u,loginButtonLabel:v})),((null===R||void 0===R?void 0:R.length)||(null===w||void 0===w?void 0:w.length)||(null===Na||void 0===Na?void 0:Na.length))&&_jsx("div",{},void 0,Oa&&(null===Na||void 0===Na?void 0:Na.length)&&_jsx(ThemeToggler,{className:cnHeader("ThemeToggler"),items:Na,value:Oa,getItemKey:Pa,getItemLabel:Qa,getItemIcon:Ra,size:"s",onChange:a=>null===Sa||void 0===Sa?void 0:Sa(a)}),(null===R||void 0===R?void 0:R.length)&&_jsx(TileMenu,{items:R,view:S,onItemClick:T,getItemDescription:U,getItemHref:V,getItemImage:W,getItemOnClick:X,getItemLabel:Y,listClassName:cnHeader("TileMenuList"),title:Z,isMobile:!0,style:{zIndex:Xa}}),(null===w||void 0===w?void 0:w.length)&&_jsx(Notifications,{listClassName:cnHeader("NotificationsList"),items:w,itemDateFormat:x,title:y,actions:z,groupByDay:A,groupLabelFormat:B,groups:C,getItemLabel:D,getItemDescription:E,getItemImage:F,getItemRead:G,getItemDate:H,getItemBadges:I,getItemActions:J,getItemGroup:K,getItemView:L,getActionLabel:M,getActionIcon:N,getActionOnClick:O,getGroupLabel:P,getGroupId:Q,isMobile:!0,style:{zIndex:Xa}})),(ja||ia)&&_jsx("div",{className:cnHeader("MobileSearchContainer")},void 0,_jsx(HeaderSearch,{value:ha,onChange:ia,onSubmit:ja,placeholder:ka}))),footer:(null===sa||void 0===sa?void 0:sa.length)&&_jsx(ButtonMenu,{className:cnHeader("MobileMenuSocialMedia"),items:sa,getItemHref:ta,getItemIcon:ua,getItemLabel:va,getItemOnClick:wa,getItemTarget:xa,onItemClick:ya,view:"clear",onlyIcon:!0,size:"s"})}),_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h}))}}))};export const Header=forwardRef(HeaderRender);export*from"./types";
 //# sourceMappingURL=Header.js.map

package/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Header/Header.tsx"],"names":["React","forwardRef","useState","cn","Layout","Menu","HeaderLogo","HeaderLogin","HeaderSearch","Notifications","TileMenu","useBreakpoints","MobileMenu","Breadcrumbs","SelectMenu","ButtonMenu","Languages","getMobileMenu","cnHeader","HeaderRender","props","ref","className","fixed","logo","onLogoClick","logoHref","menu","getMenuItemActive","getMenuItemHref","getMenuItemLabel","getMenuItemOnClick","getMenuItemSubMenu","getMenuItemTarget","onMenuItemClick","userName","userAvatar","userInfo","userLogined","onLoginButtonClick","loginButtonLabel","notifications","notificationsDateFormat","notificationsTitle","notificationsActions","notificationsGroupByDay","notificationsGroupLabelFormat","notificationsGroups","getNotificationsItemLabel","getNotificationsItemDescription","getNotificationsItemImage","getNotificationsItemRead","getNotificationsItemDate","getNotificationsItemBadges","getNotificationsItemActions","getNotificationsItemGroup","getNotificationsItemView","getNotificationsActionLabel","getNotificationsActionIcon","getNotificationsActionOnClick","getNotificationsGroupLabel","getNotificationsGroupId","tileMenu","tileMenuView","onTileMenuItemClick","getTileMenuItemDescription","getTileMenuItemHref","getTileMenuItemImage","getTileMenuItemOnClick","getTileMenuItemLabel","tileMenuTitle","breadcrumbs","breadcrumbsOnlyIconRoot","onBreadcrumbsItemClick","getBreadcrumbsItemLabel","getBreadcrumbsItemHref","getBreadcrumbsItemIcon","getBreadcrumbsItemOnClick","breadcrumbsLastItemIsLink","breadcrumbsFitMode","searchValue","searchOnChange","searchOnSubmit","searchPlaceholder","secondaryMenuLabel","secondaryMenu","getSecondaryMenuItemHref","getSecondaryMenuItemLabel","getSecondaryMenuItemOnClick","getSecondaryMenuItemSubMenu","getSecondaryMenuItemTarget","socialMedia","getSocialMediaItemHref","getSocialMediaItemIcon","getSocialMediaItemLabel","getSocialMediaItemOnClick","getSocialMediaItemTarget","onSocialMediaItemClick","languages","languageValue","languageValueProp","getLanguagesItemHref","getLanguagesItemLabel","getLanguagesItemOnClick","getLanguagesItemTarget","onLanguageChange","onLanguageChangeProp","additionalButtons","getAdditionalButtonsItemHref","getAdditionalButtonsItemIcon","getAdditionalButtonsItemLabel","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","otherProps","breakpoints","s","m","languagesValue","setLanguagesValue","elementZIndex","style","zIndex","length","left","center","right","params","item","breakpoint","mobileMenuItems","Header"],"mappings":"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","sourcesContent":["import React, { forwardRef, useState } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\nimport { HeaderProps, HeaderComponent, HeaderDefaultLanguagesItem } from './types'\nimport { Layout } from '@/Layout'\nimport { Menu } from '@/Menu'\nimport { HeaderLogo } from './HeaderLogo'\nimport { HeaderLogin } from './HeaderLogin'\nimport { HeaderSearch } from './HeaderSearch'\nimport { Notifications } from '@/Notifications'\nimport { TileMenu } from '@/TileMenu'\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints'\nimport { MobileMenu } from '@/MobileMenu'\nimport { Breadcrumbs } from '@consta/uikit/BreadcrumbsCanary'\nimport { SelectMenu } from '@/SelectMenu'\nimport { ButtonMenu } from '@/ButtonMenu'\nimport { Languages, LanguagesProps } from '@/Languages'\n\nimport { getMobileMenu } from './helpers'\n\nimport './Header.css'\n\nexport const cnHeader = cn('Header')\n\nconst HeaderRender = (props: HeaderProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    fixed,\n\n    // Logo\n    logo,\n    onLogoClick,\n    logoHref,\n\n    // Menu\n    menu,\n    getMenuItemActive,\n    getMenuItemHref,\n    getMenuItemLabel,\n    getMenuItemOnClick,\n    getMenuItemSubMenu,\n    getMenuItemTarget,\n    onMenuItemClick,\n\n    // Login\n    userName,\n    userAvatar,\n    userInfo,\n    userLogined,\n    onLoginButtonClick,\n    loginButtonLabel,\n\n    // Notifications\n    notifications,\n    notificationsDateFormat,\n    notificationsTitle,\n    notificationsActions,\n    notificationsGroupByDay,\n    notificationsGroupLabelFormat,\n    notificationsGroups,\n    getNotificationsItemLabel,\n    getNotificationsItemDescription,\n    getNotificationsItemImage,\n    getNotificationsItemRead,\n    getNotificationsItemDate,\n    getNotificationsItemBadges,\n    getNotificationsItemActions,\n    getNotificationsItemGroup,\n    getNotificationsItemView,\n    getNotificationsActionLabel,\n    getNotificationsActionIcon,\n    getNotificationsActionOnClick,\n    getNotificationsGroupLabel,\n    getNotificationsGroupId,\n\n    // TileMenu\n    tileMenu,\n    tileMenuView,\n    onTileMenuItemClick,\n    getTileMenuItemDescription,\n    getTileMenuItemHref,\n    getTileMenuItemImage,\n    getTileMenuItemOnClick,\n    getTileMenuItemLabel,\n    tileMenuTitle,\n\n    // Breadcrumbs\n    breadcrumbs,\n    breadcrumbsOnlyIconRoot,\n    onBreadcrumbsItemClick,\n    getBreadcrumbsItemLabel,\n    getBreadcrumbsItemHref,\n    getBreadcrumbsItemIcon,\n    getBreadcrumbsItemOnClick,\n    breadcrumbsLastItemIsLink,\n    breadcrumbsFitMode,\n\n    // Search\n    searchValue,\n    searchOnChange,\n    searchOnSubmit,\n    searchPlaceholder,\n\n    // SecondaryMenu\n    secondaryMenuLabel,\n    secondaryMenu,\n    getSecondaryMenuItemHref,\n    getSecondaryMenuItemLabel,\n    getSecondaryMenuItemOnClick,\n    getSecondaryMenuItemSubMenu,\n    getSecondaryMenuItemTarget,\n\n    // SocialMedia\n    socialMedia,\n    getSocialMediaItemHref,\n    getSocialMediaItemIcon,\n    getSocialMediaItemLabel,\n    getSocialMediaItemOnClick,\n    getSocialMediaItemTarget,\n    onSocialMediaItemClick,\n\n    // Languages\n    languages,\n    languageValue: languageValueProp,\n    getLanguagesItemHref,\n    getLanguagesItemLabel,\n    getLanguagesItemOnClick,\n    getLanguagesItemTarget,\n    onLanguageChange: onLanguageChangeProp,\n\n    // AdditionalButtons\n    additionalButtons,\n    getAdditionalButtonsItemHref,\n    getAdditionalButtonsItemIcon,\n    getAdditionalButtonsItemLabel,\n    getAdditionalButtonsItemOnClick,\n    getAdditionalButtonsItemTarget,\n    onAdditionalButtonsItemClick,\n\n    ...otherProps\n  } = props\n\n  const breakpoints = useBreakpoints({ s: 800, m: 1200 })\n\n  const [languagesValue, setLanguagesValue] = useState<HeaderDefaultLanguagesItem | undefined>(\n    languageValueProp || languages?.[0]\n  )\n\n  const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex : undefined\n\n  const onLanguageChange: LanguagesProps<HeaderDefaultLanguagesItem>['onChange'] = params => {\n    onLanguageChangeProp?.(params)\n    setLanguagesValue(params.item)\n  }\n\n  if (breakpoints.m) {\n    return (\n      <Layout\n        {...otherProps}\n        ref={ref}\n        className={cnHeader({ fixed }, [className])}\n        rowTop={\n          (additionalButtons?.length ||\n            languages?.length ||\n            socialMedia?.length ||\n            (secondaryMenu?.length && secondaryMenuLabel)) && {\n            left:\n              secondaryMenuLabel && secondaryMenu?.length ? (\n                <SelectMenu\n                  label={secondaryMenuLabel}\n                  items={secondaryMenu}\n                  getItemHref={getSecondaryMenuItemHref}\n                  getItemLabel={getSecondaryMenuItemLabel}\n                  getItemOnClick={getSecondaryMenuItemOnClick}\n                  getItemSubMenu={getSecondaryMenuItemSubMenu}\n                  getItemTarget={getSecondaryMenuItemTarget}\n                  style={{ zIndex: elementZIndex }}\n                />\n              ) : (\n                undefined\n              ),\n            center: socialMedia?.length ? (\n              <ButtonMenu\n                items={socialMedia}\n                getItemHref={getSocialMediaItemHref}\n                getItemIcon={getSocialMediaItemIcon}\n                getItemLabel={getSocialMediaItemLabel}\n                getItemOnClick={getSocialMediaItemOnClick}\n                getItemTarget={getSocialMediaItemTarget}\n                onItemClick={onSocialMediaItemClick}\n                view=\"clear\"\n                onlyIcon\n                size=\"s\"\n              />\n            ) : (\n              undefined\n            ),\n            right: (\n              <div className={cnHeader('RowTopRight')}>\n                {[\n                  languages?.length ? (\n                    <Languages\n                      key=\"Languages\"\n                      items={languages}\n                      value={languagesValue}\n                      getItemHref={getLanguagesItemHref}\n                      getItemLabel={getLanguagesItemLabel}\n                      getItemOnClick={getLanguagesItemOnClick}\n                      getItemTarget={getLanguagesItemTarget}\n                      onChange={onLanguageChange}\n                      style={{ zIndex: elementZIndex }}\n                    />\n                  ) : (\n                    undefined\n                  ),\n                  additionalButtons?.length ? (\n                    <ButtonMenu\n                      items={additionalButtons}\n                      getItemHref={getAdditionalButtonsItemHref}\n                      getItemIcon={getAdditionalButtonsItemIcon}\n                      getItemLabel={getAdditionalButtonsItemLabel}\n                      getItemOnClick={getAdditionalButtonsItemOnClick}\n                      getItemTarget={getAdditionalButtonsItemTarget}\n                      onItemClick={onAdditionalButtonsItemClick}\n                      view=\"clear\"\n                      size=\"s\"\n                    />\n                  ) : (\n                    undefined\n                  ),\n                ]}\n              </div>\n            ),\n          }\n        }\n        rowCenter={{\n          left: (\n            <div className={cnHeader('RowCenterLeft', { breakpoint: 'm' })}>\n              <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n              {(searchOnSubmit || searchOnChange) && (\n                <HeaderSearch\n                  value={searchValue}\n                  onChange={searchOnChange}\n                  onSubmit={searchOnSubmit}\n                  placeholder={searchPlaceholder}\n                />\n              )}\n              {menu && (\n                <Menu\n                  className={cnHeader('Menu')}\n                  items={menu}\n                  getItemActive={getMenuItemActive}\n                  getItemHref={getMenuItemHref}\n                  getItemLabel={getMenuItemLabel}\n                  getItemOnClick={getMenuItemOnClick}\n                  getItemSubMenu={getMenuItemSubMenu}\n                  getItemTarget={getMenuItemTarget}\n                  onItemClick={onMenuItemClick}\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n            </div>\n          ),\n          right: (\n            <div className={cnHeader('RowCenterRight')}>\n              <HeaderLogin\n                userName={userName}\n                userAvatar={userAvatar}\n                userInfo={userInfo}\n                userLogined={userLogined}\n                onLoginButtonClick={onLoginButtonClick}\n                loginButtonLabel={loginButtonLabel}\n              />\n              {tileMenu?.length && (\n                <TileMenu\n                  items={tileMenu}\n                  view={tileMenuView}\n                  onItemClick={onTileMenuItemClick}\n                  getItemDescription={getTileMenuItemDescription}\n                  getItemHref={getTileMenuItemHref}\n                  getItemImage={getTileMenuItemImage}\n                  getItemOnClick={getTileMenuItemOnClick}\n                  getItemLabel={getTileMenuItemLabel}\n                  listClassName={cnHeader('TileMenuList', { breakpoint: 'm' })}\n                  title={tileMenuTitle}\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n              {notifications?.length && (\n                <Notifications\n                  listClassName={cnHeader('NotificationsList', { breakpoint: 'm' })}\n                  items={notifications}\n                  itemDateFormat={notificationsDateFormat}\n                  title={notificationsTitle}\n                  actions={notificationsActions}\n                  groupByDay={notificationsGroupByDay}\n                  groupLabelFormat={notificationsGroupLabelFormat}\n                  groups={notificationsGroups}\n                  getItemLabel={getNotificationsItemLabel}\n                  getItemDescription={getNotificationsItemDescription}\n                  getItemImage={getNotificationsItemImage}\n                  getItemRead={getNotificationsItemRead}\n                  getItemDate={getNotificationsItemDate}\n                  getItemBadges={getNotificationsItemBadges}\n                  getItemActions={getNotificationsItemActions}\n                  getItemGroup={getNotificationsItemGroup}\n                  getItemView={getNotificationsItemView}\n                  getActionLabel={getNotificationsActionLabel}\n                  getActionIcon={getNotificationsActionIcon}\n                  getActionOnClick={getNotificationsActionOnClick}\n                  getGroupLabel={getNotificationsGroupLabel}\n                  getGroupId={getNotificationsGroupId}\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n            </div>\n          ),\n        }}\n        rowBottom={\n          breadcrumbs ? (\n            <Breadcrumbs\n              className={cnHeader('Breadcrumbs')}\n              items={breadcrumbs}\n              onlyIconRoot={breadcrumbsOnlyIconRoot}\n              size=\"m\"\n              onItemClick={onBreadcrumbsItemClick}\n              getItemLabel={getBreadcrumbsItemLabel}\n              getItemHref={getBreadcrumbsItemHref}\n              getItemIcon={getBreadcrumbsItemIcon}\n              getItemOnClick={getBreadcrumbsItemOnClick}\n              lastItemIsLink={breadcrumbsLastItemIsLink}\n              fitMode={breadcrumbsFitMode}\n            />\n          ) : (\n            undefined\n          )\n        }\n      />\n    )\n  }\n\n  if (breakpoints.s) {\n    const mobileMenuItems = getMobileMenu(props, { languagesValue, setLanguagesValue })\n\n    return (\n      <Layout\n        {...otherProps}\n        ref={ref}\n        className={cnHeader({ fixed }, [className])}\n        rowCenter={{\n          left: (\n            <div className={cnHeader('RowCenterLeft')}>\n              {(mobileMenuItems.length || socialMedia?.length) && (\n                <MobileMenu\n                  className={cnHeader('Menu')}\n                  items={mobileMenuItems}\n                  getItemActive={getMenuItemActive}\n                  getItemHref={getMenuItemHref}\n                  getItemLabel={getMenuItemLabel}\n                  getItemOnClick={getMenuItemOnClick}\n                  getItemSubMenu={getMenuItemSubMenu}\n                  getItemTarget={getMenuItemTarget}\n                  style={{ zIndex: elementZIndex }}\n                  footer={\n                    socialMedia?.length && (\n                      <ButtonMenu\n                        className={cnHeader('MobileMenuSocialMedia')}\n                        items={socialMedia}\n                        getItemHref={getSocialMediaItemHref}\n                        getItemIcon={getSocialMediaItemIcon}\n                        getItemLabel={getSocialMediaItemLabel}\n                        getItemOnClick={getSocialMediaItemOnClick}\n                        getItemTarget={getSocialMediaItemTarget}\n                        onItemClick={onSocialMediaItemClick}\n                        view=\"clear\"\n                        onlyIcon\n                        size=\"s\"\n                      />\n                    )\n                  }\n                />\n              )}\n              <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n              {(searchOnSubmit || searchOnChange) && (\n                <HeaderSearch\n                  value={searchValue}\n                  onChange={searchOnChange}\n                  onSubmit={searchOnSubmit}\n                  placeholder={searchPlaceholder}\n                />\n              )}\n            </div>\n          ),\n          right: (\n            <div className={cnHeader('RowCenterRight')}>\n              <HeaderLogin\n                userName={userName}\n                userAvatar={userAvatar}\n                userInfo={userInfo}\n                userLogined={userLogined}\n                onLoginButtonClick={onLoginButtonClick}\n                loginButtonLabel={loginButtonLabel}\n              />\n              {tileMenu?.length && (\n                <TileMenu\n                  items={tileMenu}\n                  view={tileMenuView}\n                  onItemClick={onTileMenuItemClick}\n                  getItemDescription={getTileMenuItemDescription}\n                  getItemHref={getTileMenuItemHref}\n                  getItemImage={getTileMenuItemImage}\n                  getItemOnClick={getTileMenuItemOnClick}\n                  getItemLabel={getTileMenuItemLabel}\n                  listClassName={cnHeader('TileMenuList')}\n                  title={tileMenuTitle}\n                  isMobile\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n              {notifications?.length && (\n                <Notifications\n                  listClassName={cnHeader('NotificationsList')}\n                  items={notifications}\n                  itemDateFormat={notificationsDateFormat}\n                  title={notificationsTitle}\n                  actions={notificationsActions}\n                  groupByDay={notificationsGroupByDay}\n                  groupLabelFormat={notificationsGroupLabelFormat}\n                  groups={notificationsGroups}\n                  getItemLabel={getNotificationsItemLabel}\n                  getItemDescription={getNotificationsItemDescription}\n                  getItemImage={getNotificationsItemImage}\n                  getItemRead={getNotificationsItemRead}\n                  getItemDate={getNotificationsItemDate}\n                  getItemBadges={getNotificationsItemBadges}\n                  getItemActions={getNotificationsItemActions}\n                  getItemGroup={getNotificationsItemGroup}\n                  getItemView={getNotificationsItemView}\n                  getActionLabel={getNotificationsActionLabel}\n                  getActionIcon={getNotificationsActionIcon}\n                  getActionOnClick={getNotificationsActionOnClick}\n                  getGroupLabel={getNotificationsGroupLabel}\n                  getGroupId={getNotificationsGroupId}\n                  isMobile\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n            </div>\n          ),\n        }}\n        rowBottom={\n          breadcrumbs ? (\n            <Breadcrumbs\n              className={cnHeader('Breadcrumbs')}\n              items={breadcrumbs}\n              onlyIconRoot={breadcrumbsOnlyIconRoot}\n              size=\"m\"\n              onItemClick={onBreadcrumbsItemClick}\n              getItemLabel={getBreadcrumbsItemLabel}\n              getItemHref={getBreadcrumbsItemHref}\n              getItemIcon={getBreadcrumbsItemIcon}\n              getItemOnClick={getBreadcrumbsItemOnClick}\n              lastItemIsLink={breadcrumbsLastItemIsLink}\n              fitMode={breadcrumbsFitMode}\n            />\n          ) : (\n            undefined\n          )\n        }\n      />\n    )\n  }\n\n  const mobileMenuItems = getMobileMenu(props, { languagesValue, setLanguagesValue })\n\n  return (\n    <Layout\n      {...otherProps}\n      ref={ref}\n      className={cnHeader({ fixed }, [className])}\n      rowCenter={{\n        left: (\n          <div className={cnHeader('RowCenterLeft')}>\n            {(mobileMenuItems.length ||\n              userName ||\n              userAvatar ||\n              tileMenu?.length ||\n              notifications?.length ||\n              searchOnSubmit ||\n              searchOnChange ||\n              socialMedia?.length) && (\n              <MobileMenu\n                className={cnHeader('Menu')}\n                items={getMobileMenu(props, { languagesValue, setLanguagesValue })}\n                getItemActive={getMenuItemActive}\n                getItemHref={getMenuItemHref}\n                getItemLabel={getMenuItemLabel}\n                getItemOnClick={getMenuItemOnClick}\n                getItemSubMenu={getMenuItemSubMenu}\n                getItemTarget={getMenuItemTarget}\n                style={{ zIndex: elementZIndex }}\n                header={\n                  (userName ||\n                    userAvatar ||\n                    tileMenu?.length ||\n                    notifications?.length ||\n                    searchOnSubmit ||\n                    searchOnChange) && (\n                    <div className={cnHeader('MobileMenuHeader')}>\n                      <div>\n                        <HeaderLogin\n                          userName={userName}\n                          userAvatar={userAvatar}\n                          userInfo={userInfo}\n                          userLogined={userLogined}\n                          onLoginButtonClick={onLoginButtonClick}\n                          loginButtonLabel={loginButtonLabel}\n                        />\n                      </div>\n                      {(tileMenu?.length || notifications?.length) && (\n                        <div>\n                          {tileMenu?.length && (\n                            <TileMenu\n                              items={tileMenu}\n                              view={tileMenuView}\n                              onItemClick={onTileMenuItemClick}\n                              getItemDescription={getTileMenuItemDescription}\n                              getItemHref={getTileMenuItemHref}\n                              getItemImage={getTileMenuItemImage}\n                              getItemOnClick={getTileMenuItemOnClick}\n                              getItemLabel={getTileMenuItemLabel}\n                              listClassName={cnHeader('TileMenuList')}\n                              title={tileMenuTitle}\n                              isMobile\n                              style={{ zIndex: elementZIndex }}\n                            />\n                          )}\n                          {notifications?.length && (\n                            <Notifications\n                              listClassName={cnHeader('NotificationsList')}\n                              items={notifications}\n                              itemDateFormat={notificationsDateFormat}\n                              title={notificationsTitle}\n                              actions={notificationsActions}\n                              groupByDay={notificationsGroupByDay}\n                              groupLabelFormat={notificationsGroupLabelFormat}\n                              groups={notificationsGroups}\n                              getItemLabel={getNotificationsItemLabel}\n                              getItemDescription={getNotificationsItemDescription}\n                              getItemImage={getNotificationsItemImage}\n                              getItemRead={getNotificationsItemRead}\n                              getItemDate={getNotificationsItemDate}\n                              getItemBadges={getNotificationsItemBadges}\n                              getItemActions={getNotificationsItemActions}\n                              getItemGroup={getNotificationsItemGroup}\n                              getItemView={getNotificationsItemView}\n                              getActionLabel={getNotificationsActionLabel}\n                              getActionIcon={getNotificationsActionIcon}\n                              getActionOnClick={getNotificationsActionOnClick}\n                              getGroupLabel={getNotificationsGroupLabel}\n                              getGroupId={getNotificationsGroupId}\n                              isMobile\n                              style={{ zIndex: elementZIndex }}\n                            />\n                          )}\n                        </div>\n                      )}\n                      {(searchOnSubmit || searchOnChange) && (\n                        <div className={cnHeader('MobileSearchContainer')}>\n                          <HeaderSearch\n                            value={searchValue}\n                            onChange={searchOnChange}\n                            onSubmit={searchOnSubmit}\n                            placeholder={searchPlaceholder}\n                          />\n                        </div>\n                      )}\n                    </div>\n                  )\n                }\n                footer={\n                  socialMedia?.length && (\n                    <ButtonMenu\n                      className={cnHeader('MobileMenuSocialMedia')}\n                      items={socialMedia}\n                      getItemHref={getSocialMediaItemHref}\n                      getItemIcon={getSocialMediaItemIcon}\n                      getItemLabel={getSocialMediaItemLabel}\n                      getItemOnClick={getSocialMediaItemOnClick}\n                      getItemTarget={getSocialMediaItemTarget}\n                      onItemClick={onSocialMediaItemClick}\n                      view=\"clear\"\n                      onlyIcon\n                      size=\"s\"\n                    />\n                  )\n                }\n              />\n            )}\n            <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n          </div>\n        ),\n      }}\n    />\n  )\n}\n\nexport const Header = forwardRef(HeaderRender) as HeaderComponent\n\nexport * from './types'\n"],"file":"Header.js"}
+{"version":3,"sources":["../../src/Header/Header.tsx"],"names":["React","forwardRef","useState","cn","Layout","Menu","HeaderLogo","HeaderLogin","HeaderSearch","Notifications","TileMenu","useBreakpoints","MobileMenu","Breadcrumbs","ThemeToggler","SelectMenu","ButtonMenu","Languages","getMobileMenu","cnHeader","HeaderRender","props","ref","className","fixed","logo","onLogoClick","logoHref","menu","getMenuItemActive","getMenuItemHref","getMenuItemLabel","getMenuItemOnClick","getMenuItemSubMenu","getMenuItemTarget","onMenuItemClick","userName","userAvatar","userInfo","userLogined","onLoginButtonClick","loginButtonLabel","notifications","notificationsDateFormat","notificationsTitle","notificationsActions","notificationsGroupByDay","notificationsGroupLabelFormat","notificationsGroups","getNotificationsItemLabel","getNotificationsItemDescription","getNotificationsItemImage","getNotificationsItemRead","getNotificationsItemDate","getNotificationsItemBadges","getNotificationsItemActions","getNotificationsItemGroup","getNotificationsItemView","getNotificationsActionLabel","getNotificationsActionIcon","getNotificationsActionOnClick","getNotificationsGroupLabel","getNotificationsGroupId","tileMenu","tileMenuView","onTileMenuItemClick","getTileMenuItemDescription","getTileMenuItemHref","getTileMenuItemImage","getTileMenuItemOnClick","getTileMenuItemLabel","tileMenuTitle","breadcrumbs","breadcrumbsOnlyIconRoot","onBreadcrumbsItemClick","getBreadcrumbsItemLabel","getBreadcrumbsItemHref","getBreadcrumbsItemIcon","getBreadcrumbsItemOnClick","breadcrumbsLastItemIsLink","breadcrumbsFitMode","searchValue","searchOnChange","searchOnSubmit","searchPlaceholder","secondaryMenuLabel","secondaryMenu","getSecondaryMenuItemHref","getSecondaryMenuItemLabel","getSecondaryMenuItemOnClick","getSecondaryMenuItemSubMenu","getSecondaryMenuItemTarget","socialMedia","getSocialMediaItemHref","getSocialMediaItemIcon","getSocialMediaItemLabel","getSocialMediaItemOnClick","getSocialMediaItemTarget","onSocialMediaItemClick","languages","languageValue","languageValueProp","getLanguagesItemHref","getLanguagesItemLabel","getLanguagesItemOnClick","getLanguagesItemTarget","onLanguageChange","onLanguageChangeProp","additionalButtons","getAdditionalButtonsItemHref","getAdditionalButtonsItemIcon","getAdditionalButtonsItemLabel","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","themeItems","theme","getThemeTogglerItemKey","getThemeTogglerItemLabel","getThemeTogglerItemIcon","onThemeChange","otherProps","breakpoints","s","m","languagesValue","setLanguagesValue","elementZIndex","style","zIndex","length","left","center","right","params","item","breakpoint","mobileMenuItems","Header"],"mappings":"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","sourcesContent":["import React, { forwardRef, useState } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\nimport { HeaderProps, HeaderComponent, HeaderDefaultLanguagesItem } from './types'\nimport { Layout } from '@/Layout'\nimport { Menu } from '@/Menu'\nimport { HeaderLogo } from './HeaderLogo'\nimport { HeaderLogin } from './HeaderLogin'\nimport { HeaderSearch } from './HeaderSearch'\nimport { Notifications } from '@/Notifications'\nimport { TileMenu } from '@/TileMenu'\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints'\nimport { MobileMenu } from '@/MobileMenu'\nimport { Breadcrumbs } from '@consta/uikit/BreadcrumbsCanary'\nimport { ThemeToggler } from '@consta/uikit/ThemeToggler'\nimport { SelectMenu } from '@/SelectMenu'\nimport { ButtonMenu } from '@/ButtonMenu'\nimport { Languages, LanguagesProps } from '@/Languages'\n\nimport { getMobileMenu } from './helpers'\n\nimport './Header.css'\n\nexport const cnHeader = cn('Header')\n\nconst HeaderRender = (props: HeaderProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    fixed,\n\n    // Logo\n    logo,\n    onLogoClick,\n    logoHref,\n\n    // Menu\n    menu,\n    getMenuItemActive,\n    getMenuItemHref,\n    getMenuItemLabel,\n    getMenuItemOnClick,\n    getMenuItemSubMenu,\n    getMenuItemTarget,\n    onMenuItemClick,\n\n    // Login\n    userName,\n    userAvatar,\n    userInfo,\n    userLogined,\n    onLoginButtonClick,\n    loginButtonLabel,\n\n    // Notifications\n    notifications,\n    notificationsDateFormat,\n    notificationsTitle,\n    notificationsActions,\n    notificationsGroupByDay,\n    notificationsGroupLabelFormat,\n    notificationsGroups,\n    getNotificationsItemLabel,\n    getNotificationsItemDescription,\n    getNotificationsItemImage,\n    getNotificationsItemRead,\n    getNotificationsItemDate,\n    getNotificationsItemBadges,\n    getNotificationsItemActions,\n    getNotificationsItemGroup,\n    getNotificationsItemView,\n    getNotificationsActionLabel,\n    getNotificationsActionIcon,\n    getNotificationsActionOnClick,\n    getNotificationsGroupLabel,\n    getNotificationsGroupId,\n\n    // TileMenu\n    tileMenu,\n    tileMenuView,\n    onTileMenuItemClick,\n    getTileMenuItemDescription,\n    getTileMenuItemHref,\n    getTileMenuItemImage,\n    getTileMenuItemOnClick,\n    getTileMenuItemLabel,\n    tileMenuTitle,\n\n    // Breadcrumbs\n    breadcrumbs,\n    breadcrumbsOnlyIconRoot,\n    onBreadcrumbsItemClick,\n    getBreadcrumbsItemLabel,\n    getBreadcrumbsItemHref,\n    getBreadcrumbsItemIcon,\n    getBreadcrumbsItemOnClick,\n    breadcrumbsLastItemIsLink,\n    breadcrumbsFitMode,\n\n    // Search\n    searchValue,\n    searchOnChange,\n    searchOnSubmit,\n    searchPlaceholder,\n\n    // SecondaryMenu\n    secondaryMenuLabel,\n    secondaryMenu,\n    getSecondaryMenuItemHref,\n    getSecondaryMenuItemLabel,\n    getSecondaryMenuItemOnClick,\n    getSecondaryMenuItemSubMenu,\n    getSecondaryMenuItemTarget,\n\n    // SocialMedia\n    socialMedia,\n    getSocialMediaItemHref,\n    getSocialMediaItemIcon,\n    getSocialMediaItemLabel,\n    getSocialMediaItemOnClick,\n    getSocialMediaItemTarget,\n    onSocialMediaItemClick,\n\n    // Languages\n    languages,\n    languageValue: languageValueProp,\n    getLanguagesItemHref,\n    getLanguagesItemLabel,\n    getLanguagesItemOnClick,\n    getLanguagesItemTarget,\n    onLanguageChange: onLanguageChangeProp,\n\n    // AdditionalButtons\n    additionalButtons,\n    getAdditionalButtonsItemHref,\n    getAdditionalButtonsItemIcon,\n    getAdditionalButtonsItemLabel,\n    getAdditionalButtonsItemOnClick,\n    getAdditionalButtonsItemTarget,\n    onAdditionalButtonsItemClick,\n\n    // ThemeToggler\n    themeItems,\n    theme,\n    getThemeTogglerItemKey,\n    getThemeTogglerItemLabel,\n    getThemeTogglerItemIcon,\n    onThemeChange,\n\n    ...otherProps\n  } = props\n\n  const breakpoints = useBreakpoints({ s: 800, m: 1200 })\n\n  const [languagesValue, setLanguagesValue] = useState<HeaderDefaultLanguagesItem | undefined>(\n    languageValueProp || languages?.[0]\n  )\n\n  const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex : undefined\n\n  const onLanguageChange: LanguagesProps<HeaderDefaultLanguagesItem>['onChange'] = params => {\n    onLanguageChangeProp?.(params)\n    setLanguagesValue(params.item)\n  }\n\n  if (breakpoints.m) {\n    return (\n      <Layout\n        {...otherProps}\n        ref={ref}\n        className={cnHeader({ fixed }, [className])}\n        rowTop={\n          (additionalButtons?.length ||\n            languages?.length ||\n            socialMedia?.length ||\n            (secondaryMenu?.length && secondaryMenuLabel)) && {\n            left:\n              secondaryMenuLabel && secondaryMenu?.length ? (\n                <SelectMenu\n                  label={secondaryMenuLabel}\n                  items={secondaryMenu}\n                  getItemHref={getSecondaryMenuItemHref}\n                  getItemLabel={getSecondaryMenuItemLabel}\n                  getItemOnClick={getSecondaryMenuItemOnClick}\n                  getItemSubMenu={getSecondaryMenuItemSubMenu}\n                  getItemTarget={getSecondaryMenuItemTarget}\n                  style={{ zIndex: elementZIndex }}\n                />\n              ) : (\n                undefined\n              ),\n            center: socialMedia?.length ? (\n              <ButtonMenu\n                items={socialMedia}\n                getItemHref={getSocialMediaItemHref}\n                getItemIcon={getSocialMediaItemIcon}\n                getItemLabel={getSocialMediaItemLabel}\n                getItemOnClick={getSocialMediaItemOnClick}\n                getItemTarget={getSocialMediaItemTarget}\n                onItemClick={onSocialMediaItemClick}\n                view=\"clear\"\n                onlyIcon\n                size=\"s\"\n              />\n            ) : (\n              undefined\n            ),\n            right: (\n              <div className={cnHeader('RowTopRight')}>\n                {[\n                  languages?.length ? (\n                    <Languages\n                      key=\"Languages\"\n                      items={languages}\n                      value={languagesValue}\n                      getItemHref={getLanguagesItemHref}\n                      getItemLabel={getLanguagesItemLabel}\n                      getItemOnClick={getLanguagesItemOnClick}\n                      getItemTarget={getLanguagesItemTarget}\n                      onChange={onLanguageChange}\n                      style={{ zIndex: elementZIndex }}\n                    />\n                  ) : (\n                    undefined\n                  ),\n                  additionalButtons?.length ? (\n                    <ButtonMenu\n                      items={additionalButtons}\n                      getItemHref={getAdditionalButtonsItemHref}\n                      getItemIcon={getAdditionalButtonsItemIcon}\n                      getItemLabel={getAdditionalButtonsItemLabel}\n                      getItemOnClick={getAdditionalButtonsItemOnClick}\n                      getItemTarget={getAdditionalButtonsItemTarget}\n                      onItemClick={onAdditionalButtonsItemClick}\n                      view=\"clear\"\n                      size=\"s\"\n                    />\n                  ) : (\n                    undefined\n                  ),\n                ]}\n              </div>\n            ),\n          }\n        }\n        rowCenter={{\n          left: (\n            <div className={cnHeader('RowCenterLeft', { breakpoint: 'm' })}>\n              <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n              {(searchOnSubmit || searchOnChange) && (\n                <HeaderSearch\n                  value={searchValue}\n                  onChange={searchOnChange}\n                  onSubmit={searchOnSubmit}\n                  placeholder={searchPlaceholder}\n                />\n              )}\n              {menu && (\n                <Menu\n                  className={cnHeader('Menu')}\n                  items={menu}\n                  getItemActive={getMenuItemActive}\n                  getItemHref={getMenuItemHref}\n                  getItemLabel={getMenuItemLabel}\n                  getItemOnClick={getMenuItemOnClick}\n                  getItemSubMenu={getMenuItemSubMenu}\n                  getItemTarget={getMenuItemTarget}\n                  onItemClick={onMenuItemClick}\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n            </div>\n          ),\n          right: (\n            <div className={cnHeader('RowCenterRight')}>\n              <HeaderLogin\n                userName={userName}\n                userAvatar={userAvatar}\n                userInfo={userInfo}\n                userLogined={userLogined}\n                onLoginButtonClick={onLoginButtonClick}\n                loginButtonLabel={loginButtonLabel}\n              />\n              {tileMenu?.length && (\n                <TileMenu\n                  items={tileMenu}\n                  view={tileMenuView}\n                  onItemClick={onTileMenuItemClick}\n                  getItemDescription={getTileMenuItemDescription}\n                  getItemHref={getTileMenuItemHref}\n                  getItemImage={getTileMenuItemImage}\n                  getItemOnClick={getTileMenuItemOnClick}\n                  getItemLabel={getTileMenuItemLabel}\n                  listClassName={cnHeader('TileMenuList', { breakpoint: 'm' })}\n                  title={tileMenuTitle}\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n              {notifications?.length && (\n                <Notifications\n                  listClassName={cnHeader('NotificationsList', { breakpoint: 'm' })}\n                  items={notifications}\n                  itemDateFormat={notificationsDateFormat}\n                  title={notificationsTitle}\n                  actions={notificationsActions}\n                  groupByDay={notificationsGroupByDay}\n                  groupLabelFormat={notificationsGroupLabelFormat}\n                  groups={notificationsGroups}\n                  getItemLabel={getNotificationsItemLabel}\n                  getItemDescription={getNotificationsItemDescription}\n                  getItemImage={getNotificationsItemImage}\n                  getItemRead={getNotificationsItemRead}\n                  getItemDate={getNotificationsItemDate}\n                  getItemBadges={getNotificationsItemBadges}\n                  getItemActions={getNotificationsItemActions}\n                  getItemGroup={getNotificationsItemGroup}\n                  getItemView={getNotificationsItemView}\n                  getActionLabel={getNotificationsActionLabel}\n                  getActionIcon={getNotificationsActionIcon}\n                  getActionOnClick={getNotificationsActionOnClick}\n                  getGroupLabel={getNotificationsGroupLabel}\n                  getGroupId={getNotificationsGroupId}\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n              {theme && themeItems?.length && (\n                <ThemeToggler\n                  className={cnHeader('ThemeToggler', { breakpoint: 'm' })}\n                  items={themeItems}\n                  value={theme}\n                  getItemKey={getThemeTogglerItemKey}\n                  getItemLabel={getThemeTogglerItemLabel}\n                  getItemIcon={getThemeTogglerItemIcon}\n                  size=\"s\"\n                  onChange={params => onThemeChange?.(params)}\n                />\n              )}\n            </div>\n          ),\n        }}\n        rowBottom={\n          breadcrumbs ? (\n            <Breadcrumbs\n              className={cnHeader('Breadcrumbs')}\n              items={breadcrumbs}\n              onlyIconRoot={breadcrumbsOnlyIconRoot}\n              size=\"m\"\n              onItemClick={onBreadcrumbsItemClick}\n              getItemLabel={getBreadcrumbsItemLabel}\n              getItemHref={getBreadcrumbsItemHref}\n              getItemIcon={getBreadcrumbsItemIcon}\n              getItemOnClick={getBreadcrumbsItemOnClick}\n              lastItemIsLink={breadcrumbsLastItemIsLink}\n              fitMode={breadcrumbsFitMode}\n            />\n          ) : (\n            undefined\n          )\n        }\n      />\n    )\n  }\n\n  if (breakpoints.s) {\n    const mobileMenuItems = getMobileMenu(props, { languagesValue, setLanguagesValue })\n\n    return (\n      <Layout\n        {...otherProps}\n        ref={ref}\n        className={cnHeader({ fixed }, [className])}\n        rowCenter={{\n          left: (\n            <div className={cnHeader('RowCenterLeft')}>\n              {(mobileMenuItems.length || socialMedia?.length) && (\n                <MobileMenu\n                  className={cnHeader('Menu')}\n                  items={mobileMenuItems}\n                  getItemActive={getMenuItemActive}\n                  getItemHref={getMenuItemHref}\n                  getItemLabel={getMenuItemLabel}\n                  getItemOnClick={getMenuItemOnClick}\n                  getItemSubMenu={getMenuItemSubMenu}\n                  getItemTarget={getMenuItemTarget}\n                  style={{ zIndex: elementZIndex }}\n                  footer={\n                    socialMedia?.length && (\n                      <ButtonMenu\n                        className={cnHeader('MobileMenuSocialMedia')}\n                        items={socialMedia}\n                        getItemHref={getSocialMediaItemHref}\n                        getItemIcon={getSocialMediaItemIcon}\n                        getItemLabel={getSocialMediaItemLabel}\n                        getItemOnClick={getSocialMediaItemOnClick}\n                        getItemTarget={getSocialMediaItemTarget}\n                        onItemClick={onSocialMediaItemClick}\n                        view=\"clear\"\n                        onlyIcon\n                        size=\"s\"\n                      />\n                    )\n                  }\n                />\n              )}\n              <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n              {(searchOnSubmit || searchOnChange) && (\n                <HeaderSearch\n                  value={searchValue}\n                  onChange={searchOnChange}\n                  onSubmit={searchOnSubmit}\n                  placeholder={searchPlaceholder}\n                />\n              )}\n            </div>\n          ),\n          right: (\n            <div className={cnHeader('RowCenterRight')}>\n              <HeaderLogin\n                userName={userName}\n                userAvatar={userAvatar}\n                userInfo={userInfo}\n                userLogined={userLogined}\n                onLoginButtonClick={onLoginButtonClick}\n                loginButtonLabel={loginButtonLabel}\n              />\n              {tileMenu?.length && (\n                <TileMenu\n                  items={tileMenu}\n                  view={tileMenuView}\n                  onItemClick={onTileMenuItemClick}\n                  getItemDescription={getTileMenuItemDescription}\n                  getItemHref={getTileMenuItemHref}\n                  getItemImage={getTileMenuItemImage}\n                  getItemOnClick={getTileMenuItemOnClick}\n                  getItemLabel={getTileMenuItemLabel}\n                  listClassName={cnHeader('TileMenuList')}\n                  title={tileMenuTitle}\n                  isMobile\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n              {notifications?.length && (\n                <Notifications\n                  listClassName={cnHeader('NotificationsList')}\n                  items={notifications}\n                  itemDateFormat={notificationsDateFormat}\n                  title={notificationsTitle}\n                  actions={notificationsActions}\n                  groupByDay={notificationsGroupByDay}\n                  groupLabelFormat={notificationsGroupLabelFormat}\n                  groups={notificationsGroups}\n                  getItemLabel={getNotificationsItemLabel}\n                  getItemDescription={getNotificationsItemDescription}\n                  getItemImage={getNotificationsItemImage}\n                  getItemRead={getNotificationsItemRead}\n                  getItemDate={getNotificationsItemDate}\n                  getItemBadges={getNotificationsItemBadges}\n                  getItemActions={getNotificationsItemActions}\n                  getItemGroup={getNotificationsItemGroup}\n                  getItemView={getNotificationsItemView}\n                  getActionLabel={getNotificationsActionLabel}\n                  getActionIcon={getNotificationsActionIcon}\n                  getActionOnClick={getNotificationsActionOnClick}\n                  getGroupLabel={getNotificationsGroupLabel}\n                  getGroupId={getNotificationsGroupId}\n                  isMobile\n                  style={{ zIndex: elementZIndex }}\n                />\n              )}\n              {theme && themeItems?.length && (\n                <ThemeToggler\n                  className={cnHeader('ThemeToggler')}\n                  items={themeItems}\n                  value={theme}\n                  getItemKey={getThemeTogglerItemKey}\n                  getItemLabel={getThemeTogglerItemLabel}\n                  getItemIcon={getThemeTogglerItemIcon}\n                  size=\"s\"\n                  onChange={params => onThemeChange?.(params)}\n                />\n              )}\n            </div>\n          ),\n        }}\n        rowBottom={\n          breadcrumbs ? (\n            <Breadcrumbs\n              className={cnHeader('Breadcrumbs')}\n              items={breadcrumbs}\n              onlyIconRoot={breadcrumbsOnlyIconRoot}\n              size=\"m\"\n              onItemClick={onBreadcrumbsItemClick}\n              getItemLabel={getBreadcrumbsItemLabel}\n              getItemHref={getBreadcrumbsItemHref}\n              getItemIcon={getBreadcrumbsItemIcon}\n              getItemOnClick={getBreadcrumbsItemOnClick}\n              lastItemIsLink={breadcrumbsLastItemIsLink}\n              fitMode={breadcrumbsFitMode}\n            />\n          ) : (\n            undefined\n          )\n        }\n      />\n    )\n  }\n\n  const mobileMenuItems = getMobileMenu(props, { languagesValue, setLanguagesValue })\n\n  return (\n    <Layout\n      {...otherProps}\n      ref={ref}\n      className={cnHeader({ fixed }, [className])}\n      rowCenter={{\n        left: (\n          <div className={cnHeader('RowCenterLeft')}>\n            {(mobileMenuItems.length ||\n              userName ||\n              userAvatar ||\n              tileMenu?.length ||\n              notifications?.length ||\n              searchOnSubmit ||\n              searchOnChange ||\n              socialMedia?.length) && (\n              <MobileMenu\n                className={cnHeader('Menu')}\n                items={getMobileMenu(props, { languagesValue, setLanguagesValue })}\n                getItemActive={getMenuItemActive}\n                getItemHref={getMenuItemHref}\n                getItemLabel={getMenuItemLabel}\n                getItemOnClick={getMenuItemOnClick}\n                getItemSubMenu={getMenuItemSubMenu}\n                getItemTarget={getMenuItemTarget}\n                style={{ zIndex: elementZIndex }}\n                header={\n                  (userName ||\n                    userAvatar ||\n                    tileMenu?.length ||\n                    notifications?.length ||\n                    searchOnSubmit ||\n                    searchOnChange) && (\n                    <div className={cnHeader('MobileMenuHeader')}>\n                      <div>\n                        <HeaderLogin\n                          userName={userName}\n                          userAvatar={userAvatar}\n                          userInfo={userInfo}\n                          userLogined={userLogined}\n                          onLoginButtonClick={onLoginButtonClick}\n                          loginButtonLabel={loginButtonLabel}\n                        />\n                      </div>\n                      {(tileMenu?.length || notifications?.length || themeItems?.length) && (\n                        <div>\n                          {theme && themeItems?.length && (\n                            <ThemeToggler\n                              className={cnHeader('ThemeToggler')}\n                              items={themeItems}\n                              value={theme}\n                              getItemKey={getThemeTogglerItemKey}\n                              getItemLabel={getThemeTogglerItemLabel}\n                              getItemIcon={getThemeTogglerItemIcon}\n                              size=\"s\"\n                              onChange={params => onThemeChange?.(params)}\n                            />\n                          )}\n                          {tileMenu?.length && (\n                            <TileMenu\n                              items={tileMenu}\n                              view={tileMenuView}\n                              onItemClick={onTileMenuItemClick}\n                              getItemDescription={getTileMenuItemDescription}\n                              getItemHref={getTileMenuItemHref}\n                              getItemImage={getTileMenuItemImage}\n                              getItemOnClick={getTileMenuItemOnClick}\n                              getItemLabel={getTileMenuItemLabel}\n                              listClassName={cnHeader('TileMenuList')}\n                              title={tileMenuTitle}\n                              isMobile\n                              style={{ zIndex: elementZIndex }}\n                            />\n                          )}\n                          {notifications?.length && (\n                            <Notifications\n                              listClassName={cnHeader('NotificationsList')}\n                              items={notifications}\n                              itemDateFormat={notificationsDateFormat}\n                              title={notificationsTitle}\n                              actions={notificationsActions}\n                              groupByDay={notificationsGroupByDay}\n                              groupLabelFormat={notificationsGroupLabelFormat}\n                              groups={notificationsGroups}\n                              getItemLabel={getNotificationsItemLabel}\n                              getItemDescription={getNotificationsItemDescription}\n                              getItemImage={getNotificationsItemImage}\n                              getItemRead={getNotificationsItemRead}\n                              getItemDate={getNotificationsItemDate}\n                              getItemBadges={getNotificationsItemBadges}\n                              getItemActions={getNotificationsItemActions}\n                              getItemGroup={getNotificationsItemGroup}\n                              getItemView={getNotificationsItemView}\n                              getActionLabel={getNotificationsActionLabel}\n                              getActionIcon={getNotificationsActionIcon}\n                              getActionOnClick={getNotificationsActionOnClick}\n                              getGroupLabel={getNotificationsGroupLabel}\n                              getGroupId={getNotificationsGroupId}\n                              isMobile\n                              style={{ zIndex: elementZIndex }}\n                            />\n                          )}\n                        </div>\n                      )}\n                      {(searchOnSubmit || searchOnChange) && (\n                        <div className={cnHeader('MobileSearchContainer')}>\n                          <HeaderSearch\n                            value={searchValue}\n                            onChange={searchOnChange}\n                            onSubmit={searchOnSubmit}\n                            placeholder={searchPlaceholder}\n                          />\n                        </div>\n                      )}\n                    </div>\n                  )\n                }\n                footer={\n                  socialMedia?.length && (\n                    <ButtonMenu\n                      className={cnHeader('MobileMenuSocialMedia')}\n                      items={socialMedia}\n                      getItemHref={getSocialMediaItemHref}\n                      getItemIcon={getSocialMediaItemIcon}\n                      getItemLabel={getSocialMediaItemLabel}\n                      getItemOnClick={getSocialMediaItemOnClick}\n                      getItemTarget={getSocialMediaItemTarget}\n                      onItemClick={onSocialMediaItemClick}\n                      view=\"clear\"\n                      onlyIcon\n                      size=\"s\"\n                    />\n                  )\n                }\n              />\n            )}\n            <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n          </div>\n        ),\n      }}\n    />\n  )\n}\n\nexport const Header = forwardRef(HeaderRender) as HeaderComponent\n\nexport * from './types'\n"],"file":"Header.js"}

package/Header/types.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IconComponent } from '@consta/uikit/Icon';
 import { MenuDefaultItem, MenuPropOnItemClick, MenuPropGetItemHref, MenuPropGetItemLabel, MenuPropGetItemTarget, MenuPropGetItemActive, MenuPropGetItemOnClick, MenuPropGetItemSubMenu } from "../Menu/index";
+import { ThemeTogglerPropGetItemIcon, ThemeTogglerPropGetItemKey, ThemeTogglerPropGetItemLabel, ThemeTogglerItemDefault, ThemeTogglerPropSetValue } from '@consta/uikit/ThemeToggler';
 import { NotificationsListPropGetItemLabel, NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsListPropGroupLabelFormat, NotificationsDefaultAction, NotificationsDefaultGroup, NotificationsDefaultItem, NotificationsListPropItemDateFormat } from "../NotificationsList/index";
 import { TileMenuPropGetItemImage, TileMenuPropGetItemDescription, TileMenuPropGetItemHref, TileMenuPropGetItemOnClick, TileMenuPropGetItemLabel, TileMenuOnItemClick, TileMenuPropView, TileMenuDefaultItem } from "../TileMenu/index";
 import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
@@ -21,7 +22,7 @@ export declare type HeaderDefaultTileMenuItem = TileMenuDefaultItem;
 export declare type HeaderDefaultBreadcrumbsItem = BreadcrumbsDefaultItem;
 export declare type HeaderDefaultSelectMenuItem = SelectMenuDefaultItem;
 export declare type HeaderDefaultLanguagesItem = LanguagesDefaultItem;
-export declare type HeaderProps<MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_ITEM = HeaderDefaultNotificationItem, NOTIFICATION_GROUP = HeaderDefaultNotificationGroup, NOTIFICATION_ACTION = HeaderDefaultNotificationAction, NOTIFICATION_GROUP_BY_DAY extends boolean = false, TILE_MENU_ITEM = HeaderDefaultTileMenuItem, BREADCRUMBS_ITEM = HeaderDefaultBreadcrumbsItem, SECONDARY_MENU_ITEM = HeaderDefaultSelectMenuItem, SOCIAL_MEDIA_ITEM = HeaderDefaultSocialMediaItem, LANGUAGES_ITEM = HeaderDefaultLanguagesItem, ADDITIONAL_BUTTONS_ITEM = HeaderDefaultAdditionalButtonsItem> = PropsWithHTMLAttributesAndRef<{
+export declare type HeaderProps<MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_ITEM = HeaderDefaultNotificationItem, NOTIFICATION_GROUP = HeaderDefaultNotificationGroup, NOTIFICATION_ACTION = HeaderDefaultNotificationAction, NOTIFICATION_GROUP_BY_DAY extends boolean = false, TILE_MENU_ITEM = HeaderDefaultTileMenuItem, BREADCRUMBS_ITEM = HeaderDefaultBreadcrumbsItem, SECONDARY_MENU_ITEM = HeaderDefaultSelectMenuItem, LANGUAGES_ITEM = HeaderDefaultLanguagesItem, SOCIAL_MEDIA_ITEM = HeaderDefaultSocialMediaItem, ADDITIONAL_BUTTONS_ITEM = HeaderDefaultAdditionalButtonsItem, THEME_TOGGLER_ITEM = ThemeTogglerItemDefault> = PropsWithHTMLAttributesAndRef<{
     fixed?: boolean;
     logo?: React.ReactNode;
     onLogoClick?: React.MouseEventHandler;
@@ -92,13 +93,6 @@ export declare type HeaderProps<MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_
     getSecondaryMenuItemOnClick?: SelectMenuPropGetItemOnClick<SECONDARY_MENU_ITEM>;
     getSecondaryMenuItemSubMenu?: SelectMenuPropGetItemSubMenu<SECONDARY_MENU_ITEM>;
     secondaryMenuLabel?: string;
-    socialMedia?: SOCIAL_MEDIA_ITEM[];
-    onSocialMediaItemClick?: ButtonMenuPropOnItemClick<SOCIAL_MEDIA_ITEM>;
-    getSocialMediaItemHref?: ButtonMenuPropGetItemHref<SOCIAL_MEDIA_ITEM>;
-    getSocialMediaItemLabel?: ButtonMenuPropGetItemLabel<SOCIAL_MEDIA_ITEM>;
-    getSocialMediaItemTarget?: ButtonMenuPropGetItemTarget<SOCIAL_MEDIA_ITEM>;
-    getSocialMediaItemOnClick?: ButtonMenuPropGetItemOnClick<SOCIAL_MEDIA_ITEM>;
-    getSocialMediaItemIcon?: ButtonMenuPropGetItemIcon<SOCIAL_MEDIA_ITEM>;
     languages?: LANGUAGES_ITEM[];
     languagesLabel?: string;
     languageValue?: LANGUAGES_ITEM;
@@ -107,6 +101,13 @@ export declare type HeaderProps<MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_
     getLanguagesItemLabel?: SelectMenuPropGetItemLabel<LANGUAGES_ITEM>;
     getLanguagesItemTarget?: SelectMenuPropGetItemTarget<LANGUAGES_ITEM>;
     getLanguagesItemOnClick?: SelectMenuPropGetItemOnClick<LANGUAGES_ITEM>;
+    socialMedia?: SOCIAL_MEDIA_ITEM[];
+    onSocialMediaItemClick?: ButtonMenuPropOnItemClick<SOCIAL_MEDIA_ITEM>;
+    getSocialMediaItemHref?: ButtonMenuPropGetItemHref<SOCIAL_MEDIA_ITEM>;
+    getSocialMediaItemLabel?: ButtonMenuPropGetItemLabel<SOCIAL_MEDIA_ITEM>;
+    getSocialMediaItemTarget?: ButtonMenuPropGetItemTarget<SOCIAL_MEDIA_ITEM>;
+    getSocialMediaItemOnClick?: ButtonMenuPropGetItemOnClick<SOCIAL_MEDIA_ITEM>;
+    getSocialMediaItemIcon?: ButtonMenuPropGetItemIcon<SOCIAL_MEDIA_ITEM>;
     additionalButtons?: ADDITIONAL_BUTTONS_ITEM[];
     onAdditionalButtonsItemClick?: ButtonMenuPropOnItemClick<ADDITIONAL_BUTTONS_ITEM>;
     getAdditionalButtonsItemHref?: ButtonMenuPropGetItemHref<ADDITIONAL_BUTTONS_ITEM>;
@@ -114,6 +115,12 @@ export declare type HeaderProps<MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_
     getAdditionalButtonsItemTarget?: ButtonMenuPropGetItemTarget<ADDITIONAL_BUTTONS_ITEM>;
     getAdditionalButtonsItemOnClick?: ButtonMenuPropGetItemOnClick<ADDITIONAL_BUTTONS_ITEM>;
     getAdditionalButtonsItemIcon?: ButtonMenuPropGetItemIcon<ADDITIONAL_BUTTONS_ITEM>;
+    themeItems?: THEME_TOGGLER_ITEM[];
+    theme?: THEME_TOGGLER_ITEM;
+    getThemeTogglerItemKey?: ThemeTogglerPropGetItemKey<THEME_TOGGLER_ITEM>;
+    getThemeTogglerItemLabel?: ThemeTogglerPropGetItemLabel<THEME_TOGGLER_ITEM>;
+    getThemeTogglerItemIcon?: ThemeTogglerPropGetItemIcon<THEME_TOGGLER_ITEM>;
+    onThemeChange?: ThemeTogglerPropSetValue<THEME_TOGGLER_ITEM>;
 }, HTMLDivElement> & (MENU_ITEM extends {
     label: HeaderDefaultMenuItem['label'] | unknown;
 } ? {} : {
@@ -146,6 +153,10 @@ export declare type HeaderProps<MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_
     label: HeaderDefaultSelectMenuItem['label'] | unknown;
 } ? {} : {
     getSecondaryMenuItemLabel: SelectMenuPropGetItemLabel<SECONDARY_MENU_ITEM>;
+}) & (LANGUAGES_ITEM extends {
+    label: HeaderDefaultLanguagesItem['label'] | unknown;
+} ? {} : {
+    getLanguagesItemLabel: SelectMenuPropGetItemLabel<LANGUAGES_ITEM>;
 }) & (SOCIAL_MEDIA_ITEM extends {
     label: HeaderDefaultSocialMediaItem['label'] | unknown;
 } ? {} : {
@@ -154,13 +165,21 @@ export declare type HeaderProps<MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_
     icon: HeaderDefaultSocialMediaItem['icon'] | unknown;
 } ? {} : {
     getSocialMediaItemIcon: ButtonMenuPropGetItemIcon<SOCIAL_MEDIA_ITEM>;
-}) & (LANGUAGES_ITEM extends {
-    label: HeaderDefaultLanguagesItem['label'] | unknown;
-} ? {} : {
-    getLanguagesItemLabel: SelectMenuPropGetItemLabel<LANGUAGES_ITEM>;
 }) & (ADDITIONAL_BUTTONS_ITEM extends {
     label: HeaderDefaultAdditionalButtonsItem['label'] | unknown;
 } ? {} : {
     getAdditionalButtonsItemLabel: ButtonMenuPropGetItemLabel<ADDITIONAL_BUTTONS_ITEM>;
+}) & (THEME_TOGGLER_ITEM extends {
+    key: ThemeTogglerItemDefault['key'] | unknown;
+} ? {} : {
+    getThemeTogglerItemKey: ThemeTogglerPropGetItemKey<THEME_TOGGLER_ITEM>;
+}) & (THEME_TOGGLER_ITEM extends {
+    icon: ThemeTogglerItemDefault['icon'] | unknown;
+} ? {} : {
+    getThemeTogglerItemIcon: ThemeTogglerPropGetItemIcon<THEME_TOGGLER_ITEM>;
+}) & (THEME_TOGGLER_ITEM extends {
+    label: ThemeTogglerItemDefault['label'] | unknown;
+} ? {} : {
+    getThemeTogglerItemLabel: ThemeTogglerPropGetItemLabel<THEME_TOGGLER_ITEM>;
 });
-export declare type HeaderComponent = <MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_ITEM = HeaderDefaultNotificationItem, NOTIFICATION_GROUP = HeaderDefaultNotificationGroup, NOTIFICATION_ACTION = HeaderDefaultNotificationAction, NOTIFICATION_GROUP_BY_DAY extends boolean = false, TILE_MENU_ITEM = HeaderDefaultTileMenuItem, BREADCRUMBS_ITEM = HeaderDefaultBreadcrumbsItem, SECONDARY_MENU_ITEM = HeaderDefaultSelectMenuItem, SOCIAL_MEDIA_ITEM = HeaderDefaultSocialMediaItem, LANGUAGES_ITEM = HeaderDefaultLanguagesItem, ADDITIONAL_BUTTONS_ITEM = HeaderDefaultAdditionalButtonsItem>(props: HeaderProps<MENU_ITEM, NOTIFICATION_ITEM, NOTIFICATION_GROUP, NOTIFICATION_ACTION, NOTIFICATION_GROUP_BY_DAY, TILE_MENU_ITEM, BREADCRUMBS_ITEM, SECONDARY_MENU_ITEM, SOCIAL_MEDIA_ITEM, LANGUAGES_ITEM, ADDITIONAL_BUTTONS_ITEM>) => React.ReactElement | null;
+export declare type HeaderComponent = <MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_ITEM = HeaderDefaultNotificationItem, NOTIFICATION_GROUP = HeaderDefaultNotificationGroup, NOTIFICATION_ACTION = HeaderDefaultNotificationAction, NOTIFICATION_GROUP_BY_DAY extends boolean = false, TILE_MENU_ITEM = HeaderDefaultTileMenuItem, BREADCRUMBS_ITEM = HeaderDefaultBreadcrumbsItem, SECONDARY_MENU_ITEM = HeaderDefaultSelectMenuItem, LANGUAGES_ITEM = HeaderDefaultLanguagesItem, SOCIAL_MEDIA_ITEM = HeaderDefaultSocialMediaItem, ADDITIONAL_BUTTONS_ITEM = HeaderDefaultAdditionalButtonsItem, THEME_TOGGLER_ITEM = ThemeTogglerItemDefault>(props: HeaderProps<MENU_ITEM, NOTIFICATION_ITEM, NOTIFICATION_GROUP, NOTIFICATION_ACTION, NOTIFICATION_GROUP_BY_DAY, TILE_MENU_ITEM, BREADCRUMBS_ITEM, SECONDARY_MENU_ITEM, LANGUAGES_ITEM, SOCIAL_MEDIA_ITEM, ADDITIONAL_BUTTONS_ITEM, THEME_TOGGLER_ITEM>) => React.ReactElement | null;

package/Languages/helpers.d.ts

@@ -8,7 +8,7 @@ export declare function withDefaultGetters<ITEM>(props: LanguagesProps<ITEM>): {
     getItemLabel?: import("../SelectMenu/index").SelectMenuPropGetItemLabel<ITEM> | undefined;
     getItemTarget?: import("../SelectMenu/index").SelectMenuPropGetItemTarget<ITEM> | undefined;
     getItemOnClick?: import("../SelectMenu/index").SelectMenuPropGetItemOnClick<ITEM> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "value" | "onChange" | "css" | "items" | "getItemLabel" | "getItemHref" | "getItemTarget" | "getItemOnClick"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: import("../SelectMenu/index").SelectMenuPropGetItemLabel<ITEM>;

package/Layout/Layout.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import './Layout.css';
-export declare const Layout: React.ForwardRefExoticComponent<Pick<import("../__private__/utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+export declare const Layout: React.ForwardRefExoticComponent<Pick<{
     rowCenter?: import("./types").LayoutPropRowCenter;
     rowTop?: import("./types").LayoutPropRowTop;
-    rowBottom?: import("./types").LayoutPropRowTop;
-}, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "key" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "rowCenter" | "rowTop" | "rowBottom"> & React.RefAttributes<HTMLDivElement>>;
+    rowBottom?: import("./types").LayoutPropRowBottom;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "rowCenter" | "rowTop" | "rowBottom"> & React.RefAttributes<HTMLDivElement>, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "rowCenter" | "rowTop" | "rowBottom"> & React.RefAttributes<HTMLDivElement>>;
 export * from "./types";

package/Menu/Menu.css

@@ -1 +1 @@
-.che--Menu-List{display:flex;align-items:center;margin:0;padding:0;list-style-type:none}.che--Menu-Item{margin-right:var(--space-m)}.che--Menu-Item:last-child{margin-right:0}.che--Menu-Item_hidden{position:absolute;left:-300vw;visibility:hidden}.che--Menu-Link{position:relative;display:flex;align-items:center;cursor:pointer;text-decoration:none;color:var(--color-typo-secondary);transition:color .2s}.che--Menu-Link:hover,.che--Menu-Link_active,.che--Menu-Link_opened{color:var(--color-typo-primary)}.che--Menu-Link_active{pointer-events:none}.che--Menu-Link_active:before{position:absolute;bottom:0;left:50%;width:100%;max-width:40px;height:4px;content:"";border-radius:4px 4px 0 0;background-color:var(--color-typo-link);transform:translateX(-50%)}.che--Menu-Arrow{margin-left:var(--space-2xs)}
+.che--Menu-List{margin:0;padding:0;list-style-type:none}.che--Menu-Item,.che--Menu-List{display:flex;align-items:center;height:100%}.che--Menu-Item{--text-color:var(--color-typo-secondary);position:relative;margin-right:var(--space-m);color:var(--text-color);transition:color .2s}.che--Menu-Item:hover,.che--Menu-Item_opened{--text-color:var(--color-typo-primary)}.che--Menu-Item:last-child{margin-right:0}.che--Menu-Item_hidden{position:absolute;left:-300vw;visibility:hidden}.che--Menu-Item_active{--text-color:var(--color-typo-primary)}.che--Menu-Item_active:before{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--color-typo-link)}.che--Menu-Link{position:relative;display:flex;align-items:center;height:100%;cursor:pointer;text-decoration:none;color:var(--text-color)}.che--Menu-Arrow{margin-left:var(--space-2xs)}

package/Menu/Menu.js

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