npm - @consta/header - Versions diffs - 2.1.0 → 3.0.0-beta.1 - Mend

@consta/header 2.1.0 → 3.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (155) hide show

package/__internal__/src/components/Navbar/Navbar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Navbar.js","names":["getGroups","renderHeader","React","forwardRef","useMemo","cnCanary","withDefaultGetters","NavbarItem","defaultNavbarPropForm","defaultNavbarPropSize","cnNavbar","NavbarRender","props","ref","c","items","onItemClick","groups","groupsProp","getItemLabel","getItemIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemActive","getItemRef","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","size","form","getItemSubMenu","getItemStatus","sortGroup","className","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","map","group","groupIndex","Fragment","key","pV","mH","mB","item","index","level","Navbar"],"sources":["../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":["import { getGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { renderHeader } from '@consta/uikit/ListCanary';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport { NavbarItem } from './NavbarItem';\nimport {\n defaultNavbarPropForm,\n defaultNavbarPropSize,\n NavbarComponent,\n NavbarProps,\n} from './types';\n\nconst cnNavbar = cnCanary('Navbar');\n\nconst NavbarRender = (props: NavbarProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n items,\n onItemClick,\n groups: groupsProp,\n getItemLabel,\n getItemIcon,\n getItemRightSide,\n getItemAs,\n getItemAttributes,\n getItemGroupKey,\n getItemActive,\n getItemRef,\n getItemAdditionalClassName,\n getGroupKey,\n getGroupLabel,\n getGroupRightSide,\n getGroupAdditionalClassName,\n size = defaultNavbarPropSize,\n form = defaultNavbarPropForm,\n getItemSubMenu,\n getItemStatus,\n sortGroup,\n className,\n ...otherProps\n } = withDefaultGetters(props);\n\n const groups = useMemo(\n () => getGroups(items, getItemGroupKey, groupsProp, getGroupKey, sortGroup),\n [groupsProp, items],\n );\n\n return (\n <div {...otherProps} ref={ref} className={cnNavbar(null, [className])}>\n {groups.map((group, groupIndex) => {\n return (\n <React.Fragment key={group.key}>\n {renderHeader(\n group.group && getGroupLabel(group.group),\n groupIndex === 0,\n size,\n group.group && getGroupRightSide(group.group),\n { pV: 'xs', mH: 'm', mB: '2xs' },\n undefined,\n getGroupAdditionalClassName &&\n group.group &&\n getGroupAdditionalClassName(group.group),\n )}\n {group.items.map((item, index) => {\n return (\n <React.Fragment key={`${group.key}-${index}`}>\n <NavbarItem\n size={size}\n item={item}\n level={0}\n onItemClick={onItemClick}\n getItemLabel={getItemLabel}\n getItemActive={getItemActive}\n getItemAdditionalClassName={getItemAdditionalClassName}\n getItemAs={getItemAs}\n getItemAttributes={getItemAttributes}\n getItemIcon={getItemIcon}\n getItemRef={getItemRef}\n getItemRightSide={getItemRightSide}\n getItemSubMenu={getItemSubMenu}\n getItemStatus={getItemStatus}\n form={form}\n />\n </React.Fragment>\n );\n })}\n </React.Fragment>\n );\n })}\n </div>\n );\n};\n\nexport const Navbar = forwardRef(NavbarRender) as NavbarComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Navbar/NavbarArrow/NavbarArrow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavbarArrow.js","names":["AnimateIconSwitcherProvider","IconArrowDown","withAnimateSwitcherHOC","Button","React","IconArrow","startIcon","startDirection","endDirection","NavbarArrow","open","onClick","createElement","active","size","iconLeft","e","preventDefault","stopPropagation","view","onlyIcon","tabIndex"],"sources":["../../../../../../src/components/Navbar/NavbarArrow/NavbarArrow.tsx"],"sourcesContent":["import { AnimateIconSwitcherProvider } from '@consta/icons/AnimateIconSwitcherProvider';\nimport { IconArrowDown } from '@consta/icons/IconArrowDown';\nimport { withAnimateSwitcherHOC } from '@consta/icons/withAnimateSwitcherHOC';\nimport { Button } from '@consta/uikit/Button';\nimport React from 'react';\n\nconst IconArrow = withAnimateSwitcherHOC({\n startIcon: IconArrowDown,\n startDirection: 0,\n endDirection: 180,\n});\n\nexport const NavbarArrow = ({\n open,\n onClick,\n}: {\n open: boolean;\n onClick: React.MouseEventHandler;\n}) => (\n <AnimateIconSwitcherProvider active={open}>\n <Button\n size=\"xs\"\n iconLeft={IconArrow}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n onClick(e);\n }}\n view=\"clear\"\n onlyIcon\n tabIndex={-1}\n />\n </AnimateIconSwitcherProvider>\n);\n"],"mappings":"AAAA,OAASA,2BAA2B,KAAQ,2CAA2C,CACvF,OAASC,aAAa,KAAQ,6BAA6B,CAC3D,OAASC,sBAAsB,KAAQ,sCAAsC,CAC7E,OAASC,MAAM,KAAQ,sBAAsB,CAC7C,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,KAAM,CAAAC,SAAS,CAAGH,sBAAsB,CAAC,CACvCI,SAAS,CAAEL,aAAa,CACxBM,cAAc,CAAE,CAAC,CACjBC,YAAY,CAAE,GAChB,CAAC,CAAC,CAEF,MAAO,MAAM,CAAAC,WAAW,CAAGA,CAAC,CAC1BC,IAAI,CAAJA,CAAI,CACJC,OAAO,CAAPA,CAIF,CAAC,GACCP,KAAA,CAAAQ,aAAA,CAACZ,2BAA2B,EAACa,MAAM,CAAEH,CAAK,EACxCN,KAAA,CAAAQ,aAAA,CAACT,MAAM,EACLW,IAAI,CAAC,IAAI,CACTC,QAAQ,CAAEV,SAAU,CACpBM,OAAO,CAAGK,CAAC,EAAK,CACdA,CAAC,CAACC,cAAc,CAAC,CAAC,CAClBD,CAAC,CAACE,eAAe,CAAC,CAAC,CACnBP,CAAO,CAACK,CAAC,CACX,CAAE,CACFG,IAAI,CAAC,OAAO,CACZC,QAAQ,IACRC,QAAQ,CAAE,CAAC,CAAE,CACd,CAC0B,CAC9B"}

package/__internal__/src/components/Navbar/NavbarArrow/index.js.map ADDED Viewed

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

package/__internal__/src/components/Navbar/NavbarItem/NavbarDrawer.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","onItemClick","groups","getItemLabel","getItemIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemActive","getItemRef","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","size","form","getItemSubMenu","sortGroup","className","getItemStatus"];import{getGroups}from"@consta/uikit/__internal__/src/utils/getGroups";import{renderHeader}from"@consta/uikit/ListCanary";import React,{forwardRef,useMemo}from"react";import{withDefaultGetters}from"../helpers";import{defaultNavbarPropForm,defaultNavbarPropSize}from"../types";import{NavbarItem}from".";const NavbarRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,onItemClick:e,groups:f,getItemLabel:g,getItemIcon:h,getItemRightSide:i,getItemAs:j,getItemAttributes:k,getItemGroupKey:l,getItemActive:m,getItemRef:n,getItemAdditionalClassName:o,getGroupKey:p,getGroupLabel:q,getGroupRightSide:r,getGroupAdditionalClassName:s,size:x=defaultNavbarPropSize,form:y=defaultNavbarPropForm,getItemSubMenu:t,sortGroup:u,className:v,getItemStatus:w}=c,z=_objectWithoutProperties(c,_excluded),A=useMemo(()=>getGroups(d,l,f,p,u),[f,d]);return React.createElement("div",Object.assign({},z,{ref:b,className:v}),A.map((a,b)=>React.createElement(React.Fragment,{key:a.key},renderHeader(a.group&&q(a.group),0===b,x,a.group&&r(a.group),{pV:"xs",mH:"m",mB:"2xs"},void 0,s&&a.group&&s(a.group)),a.items.map((b,c)=>React.createElement(React.Fragment,{key:`${a.key}-${c}`},React.createElement(NavbarItem,{size:x,item:b,level:0,onItemClick:e,getItemLabel:g,getItemActive:m,getItemAdditionalClassName:o,getItemAs:j,getItemAttributes:k,getItemIcon:h,getItemRef:n,getItemRightSide:i,getItemSubMenu:t,form:y,getItemStatus:w}))))))};export const Navbar=forwardRef(NavbarRender);
2	+ //# sourceMappingURL=NavbarDrawer.js.map

package/__internal__/src/components/Navbar/NavbarItem/NavbarDrawer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavbarDrawer.js","names":["getGroups","renderHeader","React","forwardRef","useMemo","withDefaultGetters","defaultNavbarPropForm","defaultNavbarPropSize","NavbarItem","NavbarRender","props","ref","c","items","onItemClick","groups","groupsProp","getItemLabel","getItemIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemActive","getItemRef","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","size","form","getItemSubMenu","sortGroup","className","getItemStatus","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","map","group","groupIndex","Fragment","key","pV","mH","mB","item","index","level","Navbar"],"sources":["../../../../../../src/components/Navbar/NavbarItem/NavbarDrawer.tsx"],"sourcesContent":["import { getGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { renderHeader } from '@consta/uikit/ListCanary';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { withDefaultGetters } from '../helpers';\nimport {\n defaultNavbarPropForm,\n defaultNavbarPropSize,\n NavbarComponent,\n NavbarProps,\n} from '../types';\nimport { NavbarItem } from '.';\n\nconst NavbarRender = (props: NavbarProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n items,\n onItemClick,\n groups: groupsProp,\n getItemLabel,\n getItemIcon,\n getItemRightSide,\n getItemAs,\n getItemAttributes,\n getItemGroupKey,\n getItemActive,\n getItemRef,\n getItemAdditionalClassName,\n getGroupKey,\n getGroupLabel,\n getGroupRightSide,\n getGroupAdditionalClassName,\n size = defaultNavbarPropSize,\n form = defaultNavbarPropForm,\n getItemSubMenu,\n sortGroup,\n className,\n getItemStatus,\n ...otherProps\n } = withDefaultGetters(props);\n\n const groups = useMemo(\n () => getGroups(items, getItemGroupKey, groupsProp, getGroupKey, sortGroup),\n [groupsProp, items],\n );\n\n return (\n <div {...otherProps} ref={ref} className={className}>\n {groups.map((group, groupIndex) => {\n return (\n <React.Fragment key={group.key}>\n {renderHeader(\n group.group && getGroupLabel(group.group),\n groupIndex === 0,\n size,\n group.group && getGroupRightSide(group.group),\n { pV: 'xs', mH: 'm', mB: '2xs' },\n undefined,\n getGroupAdditionalClassName &&\n group.group &&\n getGroupAdditionalClassName(group.group),\n )}\n {group.items.map((item, index) => {\n return (\n <React.Fragment key={`${group.key}-${index}`}>\n <NavbarItem\n size={size}\n item={item}\n level={0}\n onItemClick={onItemClick}\n getItemLabel={getItemLabel}\n getItemActive={getItemActive}\n getItemAdditionalClassName={getItemAdditionalClassName}\n getItemAs={getItemAs}\n getItemAttributes={getItemAttributes}\n getItemIcon={getItemIcon}\n getItemRef={getItemRef}\n getItemRightSide={getItemRightSide}\n getItemSubMenu={getItemSubMenu}\n form={form}\n getItemStatus={getItemStatus}\n />\n </React.Fragment>\n );\n })}\n </React.Fragment>\n );\n })}\n </div>\n );\n};\n\nexport const Navbar = forwardRef(NavbarRender) as NavbarComponent;\n"],"mappings":"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"}

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

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

package/__internal__/src/components/Navbar/NavbarItem/index.js.map ADDED Viewed

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

