@consta/header 0.1.0

package/Menu/helpers.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { DefaultItem, MenuProps, MenuPropGetItemActive, MenuPropGetItemHref, MenuPropGetItemLabel, MenuPropGetItemOnClick, MenuPropGetItemSubMenu, MenuPropGetItemTarget, MenuPropOnItemClick } from "./types";
+export declare const defaultGetItemLabel: MenuPropGetItemLabel<DefaultItem>;
+export declare const defaultGetItemActive: MenuPropGetItemActive<DefaultItem>;
+export declare const defaultGetItemHref: MenuPropGetItemHref<DefaultItem>;
+export declare const defaultGetItemOnClick: MenuPropGetItemOnClick<DefaultItem>;
+export declare const defaultGetItemTarget: MenuPropGetItemTarget<DefaultItem>;
+export declare const defaultGetItemSubMenu: MenuPropGetItemSubMenu<DefaultItem>;
+export declare function withDefaultGetters<ITEM>(props: MenuProps<ITEM>): {
+    items: ITEM[];
+    onItemClick?: MenuPropOnItemClick<ITEM> | undefined;
+    getItemHref?: MenuPropGetItemHref<ITEM> | undefined;
+    getItemLabel?: MenuPropGetItemLabel<ITEM> | undefined;
+    getItemTarget?: MenuPropGetItemTarget<ITEM> | undefined;
+    getItemActive?: MenuPropGetItemActive<ITEM> | undefined;
+    getItemOnClick?: MenuPropGetItemOnClick<ITEM> | undefined;
+    getItemSubMenu?: MenuPropGetItemSubMenu<ITEM> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "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"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: MenuPropGetItemLabel<ITEM>;
+}) & {
+    getItemLabel: MenuPropGetItemLabel<DefaultItem> | MenuPropGetItemLabel<ITEM>;
+    getItemActive: MenuPropGetItemActive<DefaultItem> | MenuPropGetItemActive<ITEM>;
+    getItemHref: MenuPropGetItemHref<DefaultItem> | MenuPropGetItemHref<ITEM>;
+    getItemOnClick: MenuPropGetItemOnClick<DefaultItem> | MenuPropGetItemOnClick<ITEM>;
+    getItemTarget: MenuPropGetItemTarget<DefaultItem> | MenuPropGetItemTarget<ITEM>;
+    getItemSubMenu: MenuPropGetItemSubMenu<DefaultItem> | MenuPropGetItemSubMenu<ITEM>;
+};
+export declare function getItemClick<ITEM>(item: ITEM, getItemOnClick: MenuPropGetItemOnClick<ITEM>, onItemClick?: MenuPropOnItemClick<ITEM>): React.MouseEventHandler;
+export declare const animateTimeout = 200;

package/Menu/helpers.js

@@ -0,0 +1,2 @@
+import _objectSpread from"@babel/runtime/helpers/objectSpread";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 function withDefaultGetters(a){return _objectSpread({},a,{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemActive:a.getItemActive||defaultGetItemActive,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemTarget:a.getItemTarget||defaultGetItemTarget,getItemSubMenu:a.getItemSubMenu||defaultGetItemSubMenu})}export function getItemClick(a,b,c){return d=>{var e;null===c||void 0===c?void 0:c({e:d,item:a}),null===(e=b(a))||void 0===e?void 0:e(d)}}export const animateTimeout=200;
+//# sourceMappingURL=helpers.js.map

