@consta/header 3.0.1 → 3.1.0

package/__internal__/src/components/Navbar/NavbarItem/NavbarItem.d.ts

@@ -1,3 +1,24 @@
 import './NavbarItem.css';
 import { NavbarItemComponent } from '../types';
+export declare const cnNavbarItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const spaceMap: {
+    readonly m: {
+        readonly pV: "s";
+        readonly pH: "m";
+        readonly mB: "2xs";
+    };
+    readonly s: {
+        readonly pV: "xs";
+        readonly pH: "m";
+        readonly mB: "2xs";
+    };
+};
+export declare const mapLevelSpace: {
+    readonly m: "2xl";
+    readonly s: "xl";
+};
+export declare const bageSizeMap: {
+    readonly s: "xs";
+    readonly m: "s";
+};
 export declare const NavbarItem: NavbarItemComponent;

package/__internal__/src/components/Navbar/NavbarItem/NavbarItem.js

@@ -1,2 +1,2 @@
-import"./NavbarItem.css";import{Badge}from"@consta/uikit/Badge";import{ListItem}from"@consta/uikit/ListCanary";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{NavbarArrow}from"../NavbarArrow";import{defaultNavbarPropSize}from"../types";const cnNavbarItem=cn("NavbarItem"),spaceMap={m:{pV:"s",pH:"m",mB:"2xs"},s:{pV:"xs",pH:"m",mB:"2xs"}},mapLevelSpace={m:"2xl",s:"xl"},bageSizeMap={s:"xs",m:"s"},NavbarItemRender=(a,b)=>{const{size:q=defaultNavbarPropSize,item:c,getItemLabel:d,getItemActive:e,getItemAdditionalClassName:f,getItemAs:g,getItemAttributes:h,getItemIcon:i,getItemRef:j,getItemRightSide:k,getItemSubMenu:l,onItemClick:m,className:n,getItemStatus:o,level:r=0,form:p}=a,[s,t]=useFlag(),u=null===l||void 0===l?void 0:l(c),v=null===k||void 0===k?void 0:k(c),w=null===e||void 0===e?void 0:e(c),x=null===o||void 0===o?void 0:o(c);return React.createElement(React.Fragment,null,React.createElement(ListItem,Object.assign({},(null===h||void 0===h?void 0:h(c))||{},{label:d(c),size:q,onClick:a=>{(null===u||void 0===u?void 0:u.length)&&t.toggle(),null===m||void 0===m?void 0:m(c,{e:a})},leftIcon:null===i||void 0===i?void 0:i(c),iconSize:q,rightSide:[...(Array.isArray(v)?v:[v]),x?React.createElement(Badge,{size:bageSizeMap[q],status:x,minified:!0}):void 0,null!==u&&void 0!==u&&u.length?React.createElement(NavbarArrow,{open:s,onClick:t.toggle}):void 0],as:null===g||void 0===g?void 0:g(c),active:w,ref:useForkRef([null===j||void 0===j?void 0:j(c),b]),className:cnNavbarItem({form:p,active:w},[n,null===f||void 0===f?void 0:f(c)]),space:spaceMap[q],style:{"--navbar-item-level":r,"--navbar-item-ph":`var(--space-${spaceMap[q].pH})`,"--navbar-item-level-space":`var(--space-${mapLevelSpace[q]})`}})),s&&(null===u||void 0===u?void 0:u.map((b,c)=>React.createElement(NavbarItem,Object.assign({},a,{key:c,level:r+1,item:b})))))};export const NavbarItem=forwardRef(NavbarItemRender);
+import"./NavbarItem.css";import{Badge}from"@consta/uikit/Badge";import{ListItem}from"@consta/uikit/ListCanary";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useEffect}from"react";import{cn}from"../../../utils/bem";import{NavbarArrow}from"../NavbarArrow";import{defaultNavbarPropSize}from"../types";export const cnNavbarItem=cn("NavbarItem");export const spaceMap={m:{pV:"s",pH:"m",mB:"2xs"},s:{pV:"xs",pH:"m",mB:"2xs"}};export const mapLevelSpace={m:"2xl",s:"xl"};export const bageSizeMap={s:"xs",m:"s"};const NavbarItemRender=(a,b)=>{const{size:s=defaultNavbarPropSize,item:c,getItemLabel:d,getItemActive:e,getItemAdditionalClassName:f,getItemAs:g,getItemAttributes:h,getItemIcon:i,getItemRef:j,getItemRightSide:k,getItemSubMenu:l,onItemClick:m,className:n,getItemStatus:o,getItemSubMenuOpen:p,onSubMenuToggle:q,level:t=0,form:r}=a,[u,v]=useFlag((null===p||void 0===p?void 0:p(c))||!1),w=null===p||void 0===p?void 0:p(c),x=null===l||void 0===l?void 0:l(c),y=null===k||void 0===k?void 0:k(c),z=null===e||void 0===e?void 0:e(c),A=null===o||void 0===o?void 0:o(c),B=a=>{null!==x&&void 0!==x&&x.length&&(null===q||void 0===q?void 0:q(c,{open:!u,e:a}),v.set(!u))};return useEffect(()=>{void 0!==w&&v.set(w)},[w]),React.createElement(React.Fragment,null,React.createElement(ListItem,Object.assign({},(null===h||void 0===h?void 0:h(c))||{},{label:d(c),size:s,onClick:a=>{B(a),null===m||void 0===m?void 0:m(c,{e:a})},leftIcon:null===i||void 0===i?void 0:i(c),iconSize:s,rightSide:[...(Array.isArray(y)?y:[y]),A?React.createElement(Badge,{size:bageSizeMap[s],status:A,minified:!0}):void 0,null!==x&&void 0!==x&&x.length?React.createElement(NavbarArrow,{open:u,onClick:B}):void 0],as:null===g||void 0===g?void 0:g(c),active:z,ref:useForkRef([null===j||void 0===j?void 0:j(c),b]),className:cnNavbarItem({form:r,active:z},[n,null===f||void 0===f?void 0:f(c)]),space:spaceMap[s],style:{"--navbar-item-level":t,"--navbar-item-ph":`var(--space-${spaceMap[s].pH})`,"--navbar-item-level-space":`var(--space-${mapLevelSpace[s]})`}})),u&&(null===x||void 0===x?void 0:x.map((b,c)=>React.createElement(NavbarItem,Object.assign({},a,{key:c,level:t+1,item:b})))))};export const NavbarItem=forwardRef(NavbarItemRender);
 //# sourceMappingURL=NavbarItem.js.map

