@consta/header 2.0.0 → 3.0.0-beta.1

package/__internal__/src/components/SelectMenu/SelectMenu.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","getItemSubMenu","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectMenu.css";import{IconSelect}from"@consta/icons/IconSelect";import{ContextMenu}from"@consta/uikit/ContextMenu";import{Text}from"@consta/uikit/Text";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import{useMutableRef}from"@consta/uikit/useMutableRef";import React,{forwardRef,useCallback,useRef}from"react";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";export const cnSelectMenu=cn("SelectMenu");const SelectMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,onItemClick:j,label:k,onClick:l,getItemSubMenu:m,style:n}=c,o=_objectWithoutProperties(c,_excluded),[p,q]=useFlag(),r=useRef(null),s=useMutableRef(f),t=useMutableRef(i),u=useMutableRef(l),v=useCallback(a=>s.current(a)?"a":"span",[]),w=useCallback(a=>{const b=s.current(a),c=t.current(a);return _objectSpread(_objectSpread({},b&&{href:s.current(a)}),c&&{href:t.current(a)})},[]),x=useCallback(a=>{var b;null===(b=u.current)||void 0===b?void 0:b.call(u,a),q.toggle()},[]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},o,{className:cnSelectMenu(null,[e]),ref:useForkRef([r,b]),onClick:x,style:n}),React.createElement(Text,{className:cnSelectMenu("Label"),size:"s"},k),React.createElement("span",{className:cnSelectMenu("ArrowBox",{open:p})},React.createElement(IconSelect,{size:"xs"}))),d&&React.createElement(ContextMenu,{className:cnSelectMenu("Menu"),anchorRef:r,isOpen:p,items:d,getItemLabel:g,getItemAs:v,getItemAttributes:w,onClickOutside:q.off,onItemClick:({e:a,item:b})=>getItemClick(b,h,j)(a),direction:"rightStartDown",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],getItemSubMenu:m,style:{zIndex:"number"==typeof(null===n||void 0===n?void 0:n.zIndex)?n.zIndex+1:"auto"}}))};export const SelectMenu=forwardRef(SelectMenuRender);export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","getItemSubMenu","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectMenu.css";import{IconSelect}from"@consta/icons/IconSelect";import{ContextMenu}from"@consta/uikit/ContextMenu";import{Text}from"@consta/uikit/Text";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import{useMutableRef}from"@consta/uikit/useMutableRef";import React,{forwardRef,useCallback,useRef}from"react";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";export const cnSelectMenu=cn("SelectMenu");const SelectMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,onItemClick:j,label:k,onClick:l,getItemSubMenu:m,style:n}=c,o=_objectWithoutProperties(c,_excluded),[p,q]=useFlag(),r=useRef(null),s=useMutableRef(f),t=useMutableRef(i),u=useMutableRef(l),v=useCallback(a=>s.current(a)?"a":"span",[]),w=useCallback(a=>{const b=s.current(a),c=t.current(a);return _objectSpread(_objectSpread({},b&&{href:s.current(a)}),c&&{href:t.current(a)})},[]),x=useCallback(a=>{var b;null===(b=u.current)||void 0===b?void 0:b.call(u,a),q.toggle()},[]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},o,{className:cnSelectMenu(null,[e]),ref:useForkRef([r,b]),onClick:x,style:n}),React.createElement(Text,{className:cnSelectMenu("Label"),size:"s",view:"primary",lineHeight:"m"},k),React.createElement("span",{className:cnSelectMenu("ArrowBox",{open:p})},React.createElement(IconSelect,{size:"xs"}))),d&&React.createElement(ContextMenu,{className:cnSelectMenu("Menu"),anchorRef:r,isOpen:p,items:d,getItemLabel:g,getItemAs:v,getItemAttributes:w,onClickOutside:q.off,onItemClick:(a,{e:b})=>getItemClick(a,h,j)(b),direction:"rightStartDown",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],getItemSubMenu:m,style:{zIndex:"number"==typeof(null===n||void 0===n?void 0:n.zIndex)?n.zIndex+1:"auto"}}))};export const SelectMenu=forwardRef(SelectMenuRender);export*from"./types";
 //# sourceMappingURL=SelectMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.js","names":["IconSelect","ContextMenu","Text","useFlag","useForkRef","useMutableRef","React","forwardRef","useCallback","useRef","getItemClick","cn","withDefaultGetters","cnSelectMenu","SelectMenuRender","props","componentRef","c","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","onClickProp","getItemSubMenu","style","otherProps","_objectWithoutProperties","_excluded","open","setOpen","ref","getItemHrefRef","getItemTargetRef","onClickRef","getItemAs","item","current","getItemHTMLAttributes","href","target","_objectSpread","e","b","call","toggle","createElement","Fragment","Object","assign","size","anchorRef","isOpen","getItemAttributes","onClickOutside","off","direction","possibleDirections","zIndex","SelectMenu"],"sources":["../../../../../src/components/SelectMenu/SelectMenu.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './SelectMenu.css';\n\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { Text } from '@consta/uikit/Text';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  SelectMenuComponent,\n  SelectMenuDefaultItem,\n  SelectMenuProps,\n} from './types';\n\nexport const cnSelectMenu = cn('SelectMenu');\n\nconst SelectMenuRender = (\n  props: SelectMenuProps,\n  componentRef: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    className,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    onItemClick,\n    label,\n    onClick: onClickProp,\n    getItemSubMenu,\n    style,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [open, setOpen] = useFlag();\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const getItemHrefRef = useMutableRef(getItemHref);\n  const getItemTargetRef = useMutableRef(getItemTarget);\n  const onClickRef = useMutableRef(onClickProp);\n\n  const getItemAs = useCallback(\n    (item: SelectMenuDefaultItem) =>\n      getItemHrefRef.current(item) ? 'a' : 'span',\n    [],\n  );\n\n  const getItemHTMLAttributes = useCallback((item: SelectMenuDefaultItem) => {\n    const href = getItemHrefRef.current(item);\n    const target = getItemTargetRef.current(item);\n\n    return {\n      ...(href && { href: getItemHrefRef.current(item) }),\n      ...(target && { href: getItemTargetRef.current(item) }),\n    };\n  }, []);\n\n  const onClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    onClickRef.current?.(e);\n    setOpen.toggle();\n  }, []);\n\n  return (\n    <>\n      <div\n        {...otherProps}\n        className={cnSelectMenu(null, [className])}\n        ref={useForkRef([ref, componentRef])}\n        onClick={onClick}\n        style={style}\n      >\n        <Text className={cnSelectMenu('Label')} size=\"s\">\n          {label}\n        </Text>\n        <span className={cnSelectMenu('ArrowBox', { open })}>\n          <IconSelect size=\"xs\" />\n        </span>\n      </div>\n      {items && (\n        <ContextMenu\n          className={cnSelectMenu('Menu')}\n          anchorRef={ref}\n          isOpen={open}\n          items={items}\n          getItemLabel={getItemLabel}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemHTMLAttributes}\n          onClickOutside={setOpen.off}\n          onItemClick={({ e, item }) =>\n            getItemClick(item, getItemOnClick, onItemClick)(e)\n          }\n          direction=\"rightStartDown\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          getItemSubMenu={getItemSubMenu}\n          style={{\n            zIndex:\n              typeof style?.zIndex === 'number' ? style.zIndex + 1 : 'auto',\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport const SelectMenu = forwardRef(SelectMenuRender) as SelectMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"SelectMenu.js","names":["IconSelect","ContextMenu","Text","useFlag","useForkRef","useMutableRef","React","forwardRef","useCallback","useRef","getItemClick","cn","withDefaultGetters","cnSelectMenu","SelectMenuRender","props","componentRef","c","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","onClickProp","getItemSubMenu","style","otherProps","_objectWithoutProperties","_excluded","open","setOpen","ref","getItemHrefRef","getItemTargetRef","onClickRef","getItemAs","item","current","getItemHTMLAttributes","href","target","_objectSpread","e","b","call","toggle","createElement","Fragment","Object","assign","size","view","lineHeight","anchorRef","isOpen","getItemAttributes","onClickOutside","off","direction","possibleDirections","zIndex","SelectMenu"],"sources":["../../../../../src/components/SelectMenu/SelectMenu.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './SelectMenu.css';\n\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { Text } from '@consta/uikit/Text';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  SelectMenuComponent,\n  SelectMenuDefaultItem,\n  SelectMenuProps,\n} from './types';\n\nexport const cnSelectMenu = cn('SelectMenu');\n\nconst SelectMenuRender = (\n  props: SelectMenuProps,\n  componentRef: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    className,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    onItemClick,\n    label,\n    onClick: onClickProp,\n    getItemSubMenu,\n    style,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [open, setOpen] = useFlag();\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const getItemHrefRef = useMutableRef(getItemHref);\n  const getItemTargetRef = useMutableRef(getItemTarget);\n  const onClickRef = useMutableRef(onClickProp);\n\n  const getItemAs = useCallback(\n    (item: SelectMenuDefaultItem) =>\n      getItemHrefRef.current(item) ? 'a' : 'span',\n    [],\n  );\n\n  const getItemHTMLAttributes = useCallback((item: SelectMenuDefaultItem) => {\n    const href = getItemHrefRef.current(item);\n    const target = getItemTargetRef.current(item);\n\n    return {\n      ...(href && { href: getItemHrefRef.current(item) }),\n      ...(target && { href: getItemTargetRef.current(item) }),\n    };\n  }, []);\n\n  const onClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    onClickRef.current?.(e);\n    setOpen.toggle();\n  }, []);\n\n  return (\n    <>\n      <div\n        {...otherProps}\n        className={cnSelectMenu(null, [className])}\n        ref={useForkRef([ref, componentRef])}\n        onClick={onClick}\n        style={style}\n      >\n        <Text\n          className={cnSelectMenu('Label')}\n          size=\"s\"\n          view=\"primary\"\n          lineHeight=\"m\"\n        >\n          {label}\n        </Text>\n        <span className={cnSelectMenu('ArrowBox', { open })}>\n          <IconSelect size=\"xs\" />\n        </span>\n      </div>\n      {items && (\n        <ContextMenu\n          className={cnSelectMenu('Menu')}\n          anchorRef={ref}\n          isOpen={open}\n          items={items}\n          getItemLabel={getItemLabel}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemHTMLAttributes}\n          onClickOutside={setOpen.off}\n          onItemClick={(item, { e }) =>\n            getItemClick(item, getItemOnClick, onItemClick)(e)\n          }\n          direction=\"rightStartDown\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          getItemSubMenu={getItemSubMenu}\n          style={{\n            zIndex:\n              typeof style?.zIndex === 'number' ? style.zIndex + 1 : 'auto',\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport const SelectMenu = forwardRef(SelectMenuRender) as SelectMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}

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