package/Menu/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Menu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","withDefaultGetters","props","getItemLabel","getItemActive","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","getItemClick","onItemClick","e","animateTimeout"],"mappings":"+DAYA,MAAO,MAAMA,CAAAA,mBAAsD,CAAGC,CAAI,EAAIA,CAAI,CAACC,KAA5E,CACP,MAAO,MAAMC,CAAAA,oBAAwD,CAAGF,CAAI,EAAIA,CAAI,CAACG,MAA9E,CACP,MAAO,MAAMC,CAAAA,kBAAoD,CAAGJ,CAAI,EAAIA,CAAI,CAACK,IAA1E,CACP,MAAO,MAAMC,CAAAA,qBAA0D,CAAGN,CAAI,EAAIA,CAAI,CAACO,OAAhF,CACP,MAAO,MAAMC,CAAAA,oBAAwD,CAAGR,CAAI,EAAIA,CAAI,CAACS,MAA9E,CACP,MAAO,MAAMC,CAAAA,qBAA0D,CAAGV,CAAI,EAAIA,CAAI,CAACW,OAAhF,CAEP,MAAO,SAASC,CAAAA,kBAAT,CAAkCC,CAAlC,CAA0D,CAC/D,wBACKA,CADL,EAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBf,mBAFtC,CAGEgB,aAAa,CAAEF,CAAK,CAACE,aAAN,EAAuBb,oBAHxC,CAIEc,WAAW,CAAEH,CAAK,CAACG,WAAN,EAAqBZ,kBAJpC,CAKEa,cAAc,CAAEJ,CAAK,CAACI,cAAN,EAAwBX,qBAL1C,CAMEY,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBV,oBANxC,CAOEW,cAAc,CAAEN,CAAK,CAACM,cAAN,EAAwBT,qBAP1C,EASD,CAED,MAAO,SAASU,CAAAA,YAAT,CACLpB,CADK,CAELiB,CAFK,CAGLI,CAHK,CAIoB,CACzB,MAAOC,CAAAA,CAAC,EAAI,cACVD,CADU,WACVA,CADU,QACVA,CAAW,CAAG,CAAEC,CAAC,CAADA,CAAF,CAAKtB,IAAI,CAAJA,CAAL,CAAH,CADD,WAEViB,CAAc,CAACjB,CAAD,CAFJ,qBAEV,EAAuBsB,CAAvB,CACD,CACF,CAED,MAAO,MAAMC,CAAAA,cAAc,CAAG,GAAvB","sourcesContent":["import {\n  DefaultItem,\n  MenuProps,\n  MenuPropGetItemActive,\n  MenuPropGetItemHref,\n  MenuPropGetItemLabel,\n  MenuPropGetItemOnClick,\n  MenuPropGetItemSubMenu,\n  MenuPropGetItemTarget,\n  MenuPropOnItemClick,\n} from './types'\n\nexport const defaultGetItemLabel: MenuPropGetItemLabel<DefaultItem> = item => item.label\nexport const defaultGetItemActive: MenuPropGetItemActive<DefaultItem> = item => item.active\nexport const defaultGetItemHref: MenuPropGetItemHref<DefaultItem> = item => item.href\nexport const defaultGetItemOnClick: MenuPropGetItemOnClick<DefaultItem> = item => item.onClick\nexport const defaultGetItemTarget: MenuPropGetItemTarget<DefaultItem> = item => item.target\nexport const defaultGetItemSubMenu: MenuPropGetItemSubMenu<DefaultItem> = item => item.subMenu\n\nexport function withDefaultGetters<ITEM>(props: MenuProps<ITEM>) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemActive: props.getItemActive || defaultGetItemActive,\n    getItemHref: props.getItemHref || defaultGetItemHref,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemTarget: props.getItemTarget || defaultGetItemTarget,\n    getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n  }\n}\n\nexport function getItemClick<ITEM>(\n  item: ITEM,\n  getItemOnClick: MenuPropGetItemOnClick<ITEM>,\n  onItemClick?: MenuPropOnItemClick<ITEM>\n): React.MouseEventHandler {\n  return e => {\n    onItemClick?.({ e, item })\n    getItemOnClick(item)?.(e)\n  }\n}\n\nexport const animateTimeout = 200\n"],"file":"helpers.js"}

package/Menu/index.d.ts

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

package/Menu/index.js

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

package/Menu/index.js.map

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