package/__internal__/src/components/Navbar/NavbarItem/NavbarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarItem.js","names":["Badge","ListItem","useFlag","useForkRef","React","forwardRef","cn","NavbarArrow","defaultNavbarPropSize","cnNavbarItem","spaceMap","m","pV","pH","mB","s","mapLevelSpace","bageSizeMap","NavbarItemRender","props","ref","size","item","getItemLabel","getItemActive","getItemAdditionalClassName","getItemAs","getItemAttributes","getItemIcon","getItemRef","getItemRightSide","getItemSubMenu","onItemClick","className","getItemStatus","level","form","open","setOpen","subItems","rightSide","active","status","createElement","Fragment","Object","assign","label","onClick","e","length","toggle","leftIcon","iconSize","Array","isArray","minified","as","space","style","\"--navbar-item-level\"","\"--navbar-item-ph\"","\"--navbar-item-level-space\"","map","index","NavbarItem","key"],"sources":["../../../../../../src/components/Navbar/NavbarItem/NavbarItem.tsx"],"sourcesContent":["import './NavbarItem.css';\n\nimport { Badge } from '@consta/uikit/Badge';\nimport { ListItem } from '@consta/uikit/ListCanary';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { NavbarArrow } from '../NavbarArrow';\nimport {\n  defaultNavbarPropSize,\n  NavbarItemComponent,\n  NavbarItemProps,\n} from '../types';\n\nconst cnNavbarItem = cn('NavbarItem');\n\nconst spaceMap = {\n  m: { pV: 's', pH: 'm', mB: '2xs' },\n  s: { pV: 'xs', pH: 'm', mB: '2xs' },\n} as const;\n\nconst mapLevelSpace = {\n  m: '2xl',\n  s: 'xl',\n} as const;\n\nconst bageSizeMap = {\n  s: 'xs',\n  m: 's',\n} as const;\n\nconst NavbarItemRender = (\n  props: NavbarItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = defaultNavbarPropSize,\n    item,\n    getItemLabel,\n    getItemActive,\n    getItemAdditionalClassName,\n    getItemAs,\n    getItemAttributes,\n    getItemIcon,\n    getItemRef,\n    getItemRightSide,\n    getItemSubMenu,\n    onItemClick,\n    className,\n    getItemStatus,\n    level = 0,\n    form,\n  } = props;\n\n  const [open, setOpen] = useFlag();\n  const subItems = getItemSubMenu?.(item);\n  const rightSide = getItemRightSide?.(item);\n  const active = getItemActive?.(item);\n  const status = getItemStatus?.(item);\n\n  return (\n    <>\n      <ListItem\n        {...(getItemAttributes?.(item) || {})}\n        label={getItemLabel(item)}\n        size={size}\n        onClick={(e: React.MouseEvent) => {\n          subItems?.length && setOpen.toggle();\n          onItemClick?.(item, { e });\n        }}\n        leftIcon={getItemIcon?.(item)}\n        iconSize={size}\n        rightSide={[\n          ...(Array.isArray(rightSide) ? rightSide : [rightSide]),\n          status ? (\n            <Badge size={bageSizeMap[size]} status={status} minified />\n          ) : undefined,\n          subItems?.length ? (\n            <NavbarArrow open={open} onClick={setOpen.toggle} />\n          ) : undefined,\n        ]}\n        as={getItemAs?.(item)}\n        active={active}\n        ref={useForkRef([getItemRef?.(item), ref])}\n        className={cnNavbarItem({ form, active }, [\n          className,\n          getItemAdditionalClassName?.(item),\n        ])}\n        space={spaceMap[size]}\n        style={{\n          ['--navbar-item-level' as string]: level,\n          ['--navbar-item-ph' as string]: `var(--space-${spaceMap[size].pH})`,\n          ['--navbar-item-level-space' as string]: `var(--space-${mapLevelSpace[size]})`,\n        }}\n      />\n      {open &&\n        subItems?.map((item, index) => (\n          <NavbarItem {...props} key={index} level={level + 1} item={item} />\n        ))}\n    </>\n  );\n};\n\nexport const NavbarItem = forwardRef(NavbarItemRender) as NavbarItemComponent;\n"],"mappings":"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"}
+{"version":3,"file":"NavbarItem.js","names":["Badge","ListItem","useFlag","useForkRef","React","forwardRef","useEffect","cn","NavbarArrow","defaultNavbarPropSize","cnNavbarItem","spaceMap","m","pV","pH","mB","s","mapLevelSpace","bageSizeMap","NavbarItemRender","props","ref","size","item","getItemLabel","getItemActive","getItemAdditionalClassName","getItemAs","getItemAttributes","getItemIcon","getItemRef","getItemRightSide","getItemSubMenu","onItemClick","className","getItemStatus","getItemSubMenuOpen","onSubMenuToggle","level","form","open","setOpen","controlledOpen","subItems","rightSide","active","status","handleToggle","e","length","set","createElement","Fragment","Object","assign","label","onClick","leftIcon","iconSize","Array","isArray","minified","as","space","style","\"--navbar-item-level\"","\"--navbar-item-ph\"","\"--navbar-item-level-space\"","map","subItem","index","NavbarItem","key"],"sources":["../../../../../../src/components/Navbar/NavbarItem/NavbarItem.tsx"],"sourcesContent":["import './NavbarItem.css';\n\nimport { Badge } from '@consta/uikit/Badge';\nimport { ListItem } from '@consta/uikit/ListCanary';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useEffect } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { NavbarArrow } from '../NavbarArrow';\nimport {\n  defaultNavbarPropSize,\n  NavbarItemComponent,\n  NavbarItemProps,\n} from '../types';\n\nexport const cnNavbarItem = cn('NavbarItem');\n\nexport const spaceMap = {\n  m: { pV: 's', pH: 'm', mB: '2xs' },\n  s: { pV: 'xs', pH: 'm', mB: '2xs' },\n} as const;\n\nexport const mapLevelSpace = {\n  m: '2xl',\n  s: 'xl',\n} as const;\n\nexport const bageSizeMap = {\n  s: 'xs',\n  m: 's',\n} as const;\n\nconst NavbarItemRender = (\n  props: NavbarItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = defaultNavbarPropSize,\n    item,\n    getItemLabel,\n    getItemActive,\n    getItemAdditionalClassName,\n    getItemAs,\n    getItemAttributes,\n    getItemIcon,\n    getItemRef,\n    getItemRightSide,\n    getItemSubMenu,\n    onItemClick,\n    className,\n    getItemStatus,\n    getItemSubMenuOpen,\n    onSubMenuToggle,\n    level = 0,\n    form,\n  } = props;\n\n  const [open, setOpen] = useFlag(getItemSubMenuOpen?.(item) || false);\n  const controlledOpen = getItemSubMenuOpen?.(item);\n\n  const subItems = getItemSubMenu?.(item);\n  const rightSide = getItemRightSide?.(item);\n  const active = getItemActive?.(item);\n  const status = getItemStatus?.(item);\n\n  const handleToggle = (e: React.MouseEvent) => {\n    if (subItems?.length) {\n      onSubMenuToggle?.(item, { open: !open, e });\n      setOpen.set(!open);\n    }\n  };\n\n  useEffect(() => {\n    if (controlledOpen !== undefined) {\n      setOpen.set(controlledOpen);\n    }\n  }, [controlledOpen]);\n\n  return (\n    <>\n      <ListItem\n        {...(getItemAttributes?.(item) || {})}\n        label={getItemLabel(item)}\n        size={size}\n        onClick={(e: React.MouseEvent) => {\n          handleToggle(e);\n          onItemClick?.(item, { e });\n        }}\n        leftIcon={getItemIcon?.(item)}\n        iconSize={size}\n        rightSide={[\n          ...(Array.isArray(rightSide) ? rightSide : [rightSide]),\n          status ? (\n            <Badge size={bageSizeMap[size]} status={status} minified />\n          ) : undefined,\n          subItems?.length ? (\n            <NavbarArrow open={open} onClick={handleToggle} />\n          ) : undefined,\n        ]}\n        as={getItemAs?.(item)}\n        active={active}\n        ref={useForkRef([getItemRef?.(item), ref])}\n        className={cnNavbarItem({ form, active }, [\n          className,\n          getItemAdditionalClassName?.(item),\n        ])}\n        space={spaceMap[size]}\n        style={{\n          ['--navbar-item-level' as string]: level,\n          ['--navbar-item-ph' as string]: `var(--space-${spaceMap[size].pH})`,\n          ['--navbar-item-level-space' as string]: `var(--space-${mapLevelSpace[size]})`,\n        }}\n      />\n      {open &&\n        subItems?.map((subItem, index) => (\n          <NavbarItem {...props} key={index} level={level + 1} item={subItem} />\n        ))}\n    </>\n  );\n};\n\nexport const NavbarItem = forwardRef(NavbarItemRender) as NavbarItemComponent;\n"],"mappings":"AAAA,yBAEA,OAASA,KAAK,KAAQ,qBAAqB,CAC3C,OAASC,QAAQ,KAAQ,0BAA0B,CACnD,OAASC,OAAO,KAAQ,uBAAuB,CAC/C,OAASC,UAAU,KAAQ,0BAA0B,CACrD,MAAO,CAAAC,KAAK,EAAIC,UAAU,CAAEC,SAAS,KAAQ,OAAO,CAEpD,OAASC,EAAE,0BAEX,OAASC,WAAW,sBACpB,OACEC,qBAAqB,gBAKvB,MAAO,MAAM,CAAAC,YAAY,CAAGH,EAAE,CAAC,YAAY,CAAC,CAE5C,MAAO,MAAM,CAAAI,QAAQ,CAAG,CACtBC,CAAC,CAAE,CAAEC,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,KAAM,CAAC,CAClCC,CAAC,CAAE,CAAEH,EAAE,CAAE,IAAI,CAAEC,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,KAAM,CACpC,CAAU,CAEV,MAAO,MAAM,CAAAE,aAAa,CAAG,CAC3BL,CAAC,CAAE,KAAK,CACRI,CAAC,CAAE,IACL,CAAU,CAEV,MAAO,MAAM,CAAAE,WAAW,CAAG,CACzBF,CAAC,CAAE,IAAI,CACPJ,CAAC,CAAE,GACL,CAAU,CAEV,KAAM,CAAAO,gBAAgB,CAAGA,CACvBC,CAAsB,CACtBC,CAA8B,GAC3B,MACG,CACJC,IAAI,CAAJA,CAAI,CAAGb,qBAAqB,CAC5Bc,IAAI,CAAJA,CAAI,CACJC,YAAY,CAAZA,CAAY,CACZC,aAAa,CAAbA,CAAa,CACbC,0BAA0B,CAA1BA,CAA0B,CAC1BC,SAAS,CAATA,CAAS,CACTC,iBAAiB,CAAjBA,CAAiB,CACjBC,WAAW,CAAXA,CAAW,CACXC,UAAU,CAAVA,CAAU,CACVC,gBAAgB,CAAhBA,CAAgB,CAChBC,cAAc,CAAdA,CAAc,CACdC,WAAW,CAAXA,CAAW,CACXC,SAAS,CAATA,CAAS,CACTC,aAAa,CAAbA,CAAa,CACbC,kBAAkB,CAAlBA,CAAkB,CAClBC,eAAe,CAAfA,CAAe,CACfC,KAAK,CAALA,CAAK,CAAG,CAAC,CACTC,IAAI,CAAJA,CACF,CAAC,CAAGnB,CAAK,CAEH,CAACoB,CAAI,CAAEC,CAAO,CAAC,CAAGvC,OAAO,CAAC,QAAAkC,CAAkB,WAAlBA,CAAkB,QAAlBA,CAAkB,CAAGb,CAAI,CAAC,KAAS,CAAC,CAC9DmB,CAAc,QAAGN,CAAkB,WAAlBA,CAAkB,QAAlBA,CAAkB,CAAGb,CAAI,CAAC,CAE3CoB,CAAQ,QAAGX,CAAc,WAAdA,CAAc,QAAdA,CAAc,CAAGT,CAAI,CAAC,CACjCqB,CAAS,QAAGb,CAAgB,WAAhBA,CAAgB,QAAhBA,CAAgB,CAAGR,CAAI,CAAC,CACpCsB,CAAM,QAAGpB,CAAa,WAAbA,CAAa,QAAbA,CAAa,CAAGF,CAAI,CAAC,CAC9BuB,CAAM,QAAGX,CAAa,WAAbA,CAAa,QAAbA,CAAa,CAAGZ,CAAI,CAAC,CAE9BwB,CAAY,CAAIC,CAAmB,EAAK,QACxCL,CAAQ,WAARA,CAAQ,EAARA,CAAQ,CAAEM,MAAM,UAClBZ,CAAe,WAAfA,CAAe,QAAfA,CAAe,CAAGd,CAAI,CAAE,CAAEiB,IAAI,CAAE,CAACA,CAAI,CAAEQ,CAAC,CAADA,CAAE,CAAC,CAAC,CAC3CP,CAAO,CAACS,GAAG,CAAC,CAACV,CAAI,CAAC,CAEtB,CAAC,CAQD,MANA,CAAAlC,SAAS,CAAC,IAAM,CACV,SAAAoC,CAA4B,EAC9BD,CAAO,CAACS,GAAG,CAACR,CAAc,CAE9B,CAAC,CAAE,CAACA,CAAc,CAAC,CAAC,CAGlBtC,KAAA,CAAA+C,aAAA,CAAA/C,KAAA,CAAAgD,QAAA,MACEhD,KAAA,CAAA+C,aAAA,CAAClD,QAAQ,CAAAoD,MAAA,CAAAC,MAAA,IACF,QAAA1B,CAAiB,WAAjBA,CAAiB,QAAjBA,CAAiB,CAAGL,CAAI,CAAC,GAAI,CAAC,CAAC,EACpCgC,KAAK,CAAE/B,CAAY,CAACD,CAAI,CAAE,CAC1BD,IAAI,CAAEA,CAAK,CACXkC,OAAO,CAAGR,CAAmB,EAAK,CAChCD,CAAY,CAACC,CAAC,CAAC,QACff,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAGV,CAAI,CAAE,CAAEyB,CAAC,CAADA,CAAE,CAAC,CAC3B,CAAE,CACFS,QAAQ,QAAE5B,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAGN,CAAI,CAAE,CAC9BmC,QAAQ,CAAEpC,CAAK,CACfsB,SAAS,CAAE,CACT,IAAIe,KAAK,CAACC,OAAO,CAAChB,CAAS,CAAC,CAAGA,CAAS,CAAG,CAACA,CAAS,CAAC,CAAC,CACvDE,CAAM,CACJ1C,KAAA,CAAA+C,aAAA,CAACnD,KAAK,EAACsB,IAAI,CAAEJ,WAAW,CAACI,CAAI,CAAE,CAACwB,MAAM,CAAEA,CAAO,CAACe,QAAQ,IAAE,CAAC,OAChD,CACb,OAAAlB,CAAQ,WAARA,CAAQ,EAARA,CAAQ,CAAEM,MAAM,CACd7C,KAAA,CAAA+C,aAAA,CAAC3C,WAAW,EAACgC,IAAI,CAAEA,CAAK,CAACgB,OAAO,CAAET,CAAa,CAAE,CAAC,OACvC,CACb,CACFe,EAAE,QAAEnC,CAAS,WAATA,CAAS,QAATA,CAAS,CAAGJ,CAAI,CAAE,CACtBsB,MAAM,CAAEA,CAAO,CACfxB,GAAG,CAAElB,UAAU,CAAC,QAAC2B,CAAU,WAAVA,CAAU,QAAVA,CAAU,CAAGP,CAAI,CAAC,CAAEF,CAAG,CAAC,CAAE,CAC3Ca,SAAS,CAAExB,YAAY,CAAC,CAAE6B,IAAI,CAAJA,CAAI,CAAEM,MAAM,CAANA,CAAO,CAAC,CAAE,CACxCX,CAAS,QACTR,CAA0B,WAA1BA,CAA0B,QAA1BA,CAA0B,CAAGH,CAAI,CAAC,CACnC,CAAE,CACHwC,KAAK,CAAEpD,QAAQ,CAACW,CAAI,CAAE,CACtB0C,KAAK,CAAE,CACLC,qBAAA,CAAmC3B,CAAK,CACxC4B,kBAAA,CAAiC,eAAcvD,QAAQ,CAACW,CAAI,CAAC,CAACR,EAAG,GAAE,CACnEqD,2BAAA,CAA0C,eAAclD,aAAa,CAACK,CAAI,CAAE,GAC9E,CAAE,EACH,CAAC,CACDkB,CAAI,UACHG,CAAQ,WAARA,CAAQ,QAARA,CAAQ,CAAEyB,GAAG,CAAC,CAACC,CAAO,CAAEC,CAAK,GAC3BlE,KAAA,CAAA+C,aAAA,CAACoB,UAAU,CAAAlB,MAAA,CAAAC,MAAA,IAAKlC,CAAK,EAAEoD,GAAG,CAAEF,CAAM,CAAChC,KAAK,CAAEA,CAAK,CAAG,CAAE,CAACf,IAAI,CAAE8C,CAAQ,EAAE,CACtE,CAAC,CACJ,CAEN,CAAC,CAED,MAAO,MAAM,CAAAE,UAAU,CAAGlE,UAAU,CAACc,gBAAgB,CAAwB"}