package/__internal__/src/components/Navbar/NavbarMixDriverLeftAnimate/NavbarMixDriverLeftAnimate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavbarMixDriverLeftAnimate.js","names":["cn","cnNavbarMixDriverLeftAnimate"],"sources":["../../../../../../src/components/Navbar/NavbarMixDriverLeftAnimate/NavbarMixDriverLeftAnimate.ts"],"sourcesContent":["import './NavbarMixDriverLeftAnimate.css';\n\nimport { cn } from '##/utils/bem';\n\ntype Mods = {\n animate?: 'entered' | 'entering' | 'exiting' | 'exited' | 'unmounted';\n menu: 'rail' | 'draver';\n};\n\ntype Cn = (mods?: Mods | null, mix?: Array<string | undefined>) => string;\n\nexport const cnNavbarMixDriverLeftAnimate: Cn = cn(\n 'NavbarMixDriverLeftAnimate',\n);\n"],"mappings":"AAAA,yCAEA,OAASA,EAAE,0BASX,MAAO,MAAM,CAAAC,4BAAgC,CAAGD,EAAE,CAChD,4BACF,CAAC"}

package/__internal__/src/components/Navbar/NavbarMixDriverLeftAnimate/index.js.map ADDED Viewed

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

package/__internal__/src/components/Navbar/NavbarMixDriverRightAnimate/NavbarMixDriverRightAnimate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavbarMixDriverRightAnimate.js","names":["cn","cnNavbarMixDriverRightAnimate"],"sources":["../../../../../../src/components/Navbar/NavbarMixDriverRightAnimate/NavbarMixDriverRightAnimate.ts"],"sourcesContent":["import './NavbarMixDriverRightAnimate.css';\n\nimport { cn } from '##/utils/bem';\n\ntype Mods = {\n animate?: 'entered' | 'entering' | 'exiting' | 'exited' | 'unmounted';\n menu: 'rail' | 'draver';\n};\n\ntype Cn = (mods?: Mods | null, mix?: Array<string | undefined>) => string;\n\nexport const cnNavbarMixDriverRightAnimate: Cn = cn(\n 'NavbarMixDriverRightAnimate',\n);\n"],"mappings":"AAAA,0CAEA,OAASA,EAAE,0BASX,MAAO,MAAM,CAAAC,6BAAiC,CAAGD,EAAE,CACjD,6BACF,CAAC"}

package/__internal__/src/components/Navbar/NavbarMixDriverRightAnimate/index.js.map ADDED Viewed

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

package/__internal__/src/components/Navbar/NavbarMixFadeAnimate/NavbarMixFadeAnimate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavbarMixFadeAnimate.js","names":["cn","cnNavbarMixFadeAnimate"],"sources":["../../../../../../src/components/Navbar/NavbarMixFadeAnimate/NavbarMixFadeAnimate.ts"],"sourcesContent":["import './NavbarMixFadeAnimate.css';\n\nimport { cn } from '##/utils/bem';\n\ntype Mods = {\n animate?: 'entered' | 'entering' | 'exiting' | 'exited' | 'unmounted';\n menu: 'rail' | 'draver';\n};\n\ntype Cn = (mods?: Mods | null, mix?: Array<string | undefined>) => string;\n\nexport const cnNavbarMixFadeAnimate: Cn = cn('NavbarMixFadeAnimate');\n"],"mappings":"AAAA,mCAEA,OAASA,EAAE,0BASX,MAAO,MAAM,CAAAC,sBAA0B,CAAGD,EAAE,CAAC,sBAAsB,CAAC"}

package/__internal__/src/components/Navbar/NavbarMixFadeAnimate/index.js.map ADDED Viewed

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

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

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

package/__internal__/src/components/Navbar/NavbarRail/index.js.map ADDED Viewed

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

package/__internal__/src/components/{NavbarCanary → Navbar}/NavbarRailItem/NavbarRailItem.js RENAMED Viewed

@@ -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},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";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);
 //# sourceMappingURL=NavbarRailItem.js.map

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

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

package/__internal__/src/components/Navbar/NavbarRailItem/index.js.map ADDED Viewed

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

package/__internal__/src/components/Navbar/helpers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemGroupKey","groupId","defaultGetItemIcon","icon","defaultGetItemRightSide","rightSide","defaultGetGroupKey","group","id","defaultGetItemSubMenu","subMenu","defaultGetGroupLabel","defaultGetGroupRightSide","defaultGetItemStatus","status","defaultGetItemTooltip","tooltip","withDefaultGetters","props","_objectSpread","getItemLabel","getItemGroupKey","getItemActive","getItemIcon","getItemRightSide","getGroupLabel","getGroupKey","getGroupRightSide","getItemSubMenu","getItemStatus","withDefaultRailGetters","getItemTooltip"],"sources":["../../../../../src/components/Navbar/helpers.ts"],"sourcesContent":["import {\n DefaultNavbarGroup,\n DefaultNavbarItem,\n DefaultNavbarRailItem,\n NavbarPropGetGroupKey,\n NavbarPropGetGroupLabel,\n NavbarPropGetGroupRightSide,\n NavbarPropGetItemActive,\n NavbarPropGetItemGroupId,\n NavbarPropGetItemIcon,\n NavbarPropGetItemLabel,\n NavbarPropGetItemRightSide,\n NavbarPropGetItemStatus,\n NavbarPropGetItemSubMenu,\n NavbarProps,\n NavbarRailPropGetItemTooltip,\n NavbarRailProps,\n} from './types';\n\nconst defaultGetItemLabel: NavbarPropGetItemLabel<DefaultNavbarItem> = (item) =>\n item.label;\n\nconst defaultGetItemActive: NavbarPropGetItemActive<DefaultNavbarItem> = (\n item,\n) => item.active;\n\nconst defaultGetItemGroupKey: NavbarPropGetItemGroupId<DefaultNavbarItem> = (\n item,\n) => item.groupId;\n\nconst defaultGetItemIcon: NavbarPropGetItemIcon<DefaultNavbarItem> = (item) =>\n item.icon;\nconst defaultGetItemRightSide: NavbarPropGetItemRightSide<DefaultNavbarItem> = (\n item,\n) => item.rightSide;\n\nconst defaultGetGroupKey: NavbarPropGetGroupKey<DefaultNavbarGroup> = (group) =>\n group.id;\n\nconst defaultGetItemSubMenu: NavbarPropGetItemSubMenu<DefaultNavbarItem> = (\n item,\n) => item.subMenu;\nconst defaultGetGroupLabel: NavbarPropGetGroupLabel<DefaultNavbarGroup> = (\n group,\n) => group.label;\nconst defaultGetGroupRightSide: NavbarPropGetGroupRightSide<\n DefaultNavbarGroup\n> = (group) => group.rightSide;\n\nconst defaultGetItemStatus: NavbarPropGetItemStatus<DefaultNavbarItem> = (\n item,\n) => item.status;\n\nconst defaultGetItemTooltip: NavbarRailPropGetItemTooltip<\n DefaultNavbarRailItem\n> = (item) => item.tooltip;\n\nexport function withDefaultGetters<\n ITEM = DefaultNavbarItem,\n GROUP = DefaultNavbarGroup,\n>(props: NavbarProps<ITEM, GROUP>) {\n return {\n ...props,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n getItemActive: props.getItemActive || defaultGetItemActive,\n getItemIcon: props.getItemIcon || defaultGetItemIcon,\n getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n getGroupKey: props.getGroupKey || defaultGetGroupKey,\n getGroupRightSide: props.getGroupRightSide || defaultGetGroupRightSide,\n getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n getItemStatus: props.getItemStatus || defaultGetItemStatus,\n };\n}\n\nexport function withDefaultRailGetters<ITEM = NavbarRailProps>(\n props: NavbarRailProps<ITEM>,\n) {\n return {\n ...props,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemActive: props.getItemActive || defaultGetItemActive,\n getItemIcon: props.getItemIcon || defaultGetItemIcon,\n getItemStatus: props.getItemStatus || defaultGetItemStatus,\n getItemTooltip: props.getItemTooltip || defaultGetItemTooltip,\n };\n}\n"],"mappings":"0qBAmBM,CAAAA,mBAA8D,CAAIC,CAAI,EAC1EA,CAAI,CAACC,KAAK,CAENC,oBAAgE,CACpEF,CAAI,EACDA,CAAI,CAACG,MAAM,CAEVC,sBAAmE,CACvEJ,CAAI,EACDA,CAAI,CAACK,OAAO,CAEXC,kBAA4D,CAAIN,CAAI,EACxEA,CAAI,CAACO,IAAI,CACLC,uBAAsE,CAC1ER,CAAI,EACDA,CAAI,CAACS,SAAS,CAEbC,kBAA6D,CAAIC,CAAK,EAC1EA,CAAK,CAACC,EAAE,CAEJC,qBAAkE,CACtEb,CAAI,EACDA,CAAI,CAACc,OAAO,CACXC,oBAAiE,CACrEJ,CAAK,EACFA,CAAK,CAACV,KAAK,CACVe,wBAEL,CAAIL,CAAK,EAAKA,CAAK,CAACF,SAAS,CAExBQ,oBAAgE,CACpEjB,CAAI,EACDA,CAAI,CAACkB,MAAM,CAEVC,qBAEL,CAAInB,CAAI,EAAKA,CAAI,CAACoB,OAAO,CAE1B,MAAO,SAAS,CAAAC,kBAAkBA,CAGhCC,CAA+B,CAAE,CACjC,OAAAC,aAAA,CAAAA,aAAA,IACKD,CAAK,MACRE,YAAY,CAAEF,CAAK,CAACE,YAAY,EAAIzB,mBAAmB,CACvD0B,eAAe,CAAEH,CAAK,CAACG,eAAe,EAAIrB,sBAAsB,CAChEsB,aAAa,CAAEJ,CAAK,CAACI,aAAa,EAAIxB,oBAAoB,CAC1DyB,WAAW,CAAEL,CAAK,CAACK,WAAW,EAAIrB,kBAAkB,CACpDsB,gBAAgB,CAAEN,CAAK,CAACM,gBAAgB,EAAIpB,uBAAuB,CACnEqB,aAAa,CAAEP,CAAK,CAACO,aAAa,EAAId,oBAAoB,CAC1De,WAAW,CAAER,CAAK,CAACQ,WAAW,EAAIpB,kBAAkB,CACpDqB,iBAAiB,CAAET,CAAK,CAACS,iBAAiB,EAAIf,wBAAwB,CACtEgB,cAAc,CAAEV,CAAK,CAACU,cAAc,EAAInB,qBAAqB,CAC7DoB,aAAa,CAAEX,CAAK,CAACW,aAAa,EAAIhB,oBAAoB,EAE9D,CAEA,MAAO,SAAS,CAAAiB,sBAAsBA,CACpCZ,CAA4B,CAC5B,CACA,OAAAC,aAAA,CAAAA,aAAA,IACKD,CAAK,MACRE,YAAY,CAAEF,CAAK,CAACE,YAAY,EAAIzB,mBAAmB,CACvD2B,aAAa,CAAEJ,CAAK,CAACI,aAAa,EAAIxB,oBAAoB,CAC1DyB,WAAW,CAAEL,CAAK,CAACK,WAAW,EAAIrB,kBAAkB,CACpD2B,aAAa,CAAEX,CAAK,CAACW,aAAa,EAAIhB,oBAAoB,CAC1DkB,cAAc,CAAEb,CAAK,CAACa,cAAc,EAAIhB,qBAAqB,EAEjE"}

package/__internal__/src/components/Navbar/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Navbar/index.ts"],"sourcesContent":["export * from './Navbar';\nexport * from './NavbarRail';\nexport * from './types';\nexport * from './NavbarMixFadeAnimate';\nexport * from './NavbarMixDriverRightAnimate';\nexport * from './NavbarMixDriverLeftAnimate';\n"],"mappings":"AAAA,sBACA,0BACA,qBACA,oCACA,2CACA"}

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

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

