@consta/header 0.4.3 → 1.0.0

package/__internal__/src/components/Menu/Menu.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","onItemClick"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Menu.css";import{Button}from"@consta/uikit/Button";import{ContextMenu}from"@consta/uikit/ContextMenu";import{IconMeatball}from"@consta/uikit/IconMeatball";import{IconSelect}from"@consta/uikit/IconSelect";import{animateTimeout}from"@consta/uikit/MixPopoverAnimate";import{useDebounce}from"@consta/uikit/useDebounce";import{useFlag}from"@consta/uikit/useFlag";import{useHideElementsInLine}from"@consta/uikit/useHideElementsInLine";import{useMutableRef}from"@consta/uikit/useMutableRef";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";export const cnMenu=cn("Menu");const MenuRender=(a,b)=>{var c;const d=withDefaultGetters(a),{items:e,className:f,getItemActive:g,getItemHref:h,getItemLabel:i,getItemOnClick:j,getItemTarget:k,getItemSubMenu:l,onItemClick:m}=d,n=_objectWithoutProperties(d,_excluded),[o,p]=useState(),[q,r]=useFlag(),{visibleItems:s,itemsRefs:t,wrapperRef:u,hiddenItems:v,moreRef:w}=useHideElementsInLine(e),x=useRef(null),y=useMutableRef(h),z=useMutableRef(k),A=useCallback(a=>y.current(a)?"a":"span",[]),B=useCallback(a=>{const b=y.current(a),c=z.current(a);return _objectSpread(_objectSpread({},b&&{href:y.current(a)}),c&&{href:z.current(a)})},[]),C="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return useEffect(useDebounce(()=>{q||p(void 0)},animateTimeout),[q]),React.createElement("nav",Object.assign({},n,{className:cnMenu(null,[f]),onMouseLeave:r.off,onMouseEnter:r.on,ref:b}),React.createElement("ul",{className:cnMenu("List"),ref:u},e.map((a,b)=>{const c=i(a),d=h(a),e=d?k(a):void 0,f=g(a),n=d?"a":"span",q=l(a),r=o===b,u=!s[b];return React.createElement("li",{className:cnMenu("Item",{hidden:u,active:f,opened:r}),key:cnMenu("Item",{index:b}),ref:t[b],onMouseEnter:()=>p(b)},React.createElement(n,{className:cnMenu("Link"),href:d,target:e,onClick:getItemClick(a,j,m)},c),q&&React.createElement(IconSelect,{size:"s",className:cnMenu("Arrow")}),React.createElement(ContextMenu,{isOpen:q&&0<q.length&&r,items:q||[],getItemLabel:i,getItemSubMenu:l,anchorRef:t[b],onItemClick:({e:a,item:b})=>getItemClick(b,j,m)(a),direction:"downStartLeft",possibleDirections:["upStartLeft","downStartRight","downStartLeft","upStartRight"],spareDirection:"downStartLeft",getItemAs:A,getItemAttributes:B,style:{zIndex:C}}))}),0<v.length&&React.createElement("li",{className:cnMenu("Item"),key:cnMenu("Item",{more:!0}),ref:w,onMouseEnter:()=>p("more")},React.createElement(Button,{iconLeft:IconMeatball,ref:x,size:"xs",view:"clear"}),React.createElement(ContextMenu,{isOpen:"more"===o,items:v,getItemLabel:i,getItemSubMenu:l,anchorRef:x,onItemClick:({e:a,item:b})=>getItemClick(b,j,m)(a),direction:"downStartLeft",possibleDirections:["upStartLeft","downStartRight","downStartLeft","upStartRight"],spareDirection:"downStartRight",getItemAs:A,getItemAttributes:B,style:{zIndex:C},offset:8}))))};export const Menu=forwardRef(MenuRender);export*from"./types";
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","names":["Button","ContextMenu","IconMeatball","IconSelect","animateTimeout","useDebounce","useFlag","useHideElementsInLine","useMutableRef","React","forwardRef","useCallback","useEffect","useRef","useState","getItemClick","cn","withDefaultGetters","cnMenu","MenuRender","props","ref","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","onItemClick","otherProps","openedSubMenu","setOpenedSubMenu","mouseOnMenu","setMouseOnMenu","visibleItems","itemsRefs","wrapperRef","hiddenItems","moreRef","moreButtonRef","getItemHrefRef","getItemTargetRef","getItemAs","item","current","getItemHTMLAttributes","href","target","elementZIndex","style","zIndex","off","on","map","index","label","active","Tag","subItems","opened","hidden","length","e","more","Menu"],"sources":["../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import './Menu.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { IconMeatball } from '@consta/uikit/IconMeatball';\nimport { IconSelect } from '@consta/uikit/IconSelect';\nimport { animateTimeout } from '@consta/uikit/MixPopoverAnimate';\nimport { useDebounce } from '@consta/uikit/useDebounce';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useHideElementsInLine } from '@consta/uikit/useHideElementsInLine';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport { MenuComponent, MenuProps } from './types';\n\nexport const cnMenu = cn('Menu');\n\nconst MenuRender = (props: MenuProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    items,\n    className,\n    getItemActive,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    getItemSubMenu,\n    onItemClick,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [openedSubMenu, setOpenedSubMenu] = useState<\n    number | 'more' | undefined\n  >();\n  const [mouseOnMenu, setMouseOnMenu] = useFlag();\n\n  const { visibleItems, itemsRefs, wrapperRef, hiddenItems, moreRef } =\n    useHideElementsInLine<\n      typeof items[number],\n      HTMLLIElement,\n      HTMLUListElement\n    >(items);\n\n  const moreButtonRef = useRef<HTMLButtonElement>(null);\n\n  const getItemHrefRef = useMutableRef(getItemHref);\n  const getItemTargetRef = useMutableRef(getItemTarget);\n\n  const getItemAs = useCallback((item: typeof items[number]) => {\n    if (getItemHrefRef.current(item)) {\n      return 'a';\n    }\n    return 'span';\n  }, []);\n\n  const getItemHTMLAttributes = useCallback((item: typeof items[number]) => {\n    const href = getItemHrefRef.current(item);\n    const target = getItemTargetRef.current(item);\n\n    return {\n      ...(href && { href: getItemHrefRef.current(item) }),\n      ...(target && { href: getItemTargetRef.current(item) }),\n    };\n  }, []);\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  useEffect(\n    useDebounce(() => {\n      if (!mouseOnMenu) {\n        setOpenedSubMenu(undefined);\n      }\n    }, animateTimeout),\n    [mouseOnMenu],\n  );\n\n  return (\n    <nav\n      {...otherProps}\n      className={cnMenu(null, [className])}\n      onMouseLeave={setMouseOnMenu.off}\n      onMouseEnter={setMouseOnMenu.on}\n      ref={ref}\n    >\n      <ul className={cnMenu('List')} ref={wrapperRef}>\n        {items.map((item, index) => {\n          const label = getItemLabel(item);\n          const href = getItemHref(item);\n          const target = href ? getItemTarget(item) : undefined;\n          const active = getItemActive(item);\n          const Tag = href ? 'a' : 'span';\n          const subItems = getItemSubMenu(item);\n          const opened = openedSubMenu === index;\n          const hidden = !visibleItems[index];\n          return (\n            <li\n              className={cnMenu('Item', { hidden, active, opened })}\n              key={cnMenu('Item', { index })}\n              ref={itemsRefs[index]}\n              onMouseEnter={() => setOpenedSubMenu(index)}\n            >\n              <Tag\n                className={cnMenu('Link')}\n                href={href}\n                target={target}\n                onClick={getItemClick(item, getItemOnClick, onItemClick)}\n              >\n                {label}\n              </Tag>\n              {subItems && <IconSelect size=\"s\" className={cnMenu('Arrow')} />}\n              <ContextMenu\n                isOpen={subItems && subItems.length > 0 && opened}\n                items={subItems || []}\n                getItemLabel={getItemLabel}\n                getItemSubMenu={getItemSubMenu}\n                anchorRef={itemsRefs[index]}\n                onItemClick={({ e, item }) =>\n                  getItemClick(item, getItemOnClick, onItemClick)(e)\n                }\n                direction=\"downStartLeft\"\n                possibleDirections={[\n                  'upStartLeft',\n                  'downStartRight',\n                  'downStartLeft',\n                  'upStartRight',\n                ]}\n                spareDirection=\"downStartLeft\"\n                getItemAs={getItemAs}\n                getItemAttributes={getItemHTMLAttributes}\n                style={{ zIndex: elementZIndex }}\n              />\n            </li>\n          );\n        })}\n        {hiddenItems.length > 0 && (\n          <li\n            className={cnMenu('Item')}\n            key={cnMenu('Item', { more: true })}\n            ref={moreRef}\n            onMouseEnter={() => setOpenedSubMenu('more')}\n          >\n            <Button\n              iconLeft={IconMeatball}\n              ref={moreButtonRef}\n              size=\"xs\"\n              view=\"clear\"\n            />\n            <ContextMenu\n              isOpen={openedSubMenu === 'more'}\n              items={hiddenItems}\n              getItemLabel={getItemLabel}\n              getItemSubMenu={getItemSubMenu}\n              anchorRef={moreButtonRef}\n              onItemClick={({ e, item }) =>\n                getItemClick(item, getItemOnClick, onItemClick)(e)\n              }\n              direction=\"downStartLeft\"\n              possibleDirections={[\n                'upStartLeft',\n                'downStartRight',\n                'downStartLeft',\n                'upStartRight',\n              ]}\n              spareDirection=\"downStartRight\"\n              getItemAs={getItemAs}\n              getItemAttributes={getItemHTMLAttributes}\n              style={{ zIndex: elementZIndex }}\n              offset={8}\n            />\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n};\n\nexport const Menu = forwardRef(MenuRender) as MenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/{Menu → __internal__/src/components/Menu}/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MenuDefaultItem, MenuProps, MenuPropGetItemActive, MenuPropGetItemHref, MenuPropGetItemLabel, MenuPropGetItemOnClick, MenuPropGetItemSubMenu, MenuPropGetItemTarget } from "./types";
+import { MenuDefaultItem, MenuPropGetItemActive, MenuPropGetItemHref, MenuPropGetItemLabel, MenuPropGetItemOnClick, MenuPropGetItemSubMenu, MenuPropGetItemTarget, MenuProps } from './types';
 export declare const defaultGetItemLabel: MenuPropGetItemLabel<MenuDefaultItem>;
 export declare const defaultGetItemActive: MenuPropGetItemActive<MenuDefaultItem>;
 export declare const defaultGetItemHref: MenuPropGetItemHref<MenuDefaultItem>;