package/Menu/types.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
+export declare type DefaultItem = {
+    label: string;
+    href?: string;
+    target?: string;
+    active?: boolean;
+    onClick?: React.EventHandler<React.MouseEvent>;
+    subMenu?: DefaultItem[];
+};
+export declare type MenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type MenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
+export declare type MenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;
+export declare type MenuPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type MenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
+export declare type MenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
+export declare type MenuPropOnItemClick<ITEM> = (props: {
+    e: React.MouseEvent;
+    item: ITEM;
+}) => void;
+export declare type MenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    onItemClick?: MenuPropOnItemClick<ITEM>;
+    getItemHref?: MenuPropGetItemHref<ITEM>;
+    getItemLabel?: MenuPropGetItemLabel<ITEM>;
+    getItemTarget?: MenuPropGetItemTarget<ITEM>;
+    getItemActive?: MenuPropGetItemActive<ITEM>;
+    getItemOnClick?: MenuPropGetItemOnClick<ITEM>;
+    getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>;
+}, HTMLDivElement> & (ITEM extends {
+    label: DefaultItem['label'];
+} ? {} : {
+    getItemLabel: MenuPropGetItemLabel<ITEM>;
+});
+export declare type MenuComponent = <ITEM = DefaultItem>(props: MenuProps<ITEM>) => React.ReactElement | null;

package/Menu/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/Menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/MobileMenu/MobileMenu.css

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

package/MobileMenu/MobileMenu.d.ts

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

package/MobileMenu/MobileMenu.js

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

package/MobileMenu/MobileMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/MobileMenu/MobileMenu.tsx"],"names":["React","forwardRef","cn","VerticalMenu","Sidebar","Button","IconHamburger","useFlag","cnMobileMenu","MobileMenuRender","props","ref","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","sidebarClassName","otherProps","visibleMenu","toogle","off","elementZIndex","style","zIndex","MobileMenu"],"mappings":"kIAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,gCAIA,OAASC,YAAT,uBACA,OAASC,OAAT,KAAwB,uBAAxB,CAEA,OAASC,MAAT,KAAuB,sBAAvB,CAEA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,OAAT,KAAwB,uBAAxB,CAEA,yBAEA,MAAO,MAAMC,CAAAA,YAAY,CAAGN,EAAE,CAAC,YAAD,CAAvB,CAEP,KAAMO,CAAAA,gBAAgB,CAAG,CAACC,CAAD,CAAyBC,CAAzB,GAA+D,YAChF,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,EAaFZ,CAdkF,CAajFa,CAbiF,0BAclFb,CAdkF,iKAgBhF,CAACc,CAAD,CAAc,CAAEC,MAAM,CAANA,CAAF,CAAUC,GAAG,CAAHA,CAAV,CAAd,EAAiCnB,OAAO,EAhBwC,CAkBhFoB,CAAa,CAAkC,QAA/B,mBAAOjB,CAAK,CAACkB,KAAb,qBAAO,EAAaC,MAApB,EAA0CnB,CAAK,CAACkB,KAAN,CAAYC,MAAZ,CAAqB,CAA/D,OAlBgE,CAoBtF,MACE,yCACE,oBAAC,MAAD,kBACMN,CADN,EAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,OAHP,CAIE,SAAS,CAAEf,YAAY,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAJzB,CAKE,QAAQ,CAAEP,aALZ,CAME,GAAG,CAAEK,CANP,CAOE,OAAO,CAAEc,CAPX,GADF,CAUE,KAAC,OAAD,EACE,SAAS,CAAEjB,YAAY,CAAC,SAAD,CAAY,CAACc,CAAD,CAAZ,CADzB,CAEE,QAAQ,CAAC,MAFX,CAGE,MAAM,CAAEE,CAHV,CAIE,cAAc,CAAEE,CAJlB,CAKE,IAAI,CAAC,GALP,CAME,KAAK,CAAE,CAAEG,MAAM,CAAEF,CAAV,CANT,SAQE,KAAC,YAAD,EACE,SAAS,CAAEnB,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,EARF,CAVF,CAiCH,CAtDD,CAwDA,MAAO,MAAMU,CAAAA,UAAU,CAAG7B,UAAU,CAACQ,gBAAD,CAA7B,CAEP","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { MobileMenuProps, MobileMenuComponent } from './types'\n\nimport { VerticalMenu } from '@/VerticalMenu'\nimport { Sidebar } from '@consta/uikit/Sidebar'\n\nimport { Button } from '@consta/uikit/Button'\n\nimport { IconHamburger } from '@consta/uikit/IconHamburger'\nimport { useFlag } from '@consta/uikit/useFlag'\n\nimport './MobileMenu.css'\n\nexport const cnMobileMenu = cn('MobileMenu')\n\nconst MobileMenuRender = (props: MobileMenuProps, ref: React.Ref<HTMLButtonElement>) => {\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    ...otherProps\n  } = props\n\n  const [visibleMenu, { toogle, off }] = useFlag()\n\n  const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex + 1 : 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        />\n      </Sidebar>\n    </>\n  )\n}\n\nexport const MobileMenu = forwardRef(MobileMenuRender) as MobileMenuComponent\n\nexport * from './types'\n"],"file":"MobileMenu.js"}

