@consta/header 0.2.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Badges/Badges.js +1 -1
- package/Badges/Badges.js.map +1 -1
- package/ButtonMenu/ButtonMenu.css +1 -0
- package/ButtonMenu/ButtonMenu.d.ts +5 -0
- package/ButtonMenu/ButtonMenu.js +2 -0
- package/ButtonMenu/ButtonMenu.js.map +1 -0
- package/ButtonMenu/helpers.d.ts +43 -0
- package/ButtonMenu/helpers.js +2 -0
- package/ButtonMenu/helpers.js.map +1 -0
- package/ButtonMenu/index.d.ts +1 -0
- package/ButtonMenu/index.js +2 -0
- package/ButtonMenu/index.js.map +1 -0
- package/ButtonMenu/types.d.ts +38 -0
- package/ButtonMenu/types.js +2 -0
- package/ButtonMenu/types.js.map +1 -0
- package/Header/Header.css +1 -1
- package/Header/Header.js +1 -1
- package/Header/Header.js.map +1 -1
- package/Header/HeaderSearch/HeaderSearch.css +1 -0
- package/Header/HeaderSearch/HeaderSearch.d.ts +15 -0
- package/Header/HeaderSearch/HeaderSearch.js +2 -0
- package/Header/HeaderSearch/HeaderSearch.js.map +1 -0
- package/Header/HeaderSearch/index.d.ts +1 -0
- package/Header/HeaderSearch/index.js +2 -0
- package/Header/HeaderSearch/index.js.map +1 -0
- package/Header/helpers.d.ts +9 -0
- package/Header/helpers.js +2 -0
- package/Header/helpers.js.map +1 -0
- package/Header/types.d.ts +86 -15
- package/Languages/Languages.d.ts +3 -0
- package/Languages/Languages.js +2 -0
- package/Languages/Languages.js.map +1 -0
- package/Languages/helpers.d.ts +20 -0
- package/Languages/helpers.js +2 -0
- package/Languages/helpers.js.map +1 -0
- package/Languages/index.d.ts +1 -0
- package/Languages/index.js +2 -0
- package/Languages/index.js.map +1 -0
- package/Languages/types.d.ts +23 -0
- package/Languages/types.js +2 -0
- package/Languages/types.js.map +1 -0
- package/Menu/Menu.js +1 -1
- package/Menu/Menu.js.map +1 -1
- package/Menu/helpers.d.ts +29 -16
- package/Menu/helpers.js +1 -1
- package/Menu/helpers.js.map +1 -1
- package/Menu/types.d.ts +5 -5
- package/MobileMenu/MobileMenu.js +1 -1
- package/MobileMenu/MobileMenu.js.map +1 -1
- package/MobileMenu/types.d.ts +5 -2
- package/MobileMenu/types.js +1 -1
- package/MobileMenu/types.js.map +1 -1
- package/Notifications/Notifications.css +1 -1
- package/Notifications/Notifications.js +1 -1
- package/Notifications/Notifications.js.map +1 -1
- package/Notifications/types.d.ts +3 -3
- package/NotificationsList/helpers.d.ts +15 -15
- package/NotificationsList/helpers.js.map +1 -1
- package/NotificationsList/types.d.ts +11 -11
- package/SelectMenu/SelectMenu.css +1 -0
- package/SelectMenu/SelectMenu.d.ts +5 -0
- package/SelectMenu/SelectMenu.js +2 -0
- package/SelectMenu/SelectMenu.js.map +1 -0
- package/SelectMenu/helpers.d.ts +40 -0
- package/SelectMenu/helpers.js +2 -0
- package/SelectMenu/helpers.js.map +1 -0
- package/SelectMenu/index.d.ts +1 -0
- package/SelectMenu/index.js +2 -0
- package/SelectMenu/index.js.map +1 -0
- package/SelectMenu/types.d.ts +33 -0
- package/SelectMenu/types.js +2 -0
- package/SelectMenu/types.js.map +1 -0
- package/TileMenu/TileMenu.css +1 -1
- package/TileMenu/TileMenu.js +1 -1
- package/TileMenu/TileMenu.js.map +1 -1
- package/TileMenu/TileMenuList/TileMenuList.js +1 -1
- package/TileMenu/TileMenuList/TileMenuList.js.map +1 -1
- package/TileMenu/helpers.d.ts +11 -11
- package/TileMenu/helpers.js +1 -1
- package/TileMenu/helpers.js.map +1 -1
- package/TileMenu/types.d.ts +10 -10
- package/TileMenu/types.js.map +1 -1
- package/VerticalMenu/VerticalMenu.js +1 -1
- package/VerticalMenu/VerticalMenu.js.map +1 -1
- package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js +1 -1
- package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js.map +1 -1
- package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.css +1 -1
- package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js +1 -1
- package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js.map +1 -1
- package/VerticalMenu/helpers.d.ts +6 -3
- package/VerticalMenu/helpers.js +1 -1
- package/VerticalMenu/helpers.js.map +1 -1
- package/VerticalMenu/types.d.ts +8 -0
- package/__private__/AnimatedContextMenu/AnimatedContextMenu.css +1 -1
- package/__private__/AnimatedContextMenu/AnimatedContextMenu.js +1 -1
- package/__private__/AnimatedContextMenu/AnimatedContextMenu.js.map +1 -1
- package/__private__/helpers/getItemClick.d.ts +7 -0
- package/__private__/helpers/getItemClick.js +2 -0
- package/__private__/helpers/getItemClick.js.map +1 -0
- package/package.json +2 -2
- package/__private__/hooks/useHideElementsLine.d.ts +0 -8
- package/__private__/hooks/useHideElementsLine.js +0 -2
- package/__private__/hooks/useHideElementsLine.js.map +0 -1
- package/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate.css +0 -1
- package/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate.d.ts +0 -4
- package/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate.js +0 -2
- package/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate.js.map +0 -1
package/Badges/Badges.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef}from"react";import{Badge}from"@consta/uikit/Badge";import{useForkRef}from"@consta/uikit/useForkRef";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef}from"react";import{Badge}from"@consta/uikit/Badge";import{useForkRef}from"@consta/uikit/useForkRef";import{useHideElementsInLine}from"@consta/uikit/useHideElementsInLine";import{cn}from"../__private__/utils/bem";import{withDefaultGetters}from"./helpers";import"./Badges.css";export const cnBadges=cn("Badges");const BadgesRender=(a,b)=>{const c=withDefaultGetters(a),{className:d,items:k=[],view:e,form:f,size:g,getItemIcon:h,getItemLabel:i,getItemStatus:j}=c,l=_objectWithoutProperties(c,["className","items","view","form","size","getItemIcon","getItemLabel","getItemStatus"]),{visibleItems:m,itemsRefs:n,wrapperRef:o,hiddenItems:p,moreRef:q}=useHideElementsInLine(k);return React.createElement("div",Object.assign({},l,{ref:useForkRef([b,o]),className:cnBadges(null,[d])}),k.map((a,b)=>React.createElement(Badge,{className:cnBadges("Badge",{hidden:!m[b]}),key:cnBadges("Badge",{index:b}),label:i(a),status:j(a)||"normal",icon:h(a),view:e,form:f,size:g,ref:n[b]})),React.createElement(Badge,{className:cnBadges("Badge",{hidden:0>=p.length,zero:0>=p.length}),key:"more",label:`+${p.length}`,status:"system",form:f,size:g,view:e,ref:q}))};export const Badges=forwardRef(BadgesRender);export*from"./types";
|
|
2
2
|
//# sourceMappingURL=Badges.js.map
|
package/Badges/Badges.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Badges/Badges.tsx"],"names":["React","forwardRef","Badge","useForkRef","
|
|
1
|
+
{"version":3,"sources":["../../src/Badges/Badges.tsx"],"names":["React","forwardRef","Badge","useForkRef","useHideElementsInLine","cn","withDefaultGetters","cnBadges","BadgesRender","props","ref","className","items","view","form","size","getItemIcon","getItemLabel","getItemStatus","otherProps","visibleItems","itemsRefs","wrapperRef","hiddenItems","moreRef","map","item","index","hidden","length","zero","Badges"],"mappings":"qFAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,KAAT,KAAsB,qBAAtB,CACA,OAASC,UAAT,KAA2B,0BAA3B,CAEA,OAASC,qBAAT,KAAsC,qCAAtC,CACA,OAASC,EAAT,gCAGA,OAASC,kBAAT,iBAEA,qBAEA,MAAO,MAAMC,CAAAA,QAAQ,CAAGF,EAAE,CAAC,QAAD,CAAnB,CAEP,KAAMG,CAAAA,YAAY,CAAG,CAACC,CAAD,CAAqBC,CAArB,GAAwD,SAWvEJ,kBAAkB,CAACG,CAAD,CAXqD,CACrE,CACJE,SAAS,CAATA,CADI,CAEJC,KAAK,CAALA,CAAK,CAAG,EAFJ,CAGJC,IAAI,CAAJA,CAHI,CAIJC,IAAI,CAAJA,CAJI,CAKJC,IAAI,CAAJA,CALI,CAMJC,WAAW,CAAXA,CANI,CAOJC,YAAY,CAAZA,CAPI,CAQJC,aAAa,CAAbA,CARI,CADqE,GAUtEC,CAVsE,qHAarE,CAAEC,YAAY,CAAZA,CAAF,CAAgBC,SAAS,CAATA,CAAhB,CAA2BC,UAAU,CAAVA,CAA3B,CAAuCC,WAAW,CAAXA,CAAvC,CAAoDC,OAAO,CAAPA,CAApD,EAAgEpB,qBAAqB,CAACQ,CAAD,CAbhB,CAe3E,MACE,4CACMO,CADN,EAEE,GAAG,CAAEhB,UAAU,CAAC,CAACO,CAAD,CAAMY,CAAN,CAAD,CAFjB,CAGE,SAAS,CAAEf,QAAQ,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHrB,GAKGC,CAAK,CAACa,GAAN,CAAU,CAACC,CAAD,CAAOC,CAAP,GAEP,oBAAC,KAAD,EACE,SAAS,CAAEpB,QAAQ,CAAC,OAAD,CAAU,CAAEqB,MAAM,CAAE,CAACR,CAAY,CAACO,CAAD,CAAvB,CAAV,CADrB,CAEE,GAAG,CAAEpB,QAAQ,CAAC,OAAD,CAAU,CAAEoB,KAAK,CAALA,CAAF,CAAV,CAFf,CAGE,KAAK,CAAEV,CAAY,CAACS,CAAD,CAHrB,CAIE,MAAM,CAAER,CAAa,CAACQ,CAAD,CAAb,EAAuB,QAJjC,CAKE,IAAI,CAAEV,CAAW,CAACU,CAAD,CALnB,CAME,IAAI,CAAEb,CANR,CAOE,IAAI,CAAEC,CAPR,CAQE,IAAI,CAAEC,CARR,CASE,GAAG,CAAEM,CAAS,CAACM,CAAD,CAThB,EAFH,CALH,CAoBE,oBAAC,KAAD,EACE,SAAS,CAAEpB,QAAQ,CAAC,OAAD,CAAU,CAC3BqB,MAAM,CAAwB,CAAtB,EAAAL,CAAW,CAACM,MADO,CAE3BC,IAAI,CAAwB,CAAtB,EAAAP,CAAW,CAACM,MAFS,CAAV,CADrB,CAKE,GAAG,CAAC,MALN,CAME,KAAK,CAAG,IAAGN,CAAW,CAACM,MAAO,EANhC,CAOE,MAAM,CAAC,QAPT,CAQE,IAAI,CAAEf,CARR,CASE,IAAI,CAAEC,CATR,CAUE,IAAI,CAAEF,CAVR,CAWE,GAAG,CAAEW,CAXP,EApBF,CAmCH,CAnDD,CAqDA,MAAO,MAAMO,CAAAA,MAAM,CAAG9B,UAAU,CAACO,YAAD,CAAzB,CAEP","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Badge } from '@consta/uikit/Badge'\nimport { useForkRef } from '@consta/uikit/useForkRef'\n\nimport { useHideElementsInLine } from '@consta/uikit/useHideElementsInLine'\nimport { cn } from '@/__private__/utils/bem'\n\nimport { BadgesProps, BadgesComponent } from './types'\nimport { withDefaultGetters } from './helpers'\n\nimport './Badges.css'\n\nexport const cnBadges = cn('Badges')\n\nconst BadgesRender = (props: BadgesProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n className,\n items = [],\n view,\n form,\n size,\n getItemIcon,\n getItemLabel,\n getItemStatus,\n ...otherProps\n } = withDefaultGetters(props)\n\n const { visibleItems, itemsRefs, wrapperRef, hiddenItems, moreRef } = useHideElementsInLine(items)\n\n return (\n <div\n {...otherProps}\n ref={useForkRef([ref, wrapperRef])}\n className={cnBadges(null, [className])}\n >\n {items.map((item, index) => {\n return (\n <Badge\n className={cnBadges('Badge', { hidden: !visibleItems[index] })}\n key={cnBadges('Badge', { index })}\n label={getItemLabel(item)}\n status={getItemStatus(item) || 'normal'}\n icon={getItemIcon(item)}\n view={view}\n form={form}\n size={size}\n ref={itemsRefs[index]}\n />\n )\n })}\n <Badge\n className={cnBadges('Badge', {\n hidden: hiddenItems.length <= 0,\n zero: hiddenItems.length <= 0,\n })}\n key=\"more\"\n label={`+${hiddenItems.length}`}\n status=\"system\"\n form={form}\n size={size}\n view={view}\n ref={moreRef}\n />\n </div>\n )\n}\n\nexport const Badges = forwardRef(BadgesRender) as BadgesComponent\n\nexport * from './types'\n"],"file":"Badges.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.che--ButtonMenu{display:flex;grid-gap:var(--button-menu-gap);gap:var(--button-menu-gap)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _objectSpread from"@babel/runtime/helpers/objectSpread";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef}from"react";import{cn}from"../__private__/utils/bem";import{withDefaultGetters}from"./helpers";import{getItemClick}from"../__private__/helpers/getItemClick";import"./ButtonMenu.css";import{Button,buttonPropSizeDefault}from"@consta/uikit/Button";export const cnButtonMenu=cn("ButtonMenu");const gapMap={xs:"2xs",s:"xs",m:"s",l:"m"},ButtonMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,onItemClick:j,getItemIcon:k,form:l,size:p=buttonPropSizeDefault,view:m,onlyIcon:n,style:o}=c,q=_objectWithoutProperties(c,["items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","getItemIcon","form","size","view","onlyIcon","style"]);return React.createElement("div",Object.assign({},q,{className:cnButtonMenu(null,[e]),ref:b,style:_objectSpread({},o,{"--button-menu-gap":`var(--space-${gapMap[p]})`})}),d.map((a,b)=>{const c=i(a),d=f(a);return React.createElement(Button,Object.assign({},(c||d)&&{as:"a",target:c,href:d},{key:b,form:l,size:p,view:m,onlyIcon:n,iconLeft:k(a),label:g(a),onClick:getItemClick(a,h,j)}))}))};export const ButtonMenu=forwardRef(ButtonMenuRender);export*from"./types";
|
|
2
|
+
//# sourceMappingURL=ButtonMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ButtonMenu/ButtonMenu.tsx"],"names":["React","forwardRef","cn","withDefaultGetters","getItemClick","Button","buttonPropSizeDefault","cnButtonMenu","gapMap","xs","s","m","l","ButtonMenuRender","props","ref","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","getItemIcon","form","size","view","onlyIcon","style","otherProps","map","item","index","target","href","as","ButtonMenu"],"mappings":"oJAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,gCAEA,OAASC,kBAAT,iBAEA,OAASC,YAAT,2CAEA,yBAEA,OAASC,MAAT,CAAiBC,qBAAjB,KAA8C,sBAA9C,CAEA,MAAO,MAAMC,CAAAA,YAAY,CAAGL,EAAE,CAAC,YAAD,CAAvB,C,KAEDM,CAAAA,MAAM,CAAG,CACbC,EAAE,CAAE,KADS,CAEbC,CAAC,CAAE,IAFU,CAGbC,CAAC,CAAE,GAHU,CAIbC,CAAC,CAAE,GAJU,C,CAOTC,gBAAgB,CAAG,CAACC,CAAD,CAAyBC,CAAzB,GAA4D,CACnF,QAeIZ,kBAAkB,CAACW,CAAD,CAftB,CAAM,CACJE,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,WAAW,CAAXA,CAHI,CAIJC,YAAY,CAAZA,CAJI,CAKJC,cAAc,CAAdA,CALI,CAMJC,aAAa,CAAbA,CANI,CAOJC,WAAW,CAAXA,CAPI,CAQJC,WAAW,CAAXA,CARI,CASJC,IAAI,CAAJA,CATI,CAUJC,IAAI,CAAJA,CAAI,CAAGnB,qBAVH,CAWJoB,IAAI,CAAJA,CAXI,CAYJC,QAAQ,CAARA,CAZI,CAaJC,KAAK,CAALA,CAbI,CAAN,GAcKC,CAdL,qLAiBA,MACE,4CACMA,CADN,EAEE,SAAS,CAAEtB,YAAY,CAAC,IAAD,CAAO,CAACU,CAAD,CAAP,CAFzB,CAGE,GAAG,CAAEF,CAHP,CAIE,KAAK,kBACAa,CADA,EAEH,oBAAkC,eAAcpB,MAAM,CAACiB,CAAD,CAAO,GAF1D,EAJP,GASGT,CAAK,CAACc,GAAN,CAAU,CAACC,CAAD,CAAOC,CAAP,GAAiB,MACpBC,CAAAA,CAAM,CAAGZ,CAAa,CAACU,CAAD,CADF,CAEpBG,CAAI,CAAGhB,CAAW,CAACa,CAAD,CAFE,CAY1B,MACE,qBAAC,MAAD,kBARA,CAACE,CAAM,EAAIC,CAAX,GACC,CACCC,EAAE,CAAE,GADL,CAECF,MAAM,CAANA,CAFD,CAGCC,IAAI,CAAJA,CAHD,CAOD,EAEE,GAAG,CAAEF,CAFP,CAGE,IAAI,CAAER,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,IAAI,CAAEC,CALR,CAME,QAAQ,CAAEC,CANZ,CAOE,QAAQ,CAAEJ,CAAW,CAACQ,CAAD,CAPvB,CAQE,KAAK,CAAEZ,CAAY,CAACY,CAAD,CARrB,CASE,OAAO,CAAE3B,YAAY,CAAC2B,CAAD,CAAOX,CAAP,CAAuBE,CAAvB,CATvB,GAYH,CAzBA,CATH,CAqCH,C,CAED,MAAO,MAAMc,CAAAA,UAAU,CAAGnC,UAAU,CAACY,gBAAD,CAA7B,CAEP","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { withDefaultGetters } from './helpers'\nimport { ButtonMenuProps, ButtonMenuComponent } from './types'\nimport { getItemClick } from '@/__private__/helpers/getItemClick'\n\nimport './ButtonMenu.css'\n\nimport { Button, buttonPropSizeDefault } from '@consta/uikit/Button'\n\nexport const cnButtonMenu = cn('ButtonMenu')\n\nconst gapMap = {\n xs: '2xs',\n s: 'xs',\n m: 's',\n l: 'm',\n} as const\n\nconst ButtonMenuRender = (props: ButtonMenuProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n items,\n className,\n getItemHref,\n getItemLabel,\n getItemOnClick,\n getItemTarget,\n onItemClick,\n getItemIcon,\n form,\n size = buttonPropSizeDefault,\n view,\n onlyIcon,\n style,\n ...otherProps\n } = withDefaultGetters(props)\n\n return (\n <div\n {...otherProps}\n className={cnButtonMenu(null, [className])}\n ref={ref}\n style={{\n ...style,\n ['--button-menu-gap' as string]: `var(--space-${gapMap[size]})`,\n }}\n >\n {items.map((item, index) => {\n const target = getItemTarget(item)\n const href = getItemHref(item)\n\n const linkProps =\n (target || href) &&\n ({\n as: 'a',\n target,\n href,\n } as const)\n\n return (\n <Button\n {...linkProps}\n key={index}\n form={form}\n size={size}\n view={view}\n onlyIcon={onlyIcon}\n iconLeft={getItemIcon(item)}\n label={getItemLabel(item)}\n onClick={getItemClick(item, getItemOnClick, onItemClick)}\n />\n )\n })}\n </div>\n )\n}\n\nexport const ButtonMenu = forwardRef(ButtonMenuRender) as ButtonMenuComponent\n\nexport * from './types'\n"],"file":"ButtonMenu.js"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonMenuDefaultItem, ButtonMenuProps, ButtonMenuPropGetItemHref, ButtonMenuPropGetItemLabel, ButtonMenuPropGetItemOnClick, ButtonMenuPropGetItemTarget, ButtonMenuPropGetItemIcon } from "./types";
|
|
3
|
+
export declare const defaultGetItemLabel: ButtonMenuPropGetItemLabel<ButtonMenuDefaultItem>;
|
|
4
|
+
export declare const defaultGetItemHref: ButtonMenuPropGetItemHref<ButtonMenuDefaultItem>;
|
|
5
|
+
export declare const defaultGetItemOnClick: ButtonMenuPropGetItemOnClick<ButtonMenuDefaultItem>;
|
|
6
|
+
export declare const defaultGetItemTarget: ButtonMenuPropGetItemTarget<ButtonMenuDefaultItem>;
|
|
7
|
+
export declare const defaultGetItemIcon: ButtonMenuPropGetItemIcon<ButtonMenuDefaultItem>;
|
|
8
|
+
export declare const getGetters: <ITEM>(props: {
|
|
9
|
+
getItemLabel?: ButtonMenuPropGetItemLabel<ITEM> | undefined;
|
|
10
|
+
getItemHref?: ButtonMenuPropGetItemHref<ITEM> | undefined;
|
|
11
|
+
getItemOnClick?: ButtonMenuPropGetItemOnClick<ITEM> | undefined;
|
|
12
|
+
getItemTarget?: ButtonMenuPropGetItemTarget<ITEM> | undefined;
|
|
13
|
+
getItemIcon?: ButtonMenuPropGetItemIcon<ITEM> | undefined;
|
|
14
|
+
}) => {
|
|
15
|
+
getItemLabel: ButtonMenuPropGetItemLabel<ButtonMenuDefaultItem> | ButtonMenuPropGetItemLabel<ITEM>;
|
|
16
|
+
getItemHref: ButtonMenuPropGetItemHref<ButtonMenuDefaultItem> | ButtonMenuPropGetItemHref<ITEM>;
|
|
17
|
+
getItemOnClick: ButtonMenuPropGetItemOnClick<ButtonMenuDefaultItem> | ButtonMenuPropGetItemOnClick<ITEM>;
|
|
18
|
+
getItemTarget: ButtonMenuPropGetItemTarget<ButtonMenuDefaultItem> | ButtonMenuPropGetItemTarget<ITEM>;
|
|
19
|
+
getItemIcon: ButtonMenuPropGetItemIcon<ButtonMenuDefaultItem> | ButtonMenuPropGetItemIcon<ITEM>;
|
|
20
|
+
};
|
|
21
|
+
export declare function withDefaultGetters<ITEM>(props: ButtonMenuProps<ITEM>): {
|
|
22
|
+
items: ITEM[];
|
|
23
|
+
onItemClick?: import("./types").ButtonMenuPropOnItemClick<ITEM> | undefined;
|
|
24
|
+
getItemHref?: ButtonMenuPropGetItemHref<ITEM> | undefined;
|
|
25
|
+
getItemLabel?: ButtonMenuPropGetItemLabel<ITEM> | undefined;
|
|
26
|
+
getItemTarget?: ButtonMenuPropGetItemTarget<ITEM> | undefined;
|
|
27
|
+
getItemOnClick?: ButtonMenuPropGetItemOnClick<ITEM> | undefined;
|
|
28
|
+
getItemIcon?: ButtonMenuPropGetItemIcon<ITEM> | undefined;
|
|
29
|
+
form?: "default" | "round" | "brick" | "brickRound" | "roundBrick" | "brickDefault" | "defaultBrick" | undefined;
|
|
30
|
+
size?: "s" | "xs" | "m" | "l" | undefined;
|
|
31
|
+
view?: "clear" | "ghost" | "primary" | "secondary" | undefined;
|
|
32
|
+
onlyIcon?: boolean | undefined;
|
|
33
|
+
} & 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 {
|
|
34
|
+
label: string;
|
|
35
|
+
} ? {} : {
|
|
36
|
+
getItemLabel: ButtonMenuPropGetItemLabel<ITEM>;
|
|
37
|
+
}) & {
|
|
38
|
+
getItemLabel: ButtonMenuPropGetItemLabel<ButtonMenuDefaultItem> | ButtonMenuPropGetItemLabel<ITEM>;
|
|
39
|
+
getItemHref: ButtonMenuPropGetItemHref<ButtonMenuDefaultItem> | ButtonMenuPropGetItemHref<ITEM>;
|
|
40
|
+
getItemOnClick: ButtonMenuPropGetItemOnClick<ButtonMenuDefaultItem> | ButtonMenuPropGetItemOnClick<ITEM>;
|
|
41
|
+
getItemTarget: ButtonMenuPropGetItemTarget<ButtonMenuDefaultItem> | ButtonMenuPropGetItemTarget<ITEM>;
|
|
42
|
+
getItemIcon: ButtonMenuPropGetItemIcon<ButtonMenuDefaultItem> | ButtonMenuPropGetItemIcon<ITEM>;
|
|
43
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _objectSpread from"@babel/runtime/helpers/objectSpread";export const defaultGetItemLabel=a=>a.label;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemTarget=a=>a.target;export const defaultGetItemIcon=a=>a.icon;export const getGetters=a=>({getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemTarget:a.getItemTarget||defaultGetItemTarget,getItemIcon:a.getItemIcon||defaultGetItemIcon});export function withDefaultGetters(a){return _objectSpread({},a,getGetters(a))}
|
|
2
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ButtonMenu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemIcon","icon","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemIcon","withDefaultGetters"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,mBAAsE,CAAGC,CAAI,EACxFA,CAAI,CAACC,KADA,CAEP,MAAO,MAAMC,CAAAA,kBAAoE,CAAGF,CAAI,EACtFA,CAAI,CAACG,IADA,CAEP,MAAO,MAAMC,CAAAA,qBAA0E,CAAGJ,CAAI,EAC5FA,CAAI,CAACK,OADA,CAEP,MAAO,MAAMC,CAAAA,oBAAwE,CAAGN,CAAI,EAC1FA,CAAI,CAACO,MADA,CAEP,MAAO,MAAMC,CAAAA,kBAAoE,CAAGR,CAAI,EACtFA,CAAI,CAACS,IADA,CAGP,MAAO,MAAMC,CAAAA,UAAU,CAAUC,CAAP,GAOjB,CACLC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBb,mBAD/B,CAELc,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBX,kBAF7B,CAGLY,cAAc,CAAEH,CAAK,CAACG,cAAN,EAAwBV,qBAHnC,CAILW,aAAa,CAAEJ,CAAK,CAACI,aAAN,EAAuBT,oBAJjC,CAKLU,WAAW,CAAEL,CAAK,CAACK,WAAN,EAAqBR,kBAL7B,CAPiB,CAAnB,CAgBP,MAAO,SAASS,CAAAA,kBAAT,CAAkCN,CAAlC,CAAgE,CACrE,wBACKA,CADL,CAEKD,UAAU,CAACC,CAAD,CAFf,CAID","sourcesContent":["import {\n ButtonMenuDefaultItem,\n ButtonMenuProps,\n ButtonMenuPropGetItemHref,\n ButtonMenuPropGetItemLabel,\n ButtonMenuPropGetItemOnClick,\n ButtonMenuPropGetItemTarget,\n ButtonMenuPropGetItemIcon,\n} from './types'\n\nexport const defaultGetItemLabel: ButtonMenuPropGetItemLabel<ButtonMenuDefaultItem> = item =>\n item.label\nexport const defaultGetItemHref: ButtonMenuPropGetItemHref<ButtonMenuDefaultItem> = item =>\n item.href\nexport const defaultGetItemOnClick: ButtonMenuPropGetItemOnClick<ButtonMenuDefaultItem> = item =>\n item.onClick\nexport const defaultGetItemTarget: ButtonMenuPropGetItemTarget<ButtonMenuDefaultItem> = item =>\n item.target\nexport const defaultGetItemIcon: ButtonMenuPropGetItemIcon<ButtonMenuDefaultItem> = item =>\n item.icon\n\nexport const getGetters = <ITEM>(props: {\n getItemLabel?: ButtonMenuPropGetItemLabel<ITEM>\n getItemHref?: ButtonMenuPropGetItemHref<ITEM>\n getItemOnClick?: ButtonMenuPropGetItemOnClick<ITEM>\n getItemTarget?: ButtonMenuPropGetItemTarget<ITEM>\n getItemIcon?: ButtonMenuPropGetItemIcon<ITEM>\n}) => {\n return {\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemHref: props.getItemHref || defaultGetItemHref,\n getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n getItemTarget: props.getItemTarget || defaultGetItemTarget,\n getItemIcon: props.getItemIcon || defaultGetItemIcon,\n }\n}\n\nexport function withDefaultGetters<ITEM>(props: ButtonMenuProps<ITEM>) {\n return {\n ...props,\n ...getGetters(props),\n }\n}\n"],"file":"helpers.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./ButtonMenu";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ButtonMenu/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './ButtonMenu'\n"],"file":"index.js"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
3
|
+
import { IconComponent } from '@consta/uikit/Icon';
|
|
4
|
+
import { ButtonPropForm, ButtonPropSize, ButtonPropView } from '@consta/uikit/Button';
|
|
5
|
+
export declare type ButtonMenuDefaultItem = {
|
|
6
|
+
label: string;
|
|
7
|
+
href?: string;
|
|
8
|
+
target?: string;
|
|
9
|
+
icon?: IconComponent;
|
|
10
|
+
onClick?: React.EventHandler<React.MouseEvent>;
|
|
11
|
+
};
|
|
12
|
+
export declare type ButtonMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
|
|
13
|
+
export declare type ButtonMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
|
|
14
|
+
export declare type ButtonMenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;
|
|
15
|
+
export declare type ButtonMenuPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
|
|
16
|
+
export declare type ButtonMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
|
|
17
|
+
export declare type ButtonMenuPropOnItemClick<ITEM> = (props: {
|
|
18
|
+
e: React.MouseEvent;
|
|
19
|
+
item: ITEM;
|
|
20
|
+
}) => void;
|
|
21
|
+
export declare type ButtonMenuProps<ITEM = ButtonMenuDefaultItem> = PropsWithHTMLAttributesAndRef<{
|
|
22
|
+
items: ITEM[];
|
|
23
|
+
onItemClick?: ButtonMenuPropOnItemClick<ITEM>;
|
|
24
|
+
getItemHref?: ButtonMenuPropGetItemHref<ITEM>;
|
|
25
|
+
getItemLabel?: ButtonMenuPropGetItemLabel<ITEM>;
|
|
26
|
+
getItemTarget?: ButtonMenuPropGetItemTarget<ITEM>;
|
|
27
|
+
getItemOnClick?: ButtonMenuPropGetItemOnClick<ITEM>;
|
|
28
|
+
getItemIcon?: ButtonMenuPropGetItemIcon<ITEM>;
|
|
29
|
+
form?: ButtonPropForm;
|
|
30
|
+
size?: ButtonPropSize;
|
|
31
|
+
view?: ButtonPropView;
|
|
32
|
+
onlyIcon?: boolean;
|
|
33
|
+
}, HTMLDivElement> & (ITEM extends {
|
|
34
|
+
label: ButtonMenuDefaultItem['label'];
|
|
35
|
+
} ? {} : {
|
|
36
|
+
getItemLabel: ButtonMenuPropGetItemLabel<ITEM>;
|
|
37
|
+
});
|
|
38
|
+
export declare type ButtonMenuComponent = <ITEM = ButtonMenuDefaultItem>(props: ButtonMenuProps<ITEM>) => React.ReactElement | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
|
package/Header/Header.css
CHANGED
|
@@ -1 +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{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{width:100%}
|
|
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)}
|
package/Header/Header.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef}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{Notifications}from"../Notifications";import{TileMenu}from"../TileMenu";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import{MobileMenu}from"../MobileMenu";import{Breadcrumbs}from"@consta/uikit/BreadcrumbsCanary";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,getTileMenuItemTitle:Y,tileMenuTitle:Z,breadcrumbs:$,breadcrumbsOnlyIconRoot:_,onBreadcrumbsItemClick:aa,getBreadcrumbsItemLabel:ba,getBreadcrumbsItemHref:ca,getBreadcrumbsItemIcon:da,getBreadcrumbsItemOnClick:ea,breadcrumbsLastItemIsLink:fa,breadcrumbsFitMode:ga}=a,ha=_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","getTileMenuItemTitle","tileMenuTitle","breadcrumbs","breadcrumbsOnlyIconRoot","onBreadcrumbsItemClick","getBreadcrumbsItemLabel","getBreadcrumbsItemHref","getBreadcrumbsItemIcon","getBreadcrumbsItemOnClick","breadcrumbsLastItemIsLink","breadcrumbsFitMode"]),ia=useBreakpoints({s:800,m:1200}),ja="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex:void 0;return ia.m?React.createElement(Layout,Object.assign({},ha,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft",{breakpoint:"m"})},void 0,_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h}),i&&_jsx(Menu,{className:cnHeader("Menu"),items:i,getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,onItemClick:p,style:{zIndex:ja}})),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,getItemTitle:Y,listClassName:cnHeader("TileMenuList",{breakpoint:"m"}),title:Z,style:{zIndex:ja}}),(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:ja}}))},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})):ia.s?React.createElement(Layout,Object.assign({},ha,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft")},void 0,i&&_jsx(MobileMenu,{className:cnHeader("Menu"),items:i,getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,onItemClick:p,style:{zIndex:ja}}),_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h})),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,getItemTitle:Y,listClassName:cnHeader("TileMenuList"),title:Z,isMobile:!0,style:{zIndex:ja}}),(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:ja}}))},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})):React.createElement(Layout,Object.assign({},ha,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft")},void 0,i&&_jsx(MobileMenu,{className:cnHeader("Menu"),items:i,getItemActive:j,getItemHref:k,getItemLabel:l,getItemOnClick:m,getItemSubMenu:n,getItemTarget:o,onItemClick:p,style:{zIndex:ja},header:_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,getItemTitle:Y,listClassName:cnHeader("TileMenuList"),title:Z,isMobile:!0,style:{zIndex:ja}}),(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:ja}})))}),_jsx(HeaderLogo,{className:cnHeader("Logo"),logo:f,href:h}))}}))};export const Header=forwardRef(HeaderRender);export*from"./types";
|
|
1
|
+
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;return Oa.m?React.createElement(Layout,Object.assign({},Na,{ref:b,className:cnHeader({fixed:e},[d]),rowTop:{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})):Oa.s?React.createElement(Layout,Object.assign({},Na,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft")},void 0,i&&_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},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})):React.createElement(Layout,Object.assign({},Na,{ref:b,className:cnHeader({fixed:e},[d]),rowCenter:{left:_jsx("div",{className:cnHeader("RowCenterLeft")},void 0,i&&_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:_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}})),_jsx("div",{className:cnHeader("MobileSearchContainer")},void 0,(ja||ia)&&_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";
|
|
2
2
|
//# sourceMappingURL=Header.js.map
|
package/Header/Header.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Header/Header.tsx"],"names":["React","forwardRef","cn","Layout","Menu","HeaderLogo","HeaderLogin","Notifications","TileMenu","useBreakpoints","MobileMenu","Breadcrumbs","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","getTileMenuItemTitle","tileMenuTitle","breadcrumbs","breadcrumbsOnlyIconRoot","onBreadcrumbsItemClick","getBreadcrumbsItemLabel","getBreadcrumbsItemHref","getBreadcrumbsItemIcon","getBreadcrumbsItemOnClick","breadcrumbsLastItemIsLink","breadcrumbsFitMode","otherProps","breakpoints","s","m","elementZIndex","style","zIndex","left","breakpoint","right","length","Header"],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\nimport { HeaderProps, HeaderComponent } from './types'\nimport { Layout } from '@/Layout'\nimport { Menu } from '@/Menu'\nimport { HeaderLogo } from './HeaderLogo'\nimport { HeaderLogin } from './HeaderLogin'\nimport { Notifications } from '@/Notifications'\nimport { TileMenu } from '@/TileMenu'\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints'\nimport { MobileMenu } from '@/MobileMenu'\nimport { Breadcrumbs } from '@consta/uikit/BreadcrumbsCanary'\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 getTileMenuItemTitle,\n tileMenuTitle,\n\n // Breadcrumbs\n breadcrumbs,\n breadcrumbsOnlyIconRoot,\n onBreadcrumbsItemClick,\n getBreadcrumbsItemLabel,\n getBreadcrumbsItemHref,\n getBreadcrumbsItemIcon,\n getBreadcrumbsItemOnClick,\n breadcrumbsLastItemIsLink,\n breadcrumbsFitMode,\n ...otherProps\n } = props\n\n const breakpoints = useBreakpoints({ s: 800, m: 1200 })\n\n const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex : undefined\n\n if (breakpoints.m) {\n return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft', { breakpoint: 'm' })}>\n <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\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 getItemTitle={getTileMenuItemTitle}\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 return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft')}>\n {menu && (\n <MobileMenu\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 <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\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 getItemTitle={getTileMenuItemTitle}\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 return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft')}>\n {menu && (\n <MobileMenu\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 header={\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 getItemTitle={getTileMenuItemTitle}\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 </div>\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"}
|
|
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","left","length","center","right","params","item","breakpoint","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 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 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 return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft')}>\n {menu && (\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 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 return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft')}>\n {menu && (\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 <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 <div className={cnHeader('MobileSearchContainer')}>\n {(searchOnSubmit || searchOnChange) && (\n <HeaderSearch\n value={searchValue}\n onChange={searchOnChange}\n onSubmit={searchOnSubmit}\n placeholder={searchPlaceholder}\n />\n )}\n </div>\n </div>\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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.che--HeaderSearch{min-width:260px}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './HeaderSearch.css';
|
|
3
|
+
import { TextFieldPropValue, TextFieldPropOnChange } from '@consta/uikit/TextField';
|
|
4
|
+
export declare type HeaderSearchProps = {
|
|
5
|
+
value?: TextFieldPropValue;
|
|
6
|
+
onChange?: TextFieldPropOnChange;
|
|
7
|
+
onSubmit?: (props: {
|
|
8
|
+
e: React.FormEvent<HTMLFormElement>;
|
|
9
|
+
value?: string | null;
|
|
10
|
+
}) => void;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
children?: never;
|
|
14
|
+
};
|
|
15
|
+
export declare const HeaderSearch: React.FC<HeaderSearchProps>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _jsx from"@babel/runtime/helpers/jsx";import React,{useState,useEffect,useCallback}from"react";import"./HeaderSearch.css";import{TextField}from"@consta/uikit/TextField";import{useMutableRef}from"@consta/uikit/useMutableRef";import{IconSearch}from"@consta/uikit/IconSearch";import{cn}from"../../__private__/utils/bem";const cnHeaderSearch=cn("HeaderSearch");export const HeaderSearch=a=>{const{onChange:b,onSubmit:c,value:d,className:e,placeholder:f="\u041F\u043E\u0438\u0441\u043A"}=a,[g,h]=useState(),i=useMutableRef(b),j=useMutableRef(c),k=useMutableRef(g),l=useCallback(a=>{var b;h(a.value),null===(b=i.current)||void 0===b?void 0:b.call(i,a)},[]),m=useCallback(a=>{var b;a.preventDefault(),null===(b=j.current)||void 0===b?void 0:b.call(j,{e:a,value:k.current})},[]);return useEffect(()=>h(d),[d]),_jsx("form",{onSubmit:m,className:cnHeaderSearch(null,[e])},void 0,_jsx(TextField,{leftSide:IconSearch,placeholder:f,value:g,onChange:l,width:"full"}))};
|
|
2
|
+
//# sourceMappingURL=HeaderSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/Header/HeaderSearch/HeaderSearch.tsx"],"names":["React","useState","useEffect","useCallback","TextField","useMutableRef","IconSearch","cn","cnHeaderSearch","HeaderSearch","props","onChange","onChangeProp","onSubmit","onSubmitProp","value","valueProp","className","placeholder","setValue","onChangeRef","onSubmitRef","valueRef","args","current","e","preventDefault"],"mappings":"6CAAA,MAAOA,CAAAA,KAAP,EAAgBC,QAAhB,CAA0BC,SAA1B,CAAqCC,WAArC,KAAwD,OAAxD,CAEA,2BAEA,OACEC,SADF,KAKO,yBALP,CAOA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,OAASC,EAAT,mCAWA,KAAMC,CAAAA,cAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAEA,MAAO,MAAME,CAAAA,YAAyC,CAAGC,CAAK,EAAI,MAC1D,CACJC,QAAQ,CAAEC,CADN,CAEJC,QAAQ,CAAEC,CAFN,CAGJC,KAAK,CAAEC,CAHH,CAIJC,SAAS,CAATA,CAJI,CAKJC,WAAW,CAAXA,CAAW,CAAG,gCALV,EAMFR,CAP4D,CAQ1D,CAACK,CAAD,CAAQI,CAAR,EAAoBlB,QAAQ,EAR8B,CAS1DmB,CAAW,CAAGf,aAAa,CAACO,CAAD,CAT+B,CAU1DS,CAAW,CAAGhB,aAAa,CAACS,CAAD,CAV+B,CAW1DQ,CAAQ,CAAGjB,aAAa,CAACU,CAAD,CAXkC,CAa1DJ,CAAQ,CAAGR,WAAW,CAAEoB,CAAD,EAAsC,OACjEJ,CAAQ,CAACI,CAAI,CAACR,KAAN,CADyD,WAEjEK,CAAW,CAACI,OAFqD,qBAEjE,OAAAJ,CAAW,CAAWG,CAAX,CACZ,CAH2B,CAGzB,EAHyB,CAboC,CAkB1DV,CAAQ,CAAGV,WAAW,CAAEsB,CAAD,EAAyC,OACpEA,CAAC,CAACC,cAAF,EADoE,WAGpEL,CAAW,CAACG,OAHwD,qBAGpE,OAAAH,CAAW,CAAW,CAAEI,CAAC,CAADA,CAAF,CAAKV,KAAK,CAAEO,CAAQ,CAACE,OAArB,CAAX,CACZ,CAJ2B,CAIzB,EAJyB,CAlBoC,CA0BhE,MAFAtB,CAAAA,SAAS,CAAC,IAAMiB,CAAQ,CAACH,CAAD,CAAf,CAA4B,CAACA,CAAD,CAA5B,CAET,CACE,aAAM,QAAQ,CAAEH,CAAhB,CAA0B,SAAS,CAAEL,cAAc,CAAC,IAAD,CAAO,CAACS,CAAD,CAAP,CAAnD,SACE,KAAC,SAAD,EACE,QAAQ,CAAEX,UADZ,CAEE,WAAW,CAAEY,CAFf,CAGE,KAAK,CAAEH,CAHT,CAIE,QAAQ,CAAEJ,CAJZ,CAKE,KAAK,CAAC,MALR,EADF,CAUH,CArCM","sourcesContent":["import React, { useState, useEffect, useCallback } from 'react'\n\nimport './HeaderSearch.css'\n\nimport {\n TextField,\n TextFieldPropValue,\n TextFieldPropOnChange,\n TextFieldOnChangeArguments,\n} from '@consta/uikit/TextField'\n\nimport { useMutableRef } from '@consta/uikit/useMutableRef'\nimport { IconSearch } from '@consta/uikit/IconSearch'\nimport { cn } from '@/__private__/utils/bem'\n\nexport type HeaderSearchProps = {\n value?: TextFieldPropValue\n onChange?: TextFieldPropOnChange\n onSubmit?: (props: { e: React.FormEvent<HTMLFormElement>; value?: string | null }) => void\n placeholder?: string\n className?: string\n children?: never\n}\n\nconst cnHeaderSearch = cn('HeaderSearch')\n\nexport const HeaderSearch: React.FC<HeaderSearchProps> = props => {\n const {\n onChange: onChangeProp,\n onSubmit: onSubmitProp,\n value: valueProp,\n className,\n placeholder = 'Поиск',\n } = props\n const [value, setValue] = useState<TextFieldPropValue>()\n const onChangeRef = useMutableRef(onChangeProp)\n const onSubmitRef = useMutableRef(onSubmitProp)\n const valueRef = useMutableRef(value)\n\n const onChange = useCallback((args: TextFieldOnChangeArguments) => {\n setValue(args.value)\n onChangeRef.current?.(args)\n }, [])\n\n const onSubmit = useCallback((e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n\n onSubmitRef.current?.({ e, value: valueRef.current })\n }, [])\n\n useEffect(() => setValue(valueProp), [valueProp])\n\n return (\n <form onSubmit={onSubmit} className={cnHeaderSearch(null, [className])}>\n <TextField\n leftSide={IconSearch}\n placeholder={placeholder}\n value={value}\n onChange={onChange}\n width=\"full\"\n />\n </form>\n )\n}\n"],"file":"HeaderSearch.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./HeaderSearch";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/Header/HeaderSearch/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './HeaderSearch'\n"],"file":"index.js"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HeaderProps, HeaderDefaultLanguagesItem } from "./types";
|
|
3
|
+
import { DefaultItem } from "../MobileMenu/index";
|
|
4
|
+
declare type HeaderState = {
|
|
5
|
+
languagesValue: HeaderDefaultLanguagesItem | undefined;
|
|
6
|
+
setLanguagesValue: React.Dispatch<React.SetStateAction<HeaderDefaultLanguagesItem | undefined>>;
|
|
7
|
+
};
|
|
8
|
+
export declare const getMobileMenu: (props: HeaderProps, state: HeaderState) => DefaultItem[];
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{getGetters as getGettersForMenu}from"../Menu/helpers";import{getGetters as getGettersForButtonMenu}from"../ButtonMenu/helpers";import{getGetters as getGettersForSelectMenu}from"../SelectMenu/helpers";import{getItemClick}from"../__private__/helpers/getItemClick";const getMenu=a=>{var b;if(!(null!==(b=a.menu)&&void 0!==b)||!b.length)return[];const c=getGettersForMenu({getItemLabel:a.getMenuItemLabel,getItemActive:a.getMenuItemActive,getItemHref:a.getMenuItemHref,getItemOnClick:a.getMenuItemOnClick,getItemTarget:a.getMenuItemTarget,getItemSubMenu:a.getMenuItemSubMenu});return a.menu.map(b=>({label:c.getItemLabel(b),href:c.getItemHref(b),target:c.getItemTarget(b),active:c.getItemActive(b),onClick:getItemClick(b,c.getItemOnClick,a.onMenuItemClick),subMenu:c.getItemSubMenu(b),groupId:"1"}))},getSecondaryMenu=a=>{var b;if(!(null!==(b=a.secondaryMenu)&&void 0!==b)||!b.length||!a.secondaryMenuLabel)return[];const c=getGettersForSelectMenu({getItemLabel:a.getSecondaryMenuItemLabel,getItemHref:a.getSecondaryMenuItemHref,getItemOnClick:a.getSecondaryMenuItemOnClick,getItemTarget:a.getSecondaryMenuItemTarget,getItemSubMenu:a.getSecondaryMenuItemSubMenu});return[{label:a.secondaryMenuLabel,groupId:"2",subMenu:a.secondaryMenu.map(b=>({label:c.getItemLabel(b),href:c.getItemHref(b),target:c.getItemTarget(b),onClick:getItemClick(b,c.getItemOnClick,a.onSecondaryMenuItemClick),subMenu:c.getItemSubMenu(b)}))}]},getAdditionalButtons=a=>{var b;if(!(null!==(b=a.additionalButtons)&&void 0!==b)||!b.length)return[];const c=getGettersForButtonMenu({getItemLabel:a.getAdditionalButtonsItemLabel,getItemHref:a.getAdditionalButtonsItemHref,getItemOnClick:a.getAdditionalButtonsItemOnClick,getItemTarget:a.getAdditionalButtonsItemTarget});return a.additionalButtons.map(b=>({label:c.getItemLabel(b),href:c.getItemHref(b),target:c.getItemTarget(b),onClick:getItemClick(b,c.getItemOnClick,a.onAdditionalButtonsItemClick),groupId:"2"}))},getLanguages=(a,b)=>{var c;if(!(null!==(c=a.languages)&&void 0!==c)||!c.length)return[];const d=c=>{var d;b.setLanguagesValue(c.item),null===(d=a.onLanguageChange)||void 0===d?void 0:d.call(a,c)},e=getGettersForSelectMenu({getItemLabel:a.getAdditionalButtonsItemLabel,getItemHref:a.getAdditionalButtonsItemHref,getItemOnClick:a.getAdditionalButtonsItemOnClick,getItemTarget:a.getAdditionalButtonsItemTarget}),f=a=>!!b.languagesValue&&e.getItemLabel(a)===e.getItemLabel(b.languagesValue);return[{label:a.languagesLabel||"\u0421\u043C\u0435\u043D\u0438\u0442\u044C \u044F\u0437\u044B\u043A",groupId:"2",subMenu:a.languages.map(a=>({label:e.getItemLabel(a),href:e.getItemHref(a),target:e.getItemTarget(a),onClick:getItemClick(a,e.getItemOnClick,d),subMenu:e.getItemSubMenu(a),active:f(a)}))}]};export const getMobileMenu=(a,b)=>[...getMenu(a),...getSecondaryMenu(a),...getAdditionalButtons(a),...getLanguages(a,b)];
|
|
2
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Header/helpers.ts"],"names":["getGetters","getGettersForMenu","getGettersForButtonMenu","getGettersForSelectMenu","getItemClick","getMenu","props","menu","length","getters","getItemLabel","getMenuItemLabel","getItemActive","getMenuItemActive","getItemHref","getMenuItemHref","getItemOnClick","getMenuItemOnClick","getItemTarget","getMenuItemTarget","getItemSubMenu","getMenuItemSubMenu","map","item","label","href","target","active","onClick","onMenuItemClick","subMenu","groupId","getSecondaryMenu","secondaryMenu","secondaryMenuLabel","getSecondaryMenuItemLabel","getSecondaryMenuItemHref","getSecondaryMenuItemOnClick","getSecondaryMenuItemTarget","getSecondaryMenuItemSubMenu","onSecondaryMenuItemClick","getAdditionalButtons","additionalButtons","getAdditionalButtonsItemLabel","getAdditionalButtonsItemHref","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","getLanguages","state","languages","onLanguageChange","params","setLanguagesValue","getActive","languagesValue","languagesLabel","getMobileMenu"],"mappings":"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","sourcesContent":["import { HeaderProps, HeaderDefaultLanguagesItem } from './types'\n\nimport { getGetters as getGettersForMenu } from '@/Menu/helpers'\nimport { DefaultItem } from '@/MobileMenu'\nimport { getGetters as getGettersForButtonMenu } from '@/ButtonMenu/helpers'\nimport { getGetters as getGettersForSelectMenu } from '@/SelectMenu/helpers'\nimport { getItemClick } from '@/__private__/helpers/getItemClick'\nimport { SelectMenuPropOnItemClick } from '@/SelectMenu'\n\ntype HeaderState = {\n languagesValue: HeaderDefaultLanguagesItem | undefined\n setLanguagesValue: React.Dispatch<React.SetStateAction<HeaderDefaultLanguagesItem | undefined>>\n}\n\nconst getMenu = (props: HeaderProps): DefaultItem[] => {\n if (!props.menu?.length) {\n return []\n }\n\n const getters = getGettersForMenu({\n getItemLabel: props.getMenuItemLabel,\n getItemActive: props.getMenuItemActive,\n getItemHref: props.getMenuItemHref,\n getItemOnClick: props.getMenuItemOnClick,\n getItemTarget: props.getMenuItemTarget,\n getItemSubMenu: props.getMenuItemSubMenu,\n })\n\n return props.menu.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n active: getters.getItemActive(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onMenuItemClick),\n subMenu: getters.getItemSubMenu(item),\n groupId: '1',\n }))\n}\n\nconst getSecondaryMenu = (props: HeaderProps): DefaultItem[] => {\n if (!props.secondaryMenu?.length || !props.secondaryMenuLabel) {\n return []\n }\n\n const getters = getGettersForSelectMenu({\n getItemLabel: props.getSecondaryMenuItemLabel,\n getItemHref: props.getSecondaryMenuItemHref,\n getItemOnClick: props.getSecondaryMenuItemOnClick,\n getItemTarget: props.getSecondaryMenuItemTarget,\n getItemSubMenu: props.getSecondaryMenuItemSubMenu,\n })\n\n return [\n {\n label: props.secondaryMenuLabel,\n groupId: '2',\n subMenu: props.secondaryMenu.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onSecondaryMenuItemClick),\n subMenu: getters.getItemSubMenu(item),\n })),\n },\n ]\n}\n\nconst getAdditionalButtons = (props: HeaderProps): DefaultItem[] => {\n if (!props.additionalButtons?.length) {\n return []\n }\n\n const getters = getGettersForButtonMenu({\n getItemLabel: props.getAdditionalButtonsItemLabel,\n getItemHref: props.getAdditionalButtonsItemHref,\n getItemOnClick: props.getAdditionalButtonsItemOnClick,\n getItemTarget: props.getAdditionalButtonsItemTarget,\n })\n\n return props.additionalButtons.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onAdditionalButtonsItemClick),\n groupId: '2',\n }))\n}\n\nconst getLanguages = (props: HeaderProps, state: HeaderState): DefaultItem[] => {\n if (!props.languages?.length) {\n return []\n }\n\n const onLanguageChange: SelectMenuPropOnItemClick<HeaderDefaultLanguagesItem> = params => {\n state.setLanguagesValue(params.item)\n props.onLanguageChange?.(params)\n }\n\n const getters = getGettersForSelectMenu({\n getItemLabel: props.getAdditionalButtonsItemLabel,\n getItemHref: props.getAdditionalButtonsItemHref,\n getItemOnClick: props.getAdditionalButtonsItemOnClick,\n getItemTarget: props.getAdditionalButtonsItemTarget,\n })\n\n const getActive = (item: DefaultItem): boolean => {\n if (!state.languagesValue) {\n return false\n }\n\n return getters.getItemLabel(item) === getters.getItemLabel(state.languagesValue)\n }\n\n return [\n {\n label: props.languagesLabel || 'Сменить язык',\n groupId: '2',\n subMenu: props.languages.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, onLanguageChange),\n subMenu: getters.getItemSubMenu(item),\n active: getActive(item),\n })),\n },\n ]\n}\n\nexport const getMobileMenu = (props: HeaderProps, state: HeaderState): DefaultItem[] => [\n ...getMenu(props),\n ...getSecondaryMenu(props),\n ...getAdditionalButtons(props),\n ...getLanguages(props, state),\n]\n"],"file":"helpers.js"}
|