@@ -30,7 +30,7 @@ export declare function withDefaultGetters<ITEM>(props: MenuProps<ITEM>): {
     getItemActive?: MenuPropGetItemActive<ITEM> | undefined;
     getItemOnClick?: MenuPropGetItemOnClick<ITEM> | undefined;
     getItemSubMenu?: MenuPropGetItemSubMenu<ITEM> | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "getItemLabel" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemOnClick" | "getItemActive" | "getItemSubMenu"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "getItemLabel" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemOnClick" | "getItemSubMenu" | "getItemActive"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: MenuPropGetItemLabel<ITEM>;

package/__internal__/src/components/Menu/helpers.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export const defaultGetItemLabel=a=>a.label;export const defaultGetItemActive=a=>a.active;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemTarget=a=>a.target;export const defaultGetItemSubMenu=a=>a.subMenu;export const getGetters=a=>({getItemLabel:(null===a||void 0===a?void 0:a.getItemLabel)||defaultGetItemLabel,getItemActive:(null===a||void 0===a?void 0:a.getItemActive)||defaultGetItemActive,getItemHref:(null===a||void 0===a?void 0:a.getItemHref)||defaultGetItemHref,getItemOnClick:(null===a||void 0===a?void 0:a.getItemOnClick)||defaultGetItemOnClick,getItemTarget:(null===a||void 0===a?void 0:a.getItemTarget)||defaultGetItemTarget,getItemSubMenu:(null===a||void 0===a?void 0:a.getItemSubMenu)||defaultGetItemSubMenu});export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),getGetters(a))}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemActive","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"sources":["../../../../../src/components/Menu/helpers.ts"],"sourcesContent":["import {\n  MenuDefaultItem,\n  MenuPropGetItemActive,\n  MenuPropGetItemHref,\n  MenuPropGetItemLabel,\n  MenuPropGetItemOnClick,\n  MenuPropGetItemSubMenu,\n  MenuPropGetItemTarget,\n  MenuProps,\n} from './types';\n\nexport const defaultGetItemLabel: MenuPropGetItemLabel<MenuDefaultItem> = (\n  item,\n) => item.label;\nexport const defaultGetItemActive: MenuPropGetItemActive<MenuDefaultItem> = (\n  item,\n) => item.active;\nexport const defaultGetItemHref: MenuPropGetItemHref<MenuDefaultItem> = (\n  item,\n) => item.href;\nexport const defaultGetItemOnClick: MenuPropGetItemOnClick<MenuDefaultItem> = (\n  item,\n) => item.onClick;\nexport const defaultGetItemTarget: MenuPropGetItemTarget<MenuDefaultItem> = (\n  item,\n) => item.target;\nexport const defaultGetItemSubMenu: MenuPropGetItemSubMenu<MenuDefaultItem> = (\n  item,\n) => item.subMenu;\n\nexport const getGetters = <ITEM>(props: {\n  getItemLabel?: MenuPropGetItemLabel<ITEM>;\n  getItemActive?: MenuPropGetItemActive<ITEM>;\n  getItemHref?: MenuPropGetItemHref<ITEM>;\n  getItemOnClick?: MenuPropGetItemOnClick<ITEM>;\n  getItemTarget?: MenuPropGetItemTarget<ITEM>;\n  getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>;\n}) => {\n  return {\n    getItemLabel: props?.getItemLabel || defaultGetItemLabel,\n    getItemActive: props?.getItemActive || defaultGetItemActive,\n    getItemHref: props?.getItemHref || defaultGetItemHref,\n    getItemOnClick: props?.getItemOnClick || defaultGetItemOnClick,\n    getItemTarget: props?.getItemTarget || defaultGetItemTarget,\n    getItemSubMenu: props?.getItemSubMenu || defaultGetItemSubMenu,\n  };\n};\n\nexport function withDefaultGetters<ITEM>(props: MenuProps<ITEM>) {\n  return {\n    ...props,\n    ...getGetters(props),\n  };\n}\n"],"mappings":"qqBAWA,MAAO,MAAMA,oBAA0D,CACrEC,CADwE,EAErEA,CAAI,CAACC,KAFH,CAGP,MAAO,MAAMC,qBAA4D,CACvEF,CAD0E,EAEvEA,CAAI,CAACG,MAFH,CAGP,MAAO,MAAMC,mBAAwD,CACnEJ,CADsE,EAEnEA,CAAI,CAACK,IAFH,CAGP,MAAO,MAAMC,sBAA8D,CACzEN,CAD4E,EAEzEA,CAAI,CAACO,OAFH,CAGP,MAAO,MAAMC,qBAA4D,CACvER,CAD0E,EAEvEA,CAAI,CAACS,MAFH,CAGP,MAAO,MAAMC,sBAA8D,CACzEV,CAD4E,EAEzEA,CAAI,CAACW,OAFH,CAIP,MAAO,MAAMC,WAAU,CAAUC,CAAP,GAQjB,CACLC,YAAY,CAAE,QAAAD,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEC,YAAP,GAAuBf,mBADhC,CAELgB,aAAa,CAAE,QAAAF,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEE,aAAP,GAAwBb,oBAFlC,CAGLc,WAAW,CAAE,QAAAH,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEG,WAAP,GAAsBZ,kBAH9B,CAILa,cAAc,CAAE,QAAAJ,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEI,cAAP,GAAyBX,qBAJpC,CAKLY,aAAa,CAAE,QAAAL,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEK,aAAP,GAAwBV,oBALlC,CAMLW,cAAc,CAAE,QAAAN,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEM,cAAP,GAAyBT,qBANpC,CARiB,CAAnB,CAkBP,MAAO,SAASU,mBAAT,CAAkCP,CAAlC,CAA0D,CAC/D,sCACKA,CADL,EAEKD,UAAU,CAACC,CAAD,CAFf,CAID"}

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

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

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

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

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

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