package/MobileMenu/index.d.ts

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

package/MobileMenu/index.js

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

package/MobileMenu/index.js.map

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

package/MobileMenu/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { DefaultItem, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemOnClick, VerticalMenuPropOnItemClick, VerticalMenuPropGetItemTarget, VerticalMenuPropGetItemSubMenu } from "../VerticalMenu/index";
+import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
+export declare type MobileMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    getItemHref?: VerticalMenuPropGetItemHref<ITEM>;
+    getItemLabel?: VerticalMenuPropGetItemLabel<ITEM>;
+    getItemTarget?: VerticalMenuPropGetItemTarget<ITEM>;
+    getItemActive?: VerticalMenuPropGetItemActive<ITEM>;
+    getItemOnClick?: VerticalMenuPropGetItemOnClick<ITEM>;
+    getItemSubMenu?: VerticalMenuPropGetItemSubMenu<ITEM>;
+    onItemClick?: VerticalMenuPropOnItemClick<ITEM>;
+    header?: React.ReactNode;
+    sidebarClassName?: string;
+    children?: never;
+}, HTMLButtonElement> & (ITEM extends {
+    label: DefaultItem['label'];
+} ? {} : {
+    getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;
+});
+export declare type MobileMenuComponent = <ITEM = DefaultItem>(props: MobileMenuProps<ITEM>) => React.ReactElement | null;

package/MobileMenu/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/MobileMenu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/Notifications/Notifications.css

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

package/Notifications/Notifications.d.ts

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

package/Notifications/Notifications.js

@@ -0,0 +1,2 @@
+import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useRef,useState,useCallback}from"react";import{CSSTransition}from"react-transition-group";import{cn}from"../__private__/utils/bem";import{NotificationsList}from"../NotificationsList";import{Sidebar}from"../__private__/components/Sidebar";import{Button}from"@consta/uikit/Button";import{Popover}from"@consta/uikit/Popover";import{useForkRef}from"@consta/uikit/useForkRef";import{IconRing}from"@consta/uikit/IconRing";import{useFlag}from"@consta/uikit/useFlag";import{cnMixPopoverArrow}from"../__private__/mixs/MixPopoverArrow/MixPopoverArrow";import{cnMixPopoverAnimateForCssTransition}from"../__private__/mixs/MixPopoverAnimate/MixPopoverAnimate";import"./Notifications.css";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,["className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","listClassName","isMobile"]),C=useRef(null),[D,E]=useState(void 0),[F,{toogle:G,off:H}]=useFlag(),I=useCallback(a=>{E(a)},[]),J={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},K="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?_jsx(Sidebar,{isOpen:F,onClickOutside:H,style:{zIndex:K}},void 0,React.createElement(NotificationsList,Object.assign({},J,{onClose:H,style:{zIndex:K}}))):_jsx(CSSTransition,{classNames:cnMixPopoverAnimateForCssTransition,timeout:200,unmountOnExit:!0,in:F},void 0,_jsx(Popover,{className:cnNotifications("Popover"),anchorRef:C,arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:10,onSetDirection:I,style:{"--popover-arrow-size":`${ARROW_SIZE}px`,"--popover-arrow-offset":`${ARROW_OFFSET}px`,zIndex:K},onClickOutside:H},void 0,_jsx("div",{className:cnMixPopoverArrow({direction:D})}),React.createElement(NotificationsList,Object.assign({},J,{style:{zIndex:K}})))))};export const Notifications=forwardRef(NotificationsRender);
+//# sourceMappingURL=Notifications.js.map

