@consta/header 1.2.1 → 2.1.0

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,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"}
+{"version":3,"file":"TileMenuItem.js","names":["forwardRefWithAs","cnMixSpace","Text","React","cn","cnTileMenuItem","renderImage","image","title","createElement","src","alt","TileMenuItem","props","ref","className","description","view","as","otherProps","_objectWithoutProperties","_excluded","Object","assign","p","pT","pV","weight","align","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\nimport { TileMenuItemProps } from './types';\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 = 'default',\n      as = 'div',\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnTileMenuItem({ view }, [\n          view === 'card'\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={view === 'default' ? 'bold' : undefined}\n            align={view === 'card' ? 'center' : undefined}\n            className={cnTileMenuItem('Title', [\n              view === 'default' ? cnMixSpace({ pB: '2xs' }) : undefined,\n            ])}\n          >\n            {title}\n          </Text>\n          {description && view === 'default' && (\n            <Text view=\"secondary\" className={cnTileMenuItem('Description')}>\n              {description}\n            </Text>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"6JAAA,2BAEA,OAASA,gBAAgB,KAAQ,kEAAkE,CACnG,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,IAAI,KAAQ,oBAAoB,CACzC,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,0BAAuB,KAI5B,CAAAC,cAAc,CAAGD,EAAE,CAAC,cAAc,CAAC,CAEnCE,WAAW,CAAGA,CAACC,CAAwB,CAAEC,CAAa,GAAK,CAC/D,GAAqB,QAAQ,EAAzB,MAAO,CAAAD,CAAkB,CAC3B,MAAO,CAAAJ,KAAA,CAAAM,aAAA,QAAKC,GAAG,CAAEH,CAAM,CAACI,GAAG,CAAEH,CAAM,CAAE,CAAC,CAGxC,MAAO,CAAAL,KAAA,CAAAM,aAAA,CADgBF,CAAK,KACJ,CAC1B,CAAC,CAED,MAAO,MAAM,CAAAK,YAAY,CAAGZ,gBAAgB,CAC1C,CAACa,CAAK,CAAEC,CAAG,GAAK,MACR,CACJP,KAAK,CAALA,CAAK,CACLQ,SAAS,CAATA,CAAS,CACTP,KAAK,CAALA,CAAK,CACLQ,WAAW,CAAXA,CAAW,CACXC,IAAI,CAAJA,CAAI,CAAG,SAAS,CAChBC,EAAE,CAAFA,CAAE,CAAG,KAEP,CAAC,CAAGL,CAAK,CADJM,CAAU,CAAAC,wBAAA,CACXP,CAAK,CAAAQ,SAAA,EAIT,MACE,CAAAlB,KAAA,CAAAM,aAAA,CAHUS,CAAE,CAAAI,MAAA,CAAAC,MAAA,IAINJ,CAAU,EACdL,GAAG,CAAEA,CAAI,CACTC,SAAS,CAAEV,cAAc,CAAC,CAAEY,IAAI,CAAJA,CAAK,CAAC,CAAE,CACzB,MAAM,GAAfA,CAAe,CACXhB,UAAU,CAAC,CAAEuB,CAAC,CAAE,GAAG,CAAEC,EAAE,CAAE,GAAI,CAAC,CAAC,CAC/BxB,UAAU,CAAC,CAAEyB,EAAE,CAAE,GAAI,CAAC,CAAC,CAC3BX,CAAS,CACV,CAAE,GAEFR,CAAK,EACJJ,KAAA,CAAAM,aAAA,QAAKM,SAAS,CAAEV,cAAc,CAAC,cAAc,CAAE,EAC5CC,WAAW,CAACC,CAAK,CAAEC,CAAK,CACtB,CACN,CACDL,KAAA,CAAAM,aAAA,QAAKM,SAAS,CAAEV,cAAc,CAAC,gBAAgB,CAAE,EAC/CF,KAAA,CAAAM,aAAA,CAACP,IAAI,EACHyB,MAAM,CAAW,SAAS,GAAlBV,CAAkB,CAAG,MAAM,OAAa,CAChDW,KAAK,CAAW,MAAM,GAAfX,CAAe,CAAG,QAAQ,OAAa,CAC9CF,SAAS,CAAEV,cAAc,CAAC,OAAO,CAAE,CACxB,SAAS,GAAlBY,CAAkB,CAAGhB,UAAU,CAAC,CAAE4B,EAAE,CAAE,KAAM,CAAC,CAAC,OAAY,CAC3D,CAAE,EAEFrB,CACG,CAAC,CACNQ,CAAW,EAAa,SAAS,GAAlBC,CAAkB,EAChCd,KAAA,CAAAM,aAAA,CAACP,IAAI,EAACe,IAAI,CAAC,WAAW,CAACF,SAAS,CAAEV,cAAc,CAAC,aAAa,CAAE,EAC7DW,CACG,CAEL,CACF,CAET,CACF,CAAC,CAED"}

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const tileMenuItemPropView: readonly ["card", "default"];
+export type TileMenuItemPropView = (typeof tileMenuItemPropView)[number];
+export type TileMenuItemProps = {
+    image?: string | React.FC;
+    title: string;
+    description?: string;
+    view?: TileMenuItemPropView;
+};

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

@@ -0,0 +1,2 @@
+export const tileMenuItemPropView=["card","default"];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["tileMenuItemPropView"],"sources":["../../../../../../src/components/TileMenu/TileMenuItem/types.ts"],"sourcesContent":["export const tileMenuItemPropView = ['card', 'default'] as const;\nexport type TileMenuItemPropView = (typeof tileMenuItemPropView)[number];\n\nexport type TileMenuItemProps = {\n  image?: string | React.FC;\n  title: string;\n  description?: string;\n  view?: TileMenuItemPropView;\n};\n"],"mappings":"AAAA,MAAO,MAAM,CAAAA,oBAAoB,CAAG,CAAC,MAAM,CAAE,SAAS,CAAU"}

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

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

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","view","className","children","getItemDescription","getItemImage","getItemLabel","getItemHref","getItemOnClick","onItemClick"];import"./TileMenuList.css";import{getByMap}from"@consta/uikit/__internal__/src/utils/getByMap";import{cnMixSpace}from"@consta/uikit/MixSpace";import React from"react";import{cn}from"../../../utils/bem";import{withDefaultGetters}from"../helpers";import{TileMenuItem}from"../TileMenuItem/TileMenuItem";export const cnTileMenuList=cn("TileMenuList");const itemViewMap={lines:"line",twoLines:"line",cards:"card"};export const TileMenuList=a=>{const b=withDefaultGetters(a),{items:c,view:l="lines",className:d,children:e,getItemDescription:f,getItemImage:g,getItemLabel:h,getItemHref:i,getItemOnClick:j,onItemClick:k}=b,m=_objectWithoutProperties(b,_excluded);return React.createElement("div",Object.assign({},m,{className:cnTileMenuList({view:l},[cnMixSpace({p:"xl"}),d])}),c.map((a,b)=>React.createElement(TileMenuItem,{className:cnTileMenuList("Item"),key:cnTileMenuList("Item",{index:b}),view:getByMap(itemViewMap,l),image:g(a),title:h(a),description:f(a),href:i(a),onClick:b=>{var c;null===k||void 0===k?void 0:k({item:a,e:b}),null===(c=j(a))||void 0===c?void 0:c(b)},as:"a"})))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","view","className","children","getItemDescription","getItemImage","getItemLabel","getItemHref","getItemOnClick","onItemClick"];import"./TileMenuList.css";import{getByMap}from"@consta/uikit/__internal__/src/utils/getByMap";import{cnMixSpace}from"@consta/uikit/MixSpace";import React from"react";import{getItemClick}from"../../../helpers/getItemClick";import{cn}from"../../../utils/bem";import{TileMenuItem}from"../TileMenuItem";import{withDefaultGetters}from"./helpers";export const cnTileMenuList=cn("TileMenuList");const itemViewMap={lines:"default",twoLines:"default",cards:"card"};export const TileMenuList=a=>{const b=withDefaultGetters(a),{items:c,view:l="lines",className:d,children:e,getItemDescription:f,getItemImage:g,getItemLabel:h,getItemHref:i,getItemOnClick:j,onItemClick:k}=b,m=_objectWithoutProperties(b,_excluded);return React.createElement("div",Object.assign({},m,{className:cnTileMenuList({view:l},[cnMixSpace({p:"xl"}),d])}),c.map((a,b)=>React.createElement(TileMenuItem,{className:cnTileMenuList("Item"),key:cnTileMenuList("Item",{index:b}),view:getByMap(itemViewMap,l),image:g(a),title:h(a),description:f(a),href:i(a),onClick:getItemClick(a,j,k),as:"a"})))};export*from"./types";
 //# sourceMappingURL=TileMenuList.js.map

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,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"}
+{"version":3,"file":"TileMenuList.js","names":["getByMap","cnMixSpace","React","getItemClick","cn","TileMenuItem","withDefaultGetters","cnTileMenuList","itemViewMap","lines","twoLines","cards","TileMenuList","props","b","items","view","className","children","getItemDescription","getItemImage","getItemLabel","getItemHref","getItemOnClick","onItemClick","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","p","map","item","index","key","image","title","description","href","onClick","as"],"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 { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { TileMenuItem } from '../TileMenuItem';\nimport { withDefaultGetters } from './helpers';\nimport { TileMenuListComponent, TileMenuListProps } from './types';\n\nexport const cnTileMenuList = cn('TileMenuList');\n\nconst itemViewMap = {\n  lines: 'default',\n  twoLines: 'default',\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={getItemClick(item, getItemOnClick, onItemClick)}\n            as=\"a\"\n          />\n        );\n      })}\n    </div>\n  );\n}) as TileMenuListComponent;\n\nexport * from './types';\n"],"mappings":"6OAAA,2BAEA,OAASA,QAAQ,KAAQ,+CAA+C,CACxE,OAASC,UAAU,KAAQ,wBAAwB,CACnD,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OAASC,YAAY,qCACrB,OAASC,EAAE,0BAEX,OAASC,YAAY,uBACrB,OAASC,kBAAkB,iBAG3B,MAAO,MAAM,CAAAC,cAAc,CAAGH,EAAE,CAAC,cAAc,CAAC,CAEhD,KAAM,CAAAI,WAAW,CAAG,CAClBC,KAAK,CAAE,SAAS,CAChBC,QAAQ,CAAE,SAAS,CACnBC,KAAK,CAAE,MACT,CAAU,CAEV,MAAO,MAAM,CAAAC,YAAY,CAAKC,CAAwB,EAAK,CACzD,MAAAC,CAAA,CAYIR,kBAAkB,CAACO,CAAK,CAAC,CAZvB,CACJE,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,CAAAV,CAAA,CADIW,CAAU,CAAAC,wBAAA,CAAAZ,CAAA,CAAAa,SAAA,EAGf,MACE,CAAAzB,KAAA,CAAA0B,aAAA,OAAAC,MAAA,CAAAC,MAAA,IACML,CAAU,EACdR,SAAS,CAAEV,cAAc,CAAC,CAAES,IAAI,CAAJA,CAAK,CAAC,CAAE,CAACf,UAAU,CAAC,CAAE8B,CAAC,CAAE,IAAK,CAAC,CAAC,CAAEd,CAAS,CAAC,CAAE,GAEzEF,CAAK,CAACiB,GAAG,CAAC,CAACC,CAAI,CAAEC,CAAK,GAEnBhC,KAAA,CAAA0B,aAAA,CAACvB,YAAY,EACXY,SAAS,CAAEV,cAAc,CAAC,MAAM,CAAE,CAClC4B,GAAG,CAAE5B,cAAc,CAAC,MAAM,CAAE,CAAE2B,KAAK,CAALA,CAAM,CAAC,CAAE,CACvClB,IAAI,CAAEhB,QAAQ,CAACQ,WAAW,CAAEQ,CAAI,CAAE,CAClCoB,KAAK,CAAEhB,CAAY,CAACa,CAAI,CAAE,CAC1BI,KAAK,CAAEhB,CAAY,CAACY,CAAI,CAAE,CAC1BK,WAAW,CAAEnB,CAAkB,CAACc,CAAI,CAAE,CACtCM,IAAI,CAAEjB,CAAW,CAACW,CAAI,CAAE,CACxBO,OAAO,CAAErC,YAAY,CAAC8B,CAAI,CAAEV,CAAc,CAAEC,CAAW,CAAE,CACzDiB,EAAE,CAAC,GAAG,CACP,CAEJ,CACE,CAET,CAA2B,CAE3B"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TileMenuListDefaultItem, TileMenuListPropGetItemDescription, TileMenuListPropGetItemHref, TileMenuListPropGetItemImage, TileMenuListPropGetItemLabel, TileMenuListPropGetItemOnClick, TileMenuListProps } from './types';
+export declare const defaultGetItemImage: TileMenuListPropGetItemImage<TileMenuListDefaultItem>;
+export declare const defaultGetItemLabel: TileMenuListPropGetItemLabel<TileMenuListDefaultItem>;
+export declare const defaultGetItemHref: TileMenuListPropGetItemHref<TileMenuListDefaultItem>;
+export declare const defaultGetItemOnClick: TileMenuListPropGetItemOnClick<TileMenuListDefaultItem>;
+export declare const defaultGetItemDescription: TileMenuListPropGetItemDescription<TileMenuListDefaultItem>;
+export declare function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>): import("./types").TileMenuListCommonProps<ITEM> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | keyof import("./types").TileMenuListCommonProps<ITEM_1>> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: TileMenuListPropGetItemLabel<ITEM>;
+}) & {
+    getItemDescription: TileMenuListPropGetItemDescription<TileMenuListDefaultItem> | TileMenuListPropGetItemDescription<ITEM>;
+    getItemLabel: TileMenuListPropGetItemLabel<TileMenuListDefaultItem> | TileMenuListPropGetItemLabel<ITEM>;
+    getItemImage: TileMenuListPropGetItemImage<TileMenuListDefaultItem> | TileMenuListPropGetItemImage<ITEM>;
+    getItemHref: TileMenuListPropGetItemHref<TileMenuListDefaultItem> | TileMenuListPropGetItemHref<ITEM>;
+    getItemOnClick: TileMenuListPropGetItemOnClick<TileMenuListDefaultItem> | TileMenuListPropGetItemOnClick<ITEM>;
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemImage","item","image","defaultGetItemLabel","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemDescription","description","withDefaultGetters","props","_objectSpread","getItemDescription","getItemLabel","getItemImage","getItemHref","getItemOnClick"],"sources":["../../../../../../src/components/TileMenu/TileMenuList/helpers.ts"],"sourcesContent":["import {\n  TileMenuListDefaultItem,\n  TileMenuListPropGetItemDescription,\n  TileMenuListPropGetItemHref,\n  TileMenuListPropGetItemImage,\n  TileMenuListPropGetItemLabel,\n  TileMenuListPropGetItemOnClick,\n  TileMenuListProps,\n} from './types';\n\nexport const defaultGetItemImage: TileMenuListPropGetItemImage<\n  TileMenuListDefaultItem\n> = (item) => item.image;\nexport const defaultGetItemLabel: TileMenuListPropGetItemLabel<\n  TileMenuListDefaultItem\n> = (item) => item.label;\nexport const defaultGetItemHref: TileMenuListPropGetItemHref<\n  TileMenuListDefaultItem\n> = (item) => item.href;\nexport const defaultGetItemOnClick: TileMenuListPropGetItemOnClick<\n  TileMenuListDefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemDescription: TileMenuListPropGetItemDescription<\n  TileMenuListDefaultItem\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,MAAM,CAAAA,mBAEZ,CAAIC,CAAI,EAAKA,CAAI,CAACC,KAAK,CACxB,MAAO,MAAM,CAAAC,mBAEZ,CAAIF,CAAI,EAAKA,CAAI,CAACG,KAAK,CACxB,MAAO,MAAM,CAAAC,kBAEZ,CAAIJ,CAAI,EAAKA,CAAI,CAACK,IAAI,CACvB,MAAO,MAAM,CAAAC,qBAEZ,CAAIN,CAAI,EAAKA,CAAI,CAACO,OAAO,CAC1B,MAAO,MAAM,CAAAC,yBAEZ,CAAIR,CAAI,EAAKA,CAAI,CAACS,WAAW,CAE9B,MAAO,SAAS,CAAAC,kBAAkBA,CAAOC,CAA8B,CAAE,CACvE,OAAAC,aAAA,CAAAA,aAAA,IACKD,CAAK,MACRE,kBAAkB,CAAEF,CAAK,CAACE,kBAAkB,EAAIL,yBAAyB,CACzEM,YAAY,CAAEH,CAAK,CAACG,YAAY,EAAIZ,mBAAmB,CACvDa,YAAY,CAAEJ,CAAK,CAACI,YAAY,EAAIhB,mBAAmB,CACvDiB,WAAW,CAAEL,CAAK,CAACK,WAAW,EAAIZ,kBAAkB,CACpDa,cAAc,CAAEN,CAAK,CAACM,cAAc,EAAIX,qBAAqB,EAEjE"}

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

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

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

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

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

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

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

@@ -1,32 +1,41 @@
 /// <reference types="react" />
 import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
-export type TileMenuPropView = 'lines' | 'twoLines' | 'cards';
-export type TileMenuPropItem = {
-    title: string;
+export declare const tileMenuListPropView: readonly ["lines", "twoLines", "cards"];
+export type TileMenuListPropView = (typeof tileMenuListPropView)[number];
+export declare const tileMenuListPropViewDefault: TileMenuListPropView;
+export type TileMenuListDefaultItem = {
+    label: string;
     description?: string;
     image?: string;
 } & ({
     href: string;
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 } | {
-    href: undefined;
+    href?: undefined;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
 });
-export type DefaultItem = {
-    image?: string | React.FC;
-    title: string;
-    description?: string;
-};
-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;
+export type TileMenuListPropGetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined;
+export type TileMenuListPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type TileMenuListPropGetItemDescription<ITEM> = (item: ITEM) => string | undefined;
+export type TileMenuListPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
+export type TileMenuListPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export type TileMenuListPropOnItemClick<ITEM> = (props: {
+    e: React.MouseEvent;
+    item: ITEM;
+}) => void;
+export type TileMenuListCommonProps<ITEM> = {
+    view?: TileMenuListPropView;
     items: ITEM[];
-    isMobile?: boolean;
-    getItemImage: GetItemImage<ITEM>;
-    getItemTitle: GetItemTitle<ITEM>;
-    getItemDescription: GetItemDescription<ITEM>;
-}, HTMLDivElement>;
-export type TileMenuListComponent = <ITEM = DefaultItem>(props: TileMenuListProps<ITEM>) => React.ReactElement | null;
-export {};
+    onItemClick?: TileMenuListPropOnItemClick<ITEM>;
+    getItemImage?: TileMenuListPropGetItemImage<ITEM>;
+    getItemLabel?: TileMenuListPropGetItemLabel<ITEM>;
+    getItemDescription?: TileMenuListPropGetItemDescription<ITEM>;
+    getItemHref?: TileMenuListPropGetItemHref<ITEM>;
+    getItemOnClick?: TileMenuListPropGetItemOnClick<ITEM>;
+};
+export type TileMenuListProps<ITEM = TileMenuListDefaultItem> = PropsWithHTMLAttributesAndRef<TileMenuListCommonProps<ITEM>, HTMLDivElement> & TileMenuListCommonProps<ITEM> & (ITEM extends {
+    label: TileMenuListDefaultItem['label'];
+} ? {} : {
+    getItemLabel: TileMenuListPropGetItemLabel<ITEM>;
+});
+export type TileMenuListComponent = <ITEM = TileMenuListDefaultItem>(props: TileMenuListProps<ITEM>) => React.ReactElement | null;

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

@@ -1,2 +1,2 @@
-export{};
+export const tileMenuListPropView=["lines","twoLines","cards"];export const tileMenuListPropViewDefault=tileMenuListPropView[0];
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/TileMenu/TileMenuList/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type TileMenuPropView = 'lines' | 'twoLines' | 'cards';\n\nexport type TileMenuPropItem = {\n  title: string;\n  description?: string;\n  image?: string;\n} & (\n  | {\n      href: string;\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n    }\n  | { href: undefined; onClick?: React.MouseEventHandler<HTMLDivElement> }\n);\n\nexport type DefaultItem = {\n  image?: string | React.FC;\n  title: string;\n  description?: string;\n};\n\ntype GetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined;\ntype GetItemTitle<ITEM> = (item: ITEM) => string;\ntype GetItemDescription<ITEM> = (item: ITEM) => string;\n\nexport type TileMenuListProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    view?: TileMenuPropView;\n    items: ITEM[];\n    isMobile?: boolean;\n    getItemImage: GetItemImage<ITEM>;\n    getItemTitle: GetItemTitle<ITEM>;\n    getItemDescription: GetItemDescription<ITEM>;\n  },\n  HTMLDivElement\n>;\n\nexport type TileMenuListComponent = <ITEM = DefaultItem>(\n  props: TileMenuListProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":["tileMenuListPropView","tileMenuListPropViewDefault"],"sources":["../../../../../../src/components/TileMenu/TileMenuList/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const tileMenuListPropView = ['lines', 'twoLines', 'cards'] as const;\nexport type TileMenuListPropView = (typeof tileMenuListPropView)[number];\nexport const tileMenuListPropViewDefault: TileMenuListPropView =\n  tileMenuListPropView[0];\n\nexport type TileMenuListDefaultItem = {\n  label: string;\n  description?: string;\n  image?: string;\n} & (\n  | {\n      href: string;\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n    }\n  | { href?: undefined; onClick?: React.MouseEventHandler<HTMLDivElement> }\n);\n\nexport type TileMenuListPropGetItemImage<ITEM> = (\n  item: ITEM,\n) => string | React.FC | undefined;\nexport type TileMenuListPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type TileMenuListPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type TileMenuListPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type TileMenuListPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type TileMenuListPropOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\n\nexport type TileMenuListCommonProps<ITEM> = {\n  view?: TileMenuListPropView;\n  items: ITEM[];\n  onItemClick?: TileMenuListPropOnItemClick<ITEM>;\n  getItemImage?: TileMenuListPropGetItemImage<ITEM>;\n  getItemLabel?: TileMenuListPropGetItemLabel<ITEM>;\n  getItemDescription?: TileMenuListPropGetItemDescription<ITEM>;\n  getItemHref?: TileMenuListPropGetItemHref<ITEM>;\n  getItemOnClick?: TileMenuListPropGetItemOnClick<ITEM>;\n};\n\nexport type TileMenuListProps<ITEM = TileMenuListDefaultItem> =\n  PropsWithHTMLAttributesAndRef<TileMenuListCommonProps<ITEM>, HTMLDivElement> &\n    TileMenuListCommonProps<ITEM> &\n    (ITEM extends { label: TileMenuListDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: TileMenuListPropGetItemLabel<ITEM> });\n\nexport type TileMenuListComponent = <ITEM = TileMenuListDefaultItem>(\n  props: TileMenuListProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAEA,MAAO,MAAM,CAAAA,oBAAoB,CAAG,CAAC,OAAO,CAAE,UAAU,CAAE,OAAO,CAAU,CAE3E,MAAO,MAAM,CAAAC,2BAAiD,CAC5DD,oBAAoB,CAAC,CAAC,CAAC"}

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

@@ -1 +1,3 @@
 export * from './TileMenu';
+export * from './TileMenuList';
+export * from './TileMenuItem';

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

@@ -1,2 +1,2 @@
-export*from"./TileMenu";
+export*from"./TileMenu";export*from"./TileMenuList";export*from"./TileMenuItem";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TileMenu/index.ts"],"sourcesContent":["export * from './TileMenu';\n"],"mappings":"AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TileMenu/index.ts"],"sourcesContent":["export * from './TileMenu';\nexport * from './TileMenuList';\nexport * from './TileMenuItem';\n"],"mappings":"AAAA,wBACA,4BACA"}

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

@@ -1,48 +1,13 @@
 /// <reference types="react" />
-import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare const tileMenuPropView: readonly ["lines", "twoLines", "cards"];
-export type TileMenuPropView = typeof tileMenuPropView[number];
-export declare const tileMenuPropViewDefault: "lines";
-export type TileMenuDefaultItem = {
-    label: string;
-    image?: string;
-    description?: string;
-    href?: string;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-};
-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 type TileMenuOnItemClick<ITEM> = (props: {
-    e: React.MouseEvent<HTMLAnchorElement>;
-    item: ITEM;
-}) => void;
-type CommonProps<ITEM> = {
-    view?: TileMenuPropView;
-    items: ITEM[];
-    isMobile?: boolean;
-    onItemClick?: TileMenuOnItemClick<ITEM>;
-    getItemImage?: TileMenuPropGetItemImage<ITEM>;
-    getItemLabel?: TileMenuPropGetItemLabel<ITEM>;
-    getItemDescription?: TileMenuPropGetItemDescription<ITEM>;
-    getItemHref?: TileMenuPropGetItemHref<ITEM>;
-    getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>;
-};
-export type TileMenuProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributesAndRef<CommonProps<ITEM> & {
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+import { TileMenuListCommonProps, TileMenuListDefaultItem, TileMenuListPropGetItemLabel } from './TileMenuList';
+export type TileMenuProps<ITEM = TileMenuListDefaultItem> = PropsWithHTMLAttributesAndRef<TileMenuListCommonProps<ITEM> & {
     listClassName?: string;
     title?: string;
+    isMobile?: boolean;
 }, HTMLButtonElement> & (ITEM extends {
-    label: TileMenuDefaultItem['label'];
+    label: TileMenuListDefaultItem['label'];
 } ? {} : {
-    getItemLabel: TileMenuPropGetItemLabel<ITEM>;
+    getItemLabel: TileMenuListPropGetItemLabel<ITEM>;
 });
-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 {};
+export type TileMenuComponent = <ITEM = TileMenuListDefaultItem>(props: TileMenuProps<ITEM>) => React.ReactElement | null;

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

@@ -1,2 +1,2 @@
-export const tileMenuPropView=["lines","twoLines","cards"];export const tileMenuPropViewDefault=tileMenuPropView[0];
+export{};
 //# sourceMappingURL=types.js.map

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,OAAO,CAAE,UAAU,CAAE,OAAO,CAAU,CAEvE,MAAO,MAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/TileMenu/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n  TileMenuListCommonProps,\n  TileMenuListDefaultItem,\n  TileMenuListPropGetItemLabel,\n} from './TileMenuList';\n\nexport type TileMenuProps<ITEM = TileMenuListDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    TileMenuListCommonProps<ITEM> & {\n      listClassName?: string;\n      title?: string;\n      isMobile?: boolean;\n    },\n    HTMLButtonElement\n  > &\n    (ITEM extends { label: TileMenuListDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: TileMenuListPropGetItemLabel<ITEM> });\n\nexport type TileMenuComponent = <ITEM = TileMenuListDefaultItem>(\n  props: TileMenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","getItemGroup","footer"];import"./VerticalMenu.css";import{cnForCssTransition}from"@consta/uikit/__internal__/src/utils/cnForCssTransition";import{useDebounce}from"@consta/uikit/useDebounce";import{useMutableRef}from"@consta/uikit/useMutableRef";import{useRefs}from"@consta/uikit/useRefs";import React,{forwardRef,useCallback,useEffect,useState}from"react";import{CSSTransition,TransitionGroup}from"react-transition-group";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{VerticalMenuLevel}from"./VerticalMenuLevel/VerticalMenuLevel";export const cnVerticalMenu=cn("VerticalMenu");const transitionCn=cnForCssTransition(cnVerticalMenu,"Level"),VerticalMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:i,getItemTarget:j,getItemSubMenu:k,header:l,onItemClick:m,getItemGroup:n,footer:o}=c,p=_objectWithoutProperties(c,_excluded),[q,r]=useState([{items:d,id:"0"}]),[s,t]=useState(!1),u=useRefs(q.length),v=useDebounce(()=>t(!1),250),w=useCallback(a=>r(b=>{const c=Array.from(b);return c.push(a),c}),[]),x=useCallback(()=>{t(!0),r(a=>{const b=Array.from(a);return b.pop(),b}),v()},[]),y=useMutableRef(k),z=useMutableRef(h);return useEffect(()=>{const a=q[q.length-1].id.split("-").slice(1);let b="0";const c=[{items:d,id:b}];a.forEach(a=>{const d=c[c.length-1].items[+a];if(!d)return;const e=y.current(d),f=z.current(d);b=`${b}-${a}`,e&&c.push({items:e,label:f,id:b})}),r(c)},[d]),React.createElement("div",Object.assign({},p,{className:cnVerticalMenu({animationBack:s},[e]),ref:b}),React.createElement(TransitionGroup,{enter:!0,exit:!0,className:cnVerticalMenu("Levels")},q.map((a,b)=>{const c=b+1;if(c>=q.length)return React.createElement(CSSTransition,{classNames:transitionCn,key:c,timeout:250,nodeRef:u[b]},React.createElement(VerticalMenuLevel,{ref:u[b],id:a.id,items:a.items,label:a.label,addLevel:w,removeLevel:x,className:cnVerticalMenu("Level",{current:c===q.length}),key:c,header:0===b&&l,footer:0===b&&o,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:a=>getItemClick(a,i,m),getItemTarget:j,getItemSubMenu:k,getItemGroup:n}))})))};export const VerticalMenu=forwardRef(VerticalMenuRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","getItemGroup","footer"];import"./VerticalMenu.css";import{cnForCssTransition}from"@consta/uikit/__internal__/src/utils/cnForCssTransition";import{useDebounce}from"@consta/uikit/useDebounce";import{useFlag}from"@consta/uikit/useFlag";import{useMutableRef}from"@consta/uikit/useMutableRef";import{useRefs}from"@consta/uikit/useRefs";import React,{forwardRef,useCallback,useEffect,useState}from"react";import{CSSTransition,TransitionGroup}from"react-transition-group";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{VerticalMenuLevel}from"./VerticalMenuLevel/VerticalMenuLevel";export const cnVerticalMenu=cn("VerticalMenu");const transitionCn=cnForCssTransition(cnVerticalMenu,"Level"),VerticalMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:i,getItemTarget:j,getItemSubMenu:k,header:l,onItemClick:m,getItemGroup:n,footer:o}=c,p=_objectWithoutProperties(c,_excluded),[q,r]=useState([{items:d,id:"0"}]),[s,t]=useFlag(),u=useRefs(q.length),v=useDebounce(t.off,250),w=useCallback(a=>r(b=>{const c=Array.from(b);return c.push(a),c}),[]),x=useCallback(()=>{t.on(),r(a=>{const b=Array.from(a);return b.pop(),b}),v()},[]),y=useMutableRef(k),z=useMutableRef(h);return useEffect(()=>{const a=q[q.length-1].id.split("-").slice(1);let b="0";const c=[{items:d,id:b}];a.forEach(a=>{const d=c[c.length-1].items[+a];if(!d)return;const e=y.current(d),f=z.current(d);b=`${b}-${a}`,e&&c.push({items:e,label:f,id:b})}),r(c)},[d]),React.createElement("div",Object.assign({},p,{className:cnVerticalMenu({animationBack:s},[e]),ref:b}),React.createElement(TransitionGroup,{enter:!0,exit:!0,className:cnVerticalMenu("Levels")},q.map((a,b)=>{const c=b+1;return c>=q.length?React.createElement(CSSTransition,{classNames:transitionCn,key:c,timeout:250,nodeRef:u[b]},React.createElement(VerticalMenuLevel,{ref:u[b],id:a.id,items:a.items,label:a.label,addLevel:w,removeLevel:x,className:cnVerticalMenu("Level",{current:c===q.length}),key:c,header:0===b&&l,footer:0===b&&o,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:a=>getItemClick(a,i,m),getItemTarget:j,getItemSubMenu:k,getItemGroup:n})):null})))};export const VerticalMenu=forwardRef(VerticalMenuRender);export*from"./types";
 //# sourceMappingURL=VerticalMenu.js.map

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","useFlag","useMutableRef","useRefs","React","forwardRef","useCallback","useEffect","useState","CSSTransition","TransitionGroup","getItemClick","cn","withDefaultGetters","VerticalMenuLevel","cnVerticalMenu","transitionCn","VerticalMenuRender","props","ref","c","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","getItemGroup","footer","otherProps","_objectWithoutProperties","_excluded","levels","setLevels","id","animationBack","setAnimationBack","levelRefs","length","disableAnimationBack","off","addLevel","level","l","newLevels","Array","from","push","removeLevel","on","pop","getItemSubMenuRef","getItemLabelRef","keys","split","slice","forEach","index","item","levelItems","current","levelLabel","label","createElement","Object","assign","enter","exit","map","levelNum","classNames","key","timeout","nodeRef","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 { useFlag } from '@consta/uikit/useFlag';\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  VerticalMenuComponent,\n  VerticalMenuDefaultItem,\n  VerticalMenuLevel as VerticalMenuLevelType,\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<\n    Array<VerticalMenuLevelType<VerticalMenuDefaultItem>>\n  >([{ items, id: '0' }]);\n  const [animationBack, setAnimationBack] = useFlag();\n\n  const levelRefs = useRefs<HTMLDivElement>(levels.length);\n\n  const disableAnimationBack = useDebounce(setAnimationBack.off, 250);\n\n  const addLevel = useCallback(\n    (level: VerticalMenuLevelType<(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.on();\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<VerticalMenuLevelType<VerticalMenuDefaultItem>> = [\n      { items, id },\n    ];\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          return null;\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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"}

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

@@ -1,2 +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"}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["className","label","href","target","active","onClick","withSubMenu"];import"./VerticalMenuItem.css";import{IconArrowRight}from"@consta/icons/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

@@ -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,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"}
+{"version":3,"file":"VerticalMenuItem.js","names":["IconArrowRight","Text","React","cn","cnVerticalMenuItem","VerticalMenuItem","props","className","label","href","target","active","onClick","withSubMenu","otherProps","_objectWithoutProperties","_excluded","propsLink","as","createElement","Object","assign","size"],"sources":["../../../../../../src/components/VerticalMenu/VerticalMenuItem/VerticalMenuItem.tsx"],"sourcesContent":["import './VerticalMenuItem.css';\n\nimport { IconArrowRight } from '@consta/icons/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,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,0BAIX,MAAO,MAAM,CAAAC,kBAAkB,CAAGD,EAAE,CAAC,kBAAkB,CAAC,CAExD,MAAO,MAAM,CAAAE,gBAA2C,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,CAAAC,wBAAA,CACXT,CAAK,CAAAU,SAAA,EAEHC,CAAS,CAAGR,CAAI,CACjB,CACCS,EAAE,CAAE,GAAG,CACPT,IAAI,CAAJA,CAAI,CACJC,MAAM,CAANA,CACF,CAAC,CACA,CACCQ,EAAE,CAAE,MACN,CAAW,CAEf,MACE,CAAAhB,KAAA,CAAAiB,aAAA,CAAClB,IAAI,CAAAmB,MAAA,CAAAC,MAAA,IACCP,CAAU,CACVG,CAAS,EACbV,SAAS,CAAEH,kBAAkB,CAAC,CAAEO,MAAM,CAANA,CAAO,CAAC,CAAE,CAACJ,CAAS,CAAC,CAAE,CACvDK,OAAO,CAAEA,CAAQ,GAEhBJ,CAAK,CACLK,CAAW,EACVX,KAAA,CAAAiB,aAAA,CAACnB,cAAc,EAACO,SAAS,CAAEH,kBAAkB,CAAC,MAAM,CAAE,CAACkB,IAAI,CAAC,IAAI,CAAE,CAEhE,CAEV,CAAC"}

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

@@ -1,2 +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))});
+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{IconArrowLeft}from"@consta/icons/IconArrowLeft";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{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"})])}),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

@@ -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":["IconArrowLeft","fabricIndex","getGroups","Button","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","_objectWithoutProperties","_excluded","groups","getIndex","createElement","Object","assign","pV","pH","iconLeft","view","size","onClick","mL","truncate","map","group","groupIndex","Fragment","mV","mH","item","index","levelId","subMenu","withSubMenu","length","itemClick","e","key","href","active","target"],"sources":["../../../../../../src/components/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.tsx"],"sourcesContent":["import './VerticalMenuLevel.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\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 { 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\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                )}\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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-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>;
-export declare const defaultGetItemOnClick: VerticalMenuPropGetItemOnClick<DefaultItem>;
-export declare const defaultGetItemTarget: VerticalMenuPropGetItemTarget<DefaultItem>;
-export declare const defaultGetItemSubMenu: VerticalMenuPropGetItemSubMenu<DefaultItem>;
-export declare const defaultGetItemGroup: VerticalMenuPropGetItemGroup<DefaultItem>;
+import { VerticalMenuDefaultItem, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemGroup, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemOnClick, VerticalMenuPropGetItemSubMenu, VerticalMenuPropGetItemTarget, VerticalMenuProps } from './types';
+export declare const defaultGetItemLabel: VerticalMenuPropGetItemLabel<VerticalMenuDefaultItem>;
+export declare const defaultGetItemActive: VerticalMenuPropGetItemActive<VerticalMenuDefaultItem>;
+export declare const defaultGetItemHref: VerticalMenuPropGetItemHref<VerticalMenuDefaultItem>;
+export declare const defaultGetItemOnClick: VerticalMenuPropGetItemOnClick<VerticalMenuDefaultItem>;
+export declare const defaultGetItemTarget: VerticalMenuPropGetItemTarget<VerticalMenuDefaultItem>;
+export declare const defaultGetItemSubMenu: VerticalMenuPropGetItemSubMenu<VerticalMenuDefaultItem>;
+export declare const defaultGetItemGroup: VerticalMenuPropGetItemGroup<VerticalMenuDefaultItem>;
 export declare function withDefaultGetters<ITEM>(props: VerticalMenuProps<ITEM>): {
     items: ITEM[];
     getItemHref?: VerticalMenuPropGetItemHref<ITEM> | undefined;
@@ -19,16 +19,16 @@ 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" | "getItemOnClick" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemActive" | "getItemSubMenu" | "getItemGroup"> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemHref" | "getItemLabel" | "getItemTarget" | "getItemOnClick" | "footer" | "header" | "getItemSubMenu" | "getItemActive" | "getItemGroup"> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;
 }) & {
-    getItemLabel: VerticalMenuPropGetItemLabel<DefaultItem> | VerticalMenuPropGetItemLabel<ITEM>;
-    getItemActive: VerticalMenuPropGetItemActive<DefaultItem> | VerticalMenuPropGetItemActive<ITEM>;
-    getItemHref: VerticalMenuPropGetItemHref<DefaultItem> | VerticalMenuPropGetItemHref<ITEM>;
-    getItemOnClick: VerticalMenuPropGetItemOnClick<DefaultItem> | VerticalMenuPropGetItemOnClick<ITEM>;
-    getItemTarget: VerticalMenuPropGetItemTarget<DefaultItem> | VerticalMenuPropGetItemTarget<ITEM>;
-    getItemSubMenu: VerticalMenuPropGetItemSubMenu<DefaultItem> | VerticalMenuPropGetItemSubMenu<ITEM>;
-    getItemGroup: VerticalMenuPropGetItemGroup<DefaultItem> | VerticalMenuPropGetItemGroup<ITEM>;
+    getItemLabel: VerticalMenuPropGetItemLabel<VerticalMenuDefaultItem> | VerticalMenuPropGetItemLabel<ITEM>;
+    getItemActive: VerticalMenuPropGetItemActive<VerticalMenuDefaultItem> | VerticalMenuPropGetItemActive<ITEM>;
+    getItemHref: VerticalMenuPropGetItemHref<VerticalMenuDefaultItem> | VerticalMenuPropGetItemHref<ITEM>;
+    getItemOnClick: VerticalMenuPropGetItemOnClick<VerticalMenuDefaultItem> | VerticalMenuPropGetItemOnClick<ITEM>;
+    getItemTarget: VerticalMenuPropGetItemTarget<VerticalMenuDefaultItem> | VerticalMenuPropGetItemTarget<ITEM>;
+    getItemSubMenu: VerticalMenuPropGetItemSubMenu<VerticalMenuDefaultItem> | VerticalMenuPropGetItemSubMenu<ITEM>;
+    getItemGroup: VerticalMenuPropGetItemGroup<VerticalMenuDefaultItem> | VerticalMenuPropGetItemGroup<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,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"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","defaultGetItemGroup","groupId","withDefaultGetters","props","_objectSpread","getItemLabel","getItemActive","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","getItemGroup"],"sources":["../../../../../src/components/VerticalMenu/helpers.ts"],"sourcesContent":["import {\n  VerticalMenuDefaultItem,\n  VerticalMenuPropGetItemActive,\n  VerticalMenuPropGetItemGroup,\n  VerticalMenuPropGetItemHref,\n  VerticalMenuPropGetItemLabel,\n  VerticalMenuPropGetItemOnClick,\n  VerticalMenuPropGetItemSubMenu,\n  VerticalMenuPropGetItemTarget,\n  VerticalMenuProps,\n} from './types';\n\nexport const defaultGetItemLabel: VerticalMenuPropGetItemLabel<\n  VerticalMenuDefaultItem\n> = (item) => item.label;\nexport const defaultGetItemActive: VerticalMenuPropGetItemActive<\n  VerticalMenuDefaultItem\n> = (item) => item.active;\nexport const defaultGetItemHref: VerticalMenuPropGetItemHref<\n  VerticalMenuDefaultItem\n> = (item) => item.href;\nexport const defaultGetItemOnClick: VerticalMenuPropGetItemOnClick<\n  VerticalMenuDefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemTarget: VerticalMenuPropGetItemTarget<\n  VerticalMenuDefaultItem\n> = (item) => item.target;\nexport const defaultGetItemSubMenu: VerticalMenuPropGetItemSubMenu<\n  VerticalMenuDefaultItem\n> = (item) => item.subMenu;\nexport const defaultGetItemGroup: VerticalMenuPropGetItemGroup<\n  VerticalMenuDefaultItem\n> = (item) => 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,MAAM,CAAAA,mBAEZ,CAAIC,CAAI,EAAKA,CAAI,CAACC,KAAK,CACxB,MAAO,MAAM,CAAAC,oBAEZ,CAAIF,CAAI,EAAKA,CAAI,CAACG,MAAM,CACzB,MAAO,MAAM,CAAAC,kBAEZ,CAAIJ,CAAI,EAAKA,CAAI,CAACK,IAAI,CACvB,MAAO,MAAM,CAAAC,qBAEZ,CAAIN,CAAI,EAAKA,CAAI,CAACO,OAAO,CAC1B,MAAO,MAAM,CAAAC,oBAEZ,CAAIR,CAAI,EAAKA,CAAI,CAACS,MAAM,CACzB,MAAO,MAAM,CAAAC,qBAEZ,CAAIV,CAAI,EAAKA,CAAI,CAACW,OAAO,CAC1B,MAAO,MAAM,CAAAC,mBAEZ,CAAIZ,CAAI,EAAKA,CAAI,CAACa,OAAO,CAE1B,MAAO,SAAS,CAAAC,kBAAkBA,CAAOC,CAA8B,CAAE,CACvE,OAAAC,aAAA,CAAAA,aAAA,IACKD,CAAK,MACRE,YAAY,CAAEF,CAAK,CAACE,YAAY,EAAIlB,mBAAmB,CACvDmB,aAAa,CAAEH,CAAK,CAACG,aAAa,EAAIhB,oBAAoB,CAC1DiB,WAAW,CAAEJ,CAAK,CAACI,WAAW,EAAIf,kBAAkB,CACpDgB,cAAc,CAAEL,CAAK,CAACK,cAAc,EAAId,qBAAqB,CAC7De,aAAa,CAAEN,CAAK,CAACM,aAAa,EAAIb,oBAAoB,CAC1Dc,cAAc,CAAEP,CAAK,CAACO,cAAc,EAAIZ,qBAAqB,CAC7Da,YAAY,CAAER,CAAK,CAACQ,YAAY,EAAIX,mBAAmB,EAE3D"}