package/__internal__/src/components/Notifications/NotificationsActions/NotificationsActions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","children","mainButtonOnlyIcon","opened","onOpen","getItemIcon","getItemLabel","getItemOnClick","onItemClick"];import{IconMeatball}from"@consta/icons/IconMeatball";import{Button}from"@consta/uikit/Button";import{ContextMenu}from"@consta/uikit/ContextMenu";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import{useMutableRef}from"@consta/uikit/useMutableRef";import{withTooltip}from"@consta/uikit/withTooltip";import React,{forwardRef,useEffect,useRef}from"react";import{getItemClick}from"../../../helpers/getItemClick";import{withDefaultGetters}from"./helpers";const ButtonWithTooltip=withTooltip()(Button),NotificationsActionsRender=(a,b)=>{var c;const d=withDefaultGetters(a),{items:m=[],className:e,children:f,mainButtonOnlyIcon:g,opened:n=!1,onOpen:h,getItemIcon:i,getItemLabel:j,getItemOnClick:k,onItemClick:l}=d,o=_objectWithoutProperties(d,_excluded),p=useRef(null),[q,r]=useFlag(n),s=useMutableRef(h),t=useForkRef([p,b]),u="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return useEffect(()=>{r[n?"on":"off"]()},[n]),useEffect(()=>{var a;null===(a=s.current)||void 0===a?void 0:a.call(s,q)},[q,s]),1!==m.length||g?1===m.length&&i(m[0])&&g?React.createElement(ButtonWithTooltip,Object.assign({},o,{className:e,size:"xs",view:"clear",iconLeft:i(m[0]),onClick:getItemClick(m[0],k,l),tooltipProps:{content:j(m[0])},ref:b})):React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},o,{className:e,size:"xs",view:"clear",iconLeft:IconMeatball,ref:t,onClick:r.toggle})),React.createElement(ContextMenu,{isOpen:q,items:m,getItemLabel:j,onItemClick:({e:a,item:b})=>getItemClick(b,k,l)(a),getItemKey:j,getItemLeftIcon:i,anchorRef:p,onClickOutside:r.off,possibleDirections:["downStartRight","upStartRight"],direction:"downStartRight",style:{width:280,zIndex:u}})):React.createElement(Button,Object.assign({},o,{className:e,size:"xs",view:"clear",iconLeft:i(m[0]),onClick:getItemClick(m[0],k,l),label:j(m[0]),ref:b}))};export const NotificationsActions=forwardRef(NotificationsActionsRender);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","children","mainButtonOnlyIcon","opened","onOpen","getItemIcon","getItemLabel","getItemOnClick","onItemClick"];import{IconMeatball}from"@consta/icons/IconMeatball";import{Button}from"@consta/uikit/Button";import{ContextMenu}from"@consta/uikit/ContextMenu";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import{useMutableRef}from"@consta/uikit/useMutableRef";import{withTooltip}from"@consta/uikit/withTooltip";import React,{forwardRef,useEffect,useRef}from"react";import{getItemClick}from"../../../helpers/getItemClick";import{withDefaultGetters}from"./helpers";const ButtonWithTooltip=withTooltip()(Button),NotificationsActionsRender=(a,b)=>{var c;const d=withDefaultGetters(a),{items:m=[],className:e,children:f,mainButtonOnlyIcon:g,opened:n=!1,onOpen:h,getItemIcon:i,getItemLabel:j,getItemOnClick:k,onItemClick:l}=d,o=_objectWithoutProperties(d,_excluded),p=useRef(null),[q,r]=useFlag(n),s=useMutableRef(h),t=useForkRef([p,b]),u="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return useEffect(()=>{r[n?"on":"off"]()},[n]),useEffect(()=>{var a;null===(a=s.current)||void 0===a?void 0:a.call(s,q)},[q,s]),1!==m.length||g?1===m.length&&i(m[0])&&g?React.createElement(ButtonWithTooltip,Object.assign({},o,{className:e,size:"xs",view:"clear",iconLeft:i(m[0]),onClick:getItemClick(m[0],k,l),tooltipProps:{content:j(m[0])},ref:b})):React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},o,{className:e,size:"xs",view:"clear",iconLeft:IconMeatball,ref:t,onClick:r.toggle})),React.createElement(ContextMenu,{isOpen:q,items:m,getItemLabel:j,onItemClick:(a,{e:b})=>getItemClick(a,k,l)(b),getItemKey:j,getItemLeftIcon:i,anchorRef:p,onClickOutside:r.off,possibleDirections:["downStartRight","upStartRight"],direction:"downStartRight",style:{width:280,zIndex:u}})):React.createElement(Button,Object.assign({},o,{className:e,size:"xs",view:"clear",iconLeft:i(m[0]),onClick:getItemClick(m[0],k,l),label:j(m[0]),ref:b}))};export const NotificationsActions=forwardRef(NotificationsActionsRender);
 //# sourceMappingURL=NotificationsActions.js.map