package/{Menu → __internal__/src/components/Menu}/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare type MenuDefaultItem = {
     label: string;
     href?: string;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/Menu/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type MenuDefaultItem = {\n  label: string;\n  href?: string;\n  target?: string;\n  active?: boolean;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  subMenu?: MenuDefaultItem[];\n};\n\nexport type MenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type MenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;\nexport type MenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;\nexport type MenuPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\nexport type MenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;\nexport type MenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type MenuPropOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\n\nexport type MenuProps<ITEM = MenuDefaultItem> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onItemClick?: MenuPropOnItemClick<ITEM>;\n    getItemHref?: MenuPropGetItemHref<ITEM>;\n    getItemLabel?: MenuPropGetItemLabel<ITEM>;\n    getItemTarget?: MenuPropGetItemTarget<ITEM>;\n    getItemActive?: MenuPropGetItemActive<ITEM>;\n    getItemOnClick?: MenuPropGetItemOnClick<ITEM>;\n    getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: MenuDefaultItem['label'] }\n    ? {}\n    : { getItemLabel: MenuPropGetItemLabel<ITEM> });\n\nexport type MenuComponent = <ITEM = MenuDefaultItem>(\n  props: MenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/MobileMenu/MobileMenu.css

@@ -0,0 +1 @@
+.che--MobileMenu-Sidebar.Sidebar-Window_position_left,.che--MobileMenu-Sidebar.Sidebar-Window_position_right{max-width:calc(100% - var(--space-4xl));overflow:hidden;width:380px}.che--MobileMenu-Menu{height:100%;overflow-x:hidden;overflow-y:auto}

package/{MobileMenu → __internal__/src/components/MobileMenu}/MobileMenu.d.ts

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

package/__internal__/src/components/MobileMenu/MobileMenu.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","sidebarClassName","footer"];import"./MobileMenu.css";import{Button}from"@consta/uikit/Button";import{IconHamburger}from"@consta/uikit/IconHamburger";import{Sidebar}from"@consta/uikit/Sidebar";import{useFlag}from"@consta/uikit/useFlag";import React,{forwardRef}from"react";import{VerticalMenu}from"../VerticalMenu";import{cn}from"../../utils/bem";export const cnMobileMenu=cn("MobileMenu");const MobileMenuRender=(a,b)=>{var c;const{items:d,className:e,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:i,getItemTarget:j,getItemSubMenu:k,header:l,onItemClick:m,sidebarClassName:n,footer:o}=a,p=_objectWithoutProperties(a,_excluded),[q,{toogle:r,off:s}]=useFlag(),t="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},p,{size:"s",view:"clear",className:cnMobileMenu(null,[e]),iconLeft:IconHamburger,ref:b,onClick:r})),React.createElement(Sidebar,{className:cnMobileMenu("Sidebar",[n]),position:"left",isOpen:q,onClickOutside:s,size:"m",style:{zIndex:t}},React.createElement(VerticalMenu,{className:cnMobileMenu("Menu"),items:d,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:i,getItemTarget:j,getItemSubMenu:k,onItemClick:m,header:l,footer:o})))};export const MobileMenu=forwardRef(MobileMenuRender);export*from"./types";
+//# sourceMappingURL=MobileMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenu.js","names":["Button","IconHamburger","Sidebar","useFlag","React","forwardRef","VerticalMenu","cn","cnMobileMenu","MobileMenuRender","props","ref","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","sidebarClassName","footer","otherProps","visibleMenu","toogle","off","elementZIndex","style","zIndex","MobileMenu"],"sources":["../../../../../src/components/MobileMenu/MobileMenu.tsx"],"sourcesContent":["import './MobileMenu.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconHamburger } from '@consta/uikit/IconHamburger';\nimport { Sidebar } from '@consta/uikit/Sidebar';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport React, { forwardRef } from 'react';\n\nimport { VerticalMenu } from '##/components/VerticalMenu';\nimport { cn } from '##/utils/bem';\n\nimport { MobileMenuComponent, MobileMenuProps } from './types';\n\nexport const cnMobileMenu = cn('MobileMenu');\n\nconst MobileMenuRender = (\n  props: MobileMenuProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    items,\n    className,\n    getItemActive,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    getItemSubMenu,\n    header,\n    onItemClick,\n    sidebarClassName,\n    footer,\n    ...otherProps\n  } = props;\n\n  const [visibleMenu, { toogle, off }] = useFlag();\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        size=\"s\"\n        view=\"clear\"\n        className={cnMobileMenu(null, [className])}\n        iconLeft={IconHamburger}\n        ref={ref}\n        onClick={toogle}\n      />\n      <Sidebar\n        className={cnMobileMenu('Sidebar', [sidebarClassName])}\n        position=\"left\"\n        isOpen={visibleMenu}\n        onClickOutside={off}\n        size=\"m\"\n        style={{ zIndex: elementZIndex }}\n      >\n        <VerticalMenu\n          className={cnMobileMenu('Menu')}\n          items={items}\n          getItemActive={getItemActive}\n          getItemHref={getItemHref}\n          getItemLabel={getItemLabel}\n          getItemOnClick={getItemOnClick}\n          getItemTarget={getItemTarget}\n          getItemSubMenu={getItemSubMenu}\n          onItemClick={onItemClick}\n          header={header}\n          footer={footer}\n        />\n      </Sidebar>\n    </>\n  );\n};\n\nexport const MobileMenu = forwardRef(MobileMenuRender) as MobileMenuComponent;\n\nexport * from './types';\n"],"mappings":"6QAAA,yBAEA,OAASA,MAAT,KAAuB,sBAAvB,CACA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,YAAT,uBACA,OAASC,EAAT,uBAIA,MAAO,MAAMC,aAAY,CAAGD,EAAE,CAAC,YAAD,CAAvB,CAEP,KAAME,iBAAgB,CAAG,CACvBC,CADuB,CAEvBC,CAFuB,GAGpB,YACG,CACJC,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,aAAa,CAAbA,CAHI,CAIJC,WAAW,CAAXA,CAJI,CAKJC,YAAY,CAAZA,CALI,CAMJC,cAAc,CAAdA,CANI,CAOJC,aAAa,CAAbA,CAPI,CAQJC,cAAc,CAAdA,CARI,CASJC,MAAM,CAANA,CATI,CAUJC,WAAW,CAAXA,CAVI,CAWJC,gBAAgB,CAAhBA,CAXI,CAYJC,MAAM,CAANA,CAZI,EAcFb,CAfD,CAcEc,CAdF,0BAeCd,CAfD,YAiBG,CAACe,CAAD,CAAc,CAAEC,MAAM,CAANA,CAAF,CAAUC,GAAG,CAAHA,CAAV,CAAd,EAAiCxB,OAAO,EAjB3C,CAmBGyB,CAAa,CACc,QAA/B,mBAAOlB,CAAK,CAACmB,KAAb,qBAAO,EAAaC,MAApB,EACIpB,CAAK,CAACmB,KAAN,CAAYC,MAAZ,CAAqB,CADzB,OApBC,CAwBH,MACE,yCACE,oBAAC,MAAD,kBACMN,CADN,EAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,OAHP,CAIE,SAAS,CAAEhB,YAAY,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAJzB,CAKE,QAAQ,CAAEZ,aALZ,CAME,GAAG,CAAEU,CANP,CAOE,OAAO,CAAEe,CAPX,GADF,CAUE,oBAAC,OAAD,EACE,SAAS,CAAElB,YAAY,CAAC,SAAD,CAAY,CAACc,CAAD,CAAZ,CADzB,CAEE,QAAQ,CAAC,MAFX,CAGE,MAAM,CAAEG,CAHV,CAIE,cAAc,CAAEE,CAJlB,CAKE,IAAI,CAAC,GALP,CAME,KAAK,CAAE,CAAEG,MAAM,CAAEF,CAAV,CANT,EAQE,oBAAC,YAAD,EACE,SAAS,CAAEpB,YAAY,CAAC,MAAD,CADzB,CAEE,KAAK,CAAEI,CAFT,CAGE,aAAa,CAAEE,CAHjB,CAIE,WAAW,CAAEC,CAJf,CAKE,YAAY,CAAEC,CALhB,CAME,cAAc,CAAEC,CANlB,CAOE,aAAa,CAAEC,CAPjB,CAQE,cAAc,CAAEC,CARlB,CASE,WAAW,CAAEE,CATf,CAUE,MAAM,CAAED,CAVV,CAWE,MAAM,CAAEG,CAXV,EARF,CAVF,CAkCH,CA9DD,CAgEA,MAAO,MAAMQ,WAAU,CAAG1B,UAAU,CAACI,gBAAD,CAA7B,CAEP"}

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

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

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

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

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

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