@@ -11,9 +11,8 @@ export type SelectMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
 export type SelectMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
 export type SelectMenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;
 export type SelectMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
-export type SelectMenuPropOnItemClick<ITEM> = (props: {
+export type SelectMenuPropOnItemClick<ITEM> = (item: ITEM, props: {
     e: React.MouseEvent;
-    item: ITEM;
 }) => void;
 export type SelectMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
 export type SelectMenuProps<ITEM = SelectMenuDefaultItem> = PropsWithHTMLAttributesAndRef<{

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/SelectMenu/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type SelectMenuDefaultItem = {\n  label: string;\n  href?: string;\n  target?: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  subMenu?: SelectMenuDefaultItem[];\n};\n\nexport type SelectMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SelectMenuPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type SelectMenuPropGetItemTarget<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type SelectMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type SelectMenuPropOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\nexport type SelectMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type SelectMenuProps<ITEM = SelectMenuDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      onItemClick?: SelectMenuPropOnItemClick<ITEM>;\n      getItemHref?: SelectMenuPropGetItemHref<ITEM>;\n      getItemLabel?: SelectMenuPropGetItemLabel<ITEM>;\n      getItemTarget?: SelectMenuPropGetItemTarget<ITEM>;\n      getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>;\n      label: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: SelectMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: SelectMenuPropGetItemLabel<ITEM> });\n\nexport type SelectMenuComponent = <ITEM = SelectMenuDefaultItem>(\n  props: SelectMenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/SelectMenu/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type SelectMenuDefaultItem = {\n  label: string;\n  href?: string;\n  target?: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  subMenu?: SelectMenuDefaultItem[];\n};\n\nexport type SelectMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SelectMenuPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type SelectMenuPropGetItemTarget<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type SelectMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type SelectMenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\nexport type SelectMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type SelectMenuProps<ITEM = SelectMenuDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      onItemClick?: SelectMenuPropOnItemClick<ITEM>;\n      getItemHref?: SelectMenuPropGetItemHref<ITEM>;\n      getItemLabel?: SelectMenuPropGetItemLabel<ITEM>;\n      getItemTarget?: SelectMenuPropGetItemTarget<ITEM>;\n      getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>;\n      label: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: SelectMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: SelectMenuPropGetItemLabel<ITEM> });\n\nexport type SelectMenuComponent = <ITEM = SelectMenuDefaultItem>(\n  props: SelectMenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/Sidebar/Sidebar.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["children","title","onClose","className"];import"./Sidebar.css";import{IconClose}from"@consta/icons/IconClose";import{Button}from"@consta/uikit/Button";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Sidebar as ConstaSidebar}from"@consta/uikit/Sidebar";import{Text}from"@consta/uikit/Text";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import React from"react";import{cn}from"../../utils/bem";const cnSidebar=cn("Sidebar");export const Sidebar=a=>{const{children:b,title:c,onClose:d,className:e}=a,f=_objectWithoutProperties(a,_excluded),{bigScreen:g}=useBreakpoints({bigScreen:520});return React.createElement(ConstaSidebar,Object.assign({},f,{position:g?"right":"bottom",size:g?"l":"full",className:cnSidebar(null,[e])}),(c||d)&&React.createElement("div",{className:cnSidebar("Header",[cnMixSpace({pV:"l",pH:"xl"})])},React.createElement(Text,{className:cnSidebar("Title"),size:"xl",truncate:!0},c),d&&React.createElement(Button,{size:"s",view:"clear",iconLeft:IconClose,onClick:d})),b)};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["children","title","onClose","className"];import"./Sidebar.css";import{IconClose}from"@consta/icons/IconClose";import{Button}from"@consta/uikit/Button";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Sidebar as ConstaSidebar}from"@consta/uikit/Sidebar";import{Text}from"@consta/uikit/Text";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import React from"react";import{cn}from"../../utils/bem";const cnSidebar=cn("Sidebar");export const Sidebar=a=>{const{children:b,title:c,onClose:d,className:e}=a,f=_objectWithoutProperties(a,_excluded),{bigScreen:g}=useBreakpoints({map:{bigScreen:520}});return React.createElement(ConstaSidebar,Object.assign({},f,{position:g?"right":"bottom",size:g?"l":"full",className:cnSidebar(null,[e])}),(c||d)&&React.createElement("div",{className:cnSidebar("Header",[cnMixSpace({pV:"l",pH:"xl"})])},React.createElement(Text,{className:cnSidebar("Title"),size:"xl",truncate:!0,view:"primary",lineHeight:"m"},c),d&&React.createElement(Button,{size:"s",view:"clear",iconLeft:IconClose,onClick:d})),b)};
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":["IconClose","Button","cnMixSpace","Sidebar","ConstaSidebar","Text","useBreakpoints","React","cn","cnSidebar","props","children","title","onClose","className","otherProps","_objectWithoutProperties","_excluded","bigScreen","createElement","Object","assign","position","size","pV","pH","truncate","view","iconLeft","onClick"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { Button } from '@consta/uikit/Button';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Sidebar as ConstaSidebar } from '@consta/uikit/Sidebar';\nimport { Text } from '@consta/uikit/Text';\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\ntype SidebarProps = Omit<\n  React.ComponentProps<typeof ConstaSidebar>,\n  'position' | 'onClose'\n> & {\n  title?: string;\n  onClose?: React.EventHandler<React.MouseEvent>;\n};\n\nconst cnSidebar = cn('Sidebar');\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { children, title, onClose, className, ...otherProps } = props;\n  const { bigScreen } = useBreakpoints({ bigScreen: 520 });\n  return (\n    <ConstaSidebar\n      {...otherProps}\n      position={bigScreen ? 'right' : 'bottom'}\n      size={bigScreen ? 'l' : 'full'}\n      className={cnSidebar(null, [className])}\n    >\n      {(title || onClose) && (\n        <div\n          className={cnSidebar('Header', [cnMixSpace({ pV: 'l', pH: 'xl' })])}\n        >\n          <Text className={cnSidebar('Title')} size=\"xl\" truncate>\n            {title}\n          </Text>\n          {onClose && (\n            <Button\n              size=\"s\"\n              view=\"clear\"\n              iconLeft={IconClose}\n              onClick={onClose}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </ConstaSidebar>\n  );\n};\n"],"mappings":"gJAAA,sBAEA,OAASA,SAAS,KAAQ,yBAAyB,CACnD,OAASC,MAAM,KAAQ,sBAAsB,CAC7C,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,OAAO,GAAI,CAAAC,aAAa,KAAQ,uBAAuB,CAChE,OAASC,IAAI,KAAQ,oBAAoB,CACzC,OAASC,cAAc,KAAQ,8BAA8B,CAC7D,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,uBAUX,KAAM,CAAAC,SAAS,CAAGD,EAAE,CAAC,SAAS,CAAC,CAE/B,MAAO,MAAM,CAAAL,OAAO,CAAIO,CAAmB,EAAK,MACxC,CAAEC,QAAQ,CAARA,CAAQ,CAAEC,KAAK,CAALA,CAAK,CAAEC,OAAO,CAAPA,CAAO,CAAEC,SAAS,CAATA,CAAyB,CAAC,CAAGJ,CAAK,CAApBK,CAAU,CAAAC,wBAAA,CAAKN,CAAK,CAAAO,SAAA,EAC9D,CAAEC,SAAS,CAATA,CAAU,CAAC,CAAGZ,cAAc,CAAC,CAAEY,SAAS,CAAE,GAAI,CAAC,CAAC,CACxD,MACE,CAAAX,KAAA,CAAAY,aAAA,CAACf,aAAa,CAAAgB,MAAA,CAAAC,MAAA,IACRN,CAAU,EACdO,QAAQ,CAAEJ,CAAS,CAAG,OAAO,CAAG,QAAS,CACzCK,IAAI,CAAEL,CAAS,CAAG,GAAG,CAAG,MAAO,CAC/BJ,SAAS,CAAEL,SAAS,CAAC,IAAI,CAAE,CAACK,CAAS,CAAC,CAAE,GAEvC,CAACF,CAAK,EAAIC,CAAO,GAChBN,KAAA,CAAAY,aAAA,QACEL,SAAS,CAAEL,SAAS,CAAC,QAAQ,CAAE,CAACP,UAAU,CAAC,CAAEsB,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,IAAK,CAAC,CAAC,CAAC,CAAE,EAEpElB,KAAA,CAAAY,aAAA,CAACd,IAAI,EAACS,SAAS,CAAEL,SAAS,CAAC,OAAO,CAAE,CAACc,IAAI,CAAC,IAAI,CAACG,QAAQ,KACpDd,CACG,CAAC,CACNC,CAAO,EACNN,KAAA,CAAAY,aAAA,CAAClB,MAAM,EACLsB,IAAI,CAAC,GAAG,CACRI,IAAI,CAAC,OAAO,CACZC,QAAQ,CAAE5B,SAAU,CACpB6B,OAAO,CAAEhB,CAAQ,CAClB,CAEA,CACN,CAEAF,CACY,CAEnB,CAAC"}
+{"version":3,"file":"Sidebar.js","names":["IconClose","Button","cnMixSpace","Sidebar","ConstaSidebar","Text","useBreakpoints","React","cn","cnSidebar","props","children","title","onClose","className","otherProps","_objectWithoutProperties","_excluded","bigScreen","map","createElement","Object","assign","position","size","pV","pH","truncate","view","lineHeight","iconLeft","onClick"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { Button } from '@consta/uikit/Button';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Sidebar as ConstaSidebar } from '@consta/uikit/Sidebar';\nimport { Text } from '@consta/uikit/Text';\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\ntype SidebarProps = Omit<\n  React.ComponentProps<typeof ConstaSidebar>,\n  'position' | 'onClose'\n> & {\n  title?: string;\n  onClose?: React.EventHandler<React.MouseEvent>;\n};\n\nconst cnSidebar = cn('Sidebar');\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { children, title, onClose, className, ...otherProps } = props;\n  const { bigScreen } = useBreakpoints({ map: { bigScreen: 520 } });\n  return (\n    <ConstaSidebar\n      {...otherProps}\n      position={bigScreen ? 'right' : 'bottom'}\n      size={bigScreen ? 'l' : 'full'}\n      className={cnSidebar(null, [className])}\n    >\n      {(title || onClose) && (\n        <div\n          className={cnSidebar('Header', [cnMixSpace({ pV: 'l', pH: 'xl' })])}\n        >\n          <Text\n            className={cnSidebar('Title')}\n            size=\"xl\"\n            truncate\n            view=\"primary\"\n            lineHeight=\"m\"\n          >\n            {title}\n          </Text>\n          {onClose && (\n            <Button\n              size=\"s\"\n              view=\"clear\"\n              iconLeft={IconClose}\n              onClick={onClose}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </ConstaSidebar>\n  );\n};\n"],"mappings":"gJAAA,sBAEA,OAASA,SAAS,KAAQ,yBAAyB,CACnD,OAASC,MAAM,KAAQ,sBAAsB,CAC7C,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,OAAO,GAAI,CAAAC,aAAa,KAAQ,uBAAuB,CAChE,OAASC,IAAI,KAAQ,oBAAoB,CACzC,OAASC,cAAc,KAAQ,8BAA8B,CAC7D,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,uBAUX,KAAM,CAAAC,SAAS,CAAGD,EAAE,CAAC,SAAS,CAAC,CAE/B,MAAO,MAAM,CAAAL,OAAO,CAAIO,CAAmB,EAAK,MACxC,CAAEC,QAAQ,CAARA,CAAQ,CAAEC,KAAK,CAALA,CAAK,CAAEC,OAAO,CAAPA,CAAO,CAAEC,SAAS,CAATA,CAAyB,CAAC,CAAGJ,CAAK,CAApBK,CAAU,CAAAC,wBAAA,CAAKN,CAAK,CAAAO,SAAA,EAC9D,CAAEC,SAAS,CAATA,CAAU,CAAC,CAAGZ,cAAc,CAAC,CAAEa,GAAG,CAAE,CAAED,SAAS,CAAE,GAAI,CAAE,CAAC,CAAC,CACjE,MACE,CAAAX,KAAA,CAAAa,aAAA,CAAChB,aAAa,CAAAiB,MAAA,CAAAC,MAAA,IACRP,CAAU,EACdQ,QAAQ,CAAEL,CAAS,CAAG,OAAO,CAAG,QAAS,CACzCM,IAAI,CAAEN,CAAS,CAAG,GAAG,CAAG,MAAO,CAC/BJ,SAAS,CAAEL,SAAS,CAAC,IAAI,CAAE,CAACK,CAAS,CAAC,CAAE,GAEvC,CAACF,CAAK,EAAIC,CAAO,GAChBN,KAAA,CAAAa,aAAA,QACEN,SAAS,CAAEL,SAAS,CAAC,QAAQ,CAAE,CAACP,UAAU,CAAC,CAAEuB,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,IAAK,CAAC,CAAC,CAAC,CAAE,EAEpEnB,KAAA,CAAAa,aAAA,CAACf,IAAI,EACHS,SAAS,CAAEL,SAAS,CAAC,OAAO,CAAE,CAC9Be,IAAI,CAAC,IAAI,CACTG,QAAQ,IACRC,IAAI,CAAC,SAAS,CACdC,UAAU,CAAC,GAAG,EAEbjB,CACG,CAAC,CACNC,CAAO,EACNN,KAAA,CAAAa,aAAA,CAACnB,MAAM,EACLuB,IAAI,CAAC,GAAG,CACRI,IAAI,CAAC,OAAO,CACZE,QAAQ,CAAE9B,SAAU,CACpB+B,OAAO,CAAElB,CAAQ,CAClB,CAEA,CACN,CAEAF,CACY,CAEnB,CAAC"}

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["image","className","title","description","view","as"];import"./TileMenuItem.css";import{forwardRefWithAs}from"@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React from"react";import{cn}from"../../../utils/bem";const cnTileMenuItem=cn("TileMenuItem"),renderImage=(a,b)=>{if("string"==typeof a)return React.createElement("img",{src:a,alt:b});return React.createElement(a,null)};export const TileMenuItem=forwardRefWithAs((a,b)=>{const{image:c,className:d,title:e,description:f,view:g="default",as:h="div"}=a,i=_objectWithoutProperties(a,_excluded);return React.createElement(h,Object.assign({},i,{ref:b,className:cnTileMenuItem({view:g},["card"===g?cnMixSpace({p:"s",pT:"m"}):cnMixSpace({pV:"s"}),d])}),c&&React.createElement("div",{className:cnTileMenuItem("ImageWrapper")},renderImage(c,e)),React.createElement("div",{className:cnTileMenuItem("ContentWrapper")},React.createElement(Text,{weight:"default"===g?"bold":void 0,align:"card"===g?"center":void 0,className:cnTileMenuItem("Title",["default"===g?cnMixSpace({pB:"2xs"}):void 0])},e),f&&"default"===g&&React.createElement(Text,{view:"secondary",className:cnTileMenuItem("Description")},f)))});export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["image","className","title","description","view","as"];import"./TileMenuItem.css";import{forwardRefWithAs}from"@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React from"react";import{cn}from"../../../utils/bem";const cnTileMenuItem=cn("TileMenuItem"),renderImage=(a,b)=>{if("string"==typeof a)return React.createElement("img",{src:a,alt:b});return React.createElement(a,null)};export const TileMenuItem=forwardRefWithAs((a,b)=>{const{image:c,className:d,title:e,description:f,view:g="default",as:h="div"}=a,i=_objectWithoutProperties(a,_excluded);return React.createElement(h,Object.assign({},i,{ref:b,className:cnTileMenuItem({view:g},["card"===g?cnMixSpace({p:"s",pT:"m"}):cnMixSpace({pV:"s"}),d])}),c&&React.createElement("div",{className:cnTileMenuItem("ImageWrapper")},renderImage(c,e)),React.createElement("div",{className:cnTileMenuItem("ContentWrapper")},React.createElement(Text,{weight:"default"===g?"bold":void 0,align:"card"===g?"center":void 0,className:cnTileMenuItem("Title",["default"===g?cnMixSpace({pB:"2xs"}):void 0]),view:"primary",size:"m",lineHeight:"m"},e),f&&"default"===g&&React.createElement(Text,{view:"secondary",className:cnTileMenuItem("Description"),size:"m",lineHeight:"m"},f)))});export*from"./types";
 //# sourceMappingURL=TileMenuItem.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","size","lineHeight"],"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            view=\"primary\"\n            size=\"m\"\n            lineHeight=\"m\"\n          >\n            {title}\n          </Text>\n          {description && view === 'default' && (\n            <Text\n              view=\"secondary\"\n              className={cnTileMenuItem('Description')}\n              size=\"m\"\n              lineHeight=\"m\"\n            >\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,CACHZ,IAAI,CAAC,SAAS,CACda,IAAI,CAAC,GAAG,CACRC,UAAU,CAAC,GAAG,EAEbvB,CACG,CAAC,CACNQ,CAAW,EAAa,SAAS,GAAlBC,CAAkB,EAChCd,KAAA,CAAAM,aAAA,CAACP,IAAI,EACHe,IAAI,CAAC,WAAW,CAChBF,SAAS,CAAEV,cAAc,CAAC,aAAa,CAAE,CACzCyB,IAAI,CAAC,GAAG,CACRC,UAAU,CAAC,GAAG,EAEbf,CACG,CAEL,CACF,CAET,CACF,CAAC,CAED"}

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

@@ -19,9 +19,8 @@ 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: {
+export type TileMenuListPropOnItemClick<ITEM> = (item: ITEM, props: {
     e: React.MouseEvent;
-    item: ITEM;
 }) => void;
 export type TileMenuListCommonProps<ITEM> = {
     view?: TileMenuListPropView;

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

@@ -1 +1 @@
-{"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"}
+{"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> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\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/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/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"}))};
+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,view:"primary",size:"m",lineHeight:"m"}),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","_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"}
+{"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","view","size","lineHeight"],"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      view=\"primary\"\n      size=\"m\"\n      lineHeight=\"m\"\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,CACjBU,IAAI,CAAC,SAAS,CACdC,IAAI,CAAC,GAAG,CACRC,UAAU,CAAC,GAAG,GAEbhB,CAAK,CACLK,CAAW,EACVX,KAAA,CAAAiB,aAAA,CAACnB,cAAc,EAACO,SAAS,CAAEH,kBAAkB,CAAC,MAAM,CAAE,CAACmB,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{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))});
+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,view:"primary",size:"m",lineHeight:"m"},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":["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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"}
+{"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","lineHeight","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\n              className={cnMixSpace({ mL: 's' })}\n              truncate\n              view=\"primary\"\n              size=\"m\"\n              lineHeight=\"m\"\n            >\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/types.d.ts

@@ -15,9 +15,8 @@ export type VerticalMenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undef
 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: {
+export type VerticalMenuPropOnItemClick<ITEM> = (item: ITEM, props: {
     e: React.MouseEvent;
-    item: ITEM;
 }) => void;
 export type VerticalMenuPropGetItemGroup<ITEM> = (item: ITEM) => string | number | undefined;
 export type VerticalMenuProps<ITEM = VerticalMenuDefaultItem> = PropsWithHTMLAttributes<{

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

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

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

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

package/__internal__/src/helpers/getItemClick.js

@@ -1,2 +1,2 @@
-export const getItemClick=(a,b,c)=>d=>{var e;null===c||void 0===c?void 0:c({e:d,item:a}),null===(e=b(a))||void 0===e?void 0:e(d)};
+export const getItemClick=(a,b,c)=>d=>{var e;null===c||void 0===c?void 0:c(a,{e:d}),null===(e=b(a))||void 0===e?void 0:e(d)};
 //# sourceMappingURL=getItemClick.js.map

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,MAAM,CAAAA,YAAY,CACvBA,CACEC,CAAU,CACVC,CAAoC,CACpCC,CAA+B,GAEhCC,CAAC,EAAK,KAAAA,CAAA,QACLD,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAG,CAAEC,CAAC,CAADA,CAAC,CAAEH,IAAI,CAAJA,CAAK,CAAC,CAAC,SAAAG,CAAA,CAC1BF,CAAc,CAACD,CAAI,CAAC,YAAAG,CAAA,QAApBA,CAAA,CAAuBA,CAAC,CAC1B,CAAC"}
+{"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> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\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?.(item, { e });\n    getItemOnClick(item)?.(e);\n  };\n"],"mappings":"AAUA,MAAO,MAAM,CAAAA,YAAY,CACvBA,CACEC,CAAU,CACVC,CAAoC,CACpCC,CAA+B,GAEhCC,CAAC,EAAK,KAAAA,CAAA,QACLD,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAGF,CAAI,CAAE,CAAEG,CAAC,CAADA,CAAE,CAAC,CAAC,SAAAA,CAAA,CAC1BF,CAAc,CAACD,CAAI,CAAC,YAAAG,CAAA,QAApBA,CAAA,CAAuBA,CAAC,CAC1B,CAAC"}

package/__internal__/src/utils/bem.d.ts

@@ -1 +1,4 @@
 export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
+export declare const withPrefix: (prefix: string) => import("@bem-react/classname").ClassNameInitilizer;
+export declare const cnCanary: import("@bem-react/classname").ClassNameInitilizer;
+export declare const cnDeprecated: import("@bem-react/classname").ClassNameInitilizer;

package/__internal__/src/utils/bem.js

@@ -1,2 +1,2 @@
-import{withNaming}from"@bem-react/classname";export const cn=withNaming({n:"che--",e:"-",m:"_"});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{withNaming}from"@bem-react/classname";const reactBemNaming={n:"che--",e:"-",m:"_",v:"_"};export const cn=withNaming(reactBemNaming);export const withPrefix=a=>withNaming(_objectSpread(_objectSpread({},reactBemNaming),{},{n:a+reactBemNaming.n}));export const cnCanary=withPrefix("canary");export const cnDeprecated=withPrefix("deprecated");
 //# sourceMappingURL=bem.js.map

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,UAAU,KAAQ,sBAAsB,CAEjD,MAAO,MAAM,CAAAC,EAAE,CAAGD,UAAU,CAAC,CAAEE,CAAC,CAAE,OAAO,CAAEC,CAAC,CAAE,GAAG,CAAEC,CAAC,CAAE,GAAI,CAAC,CAAC"}
+{"version":3,"file":"bem.js","names":["withNaming","reactBemNaming","n","e","m","v","cn","withPrefix","prefix","_objectSpread","cnCanary","cnDeprecated"],"sources":["../../../../src/utils/bem.ts"],"sourcesContent":["import { withNaming } from '@bem-react/classname';\n\nconst reactBemNaming = { n: 'che--', e: '-', m: '_', v: '_' };\n\nexport const cn = withNaming(reactBemNaming);\n\nexport const withPrefix = (prefix: string) =>\n  withNaming({ ...reactBemNaming, n: prefix + reactBemNaming.n });\n\nexport const cnCanary = withPrefix('canary');\n\nexport const cnDeprecated = withPrefix('deprecated');\n"],"mappings":"qqBAAA,OAASA,UAAU,KAAQ,sBAAsB,CAEjD,KAAM,CAAAC,cAAc,CAAG,CAAEC,CAAC,CAAE,OAAO,CAAEC,CAAC,CAAE,GAAG,CAAEC,CAAC,CAAE,GAAG,CAAEC,CAAC,CAAE,GAAI,CAAC,CAE7D,MAAO,MAAM,CAAAC,EAAE,CAAGN,UAAU,CAACC,cAAc,CAAC,CAE5C,MAAO,MAAM,CAAAM,UAAU,CAAIC,CAAc,EACvCR,UAAU,CAAAS,aAAA,CAAAA,aAAA,IAAMR,cAAc,MAAEC,CAAC,CAAEM,CAAM,CAAGP,cAAc,CAACC,CAAC,EAAE,CAAC,CAEjE,MAAO,MAAM,CAAAQ,QAAQ,CAAGH,UAAU,CAAC,QAAQ,CAAC,CAE5C,MAAO,MAAM,CAAAI,YAAY,CAAGJ,UAAU,CAAC,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/header",
-  "version": "2.0.0",
+  "version": "3.0.0-beta.1",
   "files": [
     "*",
     "!**/__mocks__",
@@ -18,7 +18,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@consta/icons": "^0.9.0",
-    "@consta/uikit": "^4.25.0"
+    "@consta/icons": "^1.0.0-beta.1",
+    "@consta/uikit": "^5.0.0-beta.2"
   }
 }

package/__internal__/src/components/Notifications/NotificationsItem/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","names":["format","formatDistanceToNow","ruLocale","defaultDateFormat","date","currentDate","Date","getTime","locale","addSuffix"],"sources":["../../../../../../src/components/Notifications/NotificationsItem/helpers.ts"],"sourcesContent":["import format from 'date-fns/format';\nimport formatDistanceToNow from 'date-fns/formatDistanceToNow';\nimport ruLocale from 'date-fns/locale/ru';\n\nexport const defaultDateFormat = (date: Date): string => {\n  const currentDate = new Date();\n\n  if (currentDate.getTime() - date.getTime() < 3600000) {\n    return formatDistanceToNow(date, { locale: ruLocale, addSuffix: true });\n  }\n\n  if (format(currentDate, 'dd.MM.yyyy') === format(date, 'dd.MM.yyyy')) {\n    return format(date, 'HH:mm');\n  }\n\n  return format(date, 'dd.MM.yyyy HH:mm');\n};\n"],"mappings":"AAAA,MAAO,CAAAA,MAAM,KAAM,iBAAiB,CACpC,MAAO,CAAAC,mBAAmB,KAAM,8BAA8B,CAC9D,MAAO,CAAAC,QAAQ,KAAM,oBAAoB,CAEzC,MAAO,MAAM,CAAAC,iBAAiB,CAAIC,CAAU,EAAa,CACvD,KAAM,CAAAC,CAAW,CAAG,GAAI,CAAAC,IAAM,CAAC,MAEc,KAAO,CAAhDD,CAAW,CAACE,OAAO,CAAC,CAAC,CAAGH,CAAI,CAACG,OAAO,CAAC,CAAW,CAC3CN,mBAAmB,CAACG,CAAI,CAAE,CAAEI,MAAM,CAAEN,QAAQ,CAAEO,SAAS,GAAO,CAAC,CAAC,CAGrET,MAAM,CAACK,CAAW,CAAE,YAAY,CAAC,GAAKL,MAAM,CAACI,CAAI,CAAE,YAAY,CAAC,CAC3DJ,MAAM,CAACI,CAAI,CAAE,OAAO,CAAC,CAGvBJ,MAAM,CAACI,CAAI,CAAE,kBAAkB,CACxC,CAAC"}