@consta/header 1.0.0 → 1.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"TileMenu.js","names":["Button","IconBento","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","Popover","useFlag","useForkRef","React","forwardRef","useRef","useState","Transition","Sidebar","cn","TileMenuList","tileMenuPropViewDefault","cnTileMenu","ARROW_SIZE","ARROW_OFFSET","TileMenuRender","props","ref","view","items","isMobile","className","children","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","title","onItemClick","otherProps","buttonRef","direction","setDirection","visibleMenu","toogle","off","listProps","elementZIndex","style","zIndex","animate","TileMenu"],"sources":["../../../../../src/components/TileMenu/TileMenu.tsx"],"sourcesContent":["import './TileMenu.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconBento } from '@consta/uikit/IconBento';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '@consta/uikit/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '@consta/uikit/MixPopoverArrow';\nimport { Direction, Popover } from '@consta/uikit/Popover';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Sidebar } from '##/components/Sidebar';\nimport { cn } from '##/utils/bem';\n\nimport { TileMenuList } from './TileMenuList/TileMenuList';\nimport {\n  TileMenuComponent,\n  TileMenuProps,\n  tileMenuPropViewDefault,\n} from './types';\n\nexport const cnTileMenu = cn('TileMenu');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 10;\n\nfunction TileMenuRender(\n  props: TileMenuProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    view = tileMenuPropViewDefault,\n    items,\n    isMobile,\n    className,\n    children,\n    listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    title,\n    onItemClick,\n    ...otherProps\n  } = props;\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const [direction, setDirection] = useState<Direction | undefined>(undefined);\n\n  const [visibleMenu, { toogle, off }] = useFlag();\n\n  const listProps = {\n    className: listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    items,\n    view,\n    onItemClick,\n  };\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        size=\"s\"\n        view=\"clear\"\n        className={cnTileMenu(null, [className])}\n        iconLeft={IconBento}\n        ref={useForkRef([ref, buttonRef])}\n        onClick={toogle}\n      />\n      {isMobile ? (\n        <Sidebar\n          isOpen={visibleMenu}\n          onClickOutside={off}\n          onClose={off}\n          title={title}\n          style={{ zIndex: elementZIndex }}\n        >\n          <TileMenuList {...listProps} />\n        </Sidebar>\n      ) : (\n        <Transition timeout={animateTimeout} unmountOnExit in={visibleMenu}>\n          {(animate) => (\n            <Popover\n              className={cnTileMenu('Popover', { view }, [\n                cnMixPopoverAnimate({ animate, direction }),\n              ])}\n              anchorRef={buttonRef}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + 4}\n              onSetDirection={setDirection}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                zIndex: elementZIndex,\n              }}\n              onClickOutside={off}\n            >\n              <div className={cnMixPopoverArrow({ direction })} />\n              <div className={cnTileMenu('ListWrapper')}>\n                <TileMenuList {...listProps} />\n              </div>\n            </Popover>\n          )}\n        </Transition>\n      )}\n    </>\n  );\n}\n\nexport const TileMenu = forwardRef(TileMenuRender) as TileMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"TileMenu.js","names":["Button","IconBento","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","Popover","useFlag","useForkRef","React","forwardRef","useRef","useState","Transition","Sidebar","cn","TileMenuList","tileMenuPropViewDefault","cnTileMenu","ARROW_SIZE","ARROW_OFFSET","TileMenuRender","props","ref","view","items","isMobile","className","children","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","title","onItemClick","otherProps","buttonRef","direction","setDirection","visibleMenu","toogle","off","listProps","elementZIndex","style","zIndex","animate","TileMenu"],"sources":["../../../../../src/components/TileMenu/TileMenu.tsx"],"sourcesContent":["import './TileMenu.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconBento } from '@consta/uikit/IconBento';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '@consta/uikit/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '@consta/uikit/MixPopoverArrow';\nimport { Direction, Popover } from '@consta/uikit/Popover';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Sidebar } from '##/components/Sidebar';\nimport { cn } from '##/utils/bem';\n\nimport { TileMenuList } from './TileMenuList/TileMenuList';\nimport {\n  TileMenuComponent,\n  TileMenuProps,\n  tileMenuPropViewDefault,\n} from './types';\n\nexport const cnTileMenu = cn('TileMenu');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 10;\n\nfunction TileMenuRender(\n  props: TileMenuProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    view = tileMenuPropViewDefault,\n    items,\n    isMobile,\n    className,\n    children,\n    listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    title,\n    onItemClick,\n    ...otherProps\n  } = props;\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const [direction, setDirection] = useState<Direction | undefined>(undefined);\n\n  const [visibleMenu, { toogle, off }] = useFlag();\n\n  const listProps = {\n    className: listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    items,\n    view,\n    onItemClick,\n  };\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        size=\"s\"\n        view=\"clear\"\n        className={cnTileMenu(null, [className])}\n        iconLeft={IconBento}\n        ref={useForkRef([ref, buttonRef])}\n        onClick={toogle}\n      />\n      {isMobile ? (\n        <Sidebar\n          isOpen={visibleMenu}\n          onClickOutside={off}\n          onClose={off}\n          title={title}\n          style={{ zIndex: elementZIndex }}\n        >\n          <TileMenuList {...listProps} />\n        </Sidebar>\n      ) : (\n        <Transition timeout={animateTimeout} unmountOnExit in={visibleMenu}>\n          {(animate) => (\n            <Popover\n              className={cnTileMenu('Popover', { view }, [\n                cnMixPopoverAnimate({ animate, direction }),\n              ])}\n              anchorRef={buttonRef}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + 4}\n              onSetDirection={setDirection}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                zIndex: elementZIndex,\n              }}\n              onClickOutside={off}\n            >\n              <div className={cnMixPopoverArrow({ direction })} />\n              <div className={cnTileMenu('ListWrapper')}>\n                <TileMenuList {...listProps} />\n              </div>\n            </Popover>\n          )}\n        </Transition>\n      )}\n    </>\n  );\n}\n\nexport const TileMenu = forwardRef(TileMenuRender) as TileMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.d.ts

@@ -1,8 +1,8 @@
 import './TileMenuItem.css';
 import React from 'react';
 export declare const tileMenuItemPropView: readonly ["card", "line"];