package/{MobileMenu → __internal__/src/components/MobileMenu}/types.d.ts

@@ -1,6 +1,6 @@
-import { DefaultItem, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemOnClick, VerticalMenuPropOnItemClick, VerticalMenuPropGetItemTarget, VerticalMenuPropGetItemSubMenu, VerticalMenuPropGetItemGroup } from "../VerticalMenu/index";
-import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
 import React from 'react';
+import { DefaultItem, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemGroup, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemOnClick, VerticalMenuPropGetItemSubMenu, VerticalMenuPropGetItemTarget, VerticalMenuPropOnItemClick } from "../VerticalMenu";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare type MobileMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     getItemHref?: VerticalMenuPropGetItemHref<ITEM>;
@@ -21,4 +21,4 @@ export declare type MobileMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttribute
     getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;
 });
 export declare type MobileMenuComponent = <ITEM = DefaultItem>(props: MobileMenuProps<ITEM>) => React.ReactElement | null;
-export { DefaultItem };
+export type { DefaultItem };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/MobileMenu/types.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  DefaultItem,\n  VerticalMenuPropGetItemActive,\n  VerticalMenuPropGetItemGroup,\n  VerticalMenuPropGetItemHref,\n  VerticalMenuPropGetItemLabel,\n  VerticalMenuPropGetItemOnClick,\n  VerticalMenuPropGetItemSubMenu,\n  VerticalMenuPropGetItemTarget,\n  VerticalMenuPropOnItemClick,\n} from '##/components/VerticalMenu';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type MobileMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    getItemHref?: VerticalMenuPropGetItemHref<ITEM>;\n    getItemLabel?: VerticalMenuPropGetItemLabel<ITEM>;\n    getItemTarget?: VerticalMenuPropGetItemTarget<ITEM>;\n    getItemActive?: VerticalMenuPropGetItemActive<ITEM>;\n    getItemOnClick?: VerticalMenuPropGetItemOnClick<ITEM>;\n    getItemSubMenu?: VerticalMenuPropGetItemSubMenu<ITEM>;\n    getItemGroup?: VerticalMenuPropGetItemGroup<ITEM>;\n    onItemClick?: VerticalMenuPropOnItemClick<ITEM>;\n    header?: React.ReactNode;\n    sidebarClassName?: string;\n    children?: never;\n    footer?: React.ReactNode;\n  },\n  HTMLButtonElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: VerticalMenuPropGetItemLabel<ITEM> });\n\nexport type MobileMenuComponent = <ITEM = DefaultItem>(\n  props: MobileMenuProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type { DefaultItem };\n"],"mappings":""}

package/{__private__ → __internal__/src}/components/NotificationCard/NotificationCard.css

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

package/__internal__/src/components/NotificationCard/NotificationCard.d.ts

@@ -0,0 +1,6 @@
+import './NotificationCard.css';
+import React from 'react';
+import { NotificationCardProps } from './types';
+export declare const cnNotificationCard: import("@bem-react/classname").ClassNameFormatter;
+export declare const NotificationCard: React.ForwardRefExoticComponent<Pick<NotificationCardProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "setVisibleMenu" | "description" | "imageUrl" | "read" | "dateFormat" | "badges" | "actions" | "actionsMenuOpened"> & React.RefAttributes<HTMLDivElement>>;
+export * from './types';

package/__internal__/src/components/NotificationCard/NotificationCard.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCard.js","names":["Avatar","Text","React","forwardRef","Badges","NotificationsActions","cn","defaultDateFormat","cnNotificationCard","NotificationCard","props","ref","title","className","description","imageUrl","view","read","date","dateFormat","badges","actions","actionsMenuOpened","setVisibleMenu","otherProps","cardWithActions","length","zIndex","style"],"sources":["../../../../../src/components/NotificationCard/NotificationCard.tsx"],"sourcesContent":["import './NotificationCard.css';\n\nimport { Avatar } from '@consta/uikit/Avatar';\nimport { Text } from '@consta/uikit/Text';\nimport React, { forwardRef } from 'react';\n\nimport { Badges } from '##/components/Badges';\nimport { NotificationsActions } from '##/components/NotificationsActions';\nimport { cn } from '##/utils/bem';\n\nimport { defaultDateFormat } from './helpers';\nimport { NotificationCardProps } from './types';\n\nexport const cnNotificationCard = cn('NotificationCard');\n\nexport const NotificationCard = forwardRef(\n  (props: NotificationCardProps, 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      setVisibleMenu,\n      ...otherProps\n    } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnNotificationCard(null, [className])}\n      >\n        {(imageUrl || view === 'user') && (\n          <Avatar\n            size=\"l\"\n            name={title}\n            url={imageUrl}\n            className={cnNotificationCard('Image')}\n          />\n        )}\n        <div className={cnNotificationCard('Content')}>\n          <div className={cnNotificationCard('Text')}>\n            <Text\n              weight={!read ? 'bold' : undefined}\n              className={cnNotificationCard('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={cnNotificationCard('Footer')}>\n              <Badges\n                className={cnNotificationCard('Badges')}\n                items={badges}\n                view=\"stroked\"\n              />\n              {date && (\n                <Text size=\"xs\" view=\"secondary\">\n                  {dateFormat(date)}\n                </Text>\n              )}\n            </div>\n          )}\n          {actions?.length && (\n            <NotificationsActions\n              className={cnNotificationCard('Actions')}\n              items={actions}\n              mainButtonOnlyIcon\n              opened={actionsMenuOpened}\n              setVisibleMenu={setVisibleMenu}\n              style={{ zIndex: props.style?.zIndex }}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"8OAAA,+BAEA,OAASA,MAAT,KAAuB,sBAAvB,CACA,OAASC,IAAT,KAAqB,oBAArB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,iBACA,OAASC,oBAAT,+BACA,OAASC,EAAT,uBAEA,OAASC,iBAAT,iBAGA,MAAO,MAAMC,mBAAkB,CAAGF,EAAE,CAAC,kBAAD,CAA7B,CAEP,MAAO,MAAMG,iBAAgB,CAAGN,UAAU,CACxC,CAACO,CAAD,CAA+BC,CAA/B,GAAkE,OAChE,KAAM,CACJC,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,WAAW,CAAXA,CAHI,CAIJC,QAAQ,CAARA,CAJI,CAKJC,IAAI,CAAJA,CAAI,CAAG,SALH,CAMJC,IAAI,CAAJA,CANI,CAOJC,IAAI,CAAJA,CAPI,CAQJC,UAAU,CAAVA,CAAU,CAAGZ,iBART,CASJa,MAAM,CAANA,CATI,CAUJC,OAAO,CAAPA,CAVI,CAWJC,iBAAiB,CAAjBA,CAXI,CAYJC,cAAc,CAAdA,CAZI,EAcFb,CAdJ,CAaKc,CAbL,0BAcId,CAdJ,YAgBA,MACE,4CACMc,CADN,EAEE,GAAG,CAAEb,CAFP,CAGE,SAAS,CAAEH,kBAAkB,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAH/B,GAKG,CAACE,CAAQ,EAAa,MAAT,GAAAC,CAAb,GACC,oBAAC,MAAD,EACE,IAAI,CAAC,GADP,CAEE,IAAI,CAAEJ,CAFR,CAGE,GAAG,CAAEG,CAHP,CAIE,SAAS,CAAEP,kBAAkB,CAAC,OAAD,CAJ/B,EANJ,CAaE,2BAAK,SAAS,CAAEA,kBAAkB,CAAC,SAAD,CAAlC,EACE,2BAAK,SAAS,CAAEA,kBAAkB,CAAC,MAAD,CAAlC,EACE,oBAAC,IAAD,EACE,MAAM,CAAGS,CAAD,QAAQ,MADlB,CAEE,SAAS,CAAET,kBAAkB,CAAC,OAAD,CAAU,CACrCiB,eAAe,CAAE,CAAC,SAACJ,CAAD,WAACA,CAAD,EAACA,CAAO,CAAEK,MAAV,CADmB,CAAV,CAF/B,EAMGd,CANH,CADF,CASGE,CAAW,EAAI,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,EAAgBA,CAAhB,CATlB,CADF,CAYG,CAACM,CAAM,EAAIF,CAAX,GACC,2BAAK,SAAS,CAAEV,kBAAkB,CAAC,QAAD,CAAlC,EACE,oBAAC,MAAD,EACE,SAAS,CAAEA,kBAAkB,CAAC,QAAD,CAD/B,CAEE,KAAK,CAAEY,CAFT,CAGE,IAAI,CAAC,SAHP,EADF,CAMGF,CAAI,EACH,oBAAC,IAAD,EAAM,IAAI,CAAC,IAAX,CAAgB,IAAI,CAAC,WAArB,EACGC,CAAU,CAACD,CAAD,CADb,CAPJ,CAbJ,CA0BG,QAAAG,CAAO,WAAPA,CAAA,QAAAA,CAAO,CAAEK,MAAT,GACC,oBAAC,oBAAD,EACE,SAAS,CAAElB,kBAAkB,CAAC,SAAD,CAD/B,CAEE,KAAK,CAAEa,CAFT,CAGE,kBAAkB,GAHpB,CAIE,MAAM,CAAEC,CAJV,CAKE,cAAc,CAAEC,CALlB,CAME,KAAK,CAAE,CAAEI,MAAM,WAAEjB,CAAK,CAACkB,KAAR,qBAAE,EAAaD,MAAvB,CANT,EA3BJ,CAbF,CAoDH,CAvEuC,CAAnC,CA0EP"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["format","formatDistanceToNow","ruLocale","defaultDateFormat","date","currentDate","Date","getTime","locale","addSuffix"],"sources":["../../../../../src/components/NotificationCard/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,MAAOA,OAAP,KAAmB,iBAAnB,CACA,MAAOC,oBAAP,KAAgC,8BAAhC,CACA,MAAOC,SAAP,KAAqB,oBAArB,CAEA,MAAO,MAAMC,kBAAiB,CAAIC,CAAD,EAAwB,CACvD,KAAMC,EAAW,CAAG,GAAIC,KAAxB,CADuD,MAGV,KAAzC,CAAAD,CAAW,CAACE,OAAZ,GAAwBH,CAAI,CAACG,OAAL,EAH2B,CAI9CN,mBAAmB,CAACG,CAAD,CAAO,CAAEI,MAAM,CAAEN,QAAV,CAAoBO,SAAS,GAA7B,CAAP,CAJ2B,CAOnDT,MAAM,CAACK,CAAD,CAAc,YAAd,CAAN,GAAsCL,MAAM,CAACI,CAAD,CAAO,YAAP,CAPO,CAQ9CJ,MAAM,CAACI,CAAD,CAAO,OAAP,CARwC,CAWhDJ,MAAM,CAACI,CAAD,CAAO,kBAAP,CACd,CAZM"}

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

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

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

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

package/{__private__ → __internal__/src}/components/NotificationCard/types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BadgePropStatus } from '@consta/uikit/Badge';
 import { IconProps } from '@consta/uikit/Icon';
+import React from 'react';
 import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare type NotificationCardAction = {
     label: string;

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

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

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

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

package/__internal__/src/components/Notifications/Notifications.css

@@ -0,0 +1 @@
+.che--Notifications-Popover{--popover-bg-color:var(--color-bg-default);--popover-arrow-bg-color:var(--popover-bg-color);background:var(--popover-bg-color);border-radius:var(--control-radius);box-shadow:var(--shadow-layer);max-width:450px;width:90vw}.che--Notifications-List{height:100%}

package/{Notifications → __internal__/src/components/Notifications}/Notifications.d.ts

@@ -1,4 +1,4 @@
-import { NotificationsComponent } from "./types";
 import './Notifications.css';
+import { NotificationsComponent } from './types';
 export declare const cnNotifications: import("@bem-react/classname").ClassNameFormatter;
 export declare const Notifications: NotificationsComponent;

package/__internal__/src/components/Notifications/Notifications.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","listClassName","isMobile"];import"./Notifications.css";import{Button}from"@consta/uikit/Button";import{IconRing}from"@consta/uikit/IconRing";import{animateTimeout,cnMixPopoverAnimate}from"@consta/uikit/MixPopoverAnimate";import{cnMixPopoverArrow}from"@consta/uikit/MixPopoverArrow";import{Popover}from"@consta/uikit/Popover";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useRef,useState}from"react";import{Transition}from"react-transition-group";import{NotificationsList}from"../NotificationsList";import{Sidebar}from"../Sidebar";import{cn}from"../../utils/bem";const ARROW_SIZE=6,ARROW_OFFSET=10;export const cnNotifications=cn("Notifications");const NotificationsRender=(a,b)=>{var c;const{className:d,items:e,groupByDay:f,groups:g,groupLabelFormat:h,itemDateFormat:i,title:j,actions:k,getActionIcon:l,getActionLabel:m,getActionOnClick:n,getGroupId:o,getGroupLabel:p,getItemActions:q,getItemBadges:r,getItemDate:s,getItemDescription:t,getItemGroup:u,getItemImage:v,getItemLabel:w,getItemRead:x,getItemView:y,listClassName:z,isMobile:A}=a,B=_objectWithoutProperties(a,_excluded),C=useRef(null),[D,E]=useState(void 0),[F,{toogle:G,off:H}]=useFlag(),I={className:cnNotifications("List",[z]),items:e,groupByDay:f,groups:g,groupLabelFormat:h,title:j,actions:k,getActionIcon:l,getActionLabel:m,getActionOnClick:n,getGroupId:o,getGroupLabel:p,getItemActions:q,getItemBadges:r,getItemDate:s,getItemDescription:t,getItemGroup:u,getItemImage:v,getItemLabel:w,getItemRead:x,getItemView:y},J="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},B,{size:"s",view:"clear",className:cnNotifications(null,[d]),iconLeft:IconRing,ref:useForkRef([b,C]),onClick:G})),A?React.createElement(Sidebar,{isOpen:F,onClickOutside:H,style:{zIndex:J}},React.createElement(NotificationsList,Object.assign({},I,{onClose:H,style:{zIndex:J}}))):React.createElement(Transition,{timeout:animateTimeout,unmountOnExit:!0,in:F},a=>React.createElement(Popover,{className:cnNotifications("Popover",[cnMixPopoverAnimate({animate:a,direction:D})]),anchorRef:C,arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:10,onSetDirection:E,style:{"--popover-arrow-size":`${ARROW_SIZE}px`,"--popover-arrow-offset":`${ARROW_OFFSET}px`,zIndex:J},onClickOutside:H},React.createElement("div",{className:cnMixPopoverArrow({direction:D})}),React.createElement(NotificationsList,Object.assign({},I,{style:{zIndex:J}})))))};export const Notifications=forwardRef(NotificationsRender);
+//# sourceMappingURL=Notifications.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","names":["Button","IconRing","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","Popover","useFlag","useForkRef","React","forwardRef","useRef","useState","Transition","NotificationsList","Sidebar","cn","ARROW_SIZE","ARROW_OFFSET","cnNotifications","NotificationsRender","props","ref","className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","listClassName","isMobile","otherProps","buttonRef","direction","setDirection","visibleMenu","toogle","off","listProps","elementZIndex","style","zIndex","animate","Notifications"],"sources":["../../../../../src/components/Notifications/Notifications.tsx"],"sourcesContent":["import './Notifications.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconRing } from '@consta/uikit/IconRing';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '@consta/uikit/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '@consta/uikit/MixPopoverArrow';\nimport { Direction, Popover } from '@consta/uikit/Popover';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { NotificationsList } from '##/components/NotificationsList';\nimport { Sidebar } from '##/components/Sidebar';\nimport { cn } from '##/utils/bem';\n\nimport { NotificationsComponent, NotificationsProps } from './types';\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 10;\n\nexport const cnNotifications = cn('Notifications');\n\nconst NotificationsRender = (\n  props: NotificationsProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    className,\n    items,\n    groupByDay,\n    groups,\n    groupLabelFormat,\n    itemDateFormat,\n    title,\n    actions,\n    getActionIcon,\n    getActionLabel,\n    getActionOnClick,\n    getGroupId,\n    getGroupLabel,\n    getItemActions,\n    getItemBadges,\n    getItemDate,\n    getItemDescription,\n    getItemGroup,\n    getItemImage,\n    getItemLabel,\n    getItemRead,\n    getItemView,\n    listClassName,\n    isMobile,\n    ...otherProps\n  } = props;\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [direction, setDirection] = useState<Direction | undefined>(undefined);\n\n  const [visibleMenu, { toogle, off }] = useFlag();\n\n  const listProps = {\n    className: cnNotifications('List', [listClassName]),\n    items,\n    groupByDay,\n    groups,\n    groupLabelFormat,\n    title,\n    actions,\n    getActionIcon,\n    getActionLabel,\n    getActionOnClick,\n    getGroupId,\n    getGroupLabel,\n    getItemActions,\n    getItemBadges,\n    getItemDate,\n    getItemDescription,\n    getItemGroup,\n    getItemImage,\n    getItemLabel,\n    getItemRead,\n    getItemView,\n  };\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        size=\"s\"\n        view=\"clear\"\n        className={cnNotifications(null, [className])}\n        iconLeft={IconRing}\n        ref={useForkRef([ref, buttonRef])}\n        onClick={toogle}\n      />\n      {isMobile ? (\n        <Sidebar\n          isOpen={visibleMenu}\n          onClickOutside={off}\n          style={{ zIndex: elementZIndex }}\n        >\n          <NotificationsList\n            {...listProps}\n            onClose={off}\n            style={{ zIndex: elementZIndex }}\n          />\n        </Sidebar>\n      ) : (\n        <Transition timeout={animateTimeout} unmountOnExit in={visibleMenu}>\n          {(animate) => (\n            <Popover\n              className={cnNotifications('Popover', [\n                cnMixPopoverAnimate({ animate, direction }),\n              ])}\n              anchorRef={buttonRef}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + 4}\n              onSetDirection={setDirection}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                zIndex: elementZIndex,\n              }}\n              onClickOutside={off}\n            >\n              <div className={cnMixPopoverArrow({ direction })} />\n              <NotificationsList\n                {...listProps}\n                style={{ zIndex: elementZIndex }}\n              />\n            </Popover>\n          )}\n        </Transition>\n      )}\n    </>\n  );\n};\n\nexport const Notifications = forwardRef(\n  NotificationsRender,\n) as NotificationsComponent;\n"],"mappings":"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"}

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

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

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

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

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

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

