@consta/header 0.4.4 → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalMenu.js","names":["cnForCssTransition","useDebounce","useMutableRef","useRefs","React","forwardRef","useCallback","useEffect","useState","CSSTransition","TransitionGroup","getItemClick","cn","withDefaultGetters","VerticalMenuLevel","cnVerticalMenu","transitionCn","VerticalMenuRender","props","ref","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","getItemGroup","footer","otherProps","levels","setLevels","id","animationBack","setAnimationBack","levelRefs","length","disableAnimationBack","addLevel","level","l","newLevels","Array","from","push","removeLevel","pop","getItemSubMenuRef","getItemLabelRef","keys","split","slice","forEach","index","item","levelItems","current","levelLabel","label","map","levelNum","menuItem","VerticalMenu"],"sources":["../../../../../src/components/VerticalMenu/VerticalMenu.tsx"],"sourcesContent":["import './VerticalMenu.css';\n\nimport { cnForCssTransition } from '@consta/uikit/__internal__/src/utils/cnForCssTransition';\nimport { useDebounce } from '@consta/uikit/useDebounce';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport { useRefs } from '@consta/uikit/useRefs';\nimport React, { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  DefaultItem,\n  Level,\n  VerticalMenuComponent,\n  VerticalMenuProps,\n} from './types';\nimport { VerticalMenuLevel } from './VerticalMenuLevel/VerticalMenuLevel';\n\nexport const cnVerticalMenu = cn('VerticalMenu');\n\nconst transitionCn = cnForCssTransition(cnVerticalMenu, 'Level');\n\nconst VerticalMenuRender = (\n  props: VerticalMenuProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    className,\n    getItemActive,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    getItemSubMenu,\n    header,\n    onItemClick,\n    getItemGroup,\n    footer,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [levels, setLevels] = useState<Array<Level<DefaultItem>>>([\n    { items, id: '0' },\n  ]);\n  const [animationBack, setAnimationBack] = useState<boolean>(false);\n\n  const levelRefs = useRefs<HTMLDivElement>(levels.length);\n\n  const disableAnimationBack = useDebounce(() => setAnimationBack(false), 250);\n\n  const addLevel = useCallback(\n    (level: Level<typeof items[number]>) =>\n      setLevels((l) => {\n        const newLevels = Array.from(l);\n        newLevels.push(level);\n        return newLevels;\n      }),\n    [],\n  );\n\n  const removeLevel = useCallback(() => {\n    setAnimationBack(true);\n    setLevels((l) => {\n      const newLevels = Array.from(l);\n      newLevels.pop();\n      return newLevels;\n    });\n    disableAnimationBack();\n  }, []);\n\n  const getItemSubMenuRef = useMutableRef(getItemSubMenu);\n  const getItemLabelRef = useMutableRef(getItemLabel);\n\n  useEffect(() => {\n    // обновляем уровни при смене items\n    const keys = levels[levels.length - 1].id.split('-').slice(1);\n\n    let id = '0';\n\n    const newLevels: Array<Level<DefaultItem>> = [{ items, id }];\n\n    keys.forEach((index) => {\n      const item = newLevels[newLevels.length - 1].items[Number(index)];\n\n      if (!item) {\n        return;\n      }\n\n      const levelItems = getItemSubMenuRef.current(item);\n      const levelLabel = getItemLabelRef.current(item);\n      id = `${id}-${index}`;\n\n      if (!levelItems) {\n        return;\n      }\n\n      newLevels.push({ items: levelItems, label: levelLabel, id });\n    });\n\n    setLevels(newLevels);\n  }, [items]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnVerticalMenu({ animationBack }, [className])}\n      ref={ref}\n    >\n      <TransitionGroup enter exit className={cnVerticalMenu('Levels')}>\n        {levels.map((level, index) => {\n          const levelNum = index + 1;\n          if (levelNum >= levels.length) {\n            return (\n              <CSSTransition\n                classNames={transitionCn}\n                key={levelNum}\n                timeout={250}\n                nodeRef={levelRefs[index]}\n              >\n                <VerticalMenuLevel\n                  ref={levelRefs[index]}\n                  id={level.id}\n                  items={level.items}\n                  label={level.label}\n                  addLevel={addLevel}\n                  removeLevel={removeLevel}\n                  className={cnVerticalMenu('Level', {\n                    current: levelNum === levels.length,\n                  })}\n                  key={levelNum}\n                  header={index === 0 && header}\n                  footer={index === 0 && footer}\n                  getItemActive={getItemActive}\n                  getItemHref={getItemHref}\n                  getItemLabel={getItemLabel}\n                  getItemOnClick={(menuItem) =>\n                    getItemClick(menuItem, getItemOnClick, onItemClick)\n                  }\n                  getItemTarget={getItemTarget}\n                  getItemSubMenu={getItemSubMenu}\n                  getItemGroup={getItemGroup}\n                />\n              </CSSTransition>\n            );\n          }\n        })}\n      </TransitionGroup>\n    </div>\n  );\n};\n\nexport const VerticalMenu = forwardRef(\n  VerticalMenuRender,\n) as VerticalMenuComponent;\n\nexport * from './types';\n"],"mappings":"yQAAA,2BAEA,OAASA,kBAAT,KAAmC,yDAAnC,CACA,OAASC,WAAT,KAA4B,2BAA5B,CACA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,SAAzC,CAAoDC,QAApD,KAAoE,OAApE,CACA,OAASC,aAAT,CAAwBC,eAAxB,KAA+C,wBAA/C,CAEA,OAASC,YAAT,kCACA,OAASC,EAAT,uBAEA,OAASC,kBAAT,iBAOA,OAASC,iBAAT,6CAEA,MAAO,MAAMC,eAAc,CAAGH,EAAE,CAAC,cAAD,CAAzB,C,KAEDI,aAAY,CAAGhB,kBAAkB,CAACe,cAAD,CAAiB,OAAjB,C,CAEjCE,kBAAkB,CAAG,CACzBC,CADyB,CAEzBC,CAFyB,GAGtB,SAeCN,kBAAkB,CAACK,CAAD,CAfnB,CACG,CACJE,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,aAAa,CAAbA,CAHI,CAIJC,WAAW,CAAXA,CAJI,CAKJC,YAAY,CAAZA,CALI,CAMJC,cAAc,CAAdA,CANI,CAOJC,aAAa,CAAbA,CAPI,CAQJC,cAAc,CAAdA,CARI,CASJC,MAAM,CAANA,CATI,CAUJC,WAAW,CAAXA,CAVI,CAWJC,YAAY,CAAZA,CAXI,CAYJC,MAAM,CAANA,CAZI,CADH,GAcEC,CAdF,uCAiBG,CAACC,CAAD,CAASC,CAAT,EAAsB1B,QAAQ,CAA4B,CAC9D,CAAEY,KAAK,CAALA,CAAF,CAASe,EAAE,CAAE,GAAb,CAD8D,CAA5B,CAjBjC,CAoBG,CAACC,CAAD,CAAgBC,CAAhB,EAAoC7B,QAAQ,IApB/C,CAsBG8B,CAAS,CAAGnC,OAAO,CAAiB8B,CAAM,CAACM,MAAxB,CAtBtB,CAwBGC,CAAoB,CAAGvC,WAAW,CAAC,IAAMoC,CAAgB,IAAvB,CAAgC,GAAhC,CAxBrC,CA0BGI,CAAQ,CAAGnC,WAAW,CACzBoC,CAAD,EACER,CAAS,CAAES,CAAD,EAAO,CACf,KAAMC,EAAS,CAAGC,KAAK,CAACC,IAAN,CAAWH,CAAX,CAAlB,CAEA,MADAC,EAAS,CAACG,IAAV,CAAeL,CAAf,CACA,CAAOE,CACR,CAJQ,CAFe,CAO1B,EAP0B,CA1BzB,CAoCGI,CAAW,CAAG1C,WAAW,CAAC,IAAM,CACpC+B,CAAgB,IADoB,CAEpCH,CAAS,CAAES,CAAD,EAAO,CACf,KAAMC,EAAS,CAAGC,KAAK,CAACC,IAAN,CAAWH,CAAX,CAAlB,CAEA,MADAC,EAAS,CAACK,GAAV,EACA,CAAOL,CACR,CAJQ,CAF2B,CAOpCJ,CAAoB,EACrB,CAR8B,CAQ5B,EAR4B,CApC5B,CA8CGU,CAAiB,CAAGhD,aAAa,CAACyB,CAAD,CA9CpC,CA+CGwB,CAAe,CAAGjD,aAAa,CAACsB,CAAD,CA/ClC,CA8EH,MA7BAjB,UAAS,CAAC,IAAM,CAEd,KAAM6C,EAAI,CAAGnB,CAAM,CAACA,CAAM,CAACM,MAAP,CAAgB,CAAjB,CAAN,CAA0BJ,EAA1B,CAA6BkB,KAA7B,CAAmC,GAAnC,EAAwCC,KAAxC,CAA8C,CAA9C,CAAb,CAEA,GAAInB,EAAE,CAAG,GAAT,CAEA,KAAMS,EAAoC,CAAG,CAAC,CAAExB,KAAK,CAALA,CAAF,CAASe,EAAE,CAAFA,CAAT,CAAD,CAA7C,CAEAiB,CAAI,CAACG,OAAL,CAAcC,CAAD,EAAW,CACtB,KAAMC,EAAI,CAAGb,CAAS,CAACA,CAAS,CAACL,MAAV,CAAmB,CAApB,CAAT,CAAgCnB,KAAhC,EAA6CoC,CAA7C,CAAb,CAEA,GAAI,CAACC,CAAL,CACE,OAJoB,KAOhBC,EAAU,CAAGR,CAAiB,CAACS,OAAlB,CAA0BF,CAA1B,CAPG,CAQhBG,CAAU,CAAGT,CAAe,CAACQ,OAAhB,CAAwBF,CAAxB,CARG,CAStBtB,CAAE,CAAI,GAAEA,CAAG,IAAGqB,CAAM,EATE,CAWjBE,CAXiB,EAetBd,CAAS,CAACG,IAAV,CAAe,CAAE3B,KAAK,CAAEsC,CAAT,CAAqBG,KAAK,CAAED,CAA5B,CAAwCzB,EAAE,CAAFA,CAAxC,CAAf,CACD,CAhBD,CARc,CA0BdD,CAAS,CAACU,CAAD,CACV,CA3BQ,CA2BN,CAACxB,CAAD,CA3BM,CA6BT,CACE,2CACMY,CADN,EAEE,SAAS,CAAEjB,cAAc,CAAC,CAAEqB,aAAa,CAAbA,CAAF,CAAD,CAAoB,CAACf,CAAD,CAApB,CAF3B,CAGE,GAAG,CAAEF,CAHP,GAKE,oBAAC,eAAD,EAAiB,KAAK,GAAtB,CAAuB,IAAI,GAA3B,CAA4B,SAAS,CAAEJ,cAAc,CAAC,QAAD,CAArD,EACGkB,CAAM,CAAC6B,GAAP,CAAW,CAACpB,CAAD,CAAQc,CAAR,GAAkB,CAC5B,KAAMO,EAAQ,CAAGP,CAAK,CAAG,CAAzB,CACA,GAAIO,CAAQ,EAAI9B,CAAM,CAACM,MAAvB,CACE,MACE,qBAAC,aAAD,EACE,UAAU,CAAEvB,YADd,CAEE,GAAG,CAAE+C,CAFP,CAGE,OAAO,CAAE,GAHX,CAIE,OAAO,CAAEzB,CAAS,CAACkB,CAAD,CAJpB,EAME,oBAAC,iBAAD,EACE,GAAG,CAAElB,CAAS,CAACkB,CAAD,CADhB,CAEE,EAAE,CAAEd,CAAK,CAACP,EAFZ,CAGE,KAAK,CAAEO,CAAK,CAACtB,KAHf,CAIE,KAAK,CAAEsB,CAAK,CAACmB,KAJf,CAKE,QAAQ,CAAEpB,CALZ,CAME,WAAW,CAAEO,CANf,CAOE,SAAS,CAAEjC,cAAc,CAAC,OAAD,CAAU,CACjC4C,OAAO,CAAEI,CAAQ,GAAK9B,CAAM,CAACM,MADI,CAAV,CAP3B,CAUE,GAAG,CAAEwB,CAVP,CAWE,MAAM,CAAY,CAAV,GAAAP,CAAK,EAAU5B,CAXzB,CAYE,MAAM,CAAY,CAAV,GAAA4B,CAAK,EAAUzB,CAZzB,CAaE,aAAa,CAAET,CAbjB,CAcE,WAAW,CAAEC,CAdf,CAeE,YAAY,CAAEC,CAfhB,CAgBE,cAAc,CAAGwC,CAAD,EACdrD,YAAY,CAACqD,CAAD,CAAWvC,CAAX,CAA2BI,CAA3B,CAjBhB,CAmBE,aAAa,CAAEH,CAnBjB,CAoBE,cAAc,CAAEC,CApBlB,CAqBE,YAAY,CAAEG,CArBhB,EANF,CAgCL,CApCA,CADH,CALF,CA8CH,C,CAED,MAAO,MAAMmC,aAAY,CAAG5D,UAAU,CACpCY,kBADoC,CAA/B,CAIP"}

package/__internal__/src/components/VerticalMenu/VerticalMenuItem/VerticalMenuItem.css

@@ -0,0 +1 @@
+.che--VerticalMenuItem{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;position:relative;text-decoration:none;width:100%}.che--VerticalMenuItem_active:before{background:var(--color-typo-link);content:"";height:100%;left:0;position:absolute;top:0;width:var(--space-3xs)}

package/{VerticalMenu → __internal__/src/components/VerticalMenu}/VerticalMenuItem/VerticalMenuItem.d.ts

@@ -1,4 +1,4 @@
-import { VerticalMenuItemComponent } from "../types";
 import './VerticalMenuItem.css';
+import { VerticalMenuItemComponent } from '../types';
 export declare const cnVerticalMenuItem: import("@bem-react/classname").ClassNameFormatter;
 export declare const VerticalMenuItem: VerticalMenuItemComponent;

package/__internal__/src/components/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["className","label","href","target","active","onClick","withSubMenu"];import"./VerticalMenuItem.css";import{IconArrowRight}from"@consta/uikit/IconArrowRight";import{Text}from"@consta/uikit/Text";import React from"react";import{cn}from"../../../utils/bem";export const cnVerticalMenuItem=cn("VerticalMenuItem");export const VerticalMenuItem=a=>{const{className:b,label:c,href:d,target:e,active:f,onClick:g,withSubMenu:h}=a,i=_objectWithoutProperties(a,_excluded),j=d?{as:"a",href:d,target:e}:{as:"span"};return React.createElement(Text,Object.assign({},i,j,{className:cnVerticalMenuItem({active:f},[b]),onClick:g}),c,h&&React.createElement(IconArrowRight,{className:cnVerticalMenuItem("Icon"),size:"xs"}))};
+//# sourceMappingURL=VerticalMenuItem.js.map

package/__internal__/src/components/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalMenuItem.js","names":["IconArrowRight","Text","React","cn","cnVerticalMenuItem","VerticalMenuItem","props","className","label","href","target","active","onClick","withSubMenu","otherProps","propsLink","as"],"sources":["../../../../../../src/components/VerticalMenu/VerticalMenuItem/VerticalMenuItem.tsx"],"sourcesContent":["import './VerticalMenuItem.css';\n\nimport { IconArrowRight } from '@consta/uikit/IconArrowRight';\nimport { Text } from '@consta/uikit/Text';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { VerticalMenuItemComponent } from '../types';\n\nexport const cnVerticalMenuItem = cn('VerticalMenuItem');\n\nexport const VerticalMenuItem: VerticalMenuItemComponent = (props) => {\n  const {\n    className,\n    label,\n    href,\n    target,\n    active,\n    onClick,\n    withSubMenu,\n    ...otherProps\n  } = props;\n\n  const propsLink = href\n    ? ({\n        as: 'a',\n        href,\n        target,\n      } as const)\n    : ({\n        as: 'span',\n      } as const);\n\n  return (\n    <Text\n      {...otherProps}\n      {...propsLink}\n      className={cnVerticalMenuItem({ active }, [className])}\n      onClick={onClick}\n    >\n      {label}\n      {withSubMenu && (\n        <IconArrowRight className={cnVerticalMenuItem('Icon')} size=\"xs\" />\n      )}\n    </Text>\n  );\n};\n"],"mappings":"4KAAA,+BAEA,OAASA,cAAT,KAA+B,8BAA/B,CACA,OAASC,IAAT,KAAqB,oBAArB,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAIA,MAAO,MAAMC,mBAAkB,CAAGD,EAAE,CAAC,kBAAD,CAA7B,CAEP,MAAO,MAAME,iBAA2C,CAAIC,CAAD,EAAW,MAC9D,CACJC,SAAS,CAATA,CADI,CAEJC,KAAK,CAALA,CAFI,CAGJC,IAAI,CAAJA,CAHI,CAIJC,MAAM,CAANA,CAJI,CAKJC,MAAM,CAANA,CALI,CAMJC,OAAO,CAAPA,CANI,CAOJC,WAAW,CAAXA,CAPI,EASFP,CAVgE,CAS/DQ,CAT+D,0BAUhER,CAVgE,YAY9DS,CAAS,CAAGN,CAAI,CACjB,CACCO,EAAE,CAAE,GADL,CAECP,IAAI,CAAJA,CAFD,CAGCC,MAAM,CAANA,CAHD,CADiB,CAMjB,CACCM,EAAE,CAAE,MADL,CAlB+D,CAsBpE,MACE,qBAAC,IAAD,kBACMF,CADN,CAEMC,CAFN,EAGE,SAAS,CAAEX,kBAAkB,CAAC,CAAEO,MAAM,CAANA,CAAF,CAAD,CAAa,CAACJ,CAAD,CAAb,CAH/B,CAIE,OAAO,CAAEK,CAJX,GAMGJ,CANH,CAOGK,CAAW,EACV,oBAAC,cAAD,EAAgB,SAAS,CAAET,kBAAkB,CAAC,MAAD,CAA7C,CAAuD,IAAI,CAAC,IAA5D,EARJ,CAYH,CAnCM"}

package/__internal__/src/components/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.css

@@ -0,0 +1 @@
+.che--VerticalMenuLevel{display:flex;flex-direction:column}.che--VerticalMenuLevel-Label{align-items:center;border-bottom:1px solid var(--color-bg-border);display:flex;flex:none}.che--VerticalMenuLevel-Divider{background:var(--color-control-bg-border-default);height:var(--control-border-width)}.che--VerticalMenuLevel-Nav{flex:1}.che--VerticalMenuLevel-Footer{flex:none}

package/{VerticalMenu → __internal__/src/components/VerticalMenu}/VerticalMenuLevel/VerticalMenuLevel.d.ts

@@ -1,5 +1,4 @@
-import { VerticalMenuLevelComponent } from "../types";
-import './VerticalMenuLevel.css';
 import './VerticalMenuLevel.css';
+import { VerticalMenuLevelComponent } from '../types';
 export declare const cnVerticalMenuLevel: import("@bem-react/classname").ClassNameFormatter;
 export declare const VerticalMenuLevel: VerticalMenuLevelComponent;

package/__internal__/src/components/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","addLevel","removeLevel","label","header","getItemGroup","id","footer"];import"./VerticalMenuLevel.css";import{fabricIndex}from"@consta/uikit/__internal__/src/utils/fabricIndex";import{getGroups}from"@consta/uikit/__internal__/src/utils/getGroups";import{Button}from"@consta/uikit/Button";import{IconArrowLeft}from"@consta/uikit/IconArrowLeft";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{VerticalMenuItem}from"../VerticalMenuItem/VerticalMenuItem";export const cnVerticalMenuLevel=cn("VerticalMenuLevel");export const VerticalMenuLevel=forwardRef((a,b)=>{const{items:c,className:d,getItemActive:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,getItemSubMenu:j,addLevel:k,removeLevel:l,label:m,header:n,getItemGroup:o,id:p,footer:q}=a,r=_objectWithoutProperties(a,_excluded),s=getGroups(c,o,void 0,void 0,void 0),t=fabricIndex(-1);return React.createElement("div",Object.assign({},r,{ref:b,className:cnVerticalMenuLevel(null,[d])}),m&&React.createElement("div",{className:cnVerticalMenuLevel("Label",[cnMixSpace({pV:"s",pH:"xl"})])},React.createElement(Button,{iconLeft:IconArrowLeft,view:"clear",size:"s",onClick:l}),React.createElement(Text,{className:cnMixSpace({mL:"s"}),truncate:!0},m)),n&&React.createElement("div",{className:cnVerticalMenuLevel("Header")},n),React.createElement("nav",{className:cnVerticalMenuLevel("Nav")},s.map((a,b)=>React.createElement(React.Fragment,null,b?React.createElement("div",{className:cnVerticalMenuLevel("Divider",[cnMixSpace({mV:"s",mH:"xl"})])}):void 0,a.items.map((a,c)=>{const d=t(),l=j(a),m=l&&0<l.length||!1,n=h(a),o=g(a),q=m?a=>{null===n||void 0===n?void 0:n(a),l&&k({items:l,label:o,id:`${p}-${d}`})}:n;return React.createElement(VerticalMenuItem,{key:cnVerticalMenuLevel("Item",{groupIndex:b,index:c}),label:o,href:f(a),active:e(a),onClick:q,target:i(a),withSubMenu:m,className:cnMixSpace({pV:"s",pH:"xl"})})})))),q&&React.createElement("div",{className:cnVerticalMenuLevel("Footer")},React.createElement("div",{className:cnVerticalMenuLevel("Divider",[cnMixSpace({mV:"s",mH:"xl"})])}),q))});
+//# sourceMappingURL=VerticalMenuLevel.js.map

package/__internal__/src/components/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalMenuLevel.js","names":["fabricIndex","getGroups","Button","IconArrowLeft","cnMixSpace","Text","React","forwardRef","cn","VerticalMenuItem","cnVerticalMenuLevel","VerticalMenuLevel","props","ref","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","addLevel","removeLevel","label","levelLabel","header","getItemGroup","id","footer","otherProps","groups","getIndex","pV","pH","mL","map","group","groupIndex","mV","mH","item","index","levelId","subMenu","withSubMenu","length","itemClick","onClick","e"],"sources":["../../../../../../src/components/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.tsx"],"sourcesContent":["import './VerticalMenuLevel.css';\n\nimport { fabricIndex } from '@consta/uikit/__internal__/src/utils/fabricIndex';\nimport { getGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { Button } from '@consta/uikit/Button';\nimport { IconArrowLeft } from '@consta/uikit/IconArrowLeft';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { VerticalMenuLevelComponent } from '../types';\nimport { VerticalMenuItem } from '../VerticalMenuItem/VerticalMenuItem';\n\nexport const cnVerticalMenuLevel = cn('VerticalMenuLevel');\n\nexport const VerticalMenuLevel: VerticalMenuLevelComponent = forwardRef(\n  (props, ref) => {\n    const {\n      items,\n      className,\n      getItemActive,\n      getItemHref,\n      getItemLabel,\n      getItemOnClick,\n      getItemTarget,\n      getItemSubMenu,\n      addLevel,\n      removeLevel,\n      label: levelLabel,\n      header,\n      getItemGroup,\n      id,\n      footer,\n      ...otherProps\n    } = props;\n\n    const groups = getGroups(\n      items,\n      getItemGroup,\n      undefined,\n      undefined,\n      undefined,\n    );\n    const getIndex = fabricIndex(-1);\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnVerticalMenuLevel(null, [className])}\n      >\n        {levelLabel && (\n          <div\n            className={cnVerticalMenuLevel('Label', [\n              cnMixSpace({ pV: 's', pH: 'xl' }),\n            ])}\n          >\n            <Button\n              iconLeft={IconArrowLeft}\n              view=\"clear\"\n              size=\"s\"\n              onClick={removeLevel}\n            />\n            <Text className={cnMixSpace({ mL: 's' })} truncate>\n              {levelLabel}\n            </Text>\n          </div>\n        )}\n        {header && (\n          <div className={cnVerticalMenuLevel('Header')}>{header}</div>\n        )}\n        <nav className={cnVerticalMenuLevel('Nav')}>\n          {groups.map((group, groupIndex) => {\n            return (\n              <>\n                {groupIndex ? (\n                  <div\n                    className={cnVerticalMenuLevel('Divider', [\n                      cnMixSpace({ mV: 's', mH: 'xl' }),\n                    ])}\n                  />\n                ) : undefined}\n                {group.items.map((item, index) => {\n                  const levelId = getIndex();\n                  const subMenu = getItemSubMenu(item);\n                  const withSubMenu = (subMenu && subMenu.length > 0) || false;\n                  const itemClick = getItemOnClick(item);\n                  const label = getItemLabel(item);\n                  const onClick = withSubMenu\n                    ? (e: React.MouseEvent<Element, MouseEvent>) => {\n                        itemClick?.(e);\n                        subMenu &&\n                          addLevel({\n                            items: subMenu,\n                            label,\n                            id: `${id}-${levelId}`,\n                          });\n                      }\n                    : itemClick;\n                  return (\n                    <VerticalMenuItem\n                      key={cnVerticalMenuLevel('Item', { groupIndex, index })}\n                      label={label}\n                      href={getItemHref(item)}\n                      active={getItemActive(item)}\n                      onClick={onClick}\n                      target={getItemTarget(item)}\n                      withSubMenu={withSubMenu}\n                      className={cnMixSpace({ pV: 's', pH: 'xl' })}\n                    />\n                  );\n                })}\n              </>\n            );\n          })}\n        </nav>\n        {footer && (\n          <div className={cnVerticalMenuLevel('Footer')}>\n            <div\n              className={cnVerticalMenuLevel('Divider', [\n                cnMixSpace({ mV: 's', mH: 'xl' }),\n              ])}\n            />\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/{VerticalMenu → __internal__/src/components/VerticalMenu}/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DefaultItem, VerticalMenuProps, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemOnClick, VerticalMenuPropGetItemSubMenu, VerticalMenuPropGetItemTarget, VerticalMenuPropGetItemGroup } from "./types";
+import { DefaultItem, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemGroup, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemOnClick, VerticalMenuPropGetItemSubMenu, VerticalMenuPropGetItemTarget, VerticalMenuProps } from './types';
 export declare const defaultGetItemLabel: VerticalMenuPropGetItemLabel<DefaultItem>;
 export declare const defaultGetItemActive: VerticalMenuPropGetItemActive<DefaultItem>;
 export declare const defaultGetItemHref: VerticalMenuPropGetItemHref<DefaultItem>;
@@ -19,7 +19,7 @@ export declare function withDefaultGetters<ITEM>(props: VerticalMenuProps<ITEM>)
     getItemGroup?: VerticalMenuPropGetItemGroup<ITEM> | undefined;
     header?: import("react").ReactNode;
     footer?: import("react").ReactNode;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "footer" | "header" | "css" | "items" | "getItemLabel" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemOnClick" | "getItemActive" | "getItemSubMenu" | "getItemGroup"> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "getItemLabel" | "footer" | "header" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemOnClick" | "getItemSubMenu" | "getItemActive" | "getItemGroup"> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;

package/__internal__/src/components/VerticalMenu/helpers.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export const defaultGetItemLabel=a=>a.label;export const defaultGetItemActive=a=>a.active;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemTarget=a=>a.target;export const defaultGetItemSubMenu=a=>a.subMenu;export const defaultGetItemGroup=a=>a.groupId;export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemActive:a.getItemActive||defaultGetItemActive,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemTarget:a.getItemTarget||defaultGetItemTarget,getItemSubMenu:a.getItemSubMenu||defaultGetItemSubMenu,getItemGroup:a.getItemGroup||defaultGetItemGroup})}
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/VerticalMenu/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","defaultGetItemGroup","groupId","withDefaultGetters","props","getItemLabel","getItemActive","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","getItemGroup"],"sources":["../../../../../src/components/VerticalMenu/helpers.ts"],"sourcesContent":["import {\n  DefaultItem,\n  VerticalMenuPropGetItemActive,\n  VerticalMenuPropGetItemGroup,\n  VerticalMenuPropGetItemHref,\n  VerticalMenuPropGetItemLabel,\n  VerticalMenuPropGetItemOnClick,\n  VerticalMenuPropGetItemSubMenu,\n  VerticalMenuPropGetItemTarget,\n  VerticalMenuProps,\n} from './types';\n\nexport const defaultGetItemLabel: VerticalMenuPropGetItemLabel<DefaultItem> = (\n  item,\n) => item.label;\nexport const defaultGetItemActive: VerticalMenuPropGetItemActive<\n  DefaultItem\n> = (item) => item.active;\nexport const defaultGetItemHref: VerticalMenuPropGetItemHref<DefaultItem> = (\n  item,\n) => item.href;\nexport const defaultGetItemOnClick: VerticalMenuPropGetItemOnClick<\n  DefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemTarget: VerticalMenuPropGetItemTarget<\n  DefaultItem\n> = (item) => item.target;\nexport const defaultGetItemSubMenu: VerticalMenuPropGetItemSubMenu<\n  DefaultItem\n> = (item) => item.subMenu;\nexport const defaultGetItemGroup: VerticalMenuPropGetItemGroup<DefaultItem> = (\n  item,\n) => item.groupId;\n\nexport function withDefaultGetters<ITEM>(props: VerticalMenuProps<ITEM>) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemActive: props.getItemActive || defaultGetItemActive,\n    getItemHref: props.getItemHref || defaultGetItemHref,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemTarget: props.getItemTarget || defaultGetItemTarget,\n    getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n    getItemGroup: props.getItemGroup || defaultGetItemGroup,\n  };\n}\n"],"mappings":"qqBAYA,MAAO,MAAMA,oBAA8D,CACzEC,CAD4E,EAEzEA,CAAI,CAACC,KAFH,CAGP,MAAO,MAAMC,qBAEZ,CAAIF,CAAD,EAAUA,CAAI,CAACG,MAFZ,CAGP,MAAO,MAAMC,mBAA4D,CACvEJ,CAD0E,EAEvEA,CAAI,CAACK,IAFH,CAGP,MAAO,MAAMC,sBAEZ,CAAIN,CAAD,EAAUA,CAAI,CAACO,OAFZ,CAGP,MAAO,MAAMC,qBAEZ,CAAIR,CAAD,EAAUA,CAAI,CAACS,MAFZ,CAGP,MAAO,MAAMC,sBAEZ,CAAIV,CAAD,EAAUA,CAAI,CAACW,OAFZ,CAGP,MAAO,MAAMC,oBAA8D,CACzEZ,CAD4E,EAEzEA,CAAI,CAACa,OAFH,CAIP,MAAO,SAASC,mBAAT,CAAkCC,CAAlC,CAAkE,CACvE,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBjB,mBAFtC,CAGEkB,aAAa,CAAEF,CAAK,CAACE,aAAN,EAAuBf,oBAHxC,CAIEgB,WAAW,CAAEH,CAAK,CAACG,WAAN,EAAqBd,kBAJpC,CAKEe,cAAc,CAAEJ,CAAK,CAACI,cAAN,EAAwBb,qBAL1C,CAMEc,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBZ,oBANxC,CAOEa,cAAc,CAAEN,CAAK,CAACM,cAAN,EAAwBX,qBAP1C,CAQEY,YAAY,CAAEP,CAAK,CAACO,YAAN,EAAsBV,mBARtC,EAUD"}

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

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

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

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

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

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

package/{VerticalMenu → __internal__/src/components/VerticalMenu}/types.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithHTMLAttributesAndRef, PropsWithHTMLAttributes } from "../__private__/utils/types/PropsWithHTMLAttributes";
 import React from 'react';
+import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare type DefaultItem = {
     label: string;
     href?: string;

package/__internal__/src/components/VerticalMenu/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/VerticalMenu/types.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type DefaultItem = {\n  label: string;\n  href?: string;\n  target?: string;\n  active?: boolean;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  subMenu?: DefaultItem[];\n  groupId?: string;\n};\n\nexport type VerticalMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type VerticalMenuPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type VerticalMenuPropGetItemTarget<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type VerticalMenuPropGetItemActive<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type VerticalMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type VerticalMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type VerticalMenuPropOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\nexport type VerticalMenuPropGetItemGroup<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type VerticalMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributes<\n  {\n    items: ITEM[];\n    getItemHref?: VerticalMenuPropGetItemHref<ITEM>;\n    getItemLabel?: VerticalMenuPropGetItemLabel<ITEM>;\n    getItemTarget?: VerticalMenuPropGetItemTarget<ITEM>;\n    getItemActive?: VerticalMenuPropGetItemActive<ITEM>;\n    getItemOnClick?: VerticalMenuPropGetItemOnClick<ITEM>;\n    getItemSubMenu?: VerticalMenuPropGetItemSubMenu<ITEM>;\n    onItemClick?: VerticalMenuPropOnItemClick<ITEM>;\n    getItemGroup?: VerticalMenuPropGetItemGroup<ITEM>;\n    header?: React.ReactNode;\n    footer?: React.ReactNode;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: VerticalMenuPropGetItemLabel<ITEM> });\n\nexport type VerticalMenuComponent = <ITEM = DefaultItem>(\n  props: VerticalMenuProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type Level<ITEM> = {\n  items: ITEM[];\n  id: string;\n  label?: string;\n};\n\nexport type VerticalMenuLevelProps<ITEM = DefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      id: string;\n      items: ITEM[];\n      getItemHref: VerticalMenuPropGetItemHref<ITEM>;\n      getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;\n      getItemTarget: VerticalMenuPropGetItemTarget<ITEM>;\n      getItemActive: VerticalMenuPropGetItemActive<ITEM>;\n      getItemOnClick: VerticalMenuPropGetItemOnClick<ITEM>;\n      getItemSubMenu: VerticalMenuPropGetItemSubMenu<ITEM>;\n      getItemGroup: VerticalMenuPropGetItemGroup<ITEM>;\n      addLevel: (level: Level<ITEM>) => void;\n      removeLevel: () => void;\n      label?: string;\n      header?: React.ReactNode;\n      footer?: React.ReactNode;\n    },\n    HTMLDivElement\n  >;\n\nexport type VerticalMenuLevelComponent = <ITEM = DefaultItem>(\n  props: VerticalMenuLevelProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type VerticalMenuItemProps = PropsWithHTMLAttributes<\n  {\n    label: string;\n    href?: string;\n    target?: string;\n    active?: boolean;\n    onClick?: React.EventHandler<React.MouseEvent>;\n    withSubMenu?: boolean;\n  },\n  HTMLSpanElement\n>;\n\nexport type VerticalMenuItemComponent = (\n  props: VerticalMenuItemProps,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/helpers/getItemClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getItemClick.js","names":["getItemClick","item","getItemOnClick","onItemClick","e"],"sources":["../../../../src/helpers/getItemClick.ts"],"sourcesContent":["export type GetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type OnItemClick<ITEM> = (props: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\n\nexport const getItemClick =\n  <ITEM>(\n    item: ITEM,\n    getItemOnClick: GetItemOnClick<ITEM>,\n    onItemClick?: OnItemClick<ITEM>,\n  ): React.MouseEventHandler =>\n  (e) => {\n    onItemClick?.({ e, item });\n    getItemOnClick(item)?.(e);\n  };\n"],"mappings":"AAQA,MAAO,MAAMA,aAAY,CACvB,CACEC,CADF,CAEEC,CAFF,CAGEC,CAHF,GAKCC,CAAD,EAAO,cACLD,CADK,WACLA,CADK,QACLA,CAAW,CAAG,CAAEC,CAAC,CAADA,CAAF,CAAKH,IAAI,CAAJA,CAAL,CAAH,CADN,WAELC,CAAc,CAACD,CAAD,CAFT,qBAEL,EAAuBG,CAAvB,CACD,CATI"}

package/__internal__/src/stand/components/RemadeInfo/RemadeInfo.css

@@ -0,0 +1 @@
+.cw-story--RemadeInfo{margin-bottom:var(--space-xl)}.cw-story--RemadeInfo-Link:hover{text-decoration:underline}

package/__internal__/src/utils/bem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bem.js","names":["withNaming","cn","n","e","m"],"sources":["../../../../src/utils/bem.ts"],"sourcesContent":["import { withNaming } from '@bem-react/classname';\n\nexport const cn = withNaming({ n: 'che--', e: '-', m: '_' });\n"],"mappings":"AAAA,OAASA,UAAT,KAA2B,sBAA3B,CAEA,MAAO,MAAMC,GAAE,CAAGD,UAAU,CAAC,CAAEE,CAAC,CAAE,OAAL,CAAcC,CAAC,CAAE,GAAjB,CAAsBC,CAAC,CAAE,GAAzB,CAAD,CAArB"}

package/__internal__/src/utils/types/PropsWithHTMLAttributes.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=PropsWithHTMLAttributes.js.map

package/__internal__/src/utils/types/PropsWithHTMLAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropsWithHTMLAttributes.js","names":[],"sources":["../../../../../src/utils/types/PropsWithHTMLAttributes.ts"],"sourcesContent":["export type PropsWithHTMLAttributes<Props, HTMLElement> = Props &\n  Omit<React.HTMLAttributes<HTMLElement>, keyof Props | 'css'>;\n\nexport type PropsWithHTMLAttributesAndRef<Props, HTMLElement> =\n  PropsWithHTMLAttributes<Props, HTMLElement> &\n    React.RefAttributes<HTMLElement>;\n"],"mappings":""}

package/package.json

@@ -1,41 +1,23 @@
 {
   "name": "@consta/header",
-  "version": "0.4.4",
+  "version": "1.0.0",
   "files": [
     "*",
-    "!*.css.d.ts",
-    "!**/__private__/storybook",
-    "!**/storybook",
     "!**/__mocks__",
     "!**/__stories__",
     "!**/__tests__",
-    "!**/*.test.d.ts",
-    "!**/*.spec.d.ts",
-    "!**/*.mock.d.ts",
-    "!**/*.stories.d.ts"
+    "!**/__stand__"
+  ],
+  "licenses": [
+    {
+      "type": "MIT",
+      "url": "https://consta.design/static/licence_mit.pdf"
+    }
   ],
   "publishConfig": {
     "access": "public"
   },
   "peerDependencies": {
-    "@consta/uikit": "^3.22.0"
-  },
-  "dependencies": {
-    "@bem-react/classname": "^1.5.8",
-    "date-fns": "^2.17.0",
-    "react-transition-group": "^4.4.2"
-  },
-  "resolutions": {
-    "@types/react": "16.9.34",
-    "react": "16.8.6",
-    "react-dom": "16.8.6"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-customizable"
-    },
-    "cz-customizable": {
-      "config": "./commitizen.js"
-    }
+    "@consta/uikit": "^4.0.1"
   }
 }

package/Badges/Badges.css

@@ -1 +0,0 @@
-.che--Badges-Badge{margin-right:var(--space-xs)}.che--Badges-Badge_hidden{position:absolute;left:-300vw;visibility:hidden}.che--Badges-Badge_zero{display:none}.che--Badges-Badge:last-child{margin-right:0}

package/Badges/Badges.js

@@ -1,2 +0,0 @@
-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";
-//# sourceMappingURL=Badges.js.map

package/Badges/Badges.js.map

@@ -1 +0,0 @@
-{"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"}

package/Badges/helpers.js

@@ -1,2 +0,0 @@
-import _objectSpread from"@babel/runtime/helpers/objectSpread";const defaultGetItemIcon=a=>a.icon,defaultGetItemLabel=a=>a.label,defaultGetItemStatus=a=>a.status;export const withDefaultGetters=a=>_objectSpread({},a,{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemStatus:a.getItemStatus||defaultGetItemStatus});
-//# sourceMappingURL=helpers.js.map

package/Badges/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Badges/helpers.ts"],"names":["defaultGetItemIcon","item","icon","defaultGetItemLabel","label","defaultGetItemStatus","status","withDefaultGetters","props","getItemLabel","getItemIcon","getItemStatus"],"mappings":"oEAQMA,CAAAA,kBAAsD,CAAGC,CAAI,EAAIA,CAAI,CAACC,I,CACtEC,mBAAwD,CAAGF,CAAI,EAAIA,CAAI,CAACG,K,CACxEC,oBAA0D,CAAGJ,CAAI,EAAIA,CAAI,CAACK,M,CAEhF,MAAO,MAAMC,CAAAA,kBAAkB,CAAUC,CAAP,mBAE3BA,CAF2B,EAG9BC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBN,mBAHN,CAI9BO,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBV,kBAJJ,CAK9BW,aAAa,CAAEH,CAAK,CAACG,aAAN,EAAuBN,oBALR,EAA3B","sourcesContent":["import {\n  BadgesPropGetItemIcon,\n  BadgesPropGetItemLabel,\n  BadgesPropGetItemStatus,\n  DefaultItem,\n  BadgesProps,\n} from './types'\n\nconst defaultGetItemIcon: BadgesPropGetItemIcon<DefaultItem> = item => item.icon\nconst defaultGetItemLabel: BadgesPropGetItemLabel<DefaultItem> = item => item.label\nconst defaultGetItemStatus: BadgesPropGetItemStatus<DefaultItem> = item => item.status\n\nexport const withDefaultGetters = <ITEM>(props: BadgesProps<ITEM>) => {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n  }\n}\n"],"file":"helpers.js"}

package/Badges/index.js.map

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

package/Badges/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/Badges/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/ButtonMenu/ButtonMenu.css

@@ -1 +0,0 @@
-.che--ButtonMenu{display:flex;grid-gap:var(--button-menu-gap);gap:var(--button-menu-gap)}

package/ButtonMenu/ButtonMenu.js

@@ -1,2 +0,0 @@
-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";
-//# sourceMappingURL=ButtonMenu.js.map

package/ButtonMenu/ButtonMenu.js.map

@@ -1 +0,0 @@
-{"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"}

package/ButtonMenu/helpers.js

@@ -1,2 +0,0 @@
-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))}
-//# sourceMappingURL=helpers.js.map

package/ButtonMenu/helpers.js.map

@@ -1 +0,0 @@
-{"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"}

package/ButtonMenu/index.js.map

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

package/ButtonMenu/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/ButtonMenu/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/Header/Header.css

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

package/Header/Header.js

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

package/Header/Header.js.map

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

package/Header/HeaderLogin/HeaderLogin.js

@@ -1,2 +0,0 @@
-import _jsx from"@babel/runtime/helpers/jsx";import React from"react";import{User}from"@consta/uikit/User";import{Button}from"@consta/uikit/Button";export const HeaderLogin=a=>{const{href:b,className:c,userName:d,userAvatar:e,userInfo:f,userLogined:g,onLoginButtonClick:h,onUserClick:i,loginButtonLabel:j}=a;return g&&(d||e)?React.createElement(User,Object.assign({name:d,avatarUrl:e,className:c,info:f,onClick:i,size:"l"},b&&{href:b,as:"a"})):j?_jsx(Button,{className:c,label:j,onClick:h}):null};
-//# sourceMappingURL=HeaderLogin.js.map

package/Header/HeaderLogin/HeaderLogin.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Header/HeaderLogin/HeaderLogin.tsx"],"names":["React","User","Button","HeaderLogin","props","href","className","userName","userAvatar","userInfo","userLogined","onLoginButtonClick","onUserClick","loginButtonLabel","as"],"mappings":"6CAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,KAAqB,oBAArB,CACA,OAASC,MAAT,KAAuB,sBAAvB,CAgBA,MAAO,MAAMC,CAAAA,WAAiC,CAAGC,CAAK,EAAI,CACxD,KAAM,CACJC,IAAI,CAAJA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,QAAQ,CAARA,CAHI,CAIJC,UAAU,CAAVA,CAJI,CAKJC,QAAQ,CAARA,CALI,CAMJC,WAAW,CAAXA,CANI,CAOJC,kBAAkB,CAAlBA,CAPI,CAQJC,WAAW,CAAXA,CARI,CASJC,gBAAgB,CAAhBA,CATI,EAUFT,CAVJ,CADwD,MAapDM,CAAAA,CAAW,GAAKH,CAAQ,EAAIC,CAAjB,CAbyC,CAepD,oBAAC,IAAD,gBACE,IAAI,CAAED,CADR,CAEE,SAAS,CAAEC,CAFb,CAGE,SAAS,CAAEF,CAHb,CAIE,IAAI,CAAEG,CAJR,CAKE,OAAO,CAAEG,CALX,CAME,IAAI,CAAC,GANP,EAOOP,CAAI,EAAI,CAAEA,IAAI,CAAJA,CAAF,CAAQS,EAAE,CAAE,GAAZ,CAPf,EAfoD,CA2BpDD,CA3BoD,CA4B/C,KAAC,MAAD,EAAQ,SAAS,CAAEP,CAAnB,CAA8B,KAAK,CAAEO,CAArC,CAAuD,OAAO,CAAEF,CAAhE,EA5B+C,CA+BjD,IACR,CAhCM","sourcesContent":["import React from 'react'\n\nimport { User } from '@consta/uikit/User'\nimport { Button } from '@consta/uikit/Button'\n\ntype HeaderLoginProps = {\n  href?: string\n  className?: string\n  userName?: string\n  userAvatar?: string\n  userInfo?: string\n  userLogined?: boolean\n  onLoginButtonClick?: React.MouseEventHandler\n  onUserClick?: React.MouseEventHandler\n  loginButtonLabel?: string\n}\n\ntype HeaderLoginComponent = (props: HeaderLoginProps) => React.ReactElement | null\n\nexport const HeaderLogin: HeaderLoginComponent = props => {\n  const {\n    href,\n    className,\n    userName,\n    userAvatar,\n    userInfo,\n    userLogined,\n    onLoginButtonClick,\n    onUserClick,\n    loginButtonLabel,\n  } = props\n\n  if (userLogined && (userName || userAvatar)) {\n    return (\n      <User\n        name={userName}\n        avatarUrl={userAvatar}\n        className={className}\n        info={userInfo}\n        onClick={onUserClick}\n        size=\"l\"\n        {...(href && { href, as: 'a' })}\n      />\n    )\n  }\n\n  if (loginButtonLabel) {\n    return <Button className={className} label={loginButtonLabel} onClick={onLoginButtonClick} />\n  }\n\n  return null\n}\n"],"file":"HeaderLogin.js"}

package/Header/HeaderLogin/index.d.ts

@@ -1 +0,0 @@
-export * from "./HeaderLogin";

package/Header/HeaderLogin/index.js.map

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

package/Header/HeaderLogo/HeaderLogo.js

@@ -1,2 +0,0 @@
-import _jsx from"@babel/runtime/helpers/jsx";import React from"react";import{Text}from"@consta/uikit/Text";export const HeaderLogo=a=>{const{logo:b,href:c,className:d}=a;if(!b)return null;if("string"==typeof b||"number"==typeof b)return React.createElement(Text,Object.assign({className:d,size:"l",weight:"bold"},c&&{as:"a",href:c}),b);const e=c?"a":"div";return _jsx(e,{className:d,href:c},void 0,b)};
-//# sourceMappingURL=HeaderLogo.js.map

package/Header/HeaderLogo/HeaderLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Header/HeaderLogo/HeaderLogo.tsx"],"names":["React","Text","HeaderLogo","props","logo","href","className","as","Tag"],"mappings":"6CAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,KAAqB,oBAArB,CAMA,MAAO,MAAMC,CAAAA,UAA+B,CAAGC,CAAK,EAAI,CACtD,KAAM,CAAEC,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,SAAS,CAATA,CAAd,EAA4BH,CAAlC,CAEA,GAAI,CAACC,CAAL,CACE,MAAO,KAAP,CAGF,GAAoB,QAAhB,QAAOA,CAAAA,CAAP,EAA4C,QAAhB,QAAOA,CAAAA,CAAvC,CACE,MACE,qBAAC,IAAD,gBAAM,SAAS,CAAEE,CAAjB,CAA4B,IAAI,CAAC,GAAjC,CAAqC,MAAM,CAAC,MAA5C,EAAwDD,CAAI,EAAI,CAAEE,EAAE,CAAE,GAAN,CAAWF,IAAI,CAAJA,CAAX,CAAhE,EACGD,CADH,CADF,CAOF,KAAMI,CAAAA,CAAG,CAAGH,CAAI,CAAG,GAAH,CAAS,KAAzB,CAEA,MACE,MAAC,CAAD,EAAK,SAAS,CAAEC,CAAhB,CAA2B,IAAI,CAAED,CAAjC,SACGD,CADH,CAIH,CAtBM","sourcesContent":["import React from 'react'\n\nimport { Text } from '@consta/uikit/Text'\n\ntype HeaderLogoProps = { logo: React.ReactNode; href?: string; className?: string }\n\ntype HeaderLogoComponent = (props: HeaderLogoProps) => React.ReactElement | null\n\nexport const HeaderLogo: HeaderLogoComponent = props => {\n  const { logo, href, className } = props\n\n  if (!logo) {\n    return null\n  }\n\n  if (typeof logo === 'string' || typeof logo === 'number') {\n    return (\n      <Text className={className} size=\"l\" weight=\"bold\" {...(href && { as: 'a', href })}>\n        {logo}\n      </Text>\n    )\n  }\n\n  const Tag = href ? 'a' : 'div'\n\n  return (\n    <Tag className={className} href={href}>\n      {logo}\n    </Tag>\n  )\n}\n"],"file":"HeaderLogo.js"}

package/Header/HeaderLogo/index.d.ts

@@ -1 +0,0 @@
-export * from "./HeaderLogo";

package/Header/HeaderLogo/index.js.map

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

package/Header/HeaderSearch/HeaderSearch.js

@@ -1,2 +0,0 @@
-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"}))};
-//# sourceMappingURL=HeaderSearch.js.map

package/Header/HeaderSearch/HeaderSearch.js.map

@@ -1 +0,0 @@
-{"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"}

package/Header/HeaderSearch/index.d.ts

@@ -1 +0,0 @@
-export * from "./HeaderSearch";

package/Header/HeaderSearch/index.js.map

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