package/__internal__/src/components/Navbar/NavbarRail/NavbarRail.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","onItemClick","getItemLabel","getItemIcon","getItemAs","getItemAttributes","getItemActive","getItemRef","getItemAdditionalClassName","size","form","className","getItemStatus","tooltipProps","getItemTooltip"];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 React,{forwardRef}from"react";import{withDefaultRailGetters}from"../helpers";import{NavbarRailItem}from"../NavbarRailItem";import{defaultNavbarPropForm,defaultNavbarPropSize}from"../types";const NavbarRailRender=(a,b)=>{const c=withDefaultRailGetters(a),{items:d,onItemClick:f,getItemLabel:g,getItemIcon:h,getItemAs:i,getItemAttributes:j,getItemActive:k,getItemRef:l,getItemAdditionalClassName:m,size:r=defaultNavbarPropSize,form:s=defaultNavbarPropForm,className:n,getItemStatus:o,tooltipProps:p,getItemTooltip:q}=c,t=_objectWithoutProperties(c,_excluded);return React.createElement("div",Object.assign({},t,{ref:b,className:n}),d.map((a,b)=>React.createElement(NavbarRailItem,Object.assign({},(null===j||void 0===j?void 0:j(a))||{},{key:b,as:null===i||void 0===i?void 0:i(a),size:r,form:s,onClick:b=>null===f||void 0===f?void 0:f(a,{e:b}),icon:h(a),ref:null===l||void 0===l?void 0:l(a),label:g(a),tooltipProps:_objectSpread(_objectSpread({},p),{},{content:q(a)}),active:k(a),status:o(a)}))))};export const NavbarRail=forwardRef(NavbarRailRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","onItemClick","getItemLabel","getItemIcon","getItemAs","getItemAttributes","getItemActive","getItemRef","getItemAdditionalClassName","size","form","className","getItemStatus","tooltipProps","getItemTooltip"];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 React,{forwardRef}from"react";import{withDefaultRailGetters}from"../helpers";import{NavbarRailItem}from"../NavbarRailItem";import{defaultNavbarPropForm,defaultNavbarPropSize}from"../types";const NavbarRailRender=(a,b)=>{const c=withDefaultRailGetters(a),{items:d,onItemClick:f,getItemLabel:g,getItemIcon:h,getItemAs:i,getItemAttributes:j,getItemActive:k,getItemRef:l,getItemAdditionalClassName:m,size:r=defaultNavbarPropSize,form:s=defaultNavbarPropForm,className:n,getItemStatus:o,tooltipProps:p,getItemTooltip:q}=c,t=_objectWithoutProperties(c,_excluded);return React.createElement("div",Object.assign({},t,{ref:b,className:n}),d.map((a,b)=>React.createElement(NavbarRailItem,Object.assign({},(null===j||void 0===j?void 0:j(a))||{},{key:b,as:null===i||void 0===i?void 0:i(a),size:r,form:s,onClick:b=>null===f||void 0===f?void 0:f(a,{e:b}),icon:h(a),ref:null===l||void 0===l?void 0:l(a),label:g(a),tooltipProps:_objectSpread(_objectSpread({},p),{},{tooltipContent:q(a)}),active:k(a),status:o(a)}))))};export const NavbarRail=forwardRef(NavbarRailRender);
 //# sourceMappingURL=NavbarRail.js.map