package/__internal__/src/components/Notifications/NotificationsActions/NotificationsActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationsActions.js","names":["IconMeatball","Button","ContextMenu","useFlag","useForkRef","useMutableRef","withTooltip","React","forwardRef","useEffect","useRef","getItemClick","withDefaultGetters","ButtonWithTooltip","NotificationsActionsRender","props","ref","c","d","items","className","children","mainButtonOnlyIcon","opened","onOpen","onOpenProp","getItemIcon","getItemLabel","getItemOnClick","onItemClick","otherProps","_objectWithoutProperties","_excluded","buttonRef","visibleMenu","setVisibleMenu","menuRef","elementZIndex","style","zIndex","a","current","call","length","createElement","Object","assign","size","view","iconLeft","onClick","tooltipProps","content","Fragment","toggle","isOpen","e","~~item~~","getItemKey","getItemLeftIcon","anchorRef","onClickOutside","off","possibleDirections","direction","width","label","NotificationsActions"],"sources":["../../../../../../src/components/Notifications/NotificationsActions/NotificationsActions.tsx"],"sourcesContent":["import { IconMeatball } from '@consta/icons/IconMeatball';\nimport { Button } from '@consta/uikit/Button';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport { withTooltip } from '@consta/uikit/withTooltip';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n NotificationsActionsComponent,\n NotificationsActionsProps,\n} from './types';\n\nconst ButtonWithTooltip = withTooltip()(Button);\n\nconst NotificationsActionsRender = (\n props: NotificationsActionsProps,\n ref: React.Ref<HTMLButtonElement>,\n) => {\n const {\n items = [],\n className,\n children,\n mainButtonOnlyIcon,\n opened = false,\n onOpen: onOpenProp,\n getItemIcon,\n getItemLabel,\n getItemOnClick,\n onItemClick,\n ...otherProps\n } = withDefaultGetters(props);\n const buttonRef = useRef(null);\n\n const [visibleMenu, setVisibleMenu] = useFlag(opened);\n\n const onOpen = useMutableRef(onOpenProp);\n const menuRef = useForkRef([buttonRef, ref]);\n\n const elementZIndex =\n typeof props.style?.zIndex === 'number'\n ? props.style.zIndex + 1\n : undefined;\n\n useEffect(() => {\n setVisibleMenu[opened ? 'on' : 'off']();\n }, [opened]);\n\n useEffect(() => {\n onOpen.current?.(visibleMenu);\n }, [visibleMenu, onOpen]);\n\n if (items.length === 1 && !mainButtonOnlyIcon) {\n return (\n <Button\n {...otherProps}\n className={className}\n size=\"xs\"\n view=\"clear\"\n iconLeft={getItemIcon(items[0])}\n onClick={getItemClick(items[0], getItemOnClick, onItemClick)}\n label={getItemLabel(items[0])}\n ref={ref}\n />\n );\n }\n\n if (items.length === 1 && getItemIcon(items[0]) && mainButtonOnlyIcon) {\n return (\n <ButtonWithTooltip\n {...otherProps}\n className={className}\n size=\"xs\"\n view=\"clear\"\n iconLeft={getItemIcon(items[0])}\n onClick={getItemClick(items[0], getItemOnClick, onItemClick)}\n tooltipProps={{\n content: getItemLabel(items[0]),\n }}\n ref={ref}\n />\n );\n }\n\n return (\n <>\n <Button\n {...otherProps}\n className={className}\n size=\"xs\"\n view=\"clear\"\n iconLeft={IconMeatball}\n ref={menuRef}\n onClick={setVisibleMenu.toggle}\n />\n <ContextMenu\n isOpen={visibleMenu}\n items={items}\n getItemLabel={getItemLabel}\n onItemClick={({ e, ~~item~~ }) =>\n getItemClick(item, getItemOnClick, onItemClick)(e)\n }\n getItemKey={getItemLabel}\n getItemLeftIcon={getItemIcon}\n anchorRef={buttonRef}\n onClickOutside={setVisibleMenu.off}\n possibleDirections={['downStartRight', 'upStartRight']}\n direction=\"downStartRight\"\n style={{ width: 280, zIndex: elementZIndex }}\n />\n </>\n );\n};\n\nexport const NotificationsActions = forwardRef(\n NotificationsActionsRender,\n) as NotificationsActionsComponent;\n"],"mappings":"yOAAA,OAASA,YAAY,KAAQ,4BAA4B,CACzD,OAASC,MAAM,KAAQ,sBAAsB,CAC7C,OAASC,WAAW,KAAQ,2BAA2B,CACvD,OAASC,OAAO,KAAQ,uBAAuB,CAC/C,OAASC,UAAU,KAAQ,0BAA0B,CACrD,OAASC,aAAa,KAAQ,6BAA6B,CAC3D,OAASC,WAAW,KAAQ,2BAA2B,CACvD,MAAO,CAAAC,KAAK,EAAIC,UAAU,CAAEC,SAAS,CAAEC,MAAM,KAAQ,OAAO,CAE5D,OAASC,YAAY,qCAErB,OAASC,kBAAkB,iBAAoB,KAMzC,CAAAC,iBAAiB,CAAGP,WAAW,CAAC,CAAC,CAACL,MAAM,CAAC,CAEzCa,0BAA0B,CAAGA,CACjCC,CAAgC,CAChCC,CAAiC,GAC9B,KAAAC,CAAA,OAAAC,CAAA,CAaCN,kBAAkB,CAACG,CAAK,CAAC,CAZvB,CACJI,KAAK,CAALA,CAAK,CAAG,EAAE,CACVC,SAAS,CAATA,CAAS,CACTC,QAAQ,CAARA,CAAQ,CACRC,kBAAkB,CAAlBA,CAAkB,CAClBC,MAAM,CAANA,CAAM,GAAQ,CACdC,MAAM,CAAEC,CAAU,CAClBC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAdA,CAAc,CACdC,WAAW,CAAXA,CAEF,CAAC,CAAAX,CAAA,CADIY,CAAU,CAAAC,wBAAA,CAAAb,CAAA,CAAAc,SAAA,EAETC,CAAS,CAAGvB,MAAM,CAAC,IAAI,CAAC,CAExB,CAACwB,CAAW,CAAEC,CAAc,CAAC,CAAGhC,OAAO,CAACoB,CAAM,CAAC,CAE/CC,CAAM,CAAGnB,aAAa,CAACoB,CAAU,CAAC,CAClCW,CAAO,CAAGhC,UAAU,CAAC,CAAC6B,CAAS,CAAEjB,CAAG,CAAC,CAAC,CAEtCqB,CAAa,CACc,QAAQ,EAAvC,eAAApB,CAAA,CAAOF,CAAK,CAACuB,KAAK,YAAArB,CAAA,QAAXA,CAAA,CAAasB,MAAM,CAAa,CACnCxB,CAAK,CAACuB,KAAK,CAACC,MAAM,CAAG,CAAC,OACb,OAEf,CAAA9B,SAAS,CAAC,IAAM,CACd0B,CAAc,CAACZ,CAAM,CAAG,IAAI,CAAG,KAAK,CAAC,CAAC,CACxC,CAAC,CAAE,CAACA,CAAM,CAAC,CAAC,CAEZd,SAAS,CAAC,IAAM,KAAA+B,CAAA,SAAAA,CAAA,CACdhB,CAAM,CAACiB,OAAO,YAAAD,CAAA,QAAdA,CAAA,CAAAE,IAAA,CAAAlB,CAAM,CAAWU,CAAW,CAC9B,CAAC,CAAE,CAACA,CAAW,CAAEV,CAAM,CAAC,CAAC,CAEJ,CAAC,GAAlBL,CAAK,CAACwB,MAAY,EAAKrB,CAAkB,CAexB,CAAC,GAAlBH,CAAK,CAACwB,MAAY,EAAIjB,CAAW,CAACP,CAAK,CAAC,CAAC,CAAC,CAAC,EAAIG,CAAkB,CAEjEf,KAAA,CAAAqC,aAAA,CAAC/B,iBAAiB,CAAAgC,MAAA,CAAAC,MAAA,IACZhB,CAAU,EACdV,SAAS,CAAEA,CAAU,CACrB2B,IAAI,CAAC,IAAI,CACTC,IAAI,CAAC,OAAO,CACZC,QAAQ,CAAEvB,CAAW,CAACP,CAAK,CAAC,CAAC,CAAC,CAAE,CAChC+B,OAAO,CAAEvC,YAAY,CAACQ,CAAK,CAAC,CAAC,CAAC,CAAES,CAAc,CAAEC,CAAW,CAAE,CAC7DsB,YAAY,CAAE,CACZC,OAAO,CAAEzB,CAAY,CAACR,CAAK,CAAC,CAAC,CAAC,CAChC,CAAE,CACFH,GAAG,CAAEA,CAAI,EACV,CAAC,CAKJT,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAA8C,QAAA,MACE9C,KAAA,CAAAqC,aAAA,CAAC3C,MAAM,CAAA4C,MAAA,CAAAC,MAAA,IACDhB,CAAU,EACdV,SAAS,CAAEA,CAAU,CACrB2B,IAAI,CAAC,IAAI,CACTC,IAAI,CAAC,OAAO,CACZC,QAAQ,CAAEjD,YAAa,CACvBgB,GAAG,CAAEoB,CAAQ,CACbc,OAAO,CAAEf,CAAc,CAACmB,MAAO,EAChC,CAAC,CACF/C,KAAA,CAAAqC,aAAA,CAAC1C,WAAW,EACVqD,MAAM,CAAErB,CAAY,CACpBf,KAAK,CAAEA,CAAM,CACbQ,YAAY,CAAEA,CAAa,CAC3BE,WAAW,CAAEA,~~CAAC~~,~~CAAE2B~~,~~CAAC~~,~~CAADA~~,CAAC,~~CAAEC~~,~~IAAI~~,~~CAAJA,CAAK,~~CAAC,GACvB9C,YAAY,~~CAAC8C~~,CAAI,~~CAAE7B~~,CAAc,CAAEC,CAAW,CAAC,~~CAAC2B~~,CAAC,CAClD,~~CACDE~~,UAAU,CAAE/B,CAAa,CACzBgC,eAAe,CAAEjC,CAAY,CAC7BkC,SAAS,CAAE3B,CAAU,CACrB4B,cAAc,CAAE1B,CAAc,CAAC2B,GAAI,CACnCC,kBAAkB,CAAE,CAAC,gBAAgB,CAAE,cAAc,CAAE,CACvDC,SAAS,CAAC,gBAAgB,CAC1B1B,KAAK,CAAE,CAAE2B,KAAK,CAAE,GAAG,CAAE1B,MAAM,CAAEF,CAAc,CAAE,CAC9C,CACD,CAAC,CAxDD9B,KAAA,CAAAqC,aAAA,CAAC3C,MAAM,CAAA4C,MAAA,CAAAC,MAAA,IACDhB,CAAU,EACdV,SAAS,CAAEA,CAAU,CACrB2B,IAAI,CAAC,IAAI,CACTC,IAAI,CAAC,OAAO,CACZC,QAAQ,CAAEvB,CAAW,CAACP,CAAK,CAAC,CAAC,CAAC,CAAE,CAChC+B,OAAO,CAAEvC,YAAY,CAACQ,CAAK,CAAC,CAAC,CAAC,CAAES,CAAc,CAAEC,CAAW,CAAE,CAC7DqC,KAAK,CAAEvC,CAAY,CAACR,CAAK,CAAC,CAAC,CAAC,CAAE,CAC9BH,GAAG,CAAEA,CAAI,EACV,CAiDP,CAAC,CAED,MAAO,MAAM,CAAAmD,oBAAoB,CAAG3D,UAAU,CAC5CM,0BACF,CAAkC"}
1	+ {"version":3,"file":"NotificationsActions.js","names":["IconMeatball","Button","ContextMenu","useFlag","useForkRef","useMutableRef","withTooltip","React","forwardRef","useEffect","useRef","getItemClick","withDefaultGetters","ButtonWithTooltip","NotificationsActionsRender","props","ref","c","d","items","className","children","mainButtonOnlyIcon","opened","onOpen","onOpenProp","getItemIcon","getItemLabel","getItemOnClick","onItemClick","otherProps","_objectWithoutProperties","_excluded","buttonRef","visibleMenu","setVisibleMenu","menuRef","elementZIndex","style","zIndex","a","current","call","length","createElement","Object","assign","size","view","iconLeft","onClick","tooltipProps","content","Fragment","toggle","isOpen","item","e","getItemKey","getItemLeftIcon","anchorRef","onClickOutside","off","possibleDirections","direction","width","label","NotificationsActions"],"sources":["../../../../../../src/components/Notifications/NotificationsActions/NotificationsActions.tsx"],"sourcesContent":["import { IconMeatball } from '@consta/icons/IconMeatball';\nimport { Button } from '@consta/uikit/Button';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport { withTooltip } from '@consta/uikit/withTooltip';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n NotificationsActionsComponent,\n NotificationsActionsProps,\n} from './types';\n\nconst ButtonWithTooltip = withTooltip()(Button);\n\nconst NotificationsActionsRender = (\n props: NotificationsActionsProps,\n ref: React.Ref<HTMLButtonElement>,\n) => {\n const {\n items = [],\n className,\n children,\n mainButtonOnlyIcon,\n opened = false,\n onOpen: onOpenProp,\n getItemIcon,\n getItemLabel,\n getItemOnClick,\n onItemClick,\n ...otherProps\n } = withDefaultGetters(props);\n const buttonRef = useRef(null);\n\n const [visibleMenu, setVisibleMenu] = useFlag(opened);\n\n const onOpen = useMutableRef(onOpenProp);\n const menuRef = useForkRef([buttonRef, ref]);\n\n const elementZIndex =\n typeof props.style?.zIndex === 'number'\n ? props.style.zIndex + 1\n : undefined;\n\n useEffect(() => {\n setVisibleMenu[opened ? 'on' : 'off']();\n }, [opened]);\n\n useEffect(() => {\n onOpen.current?.(visibleMenu);\n }, [visibleMenu, onOpen]);\n\n if (items.length === 1 && !mainButtonOnlyIcon) {\n return (\n <Button\n {...otherProps}\n className={className}\n size=\"xs\"\n view=\"clear\"\n iconLeft={getItemIcon(items[0])}\n onClick={getItemClick(items[0], getItemOnClick, onItemClick)}\n label={getItemLabel(items[0])}\n ref={ref}\n />\n );\n }\n\n if (items.length === 1 && getItemIcon(items[0]) && mainButtonOnlyIcon) {\n return (\n <ButtonWithTooltip\n {...otherProps}\n className={className}\n size=\"xs\"\n view=\"clear\"\n iconLeft={getItemIcon(items[0])}\n onClick={getItemClick(items[0], getItemOnClick, onItemClick)}\n tooltipProps={{\n content: getItemLabel(items[0]),\n }}\n ref={ref}\n />\n );\n }\n\n return (\n <>\n <Button\n {...otherProps}\n className={className}\n size=\"xs\"\n view=\"clear\"\n iconLeft={IconMeatball}\n ref={menuRef}\n onClick={setVisibleMenu.toggle}\n />\n <ContextMenu\n isOpen={visibleMenu}\n items={items}\n getItemLabel={getItemLabel}\n onItemClick={(item, { e }) =>\n getItemClick(item, getItemOnClick, onItemClick)(e)\n }\n getItemKey={getItemLabel}\n getItemLeftIcon={getItemIcon}\n anchorRef={buttonRef}\n onClickOutside={setVisibleMenu.off}\n possibleDirections={['downStartRight', 'upStartRight']}\n direction=\"downStartRight\"\n style={{ width: 280, zIndex: elementZIndex }}\n />\n </>\n );\n};\n\nexport const NotificationsActions = forwardRef(\n NotificationsActionsRender,\n) as NotificationsActionsComponent;\n"],"mappings":"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"}

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

@@ -9,9 +9,8 @@ export type ButtonMenuDefaultItem = {
 export type NotificationsActionsPropGetItemLabel<ITEM> = (item: ITEM) => string;
 export type NotificationsActionsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
 export type NotificationsActionsPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
-export type NotificationsActionsOnItemClick<ITEM> = (props: {
+export type NotificationsActionsOnItemClick<ITEM> = (item: ITEM, props: {
     e: React.MouseEvent;
-    item: ITEM;
 }) => void;
 export type NotificationsActionsProps<ITEM = ButtonMenuDefaultItem> = PropsWithHTMLAttributes<{
     items?: ITEM[];

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

	@@ -1 +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> = (props: {\n e: React.MouseEvent;\n ~~item: ITEM;\~~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":""}
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":""}

package/__internal__/src/components/Notifications/NotificationsItem/NotificationsItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .che--NotificationsItem{display:flex}.che--NotificationsItem-Image{flex:none}.che--NotificationsItem-Content{flex:1;max-width:calc(100% - var(--space-3xl) - var(--space-m));position:relative}.che--NotificationsItem-Text{margin-bottom:var(--space-m)}.che--NotificationsItem-Text:last-child{margin-bottom:0}.che--NotificationsItem-Title{margin-bottom:var(--space-2xs)}.che--NotificationsItem-Title_cardWithActions{margin-right:calc(var(--control-height-xs) + var(--space-2xs))}.che--NotificationsItem-Title:last-child{margin-bottom:0}.che--NotificationsItem-Time{white-space:nowrap}.che--NotificationsItem-Footer{align-items:flex-end;display:flex;gap:var(--space-3xl);justify-content:space-between;max-width:100%}.che--NotificationsItem-Badges{flex:1;position:relative}.che--NotificationsItem-Actions,.che--NotificationsItem-Button{position:absolute;right:0;top:0}
1	+ .che--NotificationsItem{display:flex}.che--NotificationsItem-Image{flex:none}.che--NotificationsItem-Content{flex:1;max-width:calc(100% - var(--space-3xl) - var(--space-m));position:relative}.che--NotificationsItem-Text{margin-bottom:var(--space-m)}.che--NotificationsItem-Text:last-child{margin-bottom:0}.che--NotificationsItem-Title{margin-bottom:var(--space-2xs)}.che--NotificationsItem-Title_cardWithActions{margin-right:calc(var(--control-height-xs) + var(--space-2xs))}.che--NotificationsItem-Title:last-child{margin-bottom:0}.che--NotificationsItem-Actions,.che--NotificationsItem-Button{position:absolute;right:0;top:0}

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

@@ -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" | "imageUrl" | "read" | "dateFormat" | "badges" | "actions" | "actionsMenuOpened"> & React.RefAttributes<HTMLDivElement>>;
+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 * from './types';

package/__internal__/src/components/Notifications/NotificationsItem/NotificationsItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["title","className","description","imageUrl","view","read","date","dateFormat","badges","actions","actionsMenuOpened"];import"./NotificationsItem.css";import{Avatar}from"@consta/uikit/Avatar";import{BadgeGroup}from"@consta/uikit/BadgeGroup";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{NotificationsActions}from"../NotificationsActions";import{defaultDateFormat}from"./helpers";export const cnNotificationsItem=cn("NotificationsItem");const getItemView=()=>"stroked";export const NotificationsItem=forwardRef((a,b)=>{var c;const{title:d,className:e,description:f,imageUrl:g,view:l="default",read:h,date:i,dateFormat:m=defaultDateFormat,badges:n=[],actions:j,actionsMenuOpened:k}=a,o=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},o,{ref:b,className:cnNotificationsItem(null,[e])}),(g||"user"===l)&&React.createElement(Avatar,{size:"l",name:d,url:g,className:cnNotificationsItem("Image",[cnMixSpace({mR:"m"})])}),React.createElement("div",{className:cnNotificationsItem("Content")},React.createElement("div",{className:cnNotificationsItem("Text")},React.createElement(Text,{weight:h?void 0:"bold",className:cnNotificationsItem("Title",{cardWithActions:!!(null!==j&&void 0!==j&&j.length)})},d),f&&React.createElement(Text,{size:"s"},f)),(n||i)&&React.createElement("div",{className:cnNotificationsItem("Footer")},React.createElement(BadgeGroup,{className:cnNotificationsItem("Badges",[cnMixSpace({mR:"xl"})]),items:n,size:"s",fitMode:"reduction",getItemKey:a=>a.label,getItemView:getItemView}),i&&React.createElement(Text,{className:cnNotificationsItem("Time"),size:"xs",view:"secondary"},m(i))),(null===j||void 0===j?void 0:j.length)&&React.createElement(NotificationsActions,{className:cnNotificationsItem("Actions"),items:j,mainButtonOnlyIcon:!0,opened:k,style:{zIndex:null===(c=a.style)||void 0===c?void 0:c.zIndex}})))});export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["title","className","description","imageUrl","view","read","date","dateFormat","badges","actions","actionsMenuOpened"];import"./NotificationsItem.css";import{Avatar}from"@consta/uikit/Avatar";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{NotificationsActions}from"../NotificationsActions";import{NotificationsItemFooter}from"../NotificationsItemFooter";export const cnNotificationsItem=cn("NotificationsItem");export const NotificationsItem=forwardRef((a,b)=>{var c;const{title:d,className:e,description:f,imageUrl:g,view:m="default",read:h,date:i,dateFormat:j,badges:n=[],actions:k,actionsMenuOpened:l}=a,o=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},o,{ref:b,className:cnNotificationsItem(null,[e])}),(g||"user"===m)&&React.createElement(Avatar,{size:"l",name:d,url:g,className:cnNotificationsItem("Image",[cnMixSpace({mR:"m"})])}),React.createElement("div",{className:cnNotificationsItem("Content")},React.createElement("div",{className:cnNotificationsItem("Text")},React.createElement(Text,{weight:h?void 0:"bold",className:cnNotificationsItem("Title",{cardWithActions:!!(null!==k&&void 0!==k&&k.length)}),view:"primary",size:"m",lineHeight:"m"},d),f&&React.createElement(Text,{size:"s",view:"primary",lineHeight:"m"},f)),React.createElement(NotificationsItemFooter,{badges:n,date:i,dateFormat:j}),(null===k||void 0===k?void 0:k.length)&&React.createElement(NotificationsActions,{className:cnNotificationsItem("Actions"),items:k,mainButtonOnlyIcon:!0,opened:l,style:{zIndex:null===(c=a.style)||void 0===c?void 0:c.zIndex}})))});export*from"./types";
 //# sourceMappingURL=NotificationsItem.js.map

package/__internal__/src/components/Notifications/NotificationsItem/NotificationsItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationsItem.js","names":["Avatar","~~BadgeGroup","~~cnMixSpace","Text","React","forwardRef","cn","NotificationsActions","~~defaultDateFormat~~","cnNotificationsItem","~~getItemView","~~NotificationsItem","props","ref","c","title","className","description","imageUrl","view","read","date","dateFormat","badges","actions","actionsMenuOpened","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","size","name","url","mR","weight","cardWithActions","length","~~items~~","~~fitMode~~","~~getItemKey","item","label","~~mainButtonOnlyIcon","opened","style","zIndex"],"sources":["../../../../../../src/components/Notifications/NotificationsItem/NotificationsItem.tsx"],"sourcesContent":["import './NotificationsItem.css';\n\nimport { Avatar } from '@consta/uikit/Avatar';\nimport { ~~BadgePropView } from '@consta/uikit/Badge';\nimport { BadgeGroup } from '@consta/uikit/BadgeGroup';\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 { NotificationsActions } from '../NotificationsActions';\nimport { ~~defaultDateFormat~~ } from '~~./helpers~~';\nimport { NotificationsItemProps } from './types';\n\nexport const cnNotificationsItem = cn('NotificationsItem');\n\~~nconst getItemView = (): BadgePropView => 'stroked';\n\~~nexport const NotificationsItem = forwardRef(\n (props: NotificationsItemProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n title,\n className,\n description,\n imageUrl,\n view = 'default',\n read,\n date,\n dateFormat ~~= defaultDateFormat~~,\n badges = [],\n actions,\n actionsMenuOpened,\n ...otherProps\n } = props;\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnNotificationsItem(null, [className])}\n >\n {(imageUrl \|\| view === 'user') && (\n <Avatar\n size=\"l\"\n name={title}\n url={imageUrl}\n className={cnNotificationsItem('Image', [cnMixSpace({ mR: 'm' })])}\n />\n )}\n <div className={cnNotificationsItem('Content')}>\n <div className={cnNotificationsItem('Text')}>\n <Text\n weight={!read ? 'bold' : undefined}\n className={cnNotificationsItem('Title', {\n cardWithActions: !!actions?.length,\n })}\n ~~>\n~~ ~~{title}\n </Text>\n {description && <Text size~~=\"s\"~~>{description}</Text>}~~\n ~~</div>\n {(badges \|\| date) && (\n <div className={cnNotificationsItem('Footer')}>\n~~ ~~<BadgeGroup\n className={cnNotificationsItem('Badges', [\n cnMixSpace({ mR: 'xl' }),\n ])}\n items={badges}\n~~ size=\"s\"\n ~~fitMode~~=\"~~reduction~~\"\n ~~getItemKey={(item) => item.label}\~~n ~~getItemView=~~{~~getItemView~~}\n ~~/>\~~n {~~date~~ && (\n <Text~~\n className={cnNotificationsItem('Time')}\n~~ size=\"xs\"\n view=\"~~secondary~~\"\n ~~>\n~~ {~~dateFormat(date)~~}\n </Text>\n )}\n </div>\n )}\n {actions?.length && (\n <NotificationsActions\n className={cnNotificationsItem('Actions')}\n items={actions}\n mainButtonOnlyIcon\n opened={actionsMenuOpened}\n style={{ zIndex: props.style?.zIndex }}\n />\n )}\n </div>\n </div>\n );\n },\n);\n\nexport * from './types';\n"],"mappings":"6NAAA,gCAEA,OAASA,MAAM,KAAQ,sBAAsB,~~CAE7C~~,OAASC,UAAU,KAAQ,~~0BAA0B,CACrD,OAASC,UAAU,KAAQ,~~wBAAwB,CACnD,OAASC,IAAI,KAAQ,oBAAoB,CACzC,MAAO,CAAAC,KAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,EAAE,0BAEX,OAASC,oBAAoB,+BAC7B,OAASC,~~iBAAiB~~,~~iBAG1B~~,MAAO,MAAM,CAAAC,mBAAmB,CAAGH,EAAE,CAAC,mBAAmB,CAAC,CAE1D,~~KAAM,CAAAI,WAAW,CAAGA,CAAA,GAAqB,SAAS,CAElD,~~MAAO,MAAM,~~CAAAC~~,iBAAiB,~~CAAGN~~,UAAU,CACzC,~~CAACO~~,CAA6B,CAAEC,CAA8B,GAAK,KAAAC,CAAA,CACjE,KAAM,CACJC,KAAK,CAALA,CAAK,CACLC,SAAS,CAATA,CAAS,CACTC,WAAW,CAAXA,CAAW,CACXC,QAAQ,CAARA,CAAQ,CACRC,IAAI,CAAJA,CAAI,CAAG,SAAS,CAChBC,IAAI,CAAJA,CAAI,CACJC,IAAI,CAAJA,CAAI,CACJC,UAAU,CAAVA,CAAU,~~CAAGd~~,~~iBAAiB,CAC9Be,~~MAAM,CAANA,CAAM,CAAG,EAAE,CACXC,OAAO,CAAPA,CAAO,CACPC,iBAAiB,CAAjBA,CAEF,CAAC,CAAGb,CAAK,CADJc,CAAU,CAAAC,wBAAA,CACXf,CAAK,CAAAgB,SAAA,EAET,MACE,~~CAAAxB~~,KAAA,~~CAAAyB~~,aAAA,OAAAC,MAAA,CAAAC,MAAA,IACML,CAAU,EACdb,GAAG,CAAEA,CAAI,CACTG,SAAS,~~CAAEP~~,mBAAmB,CAAC,IAAI,CAAE,~~CAACO~~,CAAS,CAAC,CAAE,GAEjD,CAACE,CAAQ,EAAa,MAAM,GAAfC,CAAe,~~GAC3Bf~~,KAAA,~~CAAAyB~~,aAAA,~~CAAC7B~~,MAAM,~~EACLgC~~,IAAI,CAAC,GAAG,CACRC,IAAI,CAAElB,CAAM,CACZmB,GAAG,CAAEhB,CAAS,CACdF,SAAS,~~CAAEP~~,mBAAmB,CAAC,OAAO,CAAE,CAACP,UAAU,CAAC,~~CAAEiC~~,EAAE,CAAE,GAAI,CAAC,CAAC,CAAC,CAAE,CACpE,CACF,~~CACD/B~~,KAAA,~~CAAAyB~~,aAAA,QAAKb,SAAS,~~CAAEP~~,mBAAmB,CAAC,SAAS,CAAE,EAC7CL,KAAA,~~CAAAyB~~,aAAA,QAAKb,SAAS,~~CAAEP~~,mBAAmB,CAAC,MAAM,CAAE,EAC1CL,KAAA,~~CAAAyB~~,aAAA,~~CAAC1B~~,IAAI,~~EACHiC~~,MAAM,CAAGhB,CAAI,QAAG,MAAmB,CACnCJ,SAAS,~~CAAEP~~,mBAAmB,CAAC,OAAO,CAAE,~~CACtC4B~~,eAAe,CAAE,CAAC,SAACb,CAAO,WAAPA,CAAO,EAAPA,CAAO,CAAEc,MAAM,CACpC,CAAC,CAAE,~~EAEFvB~~,~~CACG~~,CAAC,~~CACNE~~,~~CAAW~~,~~EAAIb,KAAA,CAAAyB,aAAA,CAAC1B,~~IAAI,~~EAAC6B,IAAI,~~CAAC,GAAG,~~EAAEf~~,~~CAAkB~~,~~CAC/C,~~CAAC,~~CACL~~,~~CAACM~~,~~CAAM~~,~~EAAIF,CAAI,GACdjB,KAAA,CAAAyB,aAAA,QAAKb,SAAS,CAAEP,mBAAmB,~~CAAC,~~QAAQ~~,~~CAAE~~,~~EAC5CL~~,KAAA,~~CAAAyB~~,aAAA,~~CAAC5B~~,~~UAAU~~,~~EACTe~~,~~SAAS,CAAEP,mBAAmB,CAAC,QAAQ,CAAE,CACvCP,UAAU,CAAC,CAAEiC,EAAE,CAAE,IAAK,CAAC,CAAC,CACzB,CAAE,CACHI,KAAK,CAAEhB,CAAO,CACdS,~~IAAI,CAAC,GAAG,~~CACRQ~~,~~OAAO~~,CAAC,~~WAAW~~,~~CACnBC~~,UAAU,~~CAAGC~~,~~CAAI~~,~~EAAKA~~,~~CAAI~~,~~CAACC~~,~~KAAM,CACjCjC,WAAW,CAAEA,WAAY,CAC1B,~~CAAC,~~CACDW~~,~~CAAI,EACHjB,~~KAAA,~~CAAAyB~~,aAAA,~~CAAC1B~~,~~IAAI~~,~~EACHa~~,~~SAAS,CAAEP,mBAAmB,CAAC,~~MAAM,~~CAAE~~,~~CACvCuB~~,~~IAAI~~,~~CAAC,~~IAAI,~~CACTb~~,~~IAAI~~,~~CAAC~~,~~WAAW~~,~~EAEfG~~,~~CAAU~~,~~CAACD~~,~~CAAI~~,~~CACZ~~,~~CAEL~~,~~CACN,CACA,QAAAG,~~CAAO,WAAPA,CAAO,QAAPA,CAAO,CAAEc,MAAM,~~GACdlC~~,KAAA,~~CAAAyB~~,aAAA,~~CAACtB~~,oBAAoB,~~EACnBS~~,SAAS,~~CAAEP~~,mBAAmB,CAAC,SAAS,CAAE,CAC1C8B,KAAK,~~CAAEf~~,CAAQ,~~CACfoB~~,kBAAkB,IAClBC,MAAM,~~CAAEpB~~,CAAkB,~~CAC1BqB~~,KAAK,CAAE,CAAEC,MAAM,~~SAAAjC~~,CAAA,CAAEF,CAAK,~~CAACkC~~,KAAK,~~YAAAhC~~,CAAA,QAAXA,CAAA,~~CAAaiC~~,MAAO,CAAE,CACxC,CAEA,CACF,CAET,CACF,CAAC,CAED"}
1	+ {"version":3,"file":"NotificationsItem.js","names":["Avatar","cnMixSpace","Text","React","forwardRef","cn","NotificationsActions","NotificationsItemFooter","cnNotificationsItem","NotificationsItem","props","ref","c","title","className","description","imageUrl","view","read","date","dateFormat","badges","actions","actionsMenuOpened","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","size","name","url","mR","weight","cardWithActions","length","lineHeight","items","mainButtonOnlyIcon","opened","style","zIndex"],"sources":["../../../../../../src/components/Notifications/NotificationsItem/NotificationsItem.tsx"],"sourcesContent":["import './NotificationsItem.css';\n\nimport { Avatar } from '@consta/uikit/Avatar';\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 { NotificationsActions } from '../NotificationsActions';\nimport { NotificationsItemFooter } from '../NotificationsItemFooter';\nimport { NotificationsItemProps } from './types';\n\nexport const cnNotificationsItem = cn('NotificationsItem');\n\nexport const NotificationsItem = forwardRef(\n (props: NotificationsItemProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n title,\n className,\n description,\n imageUrl,\n view = 'default',\n read,\n date,\n dateFormat,\n badges = [],\n actions,\n actionsMenuOpened,\n ...otherProps\n } = props;\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnNotificationsItem(null, [className])}\n >\n {(imageUrl \|\| view === 'user') && (\n <Avatar\n size=\"l\"\n name={title}\n url={imageUrl}\n className={cnNotificationsItem('Image', [cnMixSpace({ mR: 'm' })])}\n />\n )}\n <div className={cnNotificationsItem('Content')}>\n <div className={cnNotificationsItem('Text')}>\n <Text\n weight={!read ? 'bold' : undefined}\n className={cnNotificationsItem('Title', {\n cardWithActions: !!actions?.length,\n })}\n view=\"primary\"\n size=\"m\"\n lineHeight=\"m\"\n >\n {title}\n </Text>\n {description && (\n <Text size=\"s\" view=\"primary\" lineHeight=\"m\">\n {description}\n </Text>\n )}\n </div>\n <NotificationsItemFooter\n badges={badges}\n date={date}\n dateFormat={dateFormat}\n />\n {actions?.length && (\n <NotificationsActions\n className={cnNotificationsItem('Actions')}\n items={actions}\n mainButtonOnlyIcon\n opened={actionsMenuOpened}\n style={{ zIndex: props.style?.zIndex }}\n />\n )}\n </div>\n </div>\n );\n },\n);\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Notifications/NotificationsItemFooter/NotificationsItemFooter.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .che--NotificationsItemFooter{align-items:flex-end;display:flex;gap:var(--space-3xl);justify-content:space-between;width:100%}.che--NotificationsItemFooter-Badges{flex:1;position:relative;width:calc(100% - var(--time-width))}.che--NotificationsItemFooter-Time{flex:none;white-space:nowrap}

package/__internal__/src/components/Notifications/NotificationsItemFooter/NotificationsItemFooter.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import './NotificationsItemFooter.css';
+import React from 'react';
+import { NotificationsItemFooterProps } from './types';
+export declare const NotificationsItemFooter: React.FC<NotificationsItemFooterProps>;

package/__internal__/src/components/Notifications/NotificationsItemFooter/NotificationsItemFooter.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"./NotificationsItemFooter.css";import{BadgeGroup}from"@consta/uikit/BadgeGroup";import{Text}from"@consta/uikit/Text";import{useComponentSize}from"@consta/uikit/useComponentSize";import React,{useRef}from"react";import{cn}from"../../../utils/bem";import{defaultDateFormat}from"./helpers";const cnNotificationsItemFooter=cn("NotificationsItemFooter"),getItemView=()=>"stroked";export const NotificationsItemFooter=a=>{const{badges:c=[],dateFormat:d=defaultDateFormat,date:b}=a,e=useRef(null),{width:f}=useComponentSize(e);return c\|\|b?React.createElement("div",{className:cnNotificationsItemFooter(),style:{"--time-width":`${Math.ceil(f)}px`}},React.createElement(BadgeGroup,{className:cnNotificationsItemFooter("Badges"),items:c,size:"s",fitMode:"reduction",getItemKey:a=>a.label,getItemView:getItemView}),b&&React.createElement(Text,{className:cnNotificationsItemFooter("Time"),size:"xs",view:"secondary",lineHeight:"m",ref:e},d(b))):null};
2	+ //# sourceMappingURL=NotificationsItemFooter.js.map

package/__internal__/src/components/Notifications/NotificationsItemFooter/NotificationsItemFooter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NotificationsItemFooter.js","names":["BadgeGroup","Text","useComponentSize","React","useRef","cn","defaultDateFormat","cnNotificationsItemFooter","getItemView","NotificationsItemFooter","props","badges","dateFormat","date","timeRef","width","timeWidth","createElement","className","style","\"--time-width\"","Math","ceil","items","size","fitMode","getItemKey","item","label","view","lineHeight","ref"],"sources":["../../../../../../src/components/Notifications/NotificationsItemFooter/NotificationsItemFooter.tsx"],"sourcesContent":["import './NotificationsItemFooter.css';\n\nimport { BadgePropView } from '@consta/uikit/Badge';\nimport { BadgeGroup } from '@consta/uikit/BadgeGroup';\nimport { Text } from '@consta/uikit/Text';\nimport { useComponentSize } from '@consta/uikit/useComponentSize';\nimport React, { useRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { defaultDateFormat } from './helpers';\nimport { NotificationsItemFooterProps } from './types';\n\nconst cnNotificationsItemFooter = cn('NotificationsItemFooter');\nconst getItemView = (): BadgePropView => 'stroked';\n\nexport const NotificationsItemFooter: React.FC<NotificationsItemFooterProps> = (\n props,\n) => {\n const { badges = [], dateFormat = defaultDateFormat, date } = props;\n const timeRef = useRef<HTMLDivElement>(null);\n const { width: timeWidth } = useComponentSize(timeRef);\n\n if (badges || date) {\n return (\n <div\n className={cnNotificationsItemFooter()}\n style={{ ['--time-width' as string]: `${Math.ceil(timeWidth)}px` }}\n >\n <BadgeGroup\n className={cnNotificationsItemFooter('Badges')}\n items={badges}\n size=\"s\"\n fitMode=\"reduction\"\n getItemKey={(item) => item.label}\n getItemView={getItemView}\n />\n {date && (\n <Text\n className={cnNotificationsItemFooter('Time')}\n size=\"xs\"\n view=\"secondary\"\n lineHeight=\"m\"\n ref={timeRef}\n >\n {dateFormat(date)}\n </Text>\n )}\n </div>\n );\n }\n\n return null;\n};\n"],"mappings":"AAAA,sCAGA,OAASA,UAAU,KAAQ,0BAA0B,CACrD,OAASC,IAAI,KAAQ,oBAAoB,CACzC,OAASC,gBAAgB,KAAQ,gCAAgC,CACjE,MAAO,CAAAC,KAAK,EAAIC,MAAM,KAAQ,OAAO,CAErC,OAASC,EAAE,0BAEX,OAASC,iBAAiB,iBAAoB,KAGxC,CAAAC,yBAAyB,CAAGF,EAAE,CAAC,yBAAyB,CAAC,CACzDG,WAAW,CAAGA,CAAA,GAAqB,SAAS,CAElD,MAAO,MAAM,CAAAC,uBAA+D,CAC1EC,CAAK,EACF,MACG,CAAEC,MAAM,CAANA,CAAM,CAAG,EAAE,CAAEC,UAAU,CAAVA,CAAU,CAAGN,iBAAiB,CAAEO,IAAI,CAAJA,CAAK,CAAC,CAAGH,CAAK,CAC7DI,CAAO,CAAGV,MAAM,CAAiB,IAAI,CAAC,CACtC,CAAEW,KAAK,CAAEC,CAAU,CAAC,CAAGd,gBAAgB,CAACY,CAAO,CAAC,OAElD,CAAAH,CAAM,EAAIE,CAAI,CAEdV,KAAA,CAAAc,aAAA,QACEC,SAAS,CAAEX,yBAAyB,CAAC,CAAE,CACvCY,KAAK,CAAE,CAAEC,cAAA,CAA6B,GAAEC,IAAI,CAACC,IAAI,CAACN,CAAS,CAAE,IAAI,CAAE,EAEnEb,KAAA,CAAAc,aAAA,CAACjB,UAAU,EACTkB,SAAS,CAAEX,yBAAyB,CAAC,QAAQ,CAAE,CAC/CgB,KAAK,CAAEZ,CAAO,CACda,IAAI,CAAC,GAAG,CACRC,OAAO,CAAC,WAAW,CACnBC,UAAU,CAAGC,CAAI,EAAKA,CAAI,CAACC,KAAM,CACjCpB,WAAW,CAAEA,WAAY,CAC1B,CAAC,CACDK,CAAI,EACHV,KAAA,CAAAc,aAAA,CAAChB,IAAI,EACHiB,SAAS,CAAEX,yBAAyB,CAAC,MAAM,CAAE,CAC7CiB,IAAI,CAAC,IAAI,CACTK,IAAI,CAAC,WAAW,CAChBC,UAAU,CAAC,GAAG,CACdC,GAAG,CAAEjB,CAAQ,EAEZF,CAAU,CAACC,CAAI,CACZ,CAEL,CAAC,CAIH,IACT,CAAC"}

package/__internal__/src/components/Notifications/NotificationsItemFooter/helpers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"helpers.js","names":["format","formatDistanceToNow","ruLocale","defaultDateFormat","date","currentDate","Date","getTime","locale","addSuffix"],"sources":["../../../../../../src/components/Notifications/NotificationsItemFooter/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"}

package/__internal__/src/components/Notifications/NotificationsItemFooter/index.d.ts ADDED Viewed

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

package/__internal__/src/components/Notifications/NotificationsItemFooter/index.js ADDED Viewed

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

package/__internal__/src/components/Notifications/NotificationsItemFooter/index.js.map ADDED Viewed

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

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

@@ -0,0 +1,12 @@
+import { BadgePropStatus } from '@consta/uikit/Badge';
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+export type NotificationsItemBadge = {
+    label: string;
+    status?: BadgePropStatus;
+};
+export type NotificationsItemFooterProps = PropsWithHTMLAttributesAndRef<{
+    date?: Date;
+    dateFormat?: (date: Date) => string;
+    badges?: NotificationsItemBadge[];
+    children?: never;
+}, HTMLDivElement>;

package/__internal__/src/components/Notifications/NotificationsItemFooter/types.js ADDED Viewed

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

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

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

package/__internal__/src/components/Notifications/NotificationsList/NotificationsList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose"];import"./NotificationsList.css";import{IconClose}from"@consta/icons/IconClose";import{Button}from"@consta/uikit/Button";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React,{forwardRef,Fragment}from"react";import{cn}from"../../../utils/bem";import{NotificationsActions}from"../NotificationsActions";import{NotificationsItem}from"../NotificationsItem";import{defaultGroupLabelFormat,getGroups,withDefaultGetters}from"./helpers";export const cnNotificationsList=cn("NotificationsList");function NotificationsListRender(a,b){var c;const d=withDefaultGetters(a),{className:e,items:f,groupByDay:z=!1,groups:g,groupLabelFormat:A=defaultGroupLabelFormat,itemDateFormat:h,title:i,actions:j,getItemLabel:k,getActionIcon:l,getActionLabel:m,getActionOnClick:n,getGroupId:o,getGroupLabel:p,getItemActions:q,getItemBadges:r,getItemDate:s,getItemDescription:t,getItemGroup:u,getItemImage:v,getItemRead:w,getItemView:x,onClose:y}=d,B=_objectWithoutProperties(d,_excluded),C=getGroups(f,g,z,u,s,o),D="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement("div",Object.assign({},B,{ref:b,className:cnNotificationsList(null,[e])}),(i||j)&&React.createElement("div",{className:cnNotificationsList("Header",[cnMixSpace({pV:"l",pH:"xl"})])},React.createElement(Text,{className:cnNotificationsList("HeaderItem"),size:"xl",truncate:!0},i),(null===j||void 0===j?void 0:j.length)&&React.createElement(NotificationsActions,{className:cnNotificationsList("HeaderItem"),items:j,getItemIcon:l,getItemOnClick:n,getItemLabel:m,style:{zIndex:D}}),y&&React.createElement(Button,{className:cnNotificationsList("HeaderItem"),size:"s",view:"clear",iconLeft:IconClose,onClick:y})),React.createElement("div",{className:cnNotificationsList("List")},C.map((a,b)=>{const c=z?A(+a.key):a.group&&p(a.group);return React.createElement(Fragment,{key:cnNotificationsList("Group",{groupIndex:b})},c&&React.createElement(Text,{className:cnNotificationsList("GroupLabel",[cnMixSpace({pV:"2xs",pH:"xl"})]),key:cnNotificationsList("GroupLabel",{groupIndex:b}),view:"secondary",transform:"uppercase",weight:"bold",size:"2xs"},c),a.items.map((a,c)=>React.createElement(NotificationsItem,{className:cnNotificationsList("Item",[cnMixSpace({pV:"l",pH:"xl"})]),key:cnNotificationsList("Item",{groupIndex:b,itemIndex:c}),title:k(a),description:t(a),imageUrl:v(a),read:w(a),date:s(a),dateFormat:h,badges:r(a),actions:q(a),view:x(a),style:{zIndex:D}})))})))}export const NotificationsList=forwardRef(NotificationsListRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose"];import"./NotificationsList.css";import{IconClose}from"@consta/icons/IconClose";import{Button}from"@consta/uikit/Button";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React,{forwardRef,Fragment}from"react";import{cn}from"../../../utils/bem";import{NotificationsActions}from"../NotificationsActions";import{NotificationsItem}from"../NotificationsItem";import{defaultGroupLabelFormat,getGroups,withDefaultGetters}from"./helpers";export const cnNotificationsList=cn("NotificationsList");function NotificationsListRender(a,b){var c;const d=withDefaultGetters(a),{className:e,items:f,groupByDay:z=!1,groups:g,groupLabelFormat:A=defaultGroupLabelFormat,itemDateFormat:h,title:i,actions:j,getItemLabel:k,getActionIcon:l,getActionLabel:m,getActionOnClick:n,getGroupId:o,getGroupLabel:p,getItemActions:q,getItemBadges:r,getItemDate:s,getItemDescription:t,getItemGroup:u,getItemImage:v,getItemRead:w,getItemView:x,onClose:y}=d,B=_objectWithoutProperties(d,_excluded),C=getGroups(f,g,z,u,s,o),D="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement("div",Object.assign({},B,{ref:b,className:cnNotificationsList(null,[e])}),(i||j)&&React.createElement("div",{className:cnNotificationsList("Header",[cnMixSpace({pV:"l",pH:"xl"})])},React.createElement(Text,{className:cnNotificationsList("HeaderItem"),size:"xl",truncate:!0,view:"primary",lineHeight:"m"},i),(null===j||void 0===j?void 0:j.length)&&React.createElement(NotificationsActions,{className:cnNotificationsList("HeaderItem"),items:j,getItemIcon:l,getItemOnClick:n,getItemLabel:m,style:{zIndex:D}}),y&&React.createElement(Button,{className:cnNotificationsList("HeaderItem"),size:"s",view:"clear",iconLeft:IconClose,onClick:y})),React.createElement("div",{className:cnNotificationsList("List")},C.map((a,b)=>{const c=z?A(+a.key):a.group&&p(a.group);return React.createElement(Fragment,{key:cnNotificationsList("Group",{groupIndex:b})},c&&React.createElement(Text,{className:cnNotificationsList("GroupLabel",[cnMixSpace({pV:"2xs",pH:"xl"})]),key:cnNotificationsList("GroupLabel",{groupIndex:b}),view:"secondary",transform:"uppercase",weight:"bold",size:"2xs",lineHeight:"m"},c),a.items.map((a,c)=>React.createElement(NotificationsItem,{className:cnNotificationsList("Item",[cnMixSpace({pV:"l",pH:"xl"})]),key:cnNotificationsList("Item",{groupIndex:b,itemIndex:c}),title:k(a),description:t(a),imageUrl:v(a),read:w(a),date:s(a),dateFormat:h,badges:r(a),actions:q(a),view:x(a),style:{zIndex:D}})))})))}export const NotificationsList=forwardRef(NotificationsListRender);export*from"./types";
 //# sourceMappingURL=NotificationsList.js.map