package/Notifications/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Notifications/Notifications.tsx"],"names":["React","forwardRef","useRef","useState","useCallback","CSSTransition","cn","NotificationsList","Sidebar","Button","Popover","useForkRef","IconRing","useFlag","cnMixPopoverArrow","cnMixPopoverAnimateForCssTransition","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","onSetDirection","dir","listProps","elementZIndex","style","zIndex","Notifications"],"mappings":"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","sourcesContent":["import React, { forwardRef, useRef, useState, useCallback } from 'react'\n\nimport { CSSTransition } from 'react-transition-group'\nimport { cn } from '@/__private__/utils/bem'\n\nimport { NotificationsProps, NotificationsComponent } from './types'\n\nimport { NotificationsList } from '@/NotificationsList'\nimport { Sidebar } from '@/__private__/components/Sidebar'\n\nimport { Button } from '@consta/uikit/Button'\n\nimport { Popover, Direction } from '@consta/uikit/Popover'\nimport { useForkRef } from '@consta/uikit/useForkRef'\nimport { IconRing } from '@consta/uikit/IconRing'\nimport { useFlag } from '@consta/uikit/useFlag'\nimport { cnMixPopoverArrow } from '@/__private__/mixs/MixPopoverArrow/MixPopoverArrow'\nimport { cnMixPopoverAnimateForCssTransition } from '@/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate'\n\nimport './Notifications.css'\n\nconst ARROW_SIZE = 6\nconst ARROW_OFFSET = 10\n\nexport const cnNotifications = cn('Notifications')\n\nconst NotificationsRender = (props: NotificationsProps, ref: React.Ref<HTMLButtonElement>) => {\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 onSetDirection = useCallback((dir: Direction) => {\n    setDirection(dir)\n  }, [])\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 = typeof props.style?.zIndex === 'number' ? props.style.zIndex + 1 : 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 isOpen={visibleMenu} onClickOutside={off} style={{ zIndex: elementZIndex }}>\n          <NotificationsList {...listProps} onClose={off} style={{ zIndex: elementZIndex }} />\n        </Sidebar>\n      ) : (\n        <CSSTransition\n          classNames={cnMixPopoverAnimateForCssTransition}\n          timeout={200}\n          unmountOnExit\n          in={visibleMenu}\n        >\n          <Popover\n            className={cnNotifications('Popover')}\n            anchorRef={buttonRef}\n            arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n            offset={ARROW_SIZE + 4}\n            onSetDirection={onSetDirection}\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 {...listProps} style={{ zIndex: elementZIndex }} />\n          </Popover>\n        </CSSTransition>\n      )}\n    </>\n  )\n}\n\nexport const Notifications = forwardRef(NotificationsRender) as NotificationsComponent\n"],"file":"Notifications.js"}

package/Notifications/index.d.ts

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

package/Notifications/index.js

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

package/Notifications/index.js.map

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

package/Notifications/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Props, DefaultAction, DefaultItem, DefaultGroup } from "../NotificationsList/index";
+import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
+export declare type NotificationsProps<ITEM = DefaultItem, GROUP = DefaultGroup, ACTION = DefaultAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Omit<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, 'onClose'> & {
+    listClassName?: string;
+    isMobile?: boolean;
+}, HTMLButtonElement>;
+export declare type NotificationsComponent = <ITEM = DefaultItem, GROUP = DefaultGroup, ACTION = DefaultAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactElement | null;

package/Notifications/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/Notifications/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/NotificationsList/NotificationsList.css

@@ -0,0 +1 @@
+.che--NotificationsList{display:flex;flex-direction:column}.che--NotificationsList-GroupLabel{padding:var(--space-2xs) var(--space-xl);background:var(--color-bg-secondary)}.che--NotificationsList-Header,.che--NotificationsList-Item{padding:var(--space-l) var(--space-xl)}.che--NotificationsList-Header{display:flex;align-items:center;flex:none;border-bottom:1px solid var(--color-bg-border)}.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{overflow:auto;height:100%}