package/{Notifications → __internal__/src/components/Notifications}/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Props, NotificationsDefaultAction, NotificationsDefaultItem, NotificationsDefaultGroup } from "../NotificationsList/index";
-import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
+import { NotificationsDefaultAction, NotificationsDefaultGroup, NotificationsDefaultItem, Props } from "../NotificationsList";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare type NotificationsProps<ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Omit<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, 'onClose'> & {
     listClassName?: string;
     isMobile?: boolean;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/Notifications/types.ts"],"sourcesContent":["import {\n  NotificationsDefaultAction,\n  NotificationsDefaultGroup,\n  NotificationsDefaultItem,\n  Props,\n} from '##/components/NotificationsList';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationsProps<\n  ITEM = NotificationsDefaultItem,\n  GROUP = NotificationsDefaultGroup,\n  ACTION = NotificationsDefaultAction,\n  GROUP_BY_DAY extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  Omit<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, 'onClose'> & {\n    listClassName?: string;\n    isMobile?: boolean;\n  },\n  HTMLButtonElement\n>;\n\nexport type NotificationsComponent = <\n  ITEM = NotificationsDefaultItem,\n  GROUP = NotificationsDefaultGroup,\n  ACTION = NotificationsDefaultAction,\n  GROUP_BY_DAY extends boolean = false,\n>(\n  props: NotificationsProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/{__private__ → __internal__/src}/components/NotificationsActions/NotificationsActions.d.ts

@@ -1,2 +1,2 @@
-import { NotificationsActionsComponent } from "./types";
+import { NotificationsActionsComponent } from './types';
 export declare const NotificationsActions: NotificationsActionsComponent;

package/__internal__/src/components/NotificationsActions/NotificationsActions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsActions.js","names":["Button","ContextMenu","IconMeatball","useForkRef","useMutableRef","withTooltip","React","forwardRef","useCallback","useEffect","useRef","useState","getItemClick","withDefaultGetters","ButtonWithTooltip","NotificationsActionsRender","props","ref","items","className","children","mainButtonOnlyIcon","opened","onOpen","onOpenProp","setVisibleMenu","setVisibleMenuProp","getItemIcon","getItemLabel","getItemOnClick","onItemClick","otherProps","buttonRef","visibleMenu","closeMenu","toogleMenu","state","setVisibleMenuRef","menuRef","getOnItemClick","item","e","elementZIndex","style","zIndex","current","length","content","width","NotificationsActions"],"sources":["../../../../../src/components/NotificationsActions/NotificationsActions.tsx"],"sourcesContent":["import { Button } from '@consta/uikit/Button';\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { IconMeatball } from '@consta/uikit/IconMeatball';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport { withTooltip } from '@consta/uikit/withTooltip';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} 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    setVisibleMenu: setVisibleMenuProp,\n    getItemIcon,\n    getItemLabel,\n    getItemOnClick,\n    onItemClick,\n    ...otherProps\n  } = withDefaultGetters(props);\n  const buttonRef = useRef(null);\n\n  const [visibleMenu, setVisibleMenu] = useState<boolean>(opened);\n\n  const closeMenu = useCallback(() => setVisibleMenu(false), []);\n  const toogleMenu = useCallback(() => setVisibleMenu((state?) => !state), []);\n  const onOpen = useMutableRef(onOpenProp);\n  const setVisibleMenuRef = useMutableRef(setVisibleMenuProp);\n  const menuRef = useForkRef([buttonRef, ref]);\n\n  const getOnItemClick =\n    (item: typeof items[number]) => (e: React.MouseEvent) => {\n      onItemClick?.({ e, item });\n      getItemOnClick(item)?.(e);\n    };\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  useEffect(() => {\n    setVisibleMenu(opened);\n  }, [opened]);\n\n  useEffect(() => {\n    onOpen.current?.(visibleMenu);\n  }, [visibleMenu, onOpen]);\n\n  useEffect(() => {\n    setVisibleMenuRef.current?.(setVisibleMenu);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\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={getOnItemClick(items[0])}\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={getOnItemClick(items[0])}\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={toogleMenu}\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={closeMenu}\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/{__private__ → __internal__/src}/components/NotificationsActions/helpers.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { NotificationsActionsProps, NotificationsActionsPropGetItemIcon, NotificationsActionsPropGetItemLabel, NotificationsActionsPropGetItemOnClick, DefaultItem } from "./types";
+/// <reference types="react" />
+import { DefaultItem, NotificationsActionsPropGetItemIcon, NotificationsActionsPropGetItemLabel, NotificationsActionsPropGetItemOnClick, NotificationsActionsProps } from './types';
 export declare function withDefaultGetters<ITEM>(props: NotificationsActionsProps<ITEM>): {
     items?: ITEM[] | undefined;
     mainButtonOnlyIcon?: boolean | undefined;
     opened?: boolean | undefined;
     onOpen?: ((value: boolean) => void) | undefined;
-    setVisibleMenu?: ((setVisibleMenu: React.Dispatch<React.SetStateAction<boolean>>) => void) | undefined;
+    setVisibleMenu?: ((setVisibleMenu: import("react").Dispatch<import("react").SetStateAction<boolean>>) => void) | undefined;
     onItemClick?: import("./types").NotificationsActionsOnItemClick<ITEM> | undefined;
-} & Omit<React.HTMLAttributes<HTMLButtonElement>, "css" | "items" | "onItemClick" | "opened" | "mainButtonOnlyIcon" | "onOpen" | "setVisibleMenu"> & {
+} & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "css" | "items" | "onItemClick" | "opened" | "onOpen" | "mainButtonOnlyIcon" | "setVisibleMenu"> & {
     getItemLabel?: NotificationsActionsPropGetItemLabel<ITEM> | undefined;
     getItemOnClick?: NotificationsActionsPropGetItemOnClick<ITEM> | undefined;
     getItemIcon?: NotificationsActionsPropGetItemIcon<ITEM> | undefined;
@@ -20,4 +20,3 @@ export declare function withDefaultGetters<ITEM>(props: NotificationsActionsProp
     getItemLabel: NotificationsActionsPropGetItemLabel<DefaultItem> | NotificationsActionsPropGetItemLabel<ITEM>;
     getItemOnClick: NotificationsActionsPropGetItemOnClick<DefaultItem> | NotificationsActionsPropGetItemOnClick<ITEM>;
 };
-export declare function menuGetItemLeftSideBar<ITEM>(getIcon: NotificationsActionsPropGetItemIcon<ITEM>): (item: ITEM) => JSX.Element | undefined;

package/__internal__/src/components/NotificationsActions/helpers.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}const defaultGetItemIcon=a=>a.icon,defaultGetItemLabel=a=>a.label,defaultGetItemOnClick=a=>a.onClick;export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick})}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemIcon","item","icon","defaultGetItemLabel","label","defaultGetItemOnClick","onClick","withDefaultGetters","props","getItemIcon","getItemLabel","getItemOnClick"],"sources":["../../../../../src/components/NotificationsActions/helpers.tsx"],"sourcesContent":["import {\n  DefaultItem,\n  NotificationsActionsPropGetItemIcon,\n  NotificationsActionsPropGetItemLabel,\n  NotificationsActionsPropGetItemOnClick,\n  NotificationsActionsProps,\n} from './types';\n\nconst defaultGetItemIcon: NotificationsActionsPropGetItemIcon<DefaultItem> = (\n  item,\n) => item.icon;\nconst defaultGetItemLabel: NotificationsActionsPropGetItemLabel<DefaultItem> = (\n  item,\n) => item.label;\nconst defaultGetItemOnClick: NotificationsActionsPropGetItemOnClick<\n  DefaultItem\n> = (item) => item.onClick;\n\nexport function withDefaultGetters<ITEM>(\n  props: NotificationsActionsProps<ITEM>,\n) {\n  return {\n    ...props,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n  };\n}\n"],"mappings":"0qBAQMA,mBAAoE,CACxEC,CAD2E,EAExEA,CAAI,CAACC,I,CACJC,mBAAsE,CAC1EF,CAD6E,EAE1EA,CAAI,CAACG,K,CACJC,qBAEL,CAAIJ,CAAD,EAAUA,CAAI,CAACK,O,CAEnB,MAAO,SAASC,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,WAAW,CAAED,CAAK,CAACC,WAAN,EAAqBT,kBAFpC,CAGEU,YAAY,CAAEF,CAAK,CAACE,YAAN,EAAsBP,mBAHtC,CAIEQ,cAAc,CAAEH,CAAK,CAACG,cAAN,EAAwBN,qBAJ1C,EAMD"}

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

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

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

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