package/__internal__/src/components/Notifications/NotificationsList/NotificationsList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationsList.js","names":["IconClose","Button","cnMixSpace","Text","React","forwardRef","Fragment","cn","NotificationsActions","NotificationsItem","defaultGroupLabelFormat","getGroups","withDefaultGetters","cnNotificationsList","NotificationsListRender","props","ref","c","d","className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose","otherProps","_objectWithoutProperties","_excluded","resultGroups","elementZIndex","style","zIndex","createElement","Object","assign","pV","pH","size","truncate","length","getItemIcon","getItemOnClick","~~view","~~iconLeft","onClick","map","group","groupIndex","groupLabel","key","transform","weight","item","itemIndex","description","imageUrl","read","date","dateFormat","badges","NotificationsList"],"sources":["../../../../../../src/components/Notifications/NotificationsList/NotificationsList.tsx"],"sourcesContent":["import './NotificationsList.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { Button } from '@consta/uikit/Button';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport React, { forwardRef, Fragment } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { NotificationsActions } from '../NotificationsActions';\nimport { NotificationsItem } from '../NotificationsItem';\nimport {\n defaultGroupLabelFormat,\n getGroups,\n withDefaultGetters,\n} from './helpers';\nimport { NotificationsListComponent, NotificationsListProps } from './types';\n\nexport const cnNotificationsList = cn('NotificationsList');\n\nfunction NotificationsListRender(\n props: NotificationsListProps,\n ref: React.Ref<HTMLDivElement>,\n) {\n const {\n className,\n items,\n groupByDay = false,\n groups,\n groupLabelFormat = defaultGroupLabelFormat,\n itemDateFormat,\n title,\n actions,\n getItemLabel,\n getActionIcon,\n getActionLabel,\n getActionOnClick,\n getGroupId,\n getGroupLabel,\n getItemActions,\n getItemBadges,\n getItemDate,\n getItemDescription,\n getItemGroup,\n getItemImage,\n getItemRead,\n getItemView,\n onClose,\n ...otherProps\n } = withDefaultGetters(props);\n\n const resultGroups = getGroups(\n items,\n groups,\n groupByDay,\n getItemGroup,\n getItemDate,\n getGroupId,\n );\n\n const elementZIndex =\n typeof props.style?.zIndex === 'number'\n ? props.style.zIndex + 1\n : undefined;\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnNotificationsList(null, [className])}\n >\n {(title \|\| actions) && (\n <div\n className={cnNotificationsList('Header', [\n cnMixSpace({ pV: 'l', pH: 'xl' }),\n ])}\n >\n <Text\n className={cnNotificationsList('HeaderItem')}\n size=\"xl\"\n truncate\n >\n {title}\n </Text>\n {actions?.length && (\n <NotificationsActions\n className={cnNotificationsList('HeaderItem')}\n items={actions}\n getItemIcon={getActionIcon}\n getItemOnClick={getActionOnClick}\n getItemLabel={getActionLabel}\n style={{ zIndex: elementZIndex }}\n />\n )}\n {onClose && (\n <Button\n className={cnNotificationsList('HeaderItem')}\n size=\"s\"\n view=\"clear\"\n iconLeft={IconClose}\n onClick={onClose}\n />\n )}\n </div>\n )}\n <div className={cnNotificationsList('List')}>\n {resultGroups.map((group, groupIndex) => {\n const groupLabel = groupByDay\n ? groupLabelFormat(Number(group.key))\n : group.group && getGroupLabel(group.group);\n return (\n <Fragment key={cnNotificationsList('Group', { groupIndex })}>\n {groupLabel && (\n <Text\n className={cnNotificationsList('GroupLabel', [\n cnMixSpace({\n pV: '2xs',\n pH: 'xl',\n }),\n ])}\n key={cnNotificationsList('GroupLabel', { groupIndex })}\n view=\"secondary\"\n transform=\"uppercase\"\n weight=\"bold\"\n size=\"2xs\"\n >\n {groupLabel}\n </Text>\n )}\n {group.items.map((item, itemIndex) => {\n return (\n <NotificationsItem\n className={cnNotificationsList('Item', [\n cnMixSpace({ pV: 'l', pH: 'xl' }),\n ])}\n key={cnNotificationsList('Item', { groupIndex, itemIndex })}\n title={getItemLabel(item)}\n description={getItemDescription(item)}\n imageUrl={getItemImage(item)}\n read={getItemRead(item)}\n date={getItemDate(item)}\n dateFormat={itemDateFormat}\n badges={getItemBadges(item)}\n actions={getItemActions(item)}\n view={getItemView(item)}\n style={{ zIndex: elementZIndex }}\n />\n );\n })}\n </Fragment>\n );\n })}\n </div>\n </div>\n );\n}\n\nexport const NotificationsList = forwardRef(\n NotificationsListRender,\n) as NotificationsListComponent;\n\nexport * from './types';\n"],"mappings":"+aAAA,gCAEA,OAASA,SAAS,KAAQ,yBAAyB,CACnD,OAASC,MAAM,KAAQ,sBAAsB,CAC7C,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,IAAI,KAAQ,oBAAoB,CACzC,MAAO,CAAAC,KAAK,EAAIC,UAAU,CAAEC,QAAQ,KAAQ,OAAO,CAEnD,OAASC,EAAE,0BAEX,OAASC,oBAAoB,+BAC7B,OAASC,iBAAiB,4BAC1B,OACEC,uBAAuB,CACvBC,SAAS,CACTC,kBAAkB,iBAIpB,MAAO,MAAM,CAAAC,mBAAmB,CAAGN,EAAE,CAAC,mBAAmB,CAAC,CAE1D,QAAS,CAAAO,uBAAuBA,CAC9BC,CAA6B,CAC7BC,CAA8B,CAC9B,KAAAC,CAAA,OAAAC,CAAA,CA0BIN,kBAAkB,CAACG,CAAK,CAAC,CAzBvB,CACJI,SAAS,CAATA,CAAS,CACTC,KAAK,CAALA,CAAK,CACLC,UAAU,CAAVA,CAAU,GAAQ,CAClBC,MAAM,CAANA,CAAM,CACNC,gBAAgB,CAAhBA,CAAgB,CAAGb,uBAAuB,CAC1Cc,cAAc,CAAdA,CAAc,CACdC,KAAK,CAALA,CAAK,CACLC,OAAO,CAAPA,CAAO,CACPC,YAAY,CAAZA,CAAY,CACZC,aAAa,CAAbA,CAAa,CACbC,cAAc,CAAdA,CAAc,CACdC,gBAAgB,CAAhBA,CAAgB,CAChBC,UAAU,CAAVA,CAAU,CACVC,aAAa,CAAbA,CAAa,CACbC,cAAc,CAAdA,CAAc,CACdC,aAAa,CAAbA,CAAa,CACbC,WAAW,CAAXA,CAAW,CACXC,kBAAkB,CAAlBA,CAAkB,CAClBC,YAAY,CAAZA,CAAY,CACZC,YAAY,CAAZA,CAAY,CACZC,WAAW,CAAXA,CAAW,CACXC,WAAW,CAAXA,CAAW,CACXC,OAAO,CAAPA,CAEF,CAAC,CAAAvB,CAAA,CADIwB,CAAU,CAAAC,wBAAA,CAAAzB,CAAA,CAAA0B,SAAA,EAGTC,CAAY,CAAGlC,SAAS,CAC5BS,CAAK,CACLE,CAAM,CACND,CAAU,CACVgB,CAAY,CACZF,CAAW,CACXJ,CACF,CAAC,CAEKe,CAAa,CACc,QAAQ,EAAvC,eAAA7B,CAAA,CAAOF,CAAK,CAACgC,KAAK,YAAA9B,CAAA,QAAXA,CAAA,CAAa+B,MAAM,CAAa,CACnCjC,CAAK,CAACgC,KAAK,CAACC,MAAM,CAAG,CAAC,OACb,CAEf,MACE,CAAA5C,KAAA,CAAA6C,aAAA,OAAAC,MAAA,CAAAC,MAAA,IACMT,CAAU,EACd1B,GAAG,CAAEA,CAAI,CACTG,SAAS,CAAEN,mBAAmB,CAAC,IAAI,CAAE,CAACM,CAAS,CAAC,CAAE,GAEjD,CAACM,CAAK,EAAIC,CAAO,GAChBtB,KAAA,CAAA6C,aAAA,QACE9B,SAAS,CAAEN,mBAAmB,CAAC,QAAQ,CAAE,CACvCX,UAAU,CAAC,CAAEkD,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,IAAK,CAAC,CAAC,CAClC,CAAE,EAEHjD,KAAA,CAAA6C,aAAA,CAAC9C,IAAI,EACHgB,SAAS,CAAEN,mBAAmB,CAAC,YAAY,CAAE,CAC7CyC,IAAI,CAAC,IAAI,CACTC,QAAQ,~~KAEP9B~~,CACG,CAAC,CACN,QAAAC,CAAO,WAAPA,CAAO,QAAPA,CAAO,~~CAAE8B~~,MAAM,~~GACdpD~~,KAAA,CAAA6C,aAAA,CAACzC,oBAAoB,EACnBW,SAAS,CAAEN,mBAAmB,CAAC,YAAY,CAAE,CAC7CO,KAAK,CAAEM,CAAQ,~~CACf+B~~,WAAW,~~CAAE7B~~,CAAc,~~CAC3B8B~~,cAAc,~~CAAE5B~~,CAAiB,CACjCH,YAAY,CAAEE,CAAe,CAC7BkB,KAAK,CAAE,CAAEC,MAAM,CAAEF,CAAc,CAAE,CAClC,CACF,CACAL,CAAO,EACNrC,KAAA,CAAA6C,aAAA,CAAChD,MAAM,EACLkB,SAAS,CAAEN,mBAAmB,CAAC,YAAY,CAAE,CAC7CyC,IAAI,CAAC,GAAG,~~CACRK~~,IAAI,CAAC,OAAO,~~CACZC~~,QAAQ,~~CAAE5D~~,SAAU,~~CACpB6D~~,OAAO,~~CAAEpB~~,CAAQ,CAClB,CAEA,CACN,CACDrC,KAAA,CAAA6C,aAAA,QAAK9B,SAAS,CAAEN,mBAAmB,CAAC,MAAM,CAAE,EACzCgC,CAAY,~~CAACiB~~,GAAG,CAAC,CAACC,CAAK,CAAEC,CAAU,GAAK,CACvC,KAAM,CAAAC,CAAU,~~CAAG5C~~,CAAU,CACzBE,CAAgB,~~EAAQwC~~,CAAK,CAACG,GAAI,CAAC,CACnCH,CAAK,CAACA,KAAK,~~EAAI/B~~,CAAa,~~CAAC+B~~,CAAK,CAACA,KAAK,CAAC,CAC7C,MACE,~~CAAA3D~~,KAAA,CAAA6C,aAAA,CAAC3C,QAAQ,~~EAAC4D~~,GAAG,~~CAAErD~~,mBAAmB,CAAC,OAAO,CAAE,~~CAAEmD~~,UAAU,CAAVA,CAAW,CAAC,CAAE,EACzDC,CAAU,~~EACT7D~~,KAAA,CAAA6C,aAAA,CAAC9C,IAAI,EACHgB,SAAS,CAAEN,mBAAmB,CAAC,YAAY,CAAE,CAC3CX,UAAU,CAAC,CACTkD,EAAE,CAAE,KAAK,CACTC,EAAE,CAAE,IACN,CAAC,CAAC,CACH,CAAE,~~CACHa~~,GAAG,~~CAAErD~~,mBAAmB,CAAC,YAAY,CAAE,~~CAAEmD~~,UAAU,CAAVA,CAAW,CAAC,CAAE,~~CACvDL~~,IAAI,CAAC,WAAW,~~CAChBQ~~,SAAS,CAAC,WAAW,CACrBC,MAAM,CAAC,MAAM,~~CACbd~~,IAAI,CAAC,KAAK,~~EAETW~~,CACG,CACP,CACAF,CAAK,~~CAAC3C~~,KAAK,~~CAAC0C~~,GAAG,CAAC,CAACO,CAAI,CAAEC,CAAS,~~GAE7BlE~~,KAAA,CAAA6C,aAAA,CAACxC,iBAAiB,EAChBU,SAAS,CAAEN,mBAAmB,CAAC,MAAM,CAAE,CACrCX,UAAU,CAAC,CAAEkD,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,IAAK,CAAC,CAAC,CAClC,CAAE,~~CACHa~~,GAAG,~~CAAErD~~,mBAAmB,CAAC,MAAM,CAAE,~~CAAEmD~~,UAAU,CAAVA,CAAU,CAAEM,SAAS,CAATA,CAAU,CAAC,CAAE,~~CAC5D7C~~,KAAK,CAAEE,CAAY,~~CAAC0C~~,CAAI,CAAE,CAC1BE,WAAW,~~CAAEnC~~,CAAkB,~~CAACiC~~,CAAI,CAAE,CACtCG,QAAQ,~~CAAElC~~,CAAY,~~CAAC+B~~,CAAI,CAAE,CAC7BI,IAAI,~~CAAElC~~,CAAW,~~CAAC8B~~,CAAI,CAAE,CACxBK,IAAI,~~CAAEvC~~,CAAW,~~CAACkC~~,CAAI,CAAE,CACxBM,UAAU,~~CAAEnD~~,CAAe,~~CAC3BoD~~,MAAM,~~CAAE1C~~,CAAa,~~CAACmC~~,CAAI,CAAE,~~CAC5B3C~~,OAAO,CAAEO,CAAc,~~CAACoC~~,CAAI,CAAE,~~CAC9BV~~,IAAI,~~CAAEnB~~,CAAW,~~CAAC6B~~,CAAI,CAAE,~~CACxBtB~~,KAAK,CAAE,CAAEC,MAAM,CAAEF,CAAc,CAAE,CAClC,CAEJ,CACO,CAEd,CAAC,CACE,CACF,CAET,CAEA,MAAO,MAAM,~~CAAA+B~~,iBAAiB,~~CAAGxE~~,UAAU,CACzCS,uBACF,CAA+B,CAE/B"}
1	+ {"version":3,"file":"NotificationsList.js","names":["IconClose","Button","cnMixSpace","Text","React","forwardRef","Fragment","cn","NotificationsActions","NotificationsItem","defaultGroupLabelFormat","getGroups","withDefaultGetters","cnNotificationsList","NotificationsListRender","props","ref","c","d","className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose","otherProps","_objectWithoutProperties","_excluded","resultGroups","elementZIndex","style","zIndex","createElement","Object","assign","pV","pH","size","truncate","view","lineHeight","length","getItemIcon","getItemOnClick","iconLeft","onClick","map","group","groupIndex","groupLabel","key","transform","weight","item","itemIndex","description","imageUrl","read","date","dateFormat","badges","NotificationsList"],"sources":["../../../../../../src/components/Notifications/NotificationsList/NotificationsList.tsx"],"sourcesContent":["import './NotificationsList.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { Button } from '@consta/uikit/Button';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport React, { forwardRef, Fragment } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { NotificationsActions } from '../NotificationsActions';\nimport { NotificationsItem } from '../NotificationsItem';\nimport {\n defaultGroupLabelFormat,\n getGroups,\n withDefaultGetters,\n} from './helpers';\nimport { NotificationsListComponent, NotificationsListProps } from './types';\n\nexport const cnNotificationsList = cn('NotificationsList');\n\nfunction NotificationsListRender(\n props: NotificationsListProps,\n ref: React.Ref<HTMLDivElement>,\n) {\n const {\n className,\n items,\n groupByDay = false,\n groups,\n groupLabelFormat = defaultGroupLabelFormat,\n itemDateFormat,\n title,\n actions,\n getItemLabel,\n getActionIcon,\n getActionLabel,\n getActionOnClick,\n getGroupId,\n getGroupLabel,\n getItemActions,\n getItemBadges,\n getItemDate,\n getItemDescription,\n getItemGroup,\n getItemImage,\n getItemRead,\n getItemView,\n onClose,\n ...otherProps\n } = withDefaultGetters(props);\n\n const resultGroups = getGroups(\n items,\n groups,\n groupByDay,\n getItemGroup,\n getItemDate,\n getGroupId,\n );\n\n const elementZIndex =\n typeof props.style?.zIndex === 'number'\n ? props.style.zIndex + 1\n : undefined;\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnNotificationsList(null, [className])}\n >\n {(title \|\| actions) && (\n <div\n className={cnNotificationsList('Header', [\n cnMixSpace({ pV: 'l', pH: 'xl' }),\n ])}\n >\n <Text\n className={cnNotificationsList('HeaderItem')}\n size=\"xl\"\n truncate\n view=\"primary\"\n lineHeight=\"m\"\n >\n {title}\n </Text>\n {actions?.length && (\n <NotificationsActions\n className={cnNotificationsList('HeaderItem')}\n items={actions}\n getItemIcon={getActionIcon}\n getItemOnClick={getActionOnClick}\n getItemLabel={getActionLabel}\n style={{ zIndex: elementZIndex }}\n />\n )}\n {onClose && (\n <Button\n className={cnNotificationsList('HeaderItem')}\n size=\"s\"\n view=\"clear\"\n iconLeft={IconClose}\n onClick={onClose}\n />\n )}\n </div>\n )}\n <div className={cnNotificationsList('List')}>\n {resultGroups.map((group, groupIndex) => {\n const groupLabel = groupByDay\n ? groupLabelFormat(Number(group.key))\n : group.group && getGroupLabel(group.group);\n return (\n <Fragment key={cnNotificationsList('Group', { groupIndex })}>\n {groupLabel && (\n <Text\n className={cnNotificationsList('GroupLabel', [\n cnMixSpace({\n pV: '2xs',\n pH: 'xl',\n }),\n ])}\n key={cnNotificationsList('GroupLabel', { groupIndex })}\n view=\"secondary\"\n transform=\"uppercase\"\n weight=\"bold\"\n size=\"2xs\"\n lineHeight=\"m\"\n >\n {groupLabel}\n </Text>\n )}\n {group.items.map((item, itemIndex) => {\n return (\n <NotificationsItem\n className={cnNotificationsList('Item', [\n cnMixSpace({ pV: 'l', pH: 'xl' }),\n ])}\n key={cnNotificationsList('Item', { groupIndex, itemIndex })}\n title={getItemLabel(item)}\n description={getItemDescription(item)}\n imageUrl={getItemImage(item)}\n read={getItemRead(item)}\n date={getItemDate(item)}\n dateFormat={itemDateFormat}\n badges={getItemBadges(item)}\n actions={getItemActions(item)}\n view={getItemView(item)}\n style={{ zIndex: elementZIndex }}\n />\n );\n })}\n </Fragment>\n );\n })}\n </div>\n </div>\n );\n}\n\nexport const NotificationsList = forwardRef(\n NotificationsListRender,\n) as NotificationsListComponent;\n\nexport * from './types';\n"],"mappings":"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"}

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

@@ -41,7 +41,7 @@ export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: Notificat
     label: string;
 } ? {} : {
     getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
-}) & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "title" | "children" | "items" | "getItemLabel" | "onClose" | "getItemDescription" | "getItemImage" | "groups" | "getGroupLabel" | "getGroupId" | "getItemGroup" | "actions" | "getItemView" | "itemDateFormat" | "getItemRead" | "getItemDate" | "getItemBadges" | "getItemActions" | "getActionLabel" | "getActionIcon" | "getActionOnClick" | "groupByDay" | "groupLabelFormat" | keyof (ACTION extends {
+}) & 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>;