package/NotificationsList/NotificationsList.d.ts

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

package/NotificationsList/NotificationsList.js

@@ -0,0 +1,2 @@
+import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useEffect,useRef,useCallback,Fragment}from"react";import{cn}from"../__private__/utils/bem";import{getGroups,withDefaultGetters,defaultGroupLabelFormat}from"./helpers";import{NotificationCard}from"../__private__/components/NotificationCard";import{Text}from"@consta/uikit/Text";import{NotificationsActions}from"../__private__/components/NotificationsActions";import{Button}from"@consta/uikit/Button";import{IconClose}from"@consta/uikit/IconClose";import"./NotificationsList.css";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,["className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose"]),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)&&_jsx("div",{className:cnNotificationsList("Header")},void 0,_jsx(Text,{className:cnNotificationsList("HeaderItem"),size:"xl",truncate:!0},void 0,i),(null===j||void 0===j?void 0:j.length)&&_jsx(NotificationsActions,{className:cnNotificationsList("HeaderItem"),items:j,getItemIcon:l,getItemOnClick:n,getItemLabel:m,style:{zIndex:G}}),y&&_jsx(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 _jsx(Fragment,{},cnNotificationsList("Group",{groupIndex:b}),c&&_jsx(Text,{className:cnNotificationsList("GroupLabel"),view:"secondary",transform:"uppercase",weight:"bold",size:"2xs"},cnNotificationsList("GroupLabel",{groupIndex:b}),c),a.items.map((a,c)=>_jsx(NotificationCard,{className:cnNotificationsList("Item"),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}},cnNotificationsList("Item",{groupIndex:b,itemIndex:c}))))})))}export const NotificationsList=forwardRef(NotificationsListRender);export*from"./types";
+//# sourceMappingURL=NotificationsList.js.map

package/NotificationsList/NotificationsList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/NotificationsList/NotificationsList.tsx"],"names":["React","forwardRef","useEffect","useRef","useCallback","Fragment","cn","getGroups","withDefaultGetters","defaultGroupLabelFormat","NotificationCard","Text","NotificationsActions","Button","IconClose","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"],"mappings":"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","sourcesContent":["import React, { forwardRef, useEffect, useRef, useCallback, Fragment } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { NotificationsListProps, NotificationsListComponent } from './types'\nimport { getGroups, withDefaultGetters, defaultGroupLabelFormat } from './helpers'\nimport { NotificationCard } from '@/__private__/components/NotificationCard'\nimport { Text } from '@consta/uikit/Text'\nimport { NotificationsActions } from '@/__private__/components/NotificationsActions'\nimport { Button } from '@consta/uikit/Button'\nimport { IconClose } from '@consta/uikit/IconClose'\n\nimport './NotificationsList.css'\n\nexport const cnNotificationsList = cn('NotificationsList')\n\nfunction NotificationsListRender(props: NotificationsListProps, ref: React.Ref<HTMLDivElement>) {\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(items, groups, groupByDay, getItemGroup, getItemDate, getGroupId)\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 (Object.prototype.hasOwnProperty.call(setVisibleMenuRef.current, key)) {\n        setVisibleMenuRef.current[key](false)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    listRef.current?.addEventListener('scroll', closeAllMenu, { passive: true })\n\n    return () => listRef.current?.removeEventListener('scroll', closeAllMenu)\n  }, [listRef.current])\n\n  const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex + 1 : undefined\n\n  return (\n    <div {...otherProps} ref={ref} className={cnNotificationsList(null, [className])}>\n      {(title || actions) && (\n        <div className={cnNotificationsList('Header')}>\n          <Text className={cnNotificationsList('HeaderItem')} size=\"xl\" truncate>\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}`] = value\n                    }}\n                    style={{ zIndex: elementZIndex }}\n                  />\n                )\n              })}\n            </Fragment>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsList = forwardRef(NotificationsListRender) as NotificationsListComponent\n\nexport * from './types'\n"],"file":"NotificationsList.js"}