-export declare type TileMenuItemPropView = typeof tileMenuItemPropView[number];
-declare type TileMenuItemProps = {
+export type TileMenuItemPropView = typeof tileMenuItemPropView[number];
+type TileMenuItemProps = {
     image?: string | React.FC;
     title: string;
     description?: string;

package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileMenuItem.js","names":["forwardRefWithAs","cnMixSpace","Text","React","cn","tileMenuItemPropView","cnTileMenuItem","renderImage","image","title","TileMenuItem","props","ref","className","description","view","as","otherProps","viewIsCard","viewIsLine","p","pT","pV","pB"],"sources":["../../../../../../src/components/TileMenu/TileMenuItem/TileMenuItem.tsx"],"sourcesContent":["import './TileMenuItem.css';\n\nimport { forwardRefWithAs } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nexport const tileMenuItemPropView = ['card', 'line'] as const;\nexport type TileMenuItemPropView = typeof tileMenuItemPropView[number];\n\ntype TileMenuItemProps = {\n  image?: string | React.FC;\n  title: string;\n  description?: string;\n  view?: TileMenuItemPropView;\n};\n\nconst cnTileMenuItem = cn('TileMenuItem');\n\nconst renderImage = (image: string | React.FC, title: string) => {\n  if (typeof image === 'string') {\n    return <img src={image} alt={title} />;\n  }\n  const ImageComponent = image;\n  return <ImageComponent />;\n};\n\nexport const TileMenuItem = forwardRefWithAs<TileMenuItemProps>(\n  (props, ref) => {\n    const {\n      image,\n      className,\n      title,\n      description,\n      view = 'line',\n      as = 'div',\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const viewIsCard = view === 'card';\n    const viewIsLine = view === 'line';\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnTileMenuItem({ view }, [\n          viewIsCard\n            ? cnMixSpace({ p: 's', pT: 'm' })\n            : cnMixSpace({ pV: 's' }),\n          className,\n        ])}\n      >\n        {image && (\n          <div className={cnTileMenuItem('ImageWrapper')}>\n            {renderImage(image, title)}\n          </div>\n        )}\n        <div className={cnTileMenuItem('ContentWrapper')}>\n          <Text\n            weight={viewIsLine ? 'bold' : undefined}\n            align={viewIsCard ? 'center' : undefined}\n            className={cnTileMenuItem('Title', [\n              viewIsLine ? cnMixSpace({ pB: '2xs' }) : undefined,\n            ])}\n          >\n            {title}\n          </Text>\n          {description && viewIsLine && (\n            <Text view=\"secondary\" className={cnTileMenuItem('Description')}>\n              {description}\n            </Text>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"6JAAA,2BAEA,OAASA,gBAAT,KAAiC,kEAAjC,CACA,OAASC,UAAT,KAA2B,wBAA3B,CACA,OAASC,IAAT,KAAqB,oBAArB,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,MAAO,MAAMC,qBAAoB,CAAG,CAAC,MAAD,CAAS,MAAT,CAA7B,C,KAUDC,eAAc,CAAGF,EAAE,CAAC,cAAD,C,CAEnBG,WAAW,CAAG,CAACC,CAAD,CAA2BC,CAA3B,GAA6C,CAC/D,GAAqB,QAAjB,QAAOD,EAAX,CACE,MAAO,4BAAK,GAAG,CAAEA,CAAV,CAAiB,GAAG,CAAEC,CAAtB,EAAP,CAGF,MAAO,qBADgBD,CAChB,MACR,C,CAED,MAAO,MAAME,aAAY,CAAGV,gBAAgB,CAC1C,CAACW,CAAD,CAAQC,CAAR,GAAgB,MACR,CACJJ,KAAK,CAALA,CADI,CAEJK,SAAS,CAATA,CAFI,CAGJJ,KAAK,CAALA,CAHI,CAIJK,WAAW,CAAXA,CAJI,CAKJC,IAAI,CAAJA,CAAI,CAAG,MALH,CAMJC,EAAE,CAAFA,CAAE,CAAG,KAND,EAQFL,CATU,CAQTM,CARS,0BASVN,CATU,YAYRO,CAAU,CAAY,MAAT,GAAAH,CAZL,CAaRI,CAAU,CAAY,MAAT,GAAAJ,CAbL,CAed,MACE,qBALUC,CAKV,kBACMC,CADN,EAEE,GAAG,CAAEL,CAFP,CAGE,SAAS,CAAEN,cAAc,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAD,CAAW,CAClCG,CAAU,CACNjB,UAAU,CAAC,CAAEmB,CAAC,CAAE,GAAL,CAAUC,EAAE,CAAE,GAAd,CAAD,CADJ,CAENpB,UAAU,CAAC,CAAEqB,EAAE,CAAE,GAAN,CAAD,CAHoB,CAIlCT,CAJkC,CAAX,CAH3B,GAUGL,CAAK,EACJ,2BAAK,SAAS,CAAEF,cAAc,CAAC,cAAD,CAA9B,EACGC,WAAW,CAACC,CAAD,CAAQC,CAAR,CADd,CAXJ,CAeE,2BAAK,SAAS,CAAEH,cAAc,CAAC,gBAAD,CAA9B,EACE,oBAAC,IAAD,EACE,MAAM,CAAEa,CAAU,CAAG,MAAH,OADpB,CAEE,KAAK,CAAED,CAAU,CAAG,QAAH,OAFnB,CAGE,SAAS,CAAEZ,cAAc,CAAC,OAAD,CAAU,CACjCa,CAAU,CAAGlB,UAAU,CAAC,CAAEsB,EAAE,CAAE,KAAN,CAAD,CAAb,OADuB,CAAV,CAH3B,EAOGd,CAPH,CADF,CAUGK,CAAW,EAAIK,CAAf,EACC,oBAAC,IAAD,EAAM,IAAI,CAAC,WAAX,CAAuB,SAAS,CAAEb,cAAc,CAAC,aAAD,CAAhD,EACGQ,CADH,CAXJ,CAfF,CAiCH,CAlDyC,CAArC"}
+{"version":3,"file":"TileMenuItem.js","names":["forwardRefWithAs","cnMixSpace","Text","React","cn","tileMenuItemPropView","cnTileMenuItem","renderImage","image","title","TileMenuItem","props","ref","className","description","view","as","otherProps","viewIsCard","viewIsLine","p","pT","pV","pB"],"sources":["../../../../../../src/components/TileMenu/TileMenuItem/TileMenuItem.tsx"],"sourcesContent":["import './TileMenuItem.css';\n\nimport { forwardRefWithAs } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nexport const tileMenuItemPropView = ['card', 'line'] as const;\nexport type TileMenuItemPropView = typeof tileMenuItemPropView[number];\n\ntype TileMenuItemProps = {\n  image?: string | React.FC;\n  title: string;\n  description?: string;\n  view?: TileMenuItemPropView;\n};\n\nconst cnTileMenuItem = cn('TileMenuItem');\n\nconst renderImage = (image: string | React.FC, title: string) => {\n  if (typeof image === 'string') {\n    return <img src={image} alt={title} />;\n  }\n  const ImageComponent = image;\n  return <ImageComponent />;\n};\n\nexport const TileMenuItem = forwardRefWithAs<TileMenuItemProps>(\n  (props, ref) => {\n    const {\n      image,\n      className,\n      title,\n      description,\n      view = 'line',\n      as = 'div',\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const viewIsCard = view === 'card';\n    const viewIsLine = view === 'line';\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnTileMenuItem({ view }, [\n          viewIsCard\n            ? cnMixSpace({ p: 's', pT: 'm' })\n            : cnMixSpace({ pV: 's' }),\n          className,\n        ])}\n      >\n        {image && (\n          <div className={cnTileMenuItem('ImageWrapper')}>\n            {renderImage(image, title)}\n          </div>\n        )}\n        <div className={cnTileMenuItem('ContentWrapper')}>\n          <Text\n            weight={viewIsLine ? 'bold' : undefined}\n            align={viewIsCard ? 'center' : undefined}\n            className={cnTileMenuItem('Title', [\n              viewIsLine ? cnMixSpace({ pB: '2xs' }) : undefined,\n            ])}\n          >\n            {title}\n          </Text>\n          {description && viewIsLine && (\n            <Text view=\"secondary\" className={cnTileMenuItem('Description')}>\n              {description}\n            </Text>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"6JAAA,2BAEA,OAASA,gBAAgB,KAAQ,kEAAkE,CACnG,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,IAAI,KAAQ,oBAAoB,CACzC,MAAOC,MAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,0BAEX,MAAO,MAAMC,qBAAoB,CAAG,CAAC,MAAM,CAAE,MAAM,CAAU,CAAC,KAUxDC,eAAc,CAAGF,EAAE,CAAC,cAAc,CAAC,CAEnCG,WAAW,CAAG,CAACC,CAAwB,CAAEC,CAAa,GAAK,CAC/D,GAAqB,QAAQ,EAAzB,MAAOD,EAAkB,CAC3B,MAAO,4BAAK,GAAG,CAAEA,CAAM,CAAC,GAAG,CAAEC,CAAM,EAAG,CAGxC,MAAO,qBADgBD,CAAK,MAE9B,CAAC,CAED,MAAO,MAAME,aAAY,CAAGV,gBAAgB,CAC1C,CAACW,CAAK,CAAEC,CAAG,GAAK,MACR,CACJJ,KAAK,CAALA,CAAK,CACLK,SAAS,CAATA,CAAS,CACTJ,KAAK,CAALA,CAAK,CACLK,WAAW,CAAXA,CAAW,CACXC,IAAI,CAAJA,CAAI,CAAG,MAAM,CACbC,EAAE,CAAFA,CAAE,CAAG,KAEP,CAAC,CAAGL,CAAK,CADJM,CAAU,0BACXN,CAAK,YAGHO,CAAU,CAAY,MAAM,GAAfH,CAAe,CAC5BI,CAAU,CAAY,MAAM,GAAfJ,CAAe,CAElC,MACE,qBALUC,CAAE,kBAMNC,CAAU,EACd,GAAG,CAAEL,CAAI,CACT,SAAS,CAAEN,cAAc,CAAC,CAAES,IAAI,CAAJA,CAAK,CAAC,CAAE,CAClCG,CAAU,CACNjB,UAAU,CAAC,CAAEmB,CAAC,CAAE,GAAG,CAAEC,EAAE,CAAE,GAAI,CAAC,CAAC,CAC/BpB,UAAU,CAAC,CAAEqB,EAAE,CAAE,GAAI,CAAC,CAAC,CAC3BT,CAAS,CACV,CAAE,GAEFL,CAAK,EACJ,2BAAK,SAAS,CAAEF,cAAc,CAAC,cAAc,CAAE,EAC5CC,WAAW,CAACC,CAAK,CAAEC,CAAK,CAAC,CAE7B,CACD,2BAAK,SAAS,CAAEH,cAAc,CAAC,gBAAgB,CAAE,EAC/C,oBAAC,IAAI,EACH,MAAM,CAAEa,CAAU,CAAG,MAAM,OAAa,CACxC,KAAK,CAAED,CAAU,CAAG,QAAQ,OAAa,CACzC,SAAS,CAAEZ,cAAc,CAAC,OAAO,CAAE,CACjCa,CAAU,CAAGlB,UAAU,CAAC,CAAEsB,EAAE,CAAE,KAAM,CAAC,CAAC,OAAY,CACnD,CAAE,EAEFd,CAAK,CACD,CACNK,CAAW,EAAIK,CAAU,EACxB,oBAAC,IAAI,EAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAEb,cAAc,CAAC,aAAa,CAAE,EAC7DQ,CAAW,CAEf,CACG,CAGZ,CAAC,CACF"}

package/__internal__/src/components/TileMenu/TileMenuList/TileMenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileMenuList.js","names":["getByMap","cnMixSpace","React","cn","withDefaultGetters","TileMenuItem","cnTileMenuList","itemViewMap","lines","twoLines","cards","TileMenuList","props","items","view","className","children","getItemDescription","getItemImage","getItemLabel","getItemHref","getItemOnClick","onItemClick","otherProps","p","map","item","index","e"],"sources":["../../../../../../src/components/TileMenu/TileMenuList/TileMenuList.tsx"],"sourcesContent":["import './TileMenuList.css';\n\nimport { getByMap } from '@consta/uikit/__internal__/src/utils/getByMap';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from '../helpers';\nimport { TileMenuItem } from '../TileMenuItem/TileMenuItem';\nimport { TileMenuListComponent, TileMenuListProps } from '../types';\n\nexport const cnTileMenuList = cn('TileMenuList');\n\nconst itemViewMap = {\n  lines: 'line',\n  twoLines: 'line',\n  cards: 'card',\n} as const;\n\nexport const TileMenuList = ((props: TileMenuListProps) => {\n  const {\n    items,\n    view = 'lines',\n    className,\n    children,\n    getItemDescription,\n    getItemImage,\n    getItemLabel,\n    getItemHref,\n    getItemOnClick,\n    onItemClick,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnTileMenuList({ view }, [cnMixSpace({ p: 'xl' }), className])}\n    >\n      {items.map((item, index) => {\n        return (\n          <TileMenuItem\n            className={cnTileMenuList('Item')}\n            key={cnTileMenuList('Item', { index })}\n            view={getByMap(itemViewMap, view)}\n            image={getItemImage(item)}\n            title={getItemLabel(item)}\n            description={getItemDescription(item)}\n            href={getItemHref(item)}\n            onClick={(e) => {\n              onItemClick?.({ item, e });\n              getItemOnClick(item)?.(e);\n            }}\n            as=\"a\"\n          />\n        );\n      })}\n    </div>\n  );\n}) as TileMenuListComponent;\n"],"mappings":"6OAAA,2BAEA,OAASA,QAAT,KAAyB,+CAAzB,CACA,OAASC,UAAT,KAA2B,wBAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,OAASC,kBAAT,kBACA,OAASC,YAAT,oCAGA,MAAO,MAAMC,eAAc,CAAGH,EAAE,CAAC,cAAD,CAAzB,CAEP,KAAMI,YAAW,CAAG,CAClBC,KAAK,CAAE,MADW,CAElBC,QAAQ,CAAE,MAFQ,CAGlBC,KAAK,CAAE,MAHW,CAApB,CAMA,MAAO,MAAMC,aAAY,CAAKC,CAAD,EAA8B,CACzD,QAYIR,kBAAkB,CAACQ,CAAD,CAZtB,CAAM,CACJC,KAAK,CAALA,CADI,CAEJC,IAAI,CAAJA,CAAI,CAAG,OAFH,CAGJC,SAAS,CAATA,CAHI,CAIJC,QAAQ,CAARA,CAJI,CAKJC,kBAAkB,CAAlBA,CALI,CAMJC,YAAY,CAAZA,CANI,CAOJC,YAAY,CAAZA,CAPI,CAQJC,WAAW,CAAXA,CARI,CASJC,cAAc,CAAdA,CATI,CAUJC,WAAW,CAAXA,CAVI,CAAN,GAWKC,CAXL,uCAcA,MACE,4CACMA,CADN,EAEE,SAAS,CAAEjB,cAAc,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACb,UAAU,CAAC,CAAEuB,CAAC,CAAE,IAAL,CAAD,CAAX,CAA0BT,CAA1B,CAAX,CAF3B,GAIGF,CAAK,CAACY,GAAN,CAAU,CAACC,CAAD,CAAOC,CAAP,GAEP,oBAAC,YAAD,EACE,SAAS,CAAErB,cAAc,CAAC,MAAD,CAD3B,CAEE,GAAG,CAAEA,cAAc,CAAC,MAAD,CAAS,CAAEqB,KAAK,CAALA,CAAF,CAAT,CAFrB,CAGE,IAAI,CAAE3B,QAAQ,CAACO,WAAD,CAAcO,CAAd,CAHhB,CAIE,KAAK,CAAEI,CAAY,CAACQ,CAAD,CAJrB,CAKE,KAAK,CAAEP,CAAY,CAACO,CAAD,CALrB,CAME,WAAW,CAAET,CAAkB,CAACS,CAAD,CANjC,CAOE,IAAI,CAAEN,CAAW,CAACM,CAAD,CAPnB,CAQE,OAAO,CAAGE,CAAD,EAAO,cACdN,CADc,WACdA,CADc,QACdA,CAAW,CAAG,CAAEI,IAAI,CAAJA,CAAF,CAAQE,CAAC,CAADA,CAAR,CAAH,CADG,WAEdP,CAAc,CAACK,CAAD,CAFA,qBAEd,EAAuBE,CAAvB,CACD,CAXH,CAYE,EAAE,CAAC,GAZL,EAFH,CAJH,CAwBH,CAxCM"}
+{"version":3,"file":"TileMenuList.js","names":["getByMap","cnMixSpace","React","cn","withDefaultGetters","TileMenuItem","cnTileMenuList","itemViewMap","lines","twoLines","cards","TileMenuList","props","items","view","className","children","getItemDescription","getItemImage","getItemLabel","getItemHref","getItemOnClick","onItemClick","otherProps","p","map","item","index","e"],"sources":["../../../../../../src/components/TileMenu/TileMenuList/TileMenuList.tsx"],"sourcesContent":["import './TileMenuList.css';\n\nimport { getByMap } from '@consta/uikit/__internal__/src/utils/getByMap';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from '../helpers';\nimport { TileMenuItem } from '../TileMenuItem/TileMenuItem';\nimport { TileMenuListComponent, TileMenuListProps } from '../types';\n\nexport const cnTileMenuList = cn('TileMenuList');\n\nconst itemViewMap = {\n  lines: 'line',\n  twoLines: 'line',\n  cards: 'card',\n} as const;\n\nexport const TileMenuList = ((props: TileMenuListProps) => {\n  const {\n    items,\n    view = 'lines',\n    className,\n    children,\n    getItemDescription,\n    getItemImage,\n    getItemLabel,\n    getItemHref,\n    getItemOnClick,\n    onItemClick,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnTileMenuList({ view }, [cnMixSpace({ p: 'xl' }), className])}\n    >\n      {items.map((item, index) => {\n        return (\n          <TileMenuItem\n            className={cnTileMenuList('Item')}\n            key={cnTileMenuList('Item', { index })}\n            view={getByMap(itemViewMap, view)}\n            image={getItemImage(item)}\n            title={getItemLabel(item)}\n            description={getItemDescription(item)}\n            href={getItemHref(item)}\n            onClick={(e) => {\n              onItemClick?.({ item, e });\n              getItemOnClick(item)?.(e);\n            }}\n            as=\"a\"\n          />\n        );\n      })}\n    </div>\n  );\n}) as TileMenuListComponent;\n"],"mappings":"6OAAA,2BAEA,OAASA,QAAQ,KAAQ,+CAA+C,CACxE,OAASC,UAAU,KAAQ,wBAAwB,CACnD,MAAOC,MAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,0BAEX,OAASC,kBAAkB,kBAC3B,OAASC,YAAY,oCAGrB,MAAO,MAAMC,eAAc,CAAGH,EAAE,CAAC,cAAc,CAAC,CAEhD,KAAMI,YAAW,CAAG,CAClBC,KAAK,CAAE,MAAM,CACbC,QAAQ,CAAE,MAAM,CAChBC,KAAK,CAAE,MACT,CAAU,CAEV,MAAO,MAAMC,aAAY,CAAKC,CAAwB,EAAK,CACzD,QAYIR,kBAAkB,CAACQ,CAAK,CAAC,CAZvB,CACJC,KAAK,CAALA,CAAK,CACLC,IAAI,CAAJA,CAAI,CAAG,OAAO,CACdC,SAAS,CAATA,CAAS,CACTC,QAAQ,CAARA,CAAQ,CACRC,kBAAkB,CAAlBA,CAAkB,CAClBC,YAAY,CAAZA,CAAY,CACZC,YAAY,CAAZA,CAAY,CACZC,WAAW,CAAXA,CAAW,CACXC,cAAc,CAAdA,CAAc,CACdC,WAAW,CAAXA,CAEF,CAAC,GADIC,CAAU,uCAGf,MACE,4CACMA,CAAU,EACd,SAAS,CAAEjB,cAAc,CAAC,CAAEQ,IAAI,CAAJA,CAAK,CAAC,CAAE,CAACb,UAAU,CAAC,CAAEuB,CAAC,CAAE,IAAK,CAAC,CAAC,CAAET,CAAS,CAAC,CAAE,GAEzEF,CAAK,CAACY,GAAG,CAAC,CAACC,CAAI,CAAEC,CAAK,GAEnB,oBAAC,YAAY,EACX,SAAS,CAAErB,cAAc,CAAC,MAAM,CAAE,CAClC,GAAG,CAAEA,cAAc,CAAC,MAAM,CAAE,CAAEqB,KAAK,CAALA,CAAM,CAAC,CAAE,CACvC,IAAI,CAAE3B,QAAQ,CAACO,WAAW,CAAEO,CAAI,CAAE,CAClC,KAAK,CAAEI,CAAY,CAACQ,CAAI,CAAE,CAC1B,KAAK,CAAEP,CAAY,CAACO,CAAI,CAAE,CAC1B,WAAW,CAAET,CAAkB,CAACS,CAAI,CAAE,CACtC,IAAI,CAAEN,CAAW,CAACM,CAAI,CAAE,CACxB,OAAO,CAAGE,CAAC,EAAK,cACdN,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAG,CAAEI,IAAI,CAAJA,CAAI,CAAEE,CAAC,CAADA,CAAE,CAAC,CAAC,WAC1BP,CAAc,CAACK,CAAI,CAAC,qBAApB,EAAuBE,CAAC,CAC1B,CAAE,CACF,EAAE,CAAC,GAAG,EAGX,CAAC,CAGR,CAA2B"}

package/__internal__/src/components/TileMenu/TileMenuList/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
-export declare type TileMenuPropView = 'lines' | 'twoLines' | 'cards';
-export declare type TileMenuPropItem = {
+export type TileMenuPropView = 'lines' | 'twoLines' | 'cards';
+export type TileMenuPropItem = {
     title: string;
     description?: string;
     image?: string;
@@ -12,15 +12,15 @@ export declare type TileMenuPropItem = {
     href: undefined;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
 });
-export declare type DefaultItem = {
+export type DefaultItem = {
     image?: string | React.FC;
     title: string;
     description?: string;
 };
-declare type GetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined;
-declare type GetItemTitle<ITEM> = (item: ITEM) => string;
-declare type GetItemDescription<ITEM> = (item: ITEM) => string;
-export declare type TileMenuListProps<ITEM> = PropsWithHTMLAttributesAndRef<{
+type GetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined;
+type GetItemTitle<ITEM> = (item: ITEM) => string;
+type GetItemDescription<ITEM> = (item: ITEM) => string;
+export type TileMenuListProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     view?: TileMenuPropView;
     items: ITEM[];
     isMobile?: boolean;
@@ -28,5 +28,5 @@ export declare type TileMenuListProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     getItemTitle: GetItemTitle<ITEM>;
     getItemDescription: GetItemDescription<ITEM>;
 }, HTMLDivElement>;
-export declare type TileMenuListComponent = <ITEM = DefaultItem>(props: TileMenuListProps<ITEM>) => React.ReactElement | null;
+export type TileMenuListComponent = <ITEM = DefaultItem>(props: TileMenuListProps<ITEM>) => React.ReactElement | null;
 export {};

package/__internal__/src/components/TileMenu/helpers.d.ts

@@ -28,6 +28,7 @@ export declare function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>)
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    nonce?: string | undefined;
     placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
@@ -179,6 +180,8 @@ export declare function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>)
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemImage","item","image","defaultGetItemLabel","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemDescription","description","withDefaultGetters","props","getItemDescription","getItemLabel","getItemImage","getItemHref","getItemOnClick"],"sources":["../../../../../src/components/TileMenu/helpers.ts"],"sourcesContent":["import {\n  TileMenuDefaultItem,\n  TileMenuListProps,\n  TileMenuPropGetItemDescription,\n  TileMenuPropGetItemHref,\n  TileMenuPropGetItemImage,\n  TileMenuPropGetItemLabel,\n  TileMenuPropGetItemOnClick,\n} from './types';\n\nexport const defaultGetItemImage: TileMenuPropGetItemImage<\n  TileMenuDefaultItem\n> = (item) => item.image;\nexport const defaultGetItemLabel: TileMenuPropGetItemLabel<\n  TileMenuDefaultItem\n> = (item) => item.label;\nexport const defaultGetItemHref: TileMenuPropGetItemHref<\n  TileMenuDefaultItem\n> = (item) => item.href;\nexport const defaultGetItemOnClick: TileMenuPropGetItemOnClick<\n  TileMenuDefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemDescription: TileMenuPropGetItemDescription<\n  TileMenuDefaultItem\n> = (item) => item.description;\n\nexport function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>) {\n  return {\n    ...props,\n    getItemDescription: props.getItemDescription || defaultGetItemDescription,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemImage: props.getItemImage || defaultGetItemImage,\n    getItemHref: props.getItemHref || defaultGetItemHref,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n  };\n}\n"],"mappings":"qqBAUA,MAAO,MAAMA,oBAEZ,CAAIC,CAAD,EAAUA,CAAI,CAACC,KAFZ,CAGP,MAAO,MAAMC,oBAEZ,CAAIF,CAAD,EAAUA,CAAI,CAACG,KAFZ,CAGP,MAAO,MAAMC,mBAEZ,CAAIJ,CAAD,EAAUA,CAAI,CAACK,IAFZ,CAGP,MAAO,MAAMC,sBAEZ,CAAIN,CAAD,EAAUA,CAAI,CAACO,OAFZ,CAGP,MAAO,MAAMC,0BAEZ,CAAIR,CAAD,EAAUA,CAAI,CAACS,WAFZ,CAIP,MAAO,SAASC,mBAAT,CAAkCC,CAAlC,CAAkE,CACvE,sCACKA,CADL,MAEEC,kBAAkB,CAAED,CAAK,CAACC,kBAAN,EAA4BJ,yBAFlD,CAGEK,YAAY,CAAEF,CAAK,CAACE,YAAN,EAAsBX,mBAHtC,CAIEY,YAAY,CAAEH,CAAK,CAACG,YAAN,EAAsBf,mBAJtC,CAKEgB,WAAW,CAAEJ,CAAK,CAACI,WAAN,EAAqBX,kBALpC,CAMEY,cAAc,CAAEL,CAAK,CAACK,cAAN,EAAwBV,qBAN1C,EAQD"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemImage","item","image","defaultGetItemLabel","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemDescription","description","withDefaultGetters","props","getItemDescription","getItemLabel","getItemImage","getItemHref","getItemOnClick"],"sources":["../../../../../src/components/TileMenu/helpers.ts"],"sourcesContent":["import {\n  TileMenuDefaultItem,\n  TileMenuListProps,\n  TileMenuPropGetItemDescription,\n  TileMenuPropGetItemHref,\n  TileMenuPropGetItemImage,\n  TileMenuPropGetItemLabel,\n  TileMenuPropGetItemOnClick,\n} from './types';\n\nexport const defaultGetItemImage: TileMenuPropGetItemImage<\n  TileMenuDefaultItem\n> = (item) => item.image;\nexport const defaultGetItemLabel: TileMenuPropGetItemLabel<\n  TileMenuDefaultItem\n> = (item) => item.label;\nexport const defaultGetItemHref: TileMenuPropGetItemHref<\n  TileMenuDefaultItem\n> = (item) => item.href;\nexport const defaultGetItemOnClick: TileMenuPropGetItemOnClick<\n  TileMenuDefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemDescription: TileMenuPropGetItemDescription<\n  TileMenuDefaultItem\n> = (item) => item.description;\n\nexport function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>) {\n  return {\n    ...props,\n    getItemDescription: props.getItemDescription || defaultGetItemDescription,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemImage: props.getItemImage || defaultGetItemImage,\n    getItemHref: props.getItemHref || defaultGetItemHref,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n  };\n}\n"],"mappings":"qqBAUA,MAAO,MAAMA,oBAEZ,CAAIC,CAAI,EAAKA,CAAI,CAACC,KAAK,CACxB,MAAO,MAAMC,oBAEZ,CAAIF,CAAI,EAAKA,CAAI,CAACG,KAAK,CACxB,MAAO,MAAMC,mBAEZ,CAAIJ,CAAI,EAAKA,CAAI,CAACK,IAAI,CACvB,MAAO,MAAMC,sBAEZ,CAAIN,CAAI,EAAKA,CAAI,CAACO,OAAO,CAC1B,MAAO,MAAMC,0BAEZ,CAAIR,CAAI,EAAKA,CAAI,CAACS,WAAW,CAE9B,MAAO,SAASC,mBAAkB,CAAOC,CAA8B,CAAE,CACvE,sCACKA,CAAK,MACRC,kBAAkB,CAAED,CAAK,CAACC,kBAAkB,EAAIJ,yBAAyB,CACzEK,YAAY,CAAEF,CAAK,CAACE,YAAY,EAAIX,mBAAmB,CACvDY,YAAY,CAAEH,CAAK,CAACG,YAAY,EAAIf,mBAAmB,CACvDgB,WAAW,CAAEJ,CAAK,CAACI,WAAW,EAAIX,kBAAkB,CACpDY,cAAc,CAAEL,CAAK,CAACK,cAAc,EAAIV,qBAAqB,EAEjE"}

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

@@ -1,29 +1,29 @@
 /// <reference types="react" />
 import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare const tileMenuPropView: readonly ["lines", "twoLines", "cards"];
-export declare type TileMenuPropView = typeof tileMenuPropView[number];
+export type TileMenuPropView = typeof tileMenuPropView[number];
 export declare const tileMenuPropViewDefault: "lines";
-export declare type TileMenuDefaultItem = {
+export type TileMenuDefaultItem = {
     label: string;
     image?: string;
     description?: string;
     href?: string;
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 };
-export declare type TileMenuPropGetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined;
-export declare type TileMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type TileMenuPropGetItemDescription<ITEM> = (item: ITEM) => string | undefined;
-export declare type TileMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
-export declare type TileMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler<HTMLAnchorElement> | undefined;
-export declare type TileMenuPropOnItemClick<ITEM> = (props: {
+export type TileMenuPropGetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined;
+export type TileMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type TileMenuPropGetItemDescription<ITEM> = (item: ITEM) => string | undefined;
+export type TileMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
+export type TileMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler<HTMLAnchorElement> | undefined;
+export type TileMenuPropOnItemClick<ITEM> = (props: {
     e: React.MouseEvent<HTMLAnchorElement>;
     item: ITEM;
 }) => void;
-export declare type TileMenuOnItemClick<ITEM> = (props: {
+export type TileMenuOnItemClick<ITEM> = (props: {
     e: React.MouseEvent<HTMLAnchorElement>;
     item: ITEM;
 }) => void;
-declare type CommonProps<ITEM> = {
+type CommonProps<ITEM> = {
     view?: TileMenuPropView;
     items: ITEM[];
     isMobile?: boolean;
@@ -34,7 +34,7 @@ declare type CommonProps<ITEM> = {
     getItemHref?: TileMenuPropGetItemHref<ITEM>;
     getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>;
 };
-export declare type TileMenuProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributesAndRef<CommonProps<ITEM> & {
+export type TileMenuProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributesAndRef<CommonProps<ITEM> & {
     listClassName?: string;
     title?: string;
 }, HTMLButtonElement> & (ITEM extends {
@@ -42,7 +42,7 @@ export declare type TileMenuProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAtt
 } ? {} : {
     getItemLabel: TileMenuPropGetItemLabel<ITEM>;
 });
-export declare type TileMenuListProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributes<CommonProps<ITEM>, HTMLDivElement>;
-export declare type TileMenuListComponent = <ITEM = TileMenuDefaultItem>(props: TileMenuListProps<ITEM>) => React.ReactElement | null;
-export declare type TileMenuComponent = <ITEM = TileMenuDefaultItem>(props: TileMenuProps<ITEM>) => React.ReactElement | null;
+export type TileMenuListProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributes<CommonProps<ITEM>, HTMLDivElement>;
+export type TileMenuListComponent = <ITEM = TileMenuDefaultItem>(props: TileMenuListProps<ITEM>) => React.ReactElement | null;
+export type TileMenuComponent = <ITEM = TileMenuDefaultItem>(props: TileMenuProps<ITEM>) => React.ReactElement | null;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["tileMenuPropView","tileMenuPropViewDefault"],"sources":["../../../../../src/components/TileMenu/types.ts"],"sourcesContent":["import {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const tileMenuPropView = ['lines', 'twoLines', 'cards'] as const;\nexport type TileMenuPropView = typeof tileMenuPropView[number];\nexport const tileMenuPropViewDefault = tileMenuPropView[0];\n\nexport type TileMenuDefaultItem = {\n  label: string;\n  image?: string;\n  description?: string;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\nexport type TileMenuPropGetItemImage<ITEM> = (\n  item: ITEM,\n) => string | React.FC | undefined;\nexport type TileMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type TileMenuPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type TileMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;\nexport type TileMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler<HTMLAnchorElement> | undefined;\nexport type TileMenuPropOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent<HTMLAnchorElement>;\n  item: ITEM;\n}) => void;\nexport type TileMenuOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent<HTMLAnchorElement>;\n  item: ITEM;\n}) => void;\n\ntype CommonProps<ITEM> = {\n  view?: TileMenuPropView;\n  items: ITEM[];\n  isMobile?: boolean;\n  onItemClick?: TileMenuOnItemClick<ITEM>;\n  getItemImage?: TileMenuPropGetItemImage<ITEM>;\n  getItemLabel?: TileMenuPropGetItemLabel<ITEM>;\n  getItemDescription?: TileMenuPropGetItemDescription<ITEM>;\n  getItemHref?: TileMenuPropGetItemHref<ITEM>;\n  getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>;\n};\n\nexport type TileMenuProps<ITEM = TileMenuDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    CommonProps<ITEM> & { listClassName?: string; title?: string },\n    HTMLButtonElement\n  > &\n    (ITEM extends { label: TileMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: TileMenuPropGetItemLabel<ITEM> });\n\nexport type TileMenuListProps<ITEM = TileMenuDefaultItem> =\n  PropsWithHTMLAttributes<CommonProps<ITEM>, HTMLDivElement>;\n\nexport type TileMenuListComponent = <ITEM = TileMenuDefaultItem>(\n  props: TileMenuListProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TileMenuComponent = <ITEM = TileMenuDefaultItem>(\n  props: TileMenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAKA,MAAO,MAAMA,iBAAgB,CAAG,CAAC,OAAD,CAAU,UAAV,CAAsB,OAAtB,CAAzB,CAEP,MAAO,MAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD"}
+{"version":3,"file":"types.js","names":["tileMenuPropView","tileMenuPropViewDefault"],"sources":["../../../../../src/components/TileMenu/types.ts"],"sourcesContent":["import {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const tileMenuPropView = ['lines', 'twoLines', 'cards'] as const;\nexport type TileMenuPropView = typeof tileMenuPropView[number];\nexport const tileMenuPropViewDefault = tileMenuPropView[0];\n\nexport type TileMenuDefaultItem = {\n  label: string;\n  image?: string;\n  description?: string;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\nexport type TileMenuPropGetItemImage<ITEM> = (\n  item: ITEM,\n) => string | React.FC | undefined;\nexport type TileMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type TileMenuPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type TileMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;\nexport type TileMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler<HTMLAnchorElement> | undefined;\nexport type TileMenuPropOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent<HTMLAnchorElement>;\n  item: ITEM;\n}) => void;\nexport type TileMenuOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent<HTMLAnchorElement>;\n  item: ITEM;\n}) => void;\n\ntype CommonProps<ITEM> = {\n  view?: TileMenuPropView;\n  items: ITEM[];\n  isMobile?: boolean;\n  onItemClick?: TileMenuOnItemClick<ITEM>;\n  getItemImage?: TileMenuPropGetItemImage<ITEM>;\n  getItemLabel?: TileMenuPropGetItemLabel<ITEM>;\n  getItemDescription?: TileMenuPropGetItemDescription<ITEM>;\n  getItemHref?: TileMenuPropGetItemHref<ITEM>;\n  getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>;\n};\n\nexport type TileMenuProps<ITEM = TileMenuDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    CommonProps<ITEM> & { listClassName?: string; title?: string },\n    HTMLButtonElement\n  > &\n    (ITEM extends { label: TileMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: TileMenuPropGetItemLabel<ITEM> });\n\nexport type TileMenuListProps<ITEM = TileMenuDefaultItem> =\n  PropsWithHTMLAttributes<CommonProps<ITEM>, HTMLDivElement>;\n\nexport type TileMenuListComponent = <ITEM = TileMenuDefaultItem>(\n  props: TileMenuListProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TileMenuComponent = <ITEM = TileMenuDefaultItem>(\n  props: TileMenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAKA,MAAO,MAAMA,iBAAgB,CAAG,CAAC,OAAO,CAAE,UAAU,CAAE,OAAO,CAAU,CAEvE,MAAO,MAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAC,CAAC"}

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

@@ -1 +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":"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"}
+{"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,kBAAkB,KAAQ,yDAAyD,CAC5F,OAASC,WAAW,KAAQ,2BAA2B,CACvD,OAASC,aAAa,KAAQ,6BAA6B,CAC3D,OAASC,OAAO,KAAQ,uBAAuB,CAC/C,MAAOC,MAAK,EAAIC,UAAU,CAAEC,WAAW,CAAEC,SAAS,CAAEC,QAAQ,KAAQ,OAAO,CAC3E,OAASC,aAAa,CAAEC,eAAe,KAAQ,wBAAwB,CAEvE,OAASC,YAAY,kCACrB,OAASC,EAAE,uBAEX,OAASC,kBAAkB,iBAO3B,OAASC,iBAAiB,6CAE1B,MAAO,MAAMC,eAAc,CAAGH,EAAE,CAAC,cAAc,CAAC,CAAC,KAE3CI,aAAY,CAAGhB,kBAAkB,CAACe,cAAc,CAAE,OAAO,CAAC,CAE1DE,kBAAkB,CAAG,CACzBC,CAAwB,CACxBC,CAA8B,GAC3B,SAeCN,kBAAkB,CAACK,CAAK,CAAC,CAdvB,CACJE,KAAK,CAALA,CAAK,CACLC,SAAS,CAATA,CAAS,CACTC,aAAa,CAAbA,CAAa,CACbC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAdA,CAAc,CACdC,aAAa,CAAbA,CAAa,CACbC,cAAc,CAAdA,CAAc,CACdC,MAAM,CAANA,CAAM,CACNC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,MAAM,CAANA,CAEF,CAAC,GADIC,CAAU,uCAGT,CAACC,CAAM,CAAEC,CAAS,CAAC,CAAG1B,QAAQ,CAA4B,CAC9D,CAAEY,KAAK,CAALA,CAAK,CAAEe,EAAE,CAAE,GAAI,CAAC,CACnB,CAAC,CACI,CAACC,CAAa,CAAEC,CAAgB,CAAC,CAAG7B,QAAQ,IAAgB,CAE5D8B,CAAS,CAAGnC,OAAO,CAAiB8B,CAAM,CAACM,MAAM,CAAC,CAElDC,CAAoB,CAAGvC,WAAW,CAAC,IAAMoC,CAAgB,IAAO,CAAE,GAAG,CAAC,CAEtEI,CAAQ,CAAGnC,WAAW,CACzBoC,CAAkC,EACjCR,CAAS,CAAES,CAAC,EAAK,CACf,KAAMC,EAAS,CAAGC,KAAK,CAACC,IAAI,CAACH,CAAC,CAAC,CAE/B,MADAC,EAAS,CAACG,IAAI,CAACL,CAAK,CAAC,CACdE,CACT,CAAC,CAAC,CACJ,EAAE,CACH,CAEKI,CAAW,CAAG1C,WAAW,CAAC,IAAM,CACpC+B,CAAgB,IAAM,CACtBH,CAAS,CAAES,CAAC,EAAK,CACf,KAAMC,EAAS,CAAGC,KAAK,CAACC,IAAI,CAACH,CAAC,CAAC,CAE/B,MADAC,EAAS,CAACK,GAAG,EAAE,CACRL,CACT,CAAC,CAAC,CACFJ,CAAoB,EACtB,CAAC,CAAE,EAAE,CAAC,CAEAU,CAAiB,CAAGhD,aAAa,CAACyB,CAAc,CAAC,CACjDwB,CAAe,CAAGjD,aAAa,CAACsB,CAAY,CAAC,CA+BnD,MA7BAjB,UAAS,CAAC,IAAM,CAEd,KAAM6C,EAAI,CAAGnB,CAAM,CAACA,CAAM,CAACM,MAAM,CAAG,CAAC,CAAC,CAACJ,EAAE,CAACkB,KAAK,CAAC,GAAG,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAE7D,GAAInB,EAAE,CAAG,GAAG,CAEZ,KAAMS,EAAoC,CAAG,CAAC,CAAExB,KAAK,CAALA,CAAK,CAAEe,EAAE,CAAFA,CAAG,CAAC,CAAC,CAE5DiB,CAAI,CAACG,OAAO,CAAEC,CAAK,EAAK,CACtB,KAAMC,EAAI,CAAGb,CAAS,CAACA,CAAS,CAACL,MAAM,CAAG,CAAC,CAAC,CAACnB,KAAK,EAAQoC,CAAK,CAAE,CAEjE,GAAI,CAACC,CAAI,CACP,OACD,KAEKC,EAAU,CAAGR,CAAiB,CAACS,OAAO,CAACF,CAAI,CAAC,CAC5CG,CAAU,CAAGT,CAAe,CAACQ,OAAO,CAACF,CAAI,CAAC,CAChDtB,CAAE,CAAI,GAAEA,CAAG,IAAGqB,CAAM,EAAC,CAEhBE,CAAU,EAIfd,CAAS,CAACG,IAAI,CAAC,CAAE3B,KAAK,CAAEsC,CAAU,CAAEG,KAAK,CAAED,CAAU,CAAEzB,EAAE,CAAFA,CAAG,CAAC,CAC7D,CAAC,CAAC,CAEFD,CAAS,CAACU,CAAS,CACrB,CAAC,CAAE,CAACxB,CAAK,CAAC,CAAC,CAGT,2CACMY,CAAU,EACd,SAAS,CAAEjB,cAAc,CAAC,CAAEqB,aAAa,CAAbA,CAAc,CAAC,CAAE,CAACf,CAAS,CAAC,CAAE,CAC1D,GAAG,CAAEF,CAAI,GAET,oBAAC,eAAe,EAAC,KAAK,IAAC,IAAI,IAAC,SAAS,CAAEJ,cAAc,CAAC,QAAQ,CAAE,EAC7DkB,CAAM,CAAC6B,GAAG,CAAC,CAACpB,CAAK,CAAEc,CAAK,GAAK,CAC5B,KAAMO,EAAQ,CAAGP,CAAK,CAAG,CAAC,CAC1B,GAAIO,CAAQ,EAAI9B,CAAM,CAACM,MAAM,CAC3B,MACE,qBAAC,aAAa,EACZ,UAAU,CAAEvB,YAAa,CACzB,GAAG,CAAE+C,CAAS,CACd,OAAO,CAAE,GAAI,CACb,OAAO,CAAEzB,CAAS,CAACkB,CAAK,CAAE,EAE1B,oBAAC,iBAAiB,EAChB,GAAG,CAAElB,CAAS,CAACkB,CAAK,CAAE,CACtB,EAAE,CAAEd,CAAK,CAACP,EAAG,CACb,KAAK,CAAEO,CAAK,CAACtB,KAAM,CACnB,KAAK,CAAEsB,CAAK,CAACmB,KAAM,CACnB,QAAQ,CAAEpB,CAAS,CACnB,WAAW,CAAEO,CAAY,CACzB,SAAS,CAAEjC,cAAc,CAAC,OAAO,CAAE,CACjC4C,OAAO,CAAEI,CAAQ,GAAK9B,CAAM,CAACM,MAC/B,CAAC,CAAE,CACH,GAAG,CAAEwB,CAAS,CACd,MAAM,CAAY,CAAC,GAAXP,CAAW,EAAI5B,CAAO,CAC9B,MAAM,CAAY,CAAC,GAAX4B,CAAW,EAAIzB,CAAO,CAC9B,aAAa,CAAET,CAAc,CAC7B,WAAW,CAAEC,CAAY,CACzB,YAAY,CAAEC,CAAa,CAC3B,cAAc,CAAGwC,CAAQ,EACvBrD,YAAY,CAACqD,CAAQ,CAAEvC,CAAc,CAAEI,CAAW,CACnD,CACD,aAAa,CAAEH,CAAc,CAC7B,cAAc,CAAEC,CAAe,CAC/B,YAAY,CAAEG,CAAa,EAC3B,CAIV,CAAC,CAAC,CACc,CAGxB,CAAC,CAED,MAAO,MAAMmC,aAAY,CAAG5D,UAAU,CACpCY,kBAAkB,CACM,CAE1B"}

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

@@ -1 +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"}
+{"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,cAAc,KAAQ,8BAA8B,CAC7D,OAASC,IAAI,KAAQ,oBAAoB,CACzC,MAAOC,MAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,0BAIX,MAAO,MAAMC,mBAAkB,CAAGD,EAAE,CAAC,kBAAkB,CAAC,CAExD,MAAO,MAAME,iBAA2C,CAAIC,CAAK,EAAK,MAC9D,CACJC,SAAS,CAATA,CAAS,CACTC,KAAK,CAALA,CAAK,CACLC,IAAI,CAAJA,CAAI,CACJC,MAAM,CAANA,CAAM,CACNC,MAAM,CAANA,CAAM,CACNC,OAAO,CAAPA,CAAO,CACPC,WAAW,CAAXA,CAEF,CAAC,CAAGP,CAAK,CADJQ,CAAU,0BACXR,CAAK,YAEHS,CAAS,CAAGN,CAAI,CACjB,CACCO,EAAE,CAAE,GAAG,CACPP,IAAI,CAAJA,CAAI,CACJC,MAAM,CAANA,CACF,CAAC,CACA,CACCM,EAAE,CAAE,MACN,CAAW,CAEf,MACE,qBAAC,IAAI,kBACCF,CAAU,CACVC,CAAS,EACb,SAAS,CAAEX,kBAAkB,CAAC,CAAEO,MAAM,CAANA,CAAO,CAAC,CAAE,CAACJ,CAAS,CAAC,CAAE,CACvD,OAAO,CAAEK,CAAQ,GAEhBJ,CAAK,CACLK,CAAW,EACV,oBAAC,cAAc,EAAC,SAAS,CAAET,kBAAkB,CAAC,MAAM,CAAE,CAAC,IAAI,CAAC,IAAI,EACjE,CAGP,CAAC"}

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

@@ -1 +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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"}
+{"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/__internal__/src/components/VerticalMenu/helpers.d.ts

@@ -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>, "css" | "items" | "getItemLabel" | "footer" | "header" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemOnClick" | "getItemSubMenu" | "getItemActive" | "getItemGroup"> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "getItemLabel" | "footer" | "header" | "getItemOnClick" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemActive" | "getItemSubMenu" | "getItemGroup"> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;

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

@@ -1 +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"}
+{"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,CAAI,EACDA,CAAI,CAACC,KAAK,CACf,MAAO,MAAMC,qBAEZ,CAAIF,CAAI,EAAKA,CAAI,CAACG,MAAM,CACzB,MAAO,MAAMC,mBAA4D,CACvEJ,CAAI,EACDA,CAAI,CAACK,IAAI,CACd,MAAO,MAAMC,sBAEZ,CAAIN,CAAI,EAAKA,CAAI,CAACO,OAAO,CAC1B,MAAO,MAAMC,qBAEZ,CAAIR,CAAI,EAAKA,CAAI,CAACS,MAAM,CACzB,MAAO,MAAMC,sBAEZ,CAAIV,CAAI,EAAKA,CAAI,CAACW,OAAO,CAC1B,MAAO,MAAMC,oBAA8D,CACzEZ,CAAI,EACDA,CAAI,CAACa,OAAO,CAEjB,MAAO,SAASC,mBAAkB,CAAOC,CAA8B,CAAE,CACvE,sCACKA,CAAK,MACRC,YAAY,CAAED,CAAK,CAACC,YAAY,EAAIjB,mBAAmB,CACvDkB,aAAa,CAAEF,CAAK,CAACE,aAAa,EAAIf,oBAAoB,CAC1DgB,WAAW,CAAEH,CAAK,CAACG,WAAW,EAAId,kBAAkB,CACpDe,cAAc,CAAEJ,CAAK,CAACI,cAAc,EAAIb,qBAAqB,CAC7Dc,aAAa,CAAEL,CAAK,CAACK,aAAa,EAAIZ,oBAAoB,CAC1Da,cAAc,CAAEN,CAAK,CAACM,cAAc,EAAIX,qBAAqB,CAC7DY,YAAY,CAAEP,CAAK,CAACO,YAAY,EAAIV,mBAAmB,EAE3D"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare type DefaultItem = {
+export type DefaultItem = {
     label: string;
     href?: string;
     target?: string;
@@ -9,18 +9,18 @@ export declare type DefaultItem = {
     subMenu?: DefaultItem[];
     groupId?: string;
 };
-export declare type VerticalMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type VerticalMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
-export declare type VerticalMenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;
-export declare type VerticalMenuPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type VerticalMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
-export declare type VerticalMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
-export declare type VerticalMenuPropOnItemClick<ITEM> = (props: {
+export type VerticalMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type VerticalMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
+export type VerticalMenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;
+export type VerticalMenuPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
+export type VerticalMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
+export type VerticalMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
+export type VerticalMenuPropOnItemClick<ITEM> = (props: {
     e: React.MouseEvent;
     item: ITEM;
 }) => void;
-export declare type VerticalMenuPropGetItemGroup<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type VerticalMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributes<{
+export type VerticalMenuPropGetItemGroup<ITEM> = (item: ITEM) => string | number | undefined;
+export type VerticalMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributes<{
     items: ITEM[];
     getItemHref?: VerticalMenuPropGetItemHref<ITEM>;
     getItemLabel?: VerticalMenuPropGetItemLabel<ITEM>;
@@ -37,13 +37,13 @@ export declare type VerticalMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttribu
 } ? {} : {
     getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;
 });
-export declare type VerticalMenuComponent = <ITEM = DefaultItem>(props: VerticalMenuProps<ITEM>) => React.ReactElement | null;
-export declare type Level<ITEM> = {
+export type VerticalMenuComponent = <ITEM = DefaultItem>(props: VerticalMenuProps<ITEM>) => React.ReactElement | null;
+export type Level<ITEM> = {
     items: ITEM[];
     id: string;
     label?: string;
 };
-export declare type VerticalMenuLevelProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
+export type VerticalMenuLevelProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
     id: string;
     items: ITEM[];
     getItemHref: VerticalMenuPropGetItemHref<ITEM>;
@@ -59,8 +59,8 @@ export declare type VerticalMenuLevelProps<ITEM = DefaultItem> = PropsWithHTMLAt
     header?: React.ReactNode;
     footer?: React.ReactNode;
 }, HTMLDivElement>;
-export declare type VerticalMenuLevelComponent = <ITEM = DefaultItem>(props: VerticalMenuLevelProps<ITEM>) => React.ReactElement | null;
-export declare type VerticalMenuItemProps = PropsWithHTMLAttributes<{
+export type VerticalMenuLevelComponent = <ITEM = DefaultItem>(props: VerticalMenuLevelProps<ITEM>) => React.ReactElement | null;
+export type VerticalMenuItemProps = PropsWithHTMLAttributes<{
     label: string;
     href?: string;
     target?: string;
@@ -68,4 +68,4 @@ export declare type VerticalMenuItemProps = PropsWithHTMLAttributes<{
     onClick?: React.EventHandler<React.MouseEvent>;
     withSubMenu?: boolean;
 }, HTMLSpanElement>;
-export declare type VerticalMenuItemComponent = (props: VerticalMenuItemProps) => React.ReactElement | null;
+export type VerticalMenuItemComponent = (props: VerticalMenuItemProps) => React.ReactElement | null;

package/__internal__/src/docs/start/start.stand.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@consta/stand").CreatedStand;
+export default _default;

package/__internal__/src/docs/start/start.stand.js

@@ -0,0 +1,2 @@
+import{createStand}from"../../stand/standConfig";export default createStand({title:"\u0411\u044B\u0441\u0442\u0440\u044B\u0439 \u0441\u0442\u0430\u0440\u0442",id:"start",group:"docs",order:10});
+//# sourceMappingURL=start.stand.js.map

package/__internal__/src/docs/start/start.stand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start.stand.js","names":["createStand","title","id","group","order"],"sources":["../../../../../src/docs/start/start.stand.tsx"],"sourcesContent":["import { createStand } from '##/stand/standConfig';\n\nexport default createStand({\n  title: 'Быстрый старт',\n  id: 'start',\n  group: 'docs',\n  order: 10,\n});\n"],"mappings":"AAAA,OAASA,WAAW,+BAEpB,cAAeA,YAAW,CAAC,CACzBC,KAAK,CAAE,2EAAe,CACtBC,EAAE,CAAE,OAAO,CACXC,KAAK,CAAE,MAAM,CACbC,KAAK,CAAE,EACT,CAAC,CAAC"}

package/__internal__/src/helpers/getItemClick.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare type GetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
-export declare type OnItemClick<ITEM> = (props: {
+export type GetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
+export type OnItemClick<ITEM> = (props: {
     e: React.MouseEvent;
     item: ITEM;
 }) => void;

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

@@ -1 +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"}
+{"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,CAAU,CACVC,CAAoC,CACpCC,CAA+B,GAEhCC,CAAC,EAAK,cACLD,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAG,CAAEC,CAAC,CAADA,CAAC,CAAEH,IAAI,CAAJA,CAAK,CAAC,CAAC,WAC1BC,CAAc,CAACD,CAAI,CAAC,qBAApB,EAAuBG,CAAC,CAC1B,CAAC"}

package/__internal__/src/stand/standConfig.d.ts

@@ -0,0 +1 @@
+export declare const createStand: (standProps: import("@consta/stand").Stand<string>) => import("@consta/stand").CreatedStand;

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

@@ -1 +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"}
+{"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,UAAU,KAAQ,sBAAsB,CAEjD,MAAO,MAAMC,GAAE,CAAGD,UAAU,CAAC,CAAEE,CAAC,CAAE,OAAO,CAAEC,CAAC,CAAE,GAAG,CAAEC,CAAC,CAAE,GAAI,CAAC,CAAC"}

package/__internal__/src/utils/types/PropsWithHTMLAttributes.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare type PropsWithHTMLAttributes<Props, HTMLElement> = Props & Omit<React.HTMLAttributes<HTMLElement>, keyof Props | 'css'>;
-export declare type PropsWithHTMLAttributesAndRef<Props, HTMLElement> = PropsWithHTMLAttributes<Props, HTMLElement> & React.RefAttributes<HTMLElement>;
+export type PropsWithHTMLAttributes<Props, HTMLElement> = Props & Omit<React.HTMLAttributes<HTMLElement>, keyof Props | 'css'>;
+export type PropsWithHTMLAttributesAndRef<Props, HTMLElement> = PropsWithHTMLAttributes<Props, HTMLElement> & React.RefAttributes<HTMLElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/header",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "files": [
     "*",
     "!**/__mocks__",
@@ -18,6 +18,6 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@consta/uikit": "^4.0.1"
+    "@consta/uikit": "^4.7.1"
   }
 }