package/{__private__ → __internal__/src}/components/NotificationsActions/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
 import { IconComponent } from '@consta/uikit/Icon';
+import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
 export declare type DefaultItem = {
     label: string;
     onClick?: React.EventHandler<React.MouseEvent>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/NotificationsActions/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/uikit/Icon';\n\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type DefaultItem = {\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 = DefaultItem> =\n  PropsWithHTMLAttributes<\n    {\n      items?: ITEM[];\n      mainButtonOnlyIcon?: boolean;\n      opened?: boolean;\n      onOpen?: (value: boolean) => void;\n      setVisibleMenu?: (\n        setVisibleMenu: React.Dispatch<React.SetStateAction<boolean>>,\n      ) => 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: DefaultItem['label'] }\n      ? {}\n      : { getItemLabel: NotificationsActionsPropGetItemLabel<ITEM> });\n\nexport type NotificationsActionsComponent = <ITEM = DefaultItem>(\n  props: NotificationsActionsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/NotificationsList/NotificationsList.css

@@ -0,0 +1 @@
+.che--NotificationsList{display:flex;flex-direction:column}.che--NotificationsList-GroupLabel{background:var(--color-bg-secondary);padding:var(--space-2xs) var(--space-xl)}.che--NotificationsList-Header,.che--NotificationsList-Item{padding:var(--space-l) var(--space-xl)}.che--NotificationsList-Header{align-items:center;border-bottom:1px solid var(--color-bg-border);display:flex;flex:none}.che--NotificationsList-HeaderItem{flex:none;margin-right:var(--space-xs)}.che--NotificationsList-HeaderItem:last-child{margin-right:0}.che--NotificationsList-HeaderItem:first-child{flex:1}.che--NotificationsList-List{height:100%;overflow:auto}

package/{NotificationsList → __internal__/src/components/NotificationsList}/NotificationsList.d.ts

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

package/__internal__/src/components/NotificationsList/NotificationsList.js

@@ -0,0 +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{Button}from"@consta/uikit/Button";import{IconClose}from"@consta/uikit/IconClose";import{Text}from"@consta/uikit/Text";import React,{forwardRef,Fragment,useCallback,useEffect,useRef}from"react";import{NotificationCard}from"../NotificationCard";import{NotificationsActions}from"../NotificationsActions";import{cn}from"../../utils/bem";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=useRef({}),E=useRef(null),F=useCallback(()=>{for(const a in D.current)Object.prototype.hasOwnProperty.call(D.current,a)&&D.current[a](!1)},[]);useEffect(()=>{var a;return null===(a=E.current)||void 0===a?void 0:a.addEventListener("scroll",F,{passive:!0}),()=>{var a;return null===(a=E.current)||void 0===a?void 0:a.removeEventListener("scroll",F)}},[E.current]);const G="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")},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:G}}),y&&React.createElement(Button,{className:cnNotificationsList("HeaderItem"),size:"s",view:"clear",iconLeft:IconClose,onClick:y})),React.createElement("div",{ref:E,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"),key:cnNotificationsList("GroupLabel",{groupIndex:b}),view:"secondary",transform:"uppercase",weight:"bold",size:"2xs"},c),a.items.map((a,c)=>React.createElement(NotificationCard,{className:cnNotificationsList("Item"),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),setVisibleMenu:a=>{D.current[`${b}-${c}`]=a},style:{zIndex:G}})))})))}export const NotificationsList=forwardRef(NotificationsListRender);export*from"./types";
+//# sourceMappingURL=NotificationsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsList.js","names":["Button","IconClose","Text","React","forwardRef","Fragment","useCallback","useEffect","useRef","NotificationCard","NotificationsActions","cn","defaultGroupLabelFormat","getGroups","withDefaultGetters","cnNotificationsList","NotificationsListRender","props","ref","className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose","otherProps","resultGroups","setVisibleMenuRef","listRef","closeAllMenu","key","current","Object","prototype","hasOwnProperty","call","addEventListener","passive","removeEventListener","elementZIndex","style","zIndex","length","map","group","groupIndex","groupLabel","item","itemIndex","value","NotificationsList"],"sources":["../../../../../src/components/NotificationsList/NotificationsList.tsx"],"sourcesContent":["import './NotificationsList.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconClose } from '@consta/uikit/IconClose';\nimport { Text } from '@consta/uikit/Text';\nimport React, {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\n\nimport { NotificationCard } from '##/components/NotificationCard';\nimport { NotificationsActions } from '##/components/NotificationsActions';\nimport { cn } from '##/utils/bem';\n\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 setVisibleMenuRef = useRef<Record<string, Function>>({});\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const closeAllMenu = useCallback(() => {\n    for (const key in setVisibleMenuRef.current) {\n      if (\n        Object.prototype.hasOwnProperty.call(setVisibleMenuRef.current, key)\n      ) {\n        setVisibleMenuRef.current[key](false);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    listRef.current?.addEventListener('scroll', closeAllMenu, {\n      passive: true,\n    });\n\n    return () => listRef.current?.removeEventListener('scroll', closeAllMenu);\n  }, [listRef.current]);\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 className={cnNotificationsList('Header')}>\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 ref={listRef} 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                  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                  <NotificationCard\n                    className={cnNotificationsList('Item')}\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                    setVisibleMenu={(value) => {\n                      setVisibleMenuRef.current[`${groupIndex}-${itemIndex}`] =\n                        value;\n                    }}\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/{NotificationsList → __internal__/src/components/NotificationsList}/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemLabel, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsDefaultAction, NotificationsDefaultGroup, NotificationsDefaultItem, NotificationsListProps, NotificationsListPropGroupLabelFormat } from "./types";
+import { NotificationsDefaultAction, NotificationsDefaultGroup, NotificationsDefaultItem, NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemLabel, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsListPropGroupLabelFormat, NotificationsListProps } from './types';
 export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: NotificationsListProps<ITEM, GROUP, ACTION>): {
     children?: undefined;
     items: ITEM[];
@@ -40,7 +40,7 @@ export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: Notificat
     label: string;
 } ? {} : {
     getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
-}) & Omit<import("react").HTMLAttributes<HTMLDivElement>, "groups" | "title" | "children" | "css" | "items" | "getItemLabel" | "getGroupId" | "getGroupLabel" | "itemDateFormat" | "actions" | "getItemDescription" | "getItemImage" | "getItemRead" | "getItemDate" | "getItemBadges" | "getItemActions" | "getItemGroup" | "getItemView" | "getActionLabel" | "getActionIcon" | "getActionOnClick" | "groupByDay" | "groupLabelFormat" | "onClose" | keyof (ACTION extends {
+}) & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "title" | "children" | "items" | "getItemLabel" | "onClose" | "groups" | "getGroupLabel" | "getGroupId" | "getItemGroup" | "actions" | "itemDateFormat" | "getItemDescription" | "getItemImage" | "getItemRead" | "getItemDate" | "getItemBadges" | "getItemActions" | "getItemView" | "getActionLabel" | "getActionIcon" | "getActionOnClick" | "groupByDay" | "groupLabelFormat" | keyof (ACTION extends {
     label: string;
 } ? {} : {
     getActionLabel: NotificationsListPropGetItemActions<ACTION>;
@@ -72,7 +72,7 @@ export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: Notificat
     getItemRead: NotificationsListPropGetItemRead<NotificationsDefaultItem> | NotificationsListPropGetItemRead<ITEM>;
     getItemView: NotificationsListPropGetItemView<NotificationsDefaultItem> | NotificationsListPropGetItemView<ITEM>;
     ref?: import("react").Ref<HTMLDivElement> | undefined;
-    key?: import("react").Key | undefined;
+    key?: import("react").Key | null | undefined;
 };
 declare type ReturnedGroup<ITEM, GROUP> = {
     items: ITEM[];

package/__internal__/src/components/NotificationsList/helpers.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{getGroups as constaGetGroups}from"@consta/uikit/__internal__/src/utils/getGroups";import{format,isToday,isYesterday,startOfDay}from"date-fns";const defaultGetActionIcon=a=>a.icon,defaultGetActionLabel=a=>a.label,defaultGetActionOnClick=a=>a.onClick,defaultGetGroupId=a=>a.id,defaultGetGroupLabel=a=>a.label,defaultGetItemActions=a=>a.actions,defaultGetItemBadges=a=>a.badges,defaultGetItemDate=a=>a.date,defaultGetItemDescription=a=>a.description,defaultGetItemGroup=a=>a.group,defaultGetItemImage=a=>a.image,defaultGetItemLabel=a=>a.label,defaultGetItemRead=a=>a.read,defaultGetItemView=a=>a.view;export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getActionIcon:a.getActionIcon||defaultGetActionIcon,getActionLabel:a.getActionLabel||defaultGetActionLabel,getActionOnClick:a.getActionOnClick||defaultGetActionOnClick,getGroupId:a.getGroupId||defaultGetGroupId,getGroupLabel:a.getGroupLabel||defaultGetGroupLabel,getItemActions:a.getItemActions||defaultGetItemActions,getItemBadges:a.getItemBadges||defaultGetItemBadges,getItemDate:a.getItemDate||defaultGetItemDate,getItemDescription:a.getItemDescription||defaultGetItemDescription,getItemGroup:a.getItemGroup||defaultGetItemGroup,getItemImage:a.getItemImage||defaultGetItemImage,getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemRead:a.getItemRead||defaultGetItemRead,getItemView:a.getItemView||defaultGetItemView})}export const noGroupKey="no-group";export const defaultGroupLabelFormat=a=>isToday(a)?"\u0421\u0435\u0433\u043E\u0434\u043D\u044F":isYesterday(a)?"\u0412\u0447\u0435\u0440\u0430":format(a,"dd.MM.yyyy");const sortGroup=(c,a)=>c.key<a.key?1:c.key>a.key?-1:0;export const getGroups=(a,b,c,d,e,f)=>{if(c){return constaGetGroups(a,a=>{const b=e(a);return b?startOfDay(b).getTime():void 0},void 0,void 0,sortGroup,noGroupKey)}return constaGetGroups(a,d,b,f,void 0,noGroupKey)};
+//# sourceMappingURL=helpers.js.map