package/__internal__/src/components/Navbar/NavbarRail/NavbarRail.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarRail.js","names":["React","forwardRef","withDefaultRailGetters","NavbarRailItem","defaultNavbarPropForm","defaultNavbarPropSize","NavbarRailRender","props","ref","c","items","onItemClick","getItemLabel","getItemIcon","getItemAs","getItemAttributes","getItemActive","getItemRef","getItemAdditionalClassName","size","form","className","getItemStatus","tooltipProps","getItemTooltip","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","map","item","index","key","as","onClick","e","icon","label","_objectSpread","content","active","status","NavbarRail"],"sources":["../../../../../../src/components/Navbar/NavbarRail/NavbarRail.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { withDefaultRailGetters } from '../helpers';\nimport { NavbarRailItem } from '../NavbarRailItem';\nimport {\n  defaultNavbarPropForm,\n  defaultNavbarPropSize,\n  NavbarRailComponent,\n  NavbarRailProps,\n} from '../types';\n\nconst NavbarRailRender = (\n  props: NavbarRailProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    onItemClick,\n    getItemLabel,\n    getItemIcon,\n    getItemAs,\n    getItemAttributes,\n    getItemActive,\n    getItemRef,\n    getItemAdditionalClassName,\n    size = defaultNavbarPropSize,\n    form = defaultNavbarPropForm,\n    className,\n    getItemStatus,\n    tooltipProps,\n    getItemTooltip,\n\n    ...otherProps\n  } = withDefaultRailGetters(props);\n\n  return (\n    <div {...otherProps} ref={ref} className={className}>\n      {items.map((item, index) => {\n        return (\n          <NavbarRailItem\n            {...((getItemAttributes?.(item) ||\n              {}) as JSX.IntrinsicElements['div'])}\n            key={index}\n            as={getItemAs?.(item)}\n            size={size}\n            form={form}\n            onClick={(e) => onItemClick?.(item, { e })}\n            icon={getItemIcon(item)}\n            ref={getItemRef?.(item) as React.RefObject<HTMLDivElement>}\n            label={getItemLabel(item)}\n            tooltipProps={{ ...tooltipProps, content: getItemTooltip(item) }}\n            active={getItemActive(item)}\n            status={getItemStatus(item)}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const NavbarRail = forwardRef(NavbarRailRender) as NavbarRailComponent;\n"],"mappings":"m+BAAA,MAAO,CAAAA,KAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,sBAAsB,kBAC/B,OAASC,cAAc,yBACvB,OACEC,qBAAqB,CACrBC,qBAAqB,gBAKvB,KAAM,CAAAC,gBAAgB,CAAGA,CACvBC,CAAsB,CACtBC,CAA8B,GAC3B,CACH,MAAAC,CAAA,CAkBIP,sBAAsB,CAACK,CAAK,CAAC,CAlB3B,CACJG,KAAK,CAALA,CAAK,CACLC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,WAAW,CAAXA,CAAW,CACXC,SAAS,CAATA,CAAS,CACTC,iBAAiB,CAAjBA,CAAiB,CACjBC,aAAa,CAAbA,CAAa,CACbC,UAAU,CAAVA,CAAU,CACVC,0BAA0B,CAA1BA,CAA0B,CAC1BC,IAAI,CAAJA,CAAI,CAAGd,qBAAqB,CAC5Be,IAAI,CAAJA,CAAI,CAAGhB,qBAAqB,CAC5BiB,SAAS,CAATA,CAAS,CACTC,aAAa,CAAbA,CAAa,CACbC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAdA,CAGF,CAAC,CAAAf,CAAA,CADIgB,CAAU,CAAAC,wBAAA,CAAAjB,CAAA,CAAAkB,SAAA,EAGf,MACE,CAAA3B,KAAA,CAAA4B,aAAA,OAAAC,MAAA,CAAAC,MAAA,IAASL,CAAU,EAAEjB,GAAG,CAAEA,CAAI,CAACa,SAAS,CAAEA,CAAU,GACjDX,CAAK,CAACqB,GAAG,CAAC,CAACC,CAAI,CAAEC,CAAK,GAEnBjC,KAAA,CAAA4B,aAAA,CAACzB,cAAc,CAAA0B,MAAA,CAAAC,MAAA,IACP,QAAAf,CAAiB,WAAjBA,CAAiB,QAAjBA,CAAiB,CAAGiB,CAAI,CAAC,GAC7B,CAAC,CAAC,EACJE,GAAG,CAAED,CAAM,CACXE,EAAE,QAAErB,CAAS,WAATA,CAAS,QAATA,CAAS,CAAGkB,CAAI,CAAE,CACtBb,IAAI,CAAEA,CAAK,CACXC,IAAI,CAAEA,CAAK,CACXgB,OAAO,CAAGC,CAAC,SAAK1B,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAGqB,CAAI,CAAE,CAAEK,CAAC,CAADA,CAAE,CAAC,CAAE,CAC3CC,IAAI,CAAEzB,CAAW,CAACmB,CAAI,CAAE,CACxBxB,GAAG,QAAES,CAAU,WAAVA,CAAU,QAAVA,CAAU,CAAGe,CAAI,CAAqC,CAC3DO,KAAK,CAAE3B,CAAY,CAACoB,CAAI,CAAE,CAC1BT,YAAY,CAAAiB,aAAA,CAAAA,aAAA,IAAOjB,CAAY,MAAEkB,OAAO,CAAEjB,CAAc,CAACQ,CAAI,CAAC,EAAG,CACjEU,MAAM,CAAE1B,CAAa,CAACgB,CAAI,CAAE,CAC5BW,MAAM,CAAErB,CAAa,CAACU,CAAI,CAAE,EAC7B,CAEJ,CACE,CAET,CAAC,CAED,MAAO,MAAM,CAAAY,UAAU,CAAG3C,UAAU,CAACK,gBAAgB,CAAwB"}
+{"version":3,"file":"NavbarRail.js","names":["React","forwardRef","withDefaultRailGetters","NavbarRailItem","defaultNavbarPropForm","defaultNavbarPropSize","NavbarRailRender","props","ref","c","items","onItemClick","getItemLabel","getItemIcon","getItemAs","getItemAttributes","getItemActive","getItemRef","getItemAdditionalClassName","size","form","className","getItemStatus","tooltipProps","getItemTooltip","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","map","item","index","key","as","onClick","e","icon","label","_objectSpread","tooltipContent","active","status","NavbarRail"],"sources":["../../../../../../src/components/Navbar/NavbarRail/NavbarRail.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { withDefaultRailGetters } from '../helpers';\nimport { NavbarRailItem } from '../NavbarRailItem';\nimport {\n  defaultNavbarPropForm,\n  defaultNavbarPropSize,\n  NavbarRailComponent,\n  NavbarRailProps,\n} from '../types';\n\nconst NavbarRailRender = (\n  props: NavbarRailProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    onItemClick,\n    getItemLabel,\n    getItemIcon,\n    getItemAs,\n    getItemAttributes,\n    getItemActive,\n    getItemRef,\n    getItemAdditionalClassName,\n    size = defaultNavbarPropSize,\n    form = defaultNavbarPropForm,\n    className,\n    getItemStatus,\n    tooltipProps,\n    getItemTooltip,\n\n    ...otherProps\n  } = withDefaultRailGetters(props);\n\n  return (\n    <div {...otherProps} ref={ref} className={className}>\n      {items.map((item, index) => {\n        return (\n          <NavbarRailItem\n            {...((getItemAttributes?.(item) ||\n              {}) as JSX.IntrinsicElements['div'])}\n            key={index}\n            as={getItemAs?.(item)}\n            size={size}\n            form={form}\n            onClick={(e) => onItemClick?.(item, { e })}\n            icon={getItemIcon(item)}\n            ref={getItemRef?.(item) as React.RefObject<HTMLDivElement>}\n            label={getItemLabel(item)}\n            tooltipProps={{\n              ...tooltipProps,\n              tooltipContent: getItemTooltip(item),\n            }}\n            active={getItemActive(item)}\n            status={getItemStatus(item)}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const NavbarRail = forwardRef(NavbarRailRender) as NavbarRailComponent;\n"],"mappings":"m+BAAA,MAAO,CAAAA,KAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,sBAAsB,kBAC/B,OAASC,cAAc,yBACvB,OACEC,qBAAqB,CACrBC,qBAAqB,gBAKvB,KAAM,CAAAC,gBAAgB,CAAGA,CACvBC,CAAsB,CACtBC,CAA8B,GAC3B,CACH,MAAAC,CAAA,CAkBIP,sBAAsB,CAACK,CAAK,CAAC,CAlB3B,CACJG,KAAK,CAALA,CAAK,CACLC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,WAAW,CAAXA,CAAW,CACXC,SAAS,CAATA,CAAS,CACTC,iBAAiB,CAAjBA,CAAiB,CACjBC,aAAa,CAAbA,CAAa,CACbC,UAAU,CAAVA,CAAU,CACVC,0BAA0B,CAA1BA,CAA0B,CAC1BC,IAAI,CAAJA,CAAI,CAAGd,qBAAqB,CAC5Be,IAAI,CAAJA,CAAI,CAAGhB,qBAAqB,CAC5BiB,SAAS,CAATA,CAAS,CACTC,aAAa,CAAbA,CAAa,CACbC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAdA,CAGF,CAAC,CAAAf,CAAA,CADIgB,CAAU,CAAAC,wBAAA,CAAAjB,CAAA,CAAAkB,SAAA,EAGf,MACE,CAAA3B,KAAA,CAAA4B,aAAA,OAAAC,MAAA,CAAAC,MAAA,IAASL,CAAU,EAAEjB,GAAG,CAAEA,CAAI,CAACa,SAAS,CAAEA,CAAU,GACjDX,CAAK,CAACqB,GAAG,CAAC,CAACC,CAAI,CAAEC,CAAK,GAEnBjC,KAAA,CAAA4B,aAAA,CAACzB,cAAc,CAAA0B,MAAA,CAAAC,MAAA,IACP,QAAAf,CAAiB,WAAjBA,CAAiB,QAAjBA,CAAiB,CAAGiB,CAAI,CAAC,GAC7B,CAAC,CAAC,EACJE,GAAG,CAAED,CAAM,CACXE,EAAE,QAAErB,CAAS,WAATA,CAAS,QAATA,CAAS,CAAGkB,CAAI,CAAE,CACtBb,IAAI,CAAEA,CAAK,CACXC,IAAI,CAAEA,CAAK,CACXgB,OAAO,CAAGC,CAAC,SAAK1B,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAGqB,CAAI,CAAE,CAAEK,CAAC,CAADA,CAAE,CAAC,CAAE,CAC3CC,IAAI,CAAEzB,CAAW,CAACmB,CAAI,CAAE,CACxBxB,GAAG,QAAES,CAAU,WAAVA,CAAU,QAAVA,CAAU,CAAGe,CAAI,CAAqC,CAC3DO,KAAK,CAAE3B,CAAY,CAACoB,CAAI,CAAE,CAC1BT,YAAY,CAAAiB,aAAA,CAAAA,aAAA,IACPjB,CAAY,MACfkB,cAAc,CAAEjB,CAAc,CAACQ,CAAI,CAAC,EACpC,CACFU,MAAM,CAAE1B,CAAa,CAACgB,CAAI,CAAE,CAC5BW,MAAM,CAAErB,CAAa,CAACU,CAAI,CAAE,EAC7B,CAEJ,CACE,CAET,CAAC,CAED,MAAO,MAAM,CAAAY,UAAU,CAAG3C,UAAU,CAACK,gBAAgB,CAAwB"}

package/__internal__/src/components/Navbar/NavbarRailItem/NavbarRailItem.d.ts

@@ -1,6 +1,19 @@
 import './NavbarRailItem.css';
 import React from 'react';
 import { NavbarRailItemProps } from '../types';
+export declare const cnNavbarItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const spaceMap: {
+    readonly m: {
+        readonly pV: "s";
+        readonly pH: "m";
+        readonly mB: "2xs";
+    };
+    readonly s: {
+        readonly pV: "xs";
+        readonly pH: "m";
+        readonly mB: "2xs";
+    };
+};
 export declare const NavbarRailItem: import("@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes").ComponentWithAs<NavbarRailItemProps, "div"> | React.ComponentType<{
-    tooltipProps?: import("@consta/uikit/withTooltip").TooltipProps | undefined;
+    tooltipProps?: import("@consta/uikit/withTooltip").TooltipProps;
 }>;

package/__internal__/src/components/Navbar/NavbarRailItem/NavbarRailItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["size","icon","status","form","active","label","as","className"];import"./NavbarRailItem.css";import{forwardRefWithAs}from"@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes";import{Badge}from"@consta/uikit/Badge";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import{withTooltip}from"@consta/uikit/withTooltip";import React from"react";import{cn}from"../../../utils/bem";import{defaultNavbarPropForm,defaultNavbarPropSize}from"../types";const cnNavbarItem=cn("NavbarRailItem"),spaceMap={m:{pV:"s",pH:"m",mB:"2xs"},s:{pV:"xs",pH:"m",mB:"2xs"}},bageSizeMap={s:"xs",m:"s"},textSpaceMap={m:{mT:"xs"},s:{mT:"2xs"}},Item=forwardRefWithAs((a,b)=>{const{size:h=defaultNavbarPropSize,icon:c,status:d,form:i=defaultNavbarPropForm,active:e,label:f,as:j="div",className:g}=a,k=_objectWithoutProperties(a,_excluded);return React.createElement(j,Object.assign({},k,{ref:b,className:cnNavbarItem({size:h,form:i,active:e},[cnMixSpace(spaceMap[h]),g])}),React.createElement("div",{className:cnNavbarItem("IconWrapper")},c&&React.createElement(c,{size:h}),d&&React.createElement(Badge,{className:cnNavbarItem("Badge"),size:bageSizeMap[h],status:d,minified:!0})),f&&React.createElement(Text,{className:cnNavbarItem("Label",[cnMixSpace(textSpaceMap[h])]),align:"center",size:h,view:"primary",lineHeight:"m"},f))});export const NavbarRailItem=withTooltip({direction:"rightCenter",mode:"mouseover",possibleDirections:["rightCenter","rightDown","rightUp","rightStartDown","rightStartUp"],spareDirection:"rightCenter"})(Item);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["size","icon","status","form","active","label","as","className"];import"./NavbarRailItem.css";import{forwardRefWithAs}from"@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes";import{Badge}from"@consta/uikit/Badge";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import{withTooltip}from"@consta/uikit/withTooltip";import React from"react";import{cn}from"../../../utils/bem";import{defaultNavbarPropForm,defaultNavbarPropSize}from"../types";export const cnNavbarItem=cn("NavbarRailItem");export const spaceMap={m:{pV:"s",pH:"m",mB:"2xs"},s:{pV:"xs",pH:"m",mB:"2xs"}};const bageSizeMap={s:"xs",m:"s"},textSpaceMap={m:{mT:"xs"},s:{mT:"2xs"}},Item=forwardRefWithAs((a,b)=>{const{size:h=defaultNavbarPropSize,icon:c,status:d,form:i=defaultNavbarPropForm,active:e,label:f,as:j="div",className:g}=a,k=_objectWithoutProperties(a,_excluded);return React.createElement(j,Object.assign({},k,{ref:b,className:cnNavbarItem({size:h,form:i,active:e},[cnMixSpace(spaceMap[h]),g])}),React.createElement("div",{className:cnNavbarItem("IconWrapper")},c&&React.createElement(c,{size:h}),d&&React.createElement(Badge,{className:cnNavbarItem("Badge"),size:bageSizeMap[h],status:d,minified:!0})),f&&React.createElement(Text,{className:cnNavbarItem("Label",[cnMixSpace(textSpaceMap[h])]),align:"center",size:h,view:"primary",lineHeight:"m"},f))});export const NavbarRailItem=withTooltip({direction:"rightCenter",mode:"mouseover",possibleDirections:["rightCenter","rightDown","rightUp","rightStartDown","rightStartUp"],spareDirection:"rightCenter"})(Item);
 //# sourceMappingURL=NavbarRailItem.js.map

package/__internal__/src/components/Navbar/NavbarRailItem/NavbarRailItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarRailItem.js","names":["forwardRefWithAs","Badge","cnMixSpace","Text","withTooltip","React","cn","defaultNavbarPropForm","defaultNavbarPropSize","cnNavbarItem","spaceMap","m","pV","pH","mB","s","bageSizeMap","textSpaceMap","mT","Item","props","ref","size","icon","Icon","status","form","active","label","as","className","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","c","minified","align","view","lineHeight","NavbarRailItem","direction","mode","possibleDirections","spareDirection"],"sources":["../../../../../../src/components/Navbar/NavbarRailItem/NavbarRailItem.tsx"],"sourcesContent":["import './NavbarRailItem.css';\n\nimport { forwardRefWithAs } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport { Badge } from '@consta/uikit/Badge';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport { withTooltip } from '@consta/uikit/withTooltip';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport {\n  defaultNavbarPropForm,\n  defaultNavbarPropSize,\n  NavbarRailItemProps,\n} from '../types';\n\nconst cnNavbarItem = cn('NavbarRailItem');\n\nconst spaceMap = {\n  m: { pV: 's', pH: 'm', mB: '2xs' },\n  s: { pV: 'xs', pH: 'm', mB: '2xs' },\n} as const;\n\nconst bageSizeMap = {\n  s: 'xs',\n  m: 's',\n} as const;\n\nconst textSpaceMap = {\n  m: { mT: 'xs' },\n  s: { mT: '2xs' },\n} as const;\n\nconst Item = forwardRefWithAs<NavbarRailItemProps, 'div'>((props, ref) => {\n  const {\n    size = defaultNavbarPropSize,\n    icon: Icon,\n    status,\n    form = defaultNavbarPropForm,\n    active,\n    label,\n    as = 'div',\n    className,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      ref={ref}\n      className={cnNavbarItem({ size, form, active }, [\n        cnMixSpace(spaceMap[size]),\n        className,\n      ])}\n    >\n      <div className={cnNavbarItem('IconWrapper')}>\n        {Icon && <Icon size={size} />}\n        {status && (\n          <Badge\n            className={cnNavbarItem('Badge')}\n            size={bageSizeMap[size]}\n            status={status}\n            minified\n          />\n        )}\n      </div>\n      {label && (\n        <Text\n          className={cnNavbarItem('Label', [cnMixSpace(textSpaceMap[size])])}\n          align=\"center\"\n          size={size}\n          view=\"primary\"\n          lineHeight=\"m\"\n        >\n          {label}\n        </Text>\n      )}\n    </Tag>\n  );\n});\n\nexport const NavbarRailItem = withTooltip({\n  direction: 'rightCenter',\n  mode: 'mouseover',\n  possibleDirections: [\n    'rightCenter',\n    'rightDown',\n    'rightUp',\n    'rightStartDown',\n    'rightStartUp',\n  ],\n  spareDirection: 'rightCenter',\n})(Item);\n"],"mappings":"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"}
+{"version":3,"file":"NavbarRailItem.js","names":["forwardRefWithAs","Badge","cnMixSpace","Text","withTooltip","React","cn","defaultNavbarPropForm","defaultNavbarPropSize","cnNavbarItem","spaceMap","m","pV","pH","mB","s","bageSizeMap","textSpaceMap","mT","Item","props","ref","size","icon","Icon","status","form","active","label","as","className","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","c","minified","align","view","lineHeight","NavbarRailItem","direction","mode","possibleDirections","spareDirection"],"sources":["../../../../../../src/components/Navbar/NavbarRailItem/NavbarRailItem.tsx"],"sourcesContent":["import './NavbarRailItem.css';\n\nimport { forwardRefWithAs } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport { Badge } from '@consta/uikit/Badge';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport { withTooltip } from '@consta/uikit/withTooltip';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport {\n  defaultNavbarPropForm,\n  defaultNavbarPropSize,\n  NavbarRailItemProps,\n} from '../types';\n\nexport const cnNavbarItem = cn('NavbarRailItem');\n\nexport const spaceMap = {\n  m: { pV: 's', pH: 'm', mB: '2xs' },\n  s: { pV: 'xs', pH: 'm', mB: '2xs' },\n} as const;\n\nconst bageSizeMap = {\n  s: 'xs',\n  m: 's',\n} as const;\n\nconst textSpaceMap = {\n  m: { mT: 'xs' },\n  s: { mT: '2xs' },\n} as const;\n\nconst Item = forwardRefWithAs<NavbarRailItemProps, 'div'>((props, ref) => {\n  const {\n    size = defaultNavbarPropSize,\n    icon: Icon,\n    status,\n    form = defaultNavbarPropForm,\n    active,\n    label,\n    as = 'div',\n    className,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      ref={ref}\n      className={cnNavbarItem({ size, form, active }, [\n        cnMixSpace(spaceMap[size]),\n        className,\n      ])}\n    >\n      <div className={cnNavbarItem('IconWrapper')}>\n        {Icon && <Icon size={size} />}\n        {status && (\n          <Badge\n            className={cnNavbarItem('Badge')}\n            size={bageSizeMap[size]}\n            status={status}\n            minified\n          />\n        )}\n      </div>\n      {label && (\n        <Text\n          className={cnNavbarItem('Label', [cnMixSpace(textSpaceMap[size])])}\n          align=\"center\"\n          size={size}\n          view=\"primary\"\n          lineHeight=\"m\"\n        >\n          {label}\n        </Text>\n      )}\n    </Tag>\n  );\n});\n\nexport const NavbarRailItem = withTooltip({\n  direction: 'rightCenter',\n  mode: 'mouseover',\n  possibleDirections: [\n    'rightCenter',\n    'rightDown',\n    'rightUp',\n    'rightStartDown',\n    'rightStartUp',\n  ],\n  spareDirection: 'rightCenter',\n})(Item);\n"],"mappings":"uKAAA,6BAEA,OAASA,gBAAgB,KAAQ,kEAAkE,CACnG,OAASC,KAAK,KAAQ,qBAAqB,CAC3C,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,IAAI,KAAQ,oBAAoB,CACzC,OAASC,WAAW,KAAQ,2BAA2B,CACvD,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,0BAEX,OACEC,qBAAqB,CACrBC,qBAAqB,gBAIvB,MAAO,MAAM,CAAAC,YAAY,CAAGH,EAAE,CAAC,gBAAgB,CAAC,CAEhD,MAAO,MAAM,CAAAI,QAAQ,CAAG,CACtBC,CAAC,CAAE,CAAEC,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,KAAM,CAAC,CAClCC,CAAC,CAAE,CAAEH,EAAE,CAAE,IAAI,CAAEC,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,KAAM,CACpC,CAAU,CAAC,KAEL,CAAAE,WAAW,CAAG,CAClBD,CAAC,CAAE,IAAI,CACPJ,CAAC,CAAE,GACL,CAAU,CAEJM,YAAY,CAAG,CACnBN,CAAC,CAAE,CAAEO,EAAE,CAAE,IAAK,CAAC,CACfH,CAAC,CAAE,CAAEG,EAAE,CAAE,KAAM,CACjB,CAAU,CAEJC,IAAI,CAAGnB,gBAAgB,CAA6B,CAACoB,CAAK,CAAEC,CAAG,GAAK,MAClE,CACJC,IAAI,CAAJA,CAAI,CAAGd,qBAAqB,CAC5Be,IAAI,CAAEC,CAAI,CACVC,MAAM,CAANA,CAAM,CACNC,IAAI,CAAJA,CAAI,CAAGnB,qBAAqB,CAC5BoB,MAAM,CAANA,CAAM,CACNC,KAAK,CAALA,CAAK,CACLC,EAAE,CAAFA,CAAE,CAAG,KAAK,CACVC,SAAS,CAATA,CAEF,CAAC,CAAGV,CAAK,CADJW,CAAU,CAAAC,wBAAA,CACXZ,CAAK,CAAAa,SAAA,EAIT,MACE,CAAA5B,KAAA,CAAA6B,aAAA,CAHUL,CAAE,CAAAM,MAAA,CAAAC,MAAA,IAINL,CAAU,EACdV,GAAG,CAAEA,CAAI,CACTS,SAAS,CAAErB,YAAY,CAAC,CAAEa,IAAI,CAAJA,CAAI,CAAEI,IAAI,CAAJA,CAAI,CAAEC,MAAM,CAANA,CAAO,CAAC,CAAE,CAC9CzB,UAAU,CAACQ,QAAQ,CAACY,CAAI,CAAC,CAAC,CAC1BQ,CAAS,CACV,CAAE,GAEHzB,KAAA,CAAA6B,aAAA,QAAKJ,SAAS,CAAErB,YAAY,CAAC,aAAa,CAAE,EACzCe,CAAI,EAAInB,KAAA,CAAA6B,aAAA,CAACG,CAAI,EAACf,IAAI,CAAEA,CAAK,CAAE,CAAC,CAC5BG,CAAM,EACLpB,KAAA,CAAA6B,aAAA,CAACjC,KAAK,EACJ6B,SAAS,CAAErB,YAAY,CAAC,OAAO,CAAE,CACjCa,IAAI,CAAEN,WAAW,CAACM,CAAI,CAAE,CACxBG,MAAM,CAAEA,CAAO,CACfa,QAAQ,IACT,CAEA,CAAC,CACLV,CAAK,EACJvB,KAAA,CAAA6B,aAAA,CAAC/B,IAAI,EACH2B,SAAS,CAAErB,YAAY,CAAC,OAAO,CAAE,CAACP,UAAU,CAACe,YAAY,CAACK,CAAI,CAAC,CAAC,CAAC,CAAE,CACnEiB,KAAK,CAAC,QAAQ,CACdjB,IAAI,CAAEA,CAAK,CACXkB,IAAI,CAAC,SAAS,CACdC,UAAU,CAAC,GAAG,EAEbb,CACG,CAEL,CAET,CAAC,CAAC,CAEF,MAAO,MAAM,CAAAc,cAAc,CAAGtC,WAAW,CAAC,CACxCuC,SAAS,CAAE,aAAa,CACxBC,IAAI,CAAE,WAAW,CACjBC,kBAAkB,CAAE,CAClB,aAAa,CACb,WAAW,CACX,SAAS,CACT,gBAAgB,CAChB,cAAc,CACf,CACDC,cAAc,CAAE,aAClB,CAAC,CAAC,CAAC3B,IAAI,CAAC"}

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { DefaultNavbarGroup, DefaultNavbarItem, DefaultNavbarRailItem, NavbarPropGetGroupKey, NavbarPropGetGroupLabel, NavbarPropGetGroupRightSide, NavbarPropGetItemActive, NavbarPropGetItemGroupId, NavbarPropGetItemIcon, NavbarPropGetItemLabel, NavbarPropGetItemRightSide, NavbarPropGetItemStatus, NavbarPropGetItemSubMenu, NavbarProps, NavbarRailPropGetItemTooltip, NavbarRailProps } from './types';
 export declare function withDefaultGetters<ITEM = DefaultNavbarItem, GROUP = DefaultNavbarGroup>(props: NavbarProps<ITEM, GROUP>): {
     items: ITEM[];
-    size?: "m" | "s" | undefined;
-    form?: "default" | "brick" | "round" | undefined;
+    size?: import("./types").NavbarPropSize;
+    form?: import("./types").NavbarPropForm;
     onItemClick?: import("./types").NavbarPropOnItemClick<ITEM> | undefined;
     getItemLabel?: NavbarPropGetItemLabel<ITEM> | undefined;
     getItemIcon?: NavbarPropGetItemIcon<ITEM> | undefined;
@@ -22,12 +21,14 @@ export declare function withDefaultGetters<ITEM = DefaultNavbarItem, GROUP = Def
     getGroupRightSide?: NavbarPropGetGroupRightSide<GROUP> | undefined;
     sortGroup?: import("./types").NavbarPropSortGroup<ITEM, GROUP> | undefined;
     getGroupAdditionalClassName?: import("./types").NavbarPropGetGroupAdditionalClassName<GROUP> | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemLabel" | "getItemIcon" | "form" | "size" | "getItemAs" | "getItemAttributes" | "groups" | "getItemSubMenu" | "getItemActive" | "getGroupKey" | "getGroupLabel" | "getItemRightSide" | "getItemGroupKey" | "getItemStatus" | "getItemRef" | "getItemAdditionalClassName" | "getGroupRightSide" | "sortGroup" | "getGroupAdditionalClassName"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: string;
+    getItemSubMenuOpen?: import("./types").NavbarPropGetItemSubMenuOpen<ITEM> | undefined;
+    onSubMenuToggle?: import("./types").NavbarPropOnSubMenuToggle<ITEM> | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemLabel" | "getItemIcon" | "form" | "size" | "getItemAs" | "getItemAttributes" | "groups" | "getItemSubMenu" | "getItemActive" | "getGroupKey" | "getGroupLabel" | "getItemRightSide" | "getItemGroupKey" | "getItemStatus" | "getItemRef" | "getItemAdditionalClassName" | "getGroupRightSide" | "sortGroup" | "getGroupAdditionalClassName" | "getItemSubMenuOpen" | "onSubMenuToggle"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+    label: DefaultNavbarItem["label"];
 } ? {} : {
     getItemLabel: NavbarPropGetItemLabel<ITEM>;
 }) & (GROUP extends {
-    id: string | number;
+    id: DefaultNavbarGroup["id"];
 } ? {} : {
     getGroupKey: NavbarPropGetGroupKey<GROUP>;
 }) & {
@@ -44,8 +45,8 @@ export declare function withDefaultGetters<ITEM = DefaultNavbarItem, GROUP = Def
 };
 export declare function withDefaultRailGetters<ITEM = NavbarRailProps>(props: NavbarRailProps<ITEM>): {
     items: ITEM[];
-    size?: "m" | "s" | undefined;
-    form?: "default" | "brick" | "round" | undefined;
+    size?: import("./types").NavbarPropSize;
+    form?: import("./types").NavbarPropForm;
     onItemClick?: import("./types").NavbarPropOnItemClick<ITEM> | undefined;
     getItemLabel?: import("./types").NavbarRailPropGetItemLabel<ITEM> | undefined;
     getItemIcon?: import("./types").NavbarRailPropGetItemIcon<ITEM> | undefined;
@@ -56,9 +57,9 @@ export declare function withDefaultRailGetters<ITEM = NavbarRailProps>(props: Na
     getItemRef?: import("./types").NavbarPropGetItemRef<ITEM> | undefined;
     getItemAdditionalClassName?: import("./types").NavbarPropGetItemAdditionalClassName<ITEM> | undefined;
     getItemTooltip?: NavbarRailPropGetItemTooltip<ITEM> | undefined;
-    tooltipProps?: Omit<import("@consta/uikit/Tooltip").TooltipProps, "children" | "position" | "anchorRef" | "equalAnchorWidth"> | undefined;
+    tooltipProps?: Omit<import("@consta/uikit/Tooltip").TooltipProps, "children" | "position" | "equalAnchorWidth" | "anchorRef">;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "onItemClick" | "getItemLabel" | "getItemIcon" | "form" | "size" | "getItemAs" | "getItemAttributes" | "getItemActive" | "getItemStatus" | "getItemRef" | "getItemAdditionalClassName" | "getItemTooltip" | "tooltipProps"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
-    icon: import("@consta/icons/Icon").IconComponent<"span">;
+    icon: DefaultNavbarRailItem["icon"];
 } ? {} : {
     getItemIcon: import("./types").NavbarRailPropGetItemIcon<ITEM>;
 }) & {

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

@@ -4,7 +4,7 @@ import { AsAttributes, AsTags } from '@consta/uikit/__internal__/src/utils/types
 import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import { BadgePropStatus } from '@consta/uikit/Badge';
 import { TooltipProps } from '@consta/uikit/Tooltip';
-import React from 'react';
+import * as React from 'react';
 export declare const navbarPropSize: readonly ["s", "m"];
 export type NavbarPropSize = (typeof navbarPropSize)[number];
 export declare const defaultNavbarPropSize: NavbarPropSize;
@@ -49,6 +49,11 @@ export type NavbarPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | u
 export type NavbarPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
 export type NavbarPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
 export type NavbarPropSortGroup<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
+export type NavbarPropGetItemSubMenuOpen<ITEM> = (item: ITEM) => boolean;
+export type NavbarPropOnSubMenuToggle<ITEM> = (item: ITEM, params: {
+    open: boolean;
+    e?: React.MouseEvent;
+}) => void;
 export type NavbarPropGetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
 export type NavbarPropGetGroupAdditionalClassName<GROUP> = (item: GROUP) => string;
 export type NavbarPropGetGroupLabel<GROUP> = (item: GROUP) => string | undefined;
@@ -79,6 +84,8 @@ export type NavbarProps<ITEM = DefaultNavbarItem, GROUP = DefaultNavbarGroup> =
     getGroupRightSide?: NavbarPropGetGroupRightSide<GROUP>;
     sortGroup?: NavbarPropSortGroup<ITEM, GROUP>;
     getGroupAdditionalClassName?: NavbarPropGetGroupAdditionalClassName<GROUP>;
+    getItemSubMenuOpen?: NavbarPropGetItemSubMenuOpen<ITEM>;
+    onSubMenuToggle?: NavbarPropOnSubMenuToggle<ITEM>;
 }, HTMLDivElement> & (ITEM extends {
     label: DefaultNavbarItem['label'];
 } ? {} : {
@@ -88,7 +95,7 @@ export type NavbarProps<ITEM = DefaultNavbarItem, GROUP = DefaultNavbarGroup> =
 } ? {} : {
     getGroupKey: NavbarPropGetGroupKey<GROUP>;
 });
-export type NavbarComponent = <ITEM = DefaultNavbarItem, GROUP = DefaultNavbarGroup>(props: NavbarProps<ITEM, GROUP>) => React.ReactElement | null;
+export type NavbarComponent = <ITEM = DefaultNavbarItem, GROUP = DefaultNavbarGroup>(props: NavbarProps<ITEM, GROUP>) => React.ReactNode;
 export type NavbarRailProps<ITEM = DefaultNavbarRailItem> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     size?: NavbarPropSize;
@@ -109,7 +116,7 @@ export type NavbarRailProps<ITEM = DefaultNavbarRailItem> = PropsWithHTMLAttribu
 } ? {} : {
     getItemIcon: NavbarRailPropGetItemIcon<ITEM>;
 });
-export type NavbarRailComponent = <ITEM = DefaultNavbarRailItem>(props: NavbarRailProps<ITEM>) => React.ReactElement | null;
+export type NavbarRailComponent = <ITEM = DefaultNavbarRailItem>(props: NavbarRailProps<ITEM>) => React.ReactNode;
 export type NavbarItemProps<ITEM = DefaultNavbarItem> = PropsWithHTMLAttributesAndRef<{
     size: NavbarPropSize;
     item: ITEM;
@@ -126,8 +133,10 @@ export type NavbarItemProps<ITEM = DefaultNavbarItem> = PropsWithHTMLAttributesA
     getItemSubMenu: NavbarPropGetItemSubMenu<ITEM> | undefined;
     getItemAdditionalClassName: NavbarPropGetItemAdditionalClassName<ITEM> | undefined;
     level: number;
+    getItemSubMenuOpen: NavbarPropGetItemSubMenuOpen<ITEM> | undefined;
+    onSubMenuToggle: NavbarPropOnSubMenuToggle<ITEM> | undefined;
 }, HTMLDivElement>;
-export type NavbarItemComponent = <ITEM = DefaultNavbarItem>(props: NavbarItemProps<ITEM>) => React.ReactElement | null;
+export type NavbarItemComponent = <ITEM = DefaultNavbarItem>(props: NavbarItemProps<ITEM>) => React.ReactNode;
 export type NavbarRailItemProps = PropsWithHTMLAttributesAndRef<{
     size?: NavbarPropSize;
     form?: NavbarPropForm;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["navbarPropSize","defaultNavbarPropSize","navbarPropForm","defaultNavbarPropForm"],"sources":["../../../../../src/components/Navbar/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { Group } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport {\n  AsAttributes,\n  AsTags,\n} from '@consta/uikit/__internal__/src/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\nimport { BadgePropStatus } from '@consta/uikit/Badge';\nimport { TooltipProps } from '@consta/uikit/Tooltip';\nimport React from 'react';\n\nexport const navbarPropSize = ['s', 'm'] as const;\nexport type NavbarPropSize = (typeof navbarPropSize)[number];\nexport const defaultNavbarPropSize: NavbarPropSize = 'm';\n\nexport const navbarPropForm = ['default', 'brick', 'round'] as const;\nexport type NavbarPropForm = (typeof navbarPropForm)[number];\nexport const defaultNavbarPropForm = navbarPropForm[0];\n\nexport type DefaultNavbarGroup = {\n  id: string | number;\n  label?: string;\n  rightSide?: React.ReactNode;\n};\n\nexport type DefaultNavbarItem = {\n  label: string;\n  status?: BadgePropStatus;\n  groupId?: string | number;\n  icon?: IconComponent;\n  rightSide?: React.ReactNode;\n  active?: boolean;\n  subMenu?: DefaultNavbarItem[];\n};\n\nexport type DefaultNavbarRailItem = {\n  label: string;\n  icon: IconComponent;\n  status?: BadgePropStatus;\n  active?: boolean;\n  tooltip?: React.ReactNode;\n};\n\nexport type NavbarPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\n// ITEMS\n\nexport type NavbarPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type NavbarRailPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type NavbarPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;\n\nexport type NavbarPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type NavbarPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type NavbarPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type NavbarPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type NavbarPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type NavbarRailPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent;\n\nexport type NavbarPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type NavbarPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type NavbarPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type NavbarPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type NavbarPropSortGroup<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\n\n// GROUPS\nexport type NavbarPropGetGroupKey<GROUP> = (\n  item: GROUP,\n) => string | number | undefined;\n\nexport type NavbarPropGetGroupAdditionalClassName<GROUP> = (\n  item: GROUP,\n) => string;\n\nexport type NavbarPropGetGroupLabel<GROUP> = (\n  item: GROUP,\n) => string | undefined;\nexport type NavbarPropGetGroupRightSide<GROUP> = (\n  item: GROUP,\n) => React.ReactNode | undefined;\n\nexport type NavbarPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type NavbarPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => BadgePropStatus | undefined;\n\nexport type NavbarPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;\nexport type NavbarRailPropGetItemTooltip<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type NavbarProps<\n  ITEM = DefaultNavbarItem,\n  GROUP = DefaultNavbarGroup,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: NavbarPropSize;\n    form?: NavbarPropForm;\n    onItemClick?: NavbarPropOnItemClick<ITEM>;\n    getItemLabel?: NavbarPropGetItemLabel<ITEM>;\n    getItemIcon?: NavbarPropGetItemIcon<ITEM>;\n    getItemActive?: NavbarPropGetItemActive<ITEM>;\n    getItemRightSide?: NavbarPropGetItemRightSide<ITEM>;\n    getItemStatus?: NavbarPropGetItemStatus<ITEM>;\n    getItemGroupKey?: NavbarPropGetItemGroupId<ITEM>;\n    getItemAs?: NavbarPropGetItemAs<ITEM>;\n    getItemAttributes?: NavbarPropGetItemAttributes<ITEM>;\n    getItemRef?: NavbarPropGetItemRef<ITEM>;\n    getItemSubMenu?: NavbarPropGetItemSubMenu<ITEM>;\n    getItemAdditionalClassName?: NavbarPropGetItemAdditionalClassName<ITEM>;\n    groups?: GROUP[];\n    getGroupKey?: NavbarPropGetGroupKey<GROUP>;\n    getGroupLabel?: NavbarPropGetGroupLabel<GROUP>;\n    getGroupRightSide?: NavbarPropGetGroupRightSide<GROUP>;\n    sortGroup?: NavbarPropSortGroup<ITEM, GROUP>;\n    getGroupAdditionalClassName?: NavbarPropGetGroupAdditionalClassName<GROUP>;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultNavbarItem['label'] }\n    ? {}\n    : { getItemLabel: NavbarPropGetItemLabel<ITEM> }) &\n  (GROUP extends { id: DefaultNavbarGroup['id'] }\n    ? {}\n    : { getGroupKey: NavbarPropGetGroupKey<GROUP> });\n\nexport type NavbarComponent = <\n  ITEM = DefaultNavbarItem,\n  GROUP = DefaultNavbarGroup,\n>(\n  props: NavbarProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type NavbarRailProps<ITEM = DefaultNavbarRailItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      size?: NavbarPropSize;\n      form?: NavbarPropForm;\n      onItemClick?: NavbarPropOnItemClick<ITEM>;\n      getItemLabel?: NavbarRailPropGetItemLabel<ITEM>;\n      getItemIcon?: NavbarRailPropGetItemIcon<ITEM>;\n      getItemActive?: NavbarPropGetItemActive<ITEM>;\n      getItemStatus?: NavbarPropGetItemStatus<ITEM>;\n      getItemAs?: NavbarPropGetItemAs<ITEM>;\n      getItemAttributes?: NavbarPropGetItemAttributes<ITEM>;\n      getItemRef?: NavbarPropGetItemRef<ITEM>;\n      getItemAdditionalClassName?: NavbarPropGetItemAdditionalClassName<ITEM>;\n      getItemTooltip?: NavbarRailPropGetItemTooltip<ITEM>;\n      tooltipProps?: Omit<\n        TooltipProps,\n        'children' | 'position' | 'equalAnchorWidth' | 'anchorRef'\n      >;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { icon: DefaultNavbarRailItem['icon'] }\n      ? {}\n      : { getItemIcon: NavbarRailPropGetItemIcon<ITEM> });\n\nexport type NavbarRailComponent = <ITEM = DefaultNavbarRailItem>(\n  props: NavbarRailProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type NavbarItemProps<ITEM = DefaultNavbarItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size: NavbarPropSize;\n      item: ITEM;\n      form: NavbarPropForm;\n      onItemClick: NavbarPropOnItemClick<ITEM> | undefined;\n      getItemLabel: NavbarPropGetItemLabel<ITEM>;\n      getItemIcon: NavbarPropGetItemIcon<ITEM>;\n      getItemActive: NavbarPropGetItemActive<ITEM>;\n      getItemRightSide: NavbarPropGetItemRightSide<ITEM>;\n      getItemStatus: NavbarPropGetItemStatus<ITEM> | undefined;\n      getItemAs: NavbarPropGetItemAs<ITEM> | undefined;\n      getItemAttributes: NavbarPropGetItemAttributes<ITEM> | undefined;\n      getItemRef: NavbarPropGetItemRef<ITEM> | undefined;\n      getItemSubMenu: NavbarPropGetItemSubMenu<ITEM> | undefined;\n      getItemAdditionalClassName:\n        | NavbarPropGetItemAdditionalClassName<ITEM>\n        | undefined;\n      level: number;\n    },\n    HTMLDivElement\n  >;\n\nexport type NavbarItemComponent = <ITEM = DefaultNavbarItem>(\n  props: NavbarItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type NavbarRailItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: NavbarPropSize;\n    form?: NavbarPropForm;\n    icon?: IconComponent;\n    active?: boolean;\n    status?: BadgePropStatus;\n    label?: string;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AAWA,MAAO,MAAM,CAAAA,cAAc,CAAG,CAAC,GAAG,CAAE,GAAG,CAAU,CAEjD,MAAO,MAAM,CAAAC,qBAAqC,CAAG,GAAG,CAExD,MAAO,MAAM,CAAAC,cAAc,CAAG,CAAC,SAAS,CAAE,OAAO,CAAE,OAAO,CAAU,CAEpE,MAAO,MAAM,CAAAC,qBAAqB,CAAGD,cAAc,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.js","names":["navbarPropSize","defaultNavbarPropSize","navbarPropForm","defaultNavbarPropForm"],"sources":["../../../../../src/components/Navbar/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { Group } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport {\n  AsAttributes,\n  AsTags,\n} from '@consta/uikit/__internal__/src/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\nimport { BadgePropStatus } from '@consta/uikit/Badge';\nimport { TooltipProps } from '@consta/uikit/Tooltip';\nimport * as React from 'react';\n\nexport const navbarPropSize = ['s', 'm'] as const;\nexport type NavbarPropSize = (typeof navbarPropSize)[number];\nexport const defaultNavbarPropSize: NavbarPropSize = 'm';\n\nexport const navbarPropForm = ['default', 'brick', 'round'] as const;\nexport type NavbarPropForm = (typeof navbarPropForm)[number];\nexport const defaultNavbarPropForm = navbarPropForm[0];\n\nexport type DefaultNavbarGroup = {\n  id: string | number;\n  label?: string;\n  rightSide?: React.ReactNode;\n};\n\nexport type DefaultNavbarItem = {\n  label: string;\n  status?: BadgePropStatus;\n  groupId?: string | number;\n  icon?: IconComponent;\n  rightSide?: React.ReactNode;\n  active?: boolean;\n  subMenu?: DefaultNavbarItem[];\n};\n\nexport type DefaultNavbarRailItem = {\n  label: string;\n  icon: IconComponent;\n  status?: BadgePropStatus;\n  active?: boolean;\n  tooltip?: React.ReactNode;\n};\n\nexport type NavbarPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\n// ITEMS\n\nexport type NavbarPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type NavbarRailPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type NavbarPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;\n\nexport type NavbarPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type NavbarPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type NavbarPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type NavbarPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type NavbarPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type NavbarRailPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent;\n\nexport type NavbarPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type NavbarPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type NavbarPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type NavbarPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type NavbarPropSortGroup<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\n\nexport type NavbarPropGetItemSubMenuOpen<ITEM> = (item: ITEM) => boolean;\n\nexport type NavbarPropOnSubMenuToggle<ITEM> = (\n  item: ITEM,\n  params: {\n    open: boolean;\n    e?: React.MouseEvent;\n  },\n) => void;\n\n// GROUPS\nexport type NavbarPropGetGroupKey<GROUP> = (\n  item: GROUP,\n) => string | number | undefined;\n\nexport type NavbarPropGetGroupAdditionalClassName<GROUP> = (\n  item: GROUP,\n) => string;\n\nexport type NavbarPropGetGroupLabel<GROUP> = (\n  item: GROUP,\n) => string | undefined;\nexport type NavbarPropGetGroupRightSide<GROUP> = (\n  item: GROUP,\n) => React.ReactNode | undefined;\n\nexport type NavbarPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type NavbarPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => BadgePropStatus | undefined;\n\nexport type NavbarPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;\nexport type NavbarRailPropGetItemTooltip<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type NavbarProps<\n  ITEM = DefaultNavbarItem,\n  GROUP = DefaultNavbarGroup,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: NavbarPropSize;\n    form?: NavbarPropForm;\n    onItemClick?: NavbarPropOnItemClick<ITEM>;\n    getItemLabel?: NavbarPropGetItemLabel<ITEM>;\n    getItemIcon?: NavbarPropGetItemIcon<ITEM>;\n    getItemActive?: NavbarPropGetItemActive<ITEM>;\n    getItemRightSide?: NavbarPropGetItemRightSide<ITEM>;\n    getItemStatus?: NavbarPropGetItemStatus<ITEM>;\n    getItemGroupKey?: NavbarPropGetItemGroupId<ITEM>;\n    getItemAs?: NavbarPropGetItemAs<ITEM>;\n    getItemAttributes?: NavbarPropGetItemAttributes<ITEM>;\n    getItemRef?: NavbarPropGetItemRef<ITEM>;\n    getItemSubMenu?: NavbarPropGetItemSubMenu<ITEM>;\n    getItemAdditionalClassName?: NavbarPropGetItemAdditionalClassName<ITEM>;\n    groups?: GROUP[];\n    getGroupKey?: NavbarPropGetGroupKey<GROUP>;\n    getGroupLabel?: NavbarPropGetGroupLabel<GROUP>;\n    getGroupRightSide?: NavbarPropGetGroupRightSide<GROUP>;\n    sortGroup?: NavbarPropSortGroup<ITEM, GROUP>;\n    getGroupAdditionalClassName?: NavbarPropGetGroupAdditionalClassName<GROUP>;\n    getItemSubMenuOpen?: NavbarPropGetItemSubMenuOpen<ITEM>;\n    onSubMenuToggle?: NavbarPropOnSubMenuToggle<ITEM>;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultNavbarItem['label'] }\n    ? {}\n    : { getItemLabel: NavbarPropGetItemLabel<ITEM> }) &\n  (GROUP extends { id: DefaultNavbarGroup['id'] }\n    ? {}\n    : { getGroupKey: NavbarPropGetGroupKey<GROUP> });\n\nexport type NavbarComponent = <\n  ITEM = DefaultNavbarItem,\n  GROUP = DefaultNavbarGroup,\n>(\n  props: NavbarProps<ITEM, GROUP>,\n) => React.ReactNode;\n\nexport type NavbarRailProps<ITEM = DefaultNavbarRailItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      size?: NavbarPropSize;\n      form?: NavbarPropForm;\n      onItemClick?: NavbarPropOnItemClick<ITEM>;\n      getItemLabel?: NavbarRailPropGetItemLabel<ITEM>;\n      getItemIcon?: NavbarRailPropGetItemIcon<ITEM>;\n      getItemActive?: NavbarPropGetItemActive<ITEM>;\n      getItemStatus?: NavbarPropGetItemStatus<ITEM>;\n      getItemAs?: NavbarPropGetItemAs<ITEM>;\n      getItemAttributes?: NavbarPropGetItemAttributes<ITEM>;\n      getItemRef?: NavbarPropGetItemRef<ITEM>;\n      getItemAdditionalClassName?: NavbarPropGetItemAdditionalClassName<ITEM>;\n      getItemTooltip?: NavbarRailPropGetItemTooltip<ITEM>;\n      tooltipProps?: Omit<\n        TooltipProps,\n        'children' | 'position' | 'equalAnchorWidth' | 'anchorRef'\n      >;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { icon: DefaultNavbarRailItem['icon'] }\n      ? {}\n      : { getItemIcon: NavbarRailPropGetItemIcon<ITEM> });\n\nexport type NavbarRailComponent = <ITEM = DefaultNavbarRailItem>(\n  props: NavbarRailProps<ITEM>,\n) => React.ReactNode;\n\nexport type NavbarItemProps<ITEM = DefaultNavbarItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size: NavbarPropSize;\n      item: ITEM;\n      form: NavbarPropForm;\n      onItemClick: NavbarPropOnItemClick<ITEM> | undefined;\n      getItemLabel: NavbarPropGetItemLabel<ITEM>;\n      getItemIcon: NavbarPropGetItemIcon<ITEM>;\n      getItemActive: NavbarPropGetItemActive<ITEM>;\n      getItemRightSide: NavbarPropGetItemRightSide<ITEM>;\n      getItemStatus: NavbarPropGetItemStatus<ITEM> | undefined;\n      getItemAs: NavbarPropGetItemAs<ITEM> | undefined;\n      getItemAttributes: NavbarPropGetItemAttributes<ITEM> | undefined;\n      getItemRef: NavbarPropGetItemRef<ITEM> | undefined;\n      getItemSubMenu: NavbarPropGetItemSubMenu<ITEM> | undefined;\n      getItemAdditionalClassName:\n        | NavbarPropGetItemAdditionalClassName<ITEM>\n        | undefined;\n      level: number;\n      getItemSubMenuOpen: NavbarPropGetItemSubMenuOpen<ITEM> | undefined;\n      onSubMenuToggle: NavbarPropOnSubMenuToggle<ITEM> | undefined;\n    },\n    HTMLDivElement\n  >;\n\nexport type NavbarItemComponent = <ITEM = DefaultNavbarItem>(\n  props: NavbarItemProps<ITEM>,\n) => React.ReactNode;\n\nexport type NavbarRailItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: NavbarPropSize;\n    form?: NavbarPropForm;\n    icon?: IconComponent;\n    active?: boolean;\n    status?: BadgePropStatus;\n    label?: string;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AAWA,MAAO,MAAM,CAAAA,cAAc,CAAG,CAAC,GAAG,CAAE,GAAG,CAAU,CAEjD,MAAO,MAAM,CAAAC,qBAAqC,CAAG,GAAG,CAExD,MAAO,MAAM,CAAAC,cAAc,CAAG,CAAC,SAAS,CAAE,OAAO,CAAE,OAAO,CAAU,CAEpE,MAAO,MAAM,CAAAC,qBAAqB,CAAGD,cAAc,CAAC,CAAC,CAAC"}

package/__internal__/src/components/Notifications/NotificationsActions/helpers.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 import { ButtonMenuDefaultItem, NotificationsActionsPropGetItemIcon, NotificationsActionsPropGetItemLabel, NotificationsActionsPropGetItemOnClick, NotificationsActionsProps } from './types';
 export declare function withDefaultGetters<ITEM>(props: NotificationsActionsProps<ITEM>): {
     items?: ITEM[] | undefined;
-    mainButtonOnlyIcon?: boolean | undefined;
-    opened?: boolean | undefined;
-    onOpen?: ((value: boolean) => void) | undefined;
+    mainButtonOnlyIcon?: boolean;
+    opened?: boolean;
+    onOpen?: (value: boolean) => void;
     onItemClick?: import("./types").NotificationsActionsOnItemClick<ITEM> | undefined;
 } & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "css" | "items" | "onItemClick" | "opened" | "onOpen" | "mainButtonOnlyIcon"> & {
     getItemLabel?: NotificationsActionsPropGetItemLabel<ITEM> | undefined;
     getItemOnClick?: NotificationsActionsPropGetItemOnClick<ITEM> | undefined;
     getItemIcon?: NotificationsActionsPropGetItemIcon<ITEM> | undefined;
 } & (ITEM extends {
-    label: string;
+    label: ButtonMenuDefaultItem["label"];
 } ? {} : {
     getItemLabel: NotificationsActionsPropGetItemLabel<ITEM>;
 }) & {

package/__internal__/src/components/Notifications/NotificationsActions/types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { IconComponent } from '@consta/icons/Icon';
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 export type ButtonMenuDefaultItem = {
     label: string;
     onClick?: React.EventHandler<React.MouseEvent>;
@@ -27,4 +26,4 @@ export type NotificationsActionsProps<ITEM = ButtonMenuDefaultItem> = PropsWithH
 } ? {} : {
     getItemLabel: NotificationsActionsPropGetItemLabel<ITEM>;
 });
-export type NotificationsActionsComponent = <ITEM = ButtonMenuDefaultItem>(props: NotificationsActionsProps<ITEM>) => React.ReactElement | null;
+export type NotificationsActionsComponent = <ITEM = ButtonMenuDefaultItem>(props: NotificationsActionsProps<ITEM>) => React.ReactNode;

package/__internal__/src/components/Notifications/NotificationsActions/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notifications/NotificationsActions/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type ButtonMenuDefaultItem = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: IconComponent;\n};\n\nexport type NotificationsActionsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type NotificationsActionsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type NotificationsActionsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\n\nexport type NotificationsActionsOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type NotificationsActionsProps<ITEM = ButtonMenuDefaultItem> =\n  PropsWithHTMLAttributes<\n    {\n      items?: ITEM[];\n      mainButtonOnlyIcon?: boolean;\n      opened?: boolean;\n      onOpen?: (value: boolean) => void;\n      onItemClick?: NotificationsActionsOnItemClick<ITEM>;\n    },\n    HTMLButtonElement\n  > & {\n    getItemLabel?: NotificationsActionsPropGetItemLabel<ITEM>;\n    getItemOnClick?: NotificationsActionsPropGetItemOnClick<ITEM>;\n    getItemIcon?: NotificationsActionsPropGetItemIcon<ITEM>;\n  } & (ITEM extends { label: ButtonMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: NotificationsActionsPropGetItemLabel<ITEM> });\n\nexport type NotificationsActionsComponent = <ITEM = ButtonMenuDefaultItem>(\n  props: NotificationsActionsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notifications/NotificationsActions/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { PropsWithHTMLAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\n\nexport type ButtonMenuDefaultItem = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: IconComponent;\n};\n\nexport type NotificationsActionsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type NotificationsActionsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type NotificationsActionsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\n\nexport type NotificationsActionsOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type NotificationsActionsProps<ITEM = ButtonMenuDefaultItem> =\n  PropsWithHTMLAttributes<\n    {\n      items?: ITEM[];\n      mainButtonOnlyIcon?: boolean;\n      opened?: boolean;\n      onOpen?: (value: boolean) => void;\n      onItemClick?: NotificationsActionsOnItemClick<ITEM>;\n    },\n    HTMLButtonElement\n  > & {\n    getItemLabel?: NotificationsActionsPropGetItemLabel<ITEM>;\n    getItemOnClick?: NotificationsActionsPropGetItemOnClick<ITEM>;\n    getItemIcon?: NotificationsActionsPropGetItemIcon<ITEM>;\n  } & (ITEM extends { label: ButtonMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: NotificationsActionsPropGetItemLabel<ITEM> });\n\nexport type NotificationsActionsComponent = <ITEM = ButtonMenuDefaultItem>(\n  props: NotificationsActionsProps<ITEM>,\n) => React.ReactNode;\n"],"mappings":""}

package/__internal__/src/components/Notifications/NotificationsItem/NotificationsItem.d.ts

@@ -2,5 +2,5 @@ import './NotificationsItem.css';
 import React from 'react';
 import { NotificationsItemProps } from './types';
 export declare const cnNotificationsItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const NotificationsItem: React.ForwardRefExoticComponent<Pick<NotificationsItemProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "view" | "key" | "date" | "description" | "dateFormat" | "badges" | "imageUrl" | "read" | "actions" | "actionsMenuOpened"> & React.RefAttributes<HTMLDivElement>>;
+export declare const NotificationsItem: React.ForwardRefExoticComponent<Omit<NotificationsItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export * from './types';

package/__internal__/src/components/Notifications/NotificationsItem/types.d.ts

@@ -1,7 +1,7 @@
 import { IconProps } from '@consta/icons/Icon';
+import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import { BadgePropStatus } from '@consta/uikit/Badge';
 import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
 export type NotificationsItemAction = {
     label: string;
     onClick?: React.EventHandler<React.MouseEvent>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notifications/NotificationsItem/types.ts"],"sourcesContent":["import { IconProps } from '@consta/icons/Icon';\nimport { BadgePropStatus } from '@consta/uikit/Badge';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationsItemAction = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: React.FC<IconProps>;\n};\n\nexport type NotificationsItemBadge = {\n  label: string;\n  status?: BadgePropStatus;\n};\n\nexport type NotificationsItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    title: string;\n    description?: string;\n    imageUrl?: string;\n    read?: boolean;\n    date?: Date;\n    dateFormat?: (date: Date) => string;\n    badges?: NotificationsItemBadge[];\n    actions?: NotificationsItemAction[];\n    onClick?: React.EventHandler<React.MouseEvent>;\n    children?: never;\n    view?: 'user' | 'default';\n    actionsMenuOpened?: boolean;\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notifications/NotificationsItem/types.ts"],"sourcesContent":["import { IconProps } from '@consta/icons/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\nimport { BadgePropStatus } from '@consta/uikit/Badge';\nimport React from 'react';\n\nexport type NotificationsItemAction = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: React.FC<IconProps>;\n};\n\nexport type NotificationsItemBadge = {\n  label: string;\n  status?: BadgePropStatus;\n};\n\nexport type NotificationsItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    title: string;\n    description?: string;\n    imageUrl?: string;\n    read?: boolean;\n    date?: Date;\n    dateFormat?: (date: Date) => string;\n    badges?: NotificationsItemBadge[];\n    actions?: NotificationsItemAction[];\n    onClick?: React.EventHandler<React.MouseEvent>;\n    children?: never;\n    view?: 'user' | 'default';\n    actionsMenuOpened?: boolean;\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}

package/__internal__/src/components/Notifications/NotificationsItemFooter/types.d.ts

@@ -1,5 +1,5 @@
+import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import { BadgePropStatus } from '@consta/uikit/Badge';
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
 export type NotificationsItemBadge = {
     label: string;
     status?: BadgePropStatus;

package/__internal__/src/components/Notifications/NotificationsItemFooter/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notifications/NotificationsItemFooter/types.ts"],"sourcesContent":["import { BadgePropStatus } from '@consta/uikit/Badge';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationsItemBadge = {\n  label: string;\n  status?: BadgePropStatus;\n};\n\nexport type NotificationsItemFooterProps = PropsWithHTMLAttributesAndRef<\n  {\n    date?: Date;\n    dateFormat?: (date: Date) => string;\n    badges?: NotificationsItemBadge[];\n    children?: never;\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notifications/NotificationsItemFooter/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';\nimport { BadgePropStatus } from '@consta/uikit/Badge';\n\nexport type NotificationsItemBadge = {\n  label: string;\n  status?: BadgePropStatus;\n};\n\nexport type NotificationsItemFooterProps = PropsWithHTMLAttributesAndRef<\n  {\n    date?: Date;\n    dateFormat?: (date: Date) => string;\n    badges?: NotificationsItemBadge[];\n    children?: never;\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}

package/__internal__/src/components/Notifications/NotificationsList/helpers.d.ts

@@ -1,63 +1,6 @@
-/// <reference types="react" />
 import { NotificationsItemAction } from '../NotificationsItem';
 import { NotificationsListDefaultGroup, NotificationsListDefaultItem, NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemLabel, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsListPropGroupLabelFormat, NotificationsListProps } from './types';
-export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: NotificationsListProps<ITEM, GROUP, ACTION>): {
-    children?: undefined;
-    items: ITEM[];
-    itemDateFormat?: import("./types").NotificationsListPropItemDateFormat | undefined;
-    title?: string | undefined;
-    actions?: ACTION[] | undefined;
-    getItemLabel?: NotificationsListPropGetItemLabel<ITEM> | undefined;
-    getItemDescription?: NotificationsListPropGetItemDescription<ITEM> | undefined;
-    getItemImage?: NotificationsListPropGetItemImage<ITEM> | undefined;
-    getItemRead?: NotificationsListPropGetItemRead<ITEM> | undefined;
-    getItemDate?: NotificationsListPropGetItemDate<ITEM> | undefined;
-    getItemBadges?: NotificationsListPropGetItemBadges<ITEM> | undefined;
-    getItemActions?: NotificationsListPropGetItemActions<ITEM> | undefined;
-    getItemGroup?: NotificationsListPropGetItemGroup<ITEM> | undefined;
-    getItemView?: NotificationsListPropGetItemView<ITEM> | undefined;
-    getActionLabel?: NotificationsListPropGetActionLabel<ACTION> | undefined;
-    getActionIcon?: NotificationsListPropGetActionIcon<ACTION> | undefined;
-    getActionOnClick?: NotificationsListPropGetActionOnClick<ACTION> | undefined;
-    getGroupLabel?: NotificationsListPropGetGroupLabel<GROUP> | undefined;
-    getGroupId?: NotificationsListPropGetGroupId<GROUP> | undefined;
-    groupByDay?: false | undefined;
-    groupLabelFormat?: undefined;
-    groups?: GROUP[] | undefined;
-    onClose?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-} & (ACTION extends {
-    label: string;
-} ? {} : {
-    getActionLabel: NotificationsListPropGetItemActions<ACTION>;
-}) & (GROUP extends {
-    label: string;
-} ? {} : {
-    getGroupLabel: NotificationsListPropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: string;
-} ? {} : {
-    getGroupId: NotificationsListPropGetGroupId<GROUP>;
-}) & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
-}) & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "title" | "children" | "items" | "getItemLabel" | "onClose" | "getItemDescription" | "getItemImage" | "groups" | "getGroupLabel" | "getGroupId" | "getItemGroup" | "getItemView" | "actions" | "itemDateFormat" | "getItemRead" | "getItemDate" | "getItemBadges" | "getItemActions" | "getActionLabel" | "getActionIcon" | "getActionOnClick" | "groupByDay" | "groupLabelFormat" | keyof (ACTION extends {
-    label: string;
-} ? {} : {
-    getActionLabel: NotificationsListPropGetItemActions<ACTION>;
-}) | keyof (GROUP extends {
-    label: string;
-} ? {} : {
-    getGroupLabel: NotificationsListPropGetGroupLabel<GROUP>;
-}) | keyof (GROUP extends {
-    id: string;
-} ? {} : {
-    getGroupId: NotificationsListPropGetGroupId<GROUP>;
-}) | keyof (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
-})> & {
+export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: NotificationsListProps<ITEM, GROUP, ACTION>): import("react").PropsWithoutRef<import("./types").Props<ITEM, GROUP, ACTION, false>> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | keyof import("react").PropsWithoutRef<import("./types").Props<ITEM, GROUP, ACTION, false>>> & {
     getActionIcon: NotificationsListPropGetActionIcon<NotificationsItemAction> | NotificationsListPropGetActionIcon<ACTION>;
     getActionLabel: NotificationsListPropGetActionLabel<NotificationsItemAction> | NotificationsListPropGetActionLabel<ACTION>;
     getActionOnClick: NotificationsListPropGetActionOnClick<NotificationsItemAction> | NotificationsListPropGetActionOnClick<ACTION>;
@@ -72,7 +15,7 @@ export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: Notificat
     getItemLabel: NotificationsListPropGetItemLabel<NotificationsListDefaultItem> | NotificationsListPropGetItemLabel<ITEM>;
     getItemRead: NotificationsListPropGetItemRead<NotificationsListDefaultItem> | NotificationsListPropGetItemRead<ITEM>;
     getItemView: NotificationsListPropGetItemView<NotificationsListDefaultItem> | NotificationsListPropGetItemView<ITEM>;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };
 type ReturnedGroup<ITEM, GROUP> = {
@@ -83,5 +26,5 @@ type ReturnedGroup<ITEM, GROUP> = {
 };
 export declare const noGroupKey = "no-group";
 export declare const defaultGroupLabelFormat: NotificationsListPropGroupLabelFormat<true>;
-export declare const getGroups: <ITEM, GROUP>(items: ITEM[], groups: GROUP[] | undefined, groupByDay: boolean, getItemGroup: NotificationsListPropGetItemGroup<ITEM>, getItemDate: NotificationsListPropGetItemDate<ITEM>, getGroupId: NotificationsListPropGetGroupId<GROUP>) => ReturnedGroup<ITEM, GROUP>[];
+export declare const getGroups: <ITEM, GROUP>(items: ITEM[], groups: GROUP[] | undefined, groupByDay: boolean, getItemGroup: NotificationsListPropGetItemGroup<ITEM>, getItemDate: NotificationsListPropGetItemDate<ITEM>, getGroupId: NotificationsListPropGetGroupId<GROUP>) => Array<ReturnedGroup<ITEM, GROUP>>;
 export {};

package/__internal__/src/components/Notifications/NotificationsList/types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { IconProps } from '@consta/icons/Icon';
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributesAndRef } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import { NotificationsItemAction, NotificationsItemBadge } from '../NotificationsItem';
 export type NotificationsListDefaultGroup = {
     label: string;
@@ -76,4 +75,4 @@ export type Props<ITEM, GROUP, ACTION, GROUP_BY_DAY extends boolean> = {
     getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
 });
 export type NotificationsListProps<ITEM = NotificationsListDefaultItem, GROUP = NotificationsListDefaultGroup, ACTION = NotificationsItemAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, HTMLDivElement>;
-export type NotificationsListComponent = <ITEM = NotificationsListDefaultItem, GROUP = NotificationsListDefaultGroup, ACTION = NotificationsItemAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsListProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactElement | null;
+export type NotificationsListComponent = <ITEM = NotificationsListDefaultItem, GROUP = NotificationsListDefaultGroup, ACTION = NotificationsItemAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsListProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactNode;