@consta/uikit 5.27.1 → 5.28.1

package/__internal__/src/components/Notification/NotificationActions/NotificationActions.d.ts

@@ -0,0 +1,2 @@
+import { NotificationActionsComponent } from './types';
+export declare const NotificationActions: NotificationActionsComponent;

package/__internal__/src/components/Notification/NotificationActions/NotificationActions.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","className","children","onlyIcon","opened","onOpen","getItemIcon","getItemLabel","getItemOnClick","onItemClick","scrollContainerRef","title"];import{IconKebab}from"@consta/icons/IconKebab";import React,{forwardRef,useCallback,useEffect,useRef}from"react";import{Button}from"../../Button";import{ContextMenu}from"../../ContextMenu";import{Text}from"../../Text";import{withTooltip}from"../../../hocs/withTooltip";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef";import{getItemClick}from"../../../utils/getItemClick";import{withDefaultGetters}from"./helpers";var ButtonWithTooltip=withTooltip({size:"s"})(Button),NotificationActionsRender=function(a,b){var c,d=withDefaultGetters(a),e=d.items,f=void 0===e?[]:e,g=d.className,h=d.children,i=d.onlyIcon,j=d.opened,k=void 0!==j&&j,l=d.onOpen,m=d.getItemIcon,n=d.getItemLabel,o=d.getItemOnClick,p=d.onItemClick,q=d.scrollContainerRef,r=d.title,s=_objectWithoutProperties(d,_excluded),t=useRef(null),u=useFlag(k),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useCallback(function(a){a.stopPropagation(),x.toggle()},[x]),z=useMutableRef(l),A=useForkRef([t,b]),B="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return useEffect(function(){x[k?"on":"off"]()},[k]),useEffect(function(){var a;null===(a=z.current)||void 0===a?void 0:a.call(z,w)},[w,z]),useEffect(function(){return null!==q&&void 0!==q&&q.current&&q.current.addEventListener("scroll",x.off),function(){null!==q&&void 0!==q&&q.current&&q.current.removeEventListener("scroll",x.off)}},[q]),1!==f.length||i?1===f.length&&m(f[0])&&i?React.createElement(ButtonWithTooltip,Object.assign({},s,{className:g,size:"xs",view:"clear",iconLeft:m(f[0]),onClick:getItemClick(f[0],o,p),tooltipProps:{tooltipContent:React.createElement(Text,{view:"primary",size:"xs"},n(f[0]))},ref:b})):React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},s,{className:g,size:"xs",view:"clear",iconLeft:IconKebab,ref:A,onClick:y})),React.createElement(ContextMenu,{role:"listbox",offset:"2xs",isOpen:w,size:"s",items:f,getItemLabel:n,onItemClick:p,getItemOnClick:o,getItemKey:n,getItemLeftIcon:m,anchorRef:t,onClickOutside:x.off,possibleDirections:["downStartRight","upStartRight"],direction:"downStartRight",style:{zIndex:B}})):React.createElement(Button,Object.assign({},s,{className:g,size:"xs",view:"clear",iconLeft:m(f[0]),onClick:getItemClick(f[0],o,p),label:n(f[0]),ref:b}))};export var NotificationActions=forwardRef(NotificationActionsRender);
+//# sourceMappingURL=NotificationActions.js.map

package/__internal__/src/components/Notification/NotificationActions/NotificationActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationActions.js","names":["IconKebab","React","forwardRef","useCallback","useEffect","useRef","Button","ContextMenu","Text","withTooltip","useFlag","useForkRef","useMutableRef","getItemClick","withDefaultGetters","ButtonWithTooltip","size","NotificationActionsRender","props","ref","items","className","children","onlyIcon","opened","onOpenProp","onOpen","getItemIcon","getItemLabel","getItemOnClick","onItemClick","scrollContainerRef","title","otherProps","buttonRef","visibleMenu","setVisibleMenu","toggleMenu","e","stopPropagation","toggle","menuRef","elementZIndex","style","zIndex","current","addEventListener","off","removeEventListener","length","tooltipContent","NotificationActions"],"sources":["../../../../../../src/components/Notification/NotificationActions/NotificationActions.tsx"],"sourcesContent":["import { IconKebab } from '@consta/icons/IconKebab';\nimport React, { forwardRef, useCallback, useEffect, useRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { ContextMenu } from '##/components/ContextMenu';\nimport { Text } from '##/components/Text';\nimport { withTooltip } from '##/hocs/withTooltip';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { getItemClick } from '##/utils/getItemClick';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  NotificationActionsComponent,\n  NotificationActionsProps,\n} from './types';\n\nconst ButtonWithTooltip = withTooltip({ size: 's' })(Button);\n\nconst NotificationActionsRender = (\n  props: NotificationActionsProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    items = [],\n    className,\n    children,\n    onlyIcon,\n    opened = false,\n    onOpen: onOpenProp,\n    getItemIcon,\n    getItemLabel,\n    getItemOnClick,\n    onItemClick,\n    scrollContainerRef,\n    title,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const buttonRef = useRef(null);\n\n  const [visibleMenu, setVisibleMenu] = useFlag(opened);\n\n  const toggleMenu = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      setVisibleMenu.toggle();\n    },\n    [setVisibleMenu],\n  );\n\n  const onOpen = useMutableRef(onOpenProp);\n  const menuRef = useForkRef([buttonRef, ref]);\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  useEffect(() => {\n    setVisibleMenu[opened ? 'on' : 'off']();\n  }, [opened]);\n\n  useEffect(() => {\n    onOpen.current?.(visibleMenu);\n  }, [visibleMenu, onOpen]);\n\n  useEffect(() => {\n    if (scrollContainerRef?.current) {\n      scrollContainerRef.current.addEventListener('scroll', setVisibleMenu.off);\n    }\n    return () => {\n      if (scrollContainerRef?.current) {\n        scrollContainerRef.current.removeEventListener(\n          'scroll',\n          setVisibleMenu.off,\n        );\n      }\n    };\n  }, [scrollContainerRef]);\n\n  if (items.length === 1 && !onlyIcon) {\n    return (\n      <Button\n        {...otherProps}\n        className={className}\n        size=\"xs\"\n        view=\"clear\"\n        iconLeft={getItemIcon(items[0])}\n        onClick={getItemClick(items[0], getItemOnClick, onItemClick)}\n        label={getItemLabel(items[0])}\n        ref={ref}\n      />\n    );\n  }\n\n  if (items.length === 1 && getItemIcon(items[0]) && onlyIcon) {\n    return (\n      <ButtonWithTooltip\n        {...otherProps}\n        className={className}\n        size=\"xs\"\n        view=\"clear\"\n        iconLeft={getItemIcon(items[0])}\n        onClick={getItemClick(items[0], getItemOnClick, onItemClick)}\n        tooltipProps={{\n          tooltipContent: (\n            <Text view=\"primary\" size=\"xs\">\n              {getItemLabel(items[0])}\n            </Text>\n          ),\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={IconKebab}\n        ref={menuRef}\n        onClick={toggleMenu}\n      />\n      <ContextMenu\n        role=\"listbox\"\n        offset=\"2xs\"\n        isOpen={visibleMenu}\n        size=\"s\"\n        items={items}\n        getItemLabel={getItemLabel}\n        onItemClick={onItemClick}\n        getItemOnClick={getItemOnClick}\n        getItemKey={getItemLabel}\n        getItemLeftIcon={getItemIcon}\n        anchorRef={buttonRef}\n        onClickOutside={setVisibleMenu.off}\n        possibleDirections={['downStartRight', 'upStartRight']}\n        direction=\"downStartRight\"\n        style={{ zIndex: elementZIndex }}\n      />\n    </>\n  );\n};\n\nexport const NotificationActions = forwardRef(\n  NotificationActionsRender,\n) as NotificationActionsComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Notification/NotificationActions/helpers.d.ts

@@ -0,0 +1,21 @@
+import { NotificationActionsDefaultItem, NotificationActionsPropGetItemIcon, NotificationActionsPropGetItemLabel, NotificationActionsPropGetItemOnClick, NotificationActionsProps } from './types';
+export declare function withDefaultGetters<ITEM>(props: NotificationActionsProps<ITEM>): {
+    items?: ITEM[] | undefined;
+    onlyIcon?: boolean;
+    opened?: boolean;
+    onOpen?: (value: boolean) => void;
+    onItemClick?: import("./types").NotificationActionsOnItemClick<ITEM> | undefined;
+    scrollContainerRef?: React.RefObject<HTMLDivElement>;
+} & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "css" | "items" | "onlyIcon" | "onItemClick" | "onOpen" | "opened" | "scrollContainerRef"> & import("react").RefAttributes<HTMLButtonElement> & {
+    getItemLabel?: NotificationActionsPropGetItemLabel<ITEM> | undefined;
+    getItemOnClick?: NotificationActionsPropGetItemOnClick<ITEM> | undefined;
+    getItemIcon?: NotificationActionsPropGetItemIcon<ITEM> | undefined;
+} & (ITEM extends {
+    label: NotificationActionsDefaultItem["label"];
+} ? {} : {
+    getItemLabel: NotificationActionsPropGetItemLabel<ITEM>;
+}) & {
+    getItemIcon: NotificationActionsPropGetItemIcon<NotificationActionsDefaultItem> | NotificationActionsPropGetItemIcon<ITEM>;
+    getItemLabel: NotificationActionsPropGetItemLabel<NotificationActionsDefaultItem> | NotificationActionsPropGetItemLabel<ITEM>;
+    getItemOnClick: NotificationActionsPropGetItemOnClick<NotificationActionsDefaultItem> | NotificationActionsPropGetItemOnClick<ITEM>;
+};

package/__internal__/src/components/Notification/NotificationActions/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}var defaultGetItemIcon=function(a){return a.icon},defaultGetItemLabel=function(a){return a.label},defaultGetItemOnClick=function(a){return 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/Notification/NotificationActions/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/Notification/NotificationActions/helpers.tsx"],"sourcesContent":["import {\n  NotificationActionsDefaultItem,\n  NotificationActionsPropGetItemIcon,\n  NotificationActionsPropGetItemLabel,\n  NotificationActionsPropGetItemOnClick,\n  NotificationActionsProps,\n} from './types';\n\nconst defaultGetItemIcon: NotificationActionsPropGetItemIcon<\n  NotificationActionsDefaultItem\n> = (item) => item.icon;\nconst defaultGetItemLabel: NotificationActionsPropGetItemLabel<\n  NotificationActionsDefaultItem\n> = (item) => item.label;\nconst defaultGetItemOnClick: NotificationActionsPropGetItemOnClick<\n  NotificationActionsDefaultItem\n> = (item) => item.onClick;\n\nexport function withDefaultGetters<ITEM>(\n  props: NotificationActionsProps<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":"wqBAQMA,mBAEL,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,IAAf,C,CACEC,mBAEL,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,KAAf,C,CACEC,qBAEL,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,OAAf,C,CAEJ,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/Notification/NotificationActions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotificationActions';
+export * from './types';

package/__internal__/src/components/Notification/NotificationActions/index.js

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

package/__internal__/src/components/Notification/NotificationActions/index.js.map

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

package/__internal__/src/components/Notification/NotificationActions/types.d.ts

@@ -0,0 +1,30 @@
+import { IconComponent } from '@consta/icons/Icon';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type NotificationActionsDefaultItem = {
+    label: string;
+    onClick?: React.EventHandler<React.MouseEvent>;
+    icon?: IconComponent;
+};
+export type NotificationActionsPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type NotificationActionsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type NotificationActionsPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
+export type NotificationActionsOnItemClick<ITEM> = (item: ITEM, props: {
+    e: React.MouseEvent;
+}) => void;
+export type NotificationActionsProps<ITEM = NotificationActionsDefaultItem> = PropsWithHTMLAttributesAndRef<{
+    items?: ITEM[];
+    onlyIcon?: boolean;
+    opened?: boolean;
+    onOpen?: (value: boolean) => void;
+    onItemClick?: NotificationActionsOnItemClick<ITEM>;
+    scrollContainerRef?: React.RefObject<HTMLDivElement>;
+}, HTMLButtonElement> & {
+    getItemLabel?: NotificationActionsPropGetItemLabel<ITEM>;
+    getItemOnClick?: NotificationActionsPropGetItemOnClick<ITEM>;
+    getItemIcon?: NotificationActionsPropGetItemIcon<ITEM>;
+} & (ITEM extends {
+    label: NotificationActionsDefaultItem['label'];
+} ? {} : {
+    getItemLabel: NotificationActionsPropGetItemLabel<ITEM>;
+});
+export type NotificationActionsComponent = <ITEM = NotificationActionsDefaultItem>(props: NotificationActionsProps<ITEM>) => React.ReactNode;

package/__internal__/src/components/Notification/NotificationActions/types.js

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

package/__internal__/src/components/Notification/NotificationActions/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notification/NotificationActions/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationActionsDefaultItem = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: IconComponent;\n};\n\nexport type NotificationActionsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type NotificationActionsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type NotificationActionsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\n\nexport type NotificationActionsOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type NotificationActionsProps<ITEM = NotificationActionsDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items?: ITEM[];\n      onlyIcon?: boolean;\n      opened?: boolean;\n      onOpen?: (value: boolean) => void;\n      onItemClick?: NotificationActionsOnItemClick<ITEM>;\n      scrollContainerRef?: React.RefObject<HTMLDivElement>;\n    },\n    HTMLButtonElement\n  > & {\n    getItemLabel?: NotificationActionsPropGetItemLabel<ITEM>;\n    getItemOnClick?: NotificationActionsPropGetItemOnClick<ITEM>;\n    getItemIcon?: NotificationActionsPropGetItemIcon<ITEM>;\n  } & (ITEM extends { label: NotificationActionsDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: NotificationActionsPropGetItemLabel<ITEM> });\n\nexport type NotificationActionsComponent = <\n  ITEM = NotificationActionsDefaultItem,\n>(\n  props: NotificationActionsProps<ITEM>,\n) => React.ReactNode;\n"],"mappings":""}

package/__internal__/src/components/Notification/NotificationCaption/NotificationCaption.css

@@ -0,0 +1 @@
+.NotificationCaption{white-space:nowrap}

package/__internal__/src/components/Notification/NotificationCaption/NotificationCaption.d.ts

@@ -0,0 +1,7 @@
+import './NotificationCaption.css';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export declare const cnNotificationCaption: import("@bem-react/classname").ClassNameFormatter;
+type NotificationCaptionProps = PropsWithHTMLAttributesAndRef<{}, HTMLSpanElement>;
+export declare const NotificationCaption: React.ForwardRefExoticComponent<Omit<NotificationCaptionProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/__internal__/src/components/Notification/NotificationCaption/NotificationCaption.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className"];import"./NotificationCaption.css";import{Text}from"@consta/uikit/Text";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";export var cnNotificationCaption=cn("NotificationCaption");export var NotificationCaption=forwardRef(function(a,b){var c=a.className,d=_objectWithoutProperties(a,_excluded);return React.createElement(Text,Object.assign({},d,{ref:b,as:"span",className:cnNotificationCaption(null,[c]),size:"2xs",lineHeight:"m",view:"ghost"}))});
+//# sourceMappingURL=NotificationCaption.js.map

package/__internal__/src/components/Notification/NotificationCaption/NotificationCaption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCaption.js","names":["Text","React","forwardRef","cn","cnNotificationCaption","NotificationCaption","ref","className","otherProps"],"sources":["../../../../../../src/components/Notification/NotificationCaption/NotificationCaption.tsx"],"sourcesContent":["import './NotificationCaption.css';\n\nimport { Text } from '@consta/uikit/Text';\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const cnNotificationCaption = cn('NotificationCaption');\n\ntype NotificationCaptionProps = PropsWithHTMLAttributesAndRef<\n  {},\n  HTMLSpanElement\n>;\n\nexport const NotificationCaption = forwardRef(\n  (\n    { className, ...otherProps }: NotificationCaptionProps,\n    ref: React.Ref<HTMLSpanElement>,\n  ) => {\n    return (\n      <Text\n        {...otherProps}\n        ref={ref}\n        as=\"span\"\n        className={cnNotificationCaption(null, [className])}\n        size=\"2xs\"\n        lineHeight=\"m\"\n        view=\"ghost\"\n      />\n    );\n  },\n);\n"],"mappings":"iHAAA,kCAEA,OAASA,IAAT,KAAqB,oBAArB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BAGA,MAAO,IAAMC,sBAAqB,CAAGD,EAAE,CAAC,qBAAD,CAAhC,CAOP,MAAO,IAAME,oBAAmB,CAAGH,UAAU,CAC3C,WAEEI,CAFF,CAGK,IAFDC,EAEC,GAFDA,SAEC,CAFaC,CAEb,uCACH,MACE,qBAAC,IAAD,kBACMA,CADN,EAEE,GAAG,CAAEF,CAFP,CAGE,EAAE,CAAC,MAHL,CAIE,SAAS,CAAEF,qBAAqB,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAJlC,CAKE,IAAI,CAAC,KALP,CAME,UAAU,CAAC,GANb,CAOE,IAAI,CAAC,OAPP,GAUH,CAhB0C,CAAtC"}

package/__internal__/src/components/Notification/NotificationCaption/index.d.ts

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

package/__internal__/src/components/Notification/NotificationCaption/index.js

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

package/__internal__/src/components/Notification/NotificationCaption/index.js.map

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

package/__internal__/src/components/Notification/NotificationGroup/NotificationGroup.css

@@ -0,0 +1 @@
+.NotificationGroup{background:var(--color-bg-secondary)}.NotificationGroup-Label{flex:1;min-height:var(--control-height-xs)}

package/__internal__/src/components/Notification/NotificationGroup/NotificationGroup.d.ts

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

package/__internal__/src/components/Notification/NotificationGroup/NotificationGroup.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","actions","className"];import"./NotificationGroup.css";import React,{forwardRef}from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{NotificationActions}from"../NotificationActions";var cnNotificationGroup=cn("NotificationGroup");export var NotificationGroup=forwardRef(function(a,b){var c=a.title,d=a.actions,e=a.className,f=_objectWithoutProperties(a,_excluded);return c?React.createElement("div",Object.assign({},f,{ref:b,className:cnNotificationGroup(null,[e,cnMixFlex({gap:"xs"})])}),React.createElement(Text,{className:cnNotificationGroup("Label",[cnMixFlex({align:"center"})]),view:"secondary",weight:"medium",size:"xs",lineHeight:"m",fontStyle:"italic"},c),(null===d||void 0===d?void 0:d.length)&&React.createElement(NotificationActions,{items:d})):null});
+//# sourceMappingURL=NotificationGroup.js.map

package/__internal__/src/components/Notification/NotificationGroup/NotificationGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationGroup.js","names":["React","forwardRef","Text","cnMixFlex","cn","NotificationActions","cnNotificationGroup","NotificationGroup","ref","title","actions","className","otherProps","gap","align","length"],"sources":["../../../../../../src/components/Notification/NotificationGroup/NotificationGroup.tsx"],"sourcesContent":["import './NotificationGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { NotificationActions } from '../NotificationActions';\nimport { NotificationGroupProps } from './types';\n\nconst cnNotificationGroup = cn('NotificationGroup');\n\nexport const NotificationGroup: React.FC<NotificationGroupProps> = forwardRef<\n  HTMLDivElement,\n  NotificationGroupProps\n>(({ title, actions, className, ...otherProps }, ref) => {\n  if (!title) {\n    return null;\n  }\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnNotificationGroup(null, [\n        className,\n        cnMixFlex({ gap: 'xs' }),\n      ])}\n    >\n      <Text\n        className={cnNotificationGroup('Label', [\n          cnMixFlex({ align: 'center' }),\n        ])}\n        view=\"secondary\"\n        weight=\"medium\"\n        size=\"xs\"\n        lineHeight=\"m\"\n        fontStyle=\"italic\"\n      >\n        {title}\n      </Text>\n\n      {actions?.length && <NotificationActions items={actions} />}\n    </div>\n  );\n});\n"],"mappings":"mIAAA,gCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,kBACA,OAASC,SAAT,6BACA,OAASC,EAAT,0BAEA,OAASC,mBAAT,8BAGA,GAAMC,oBAAmB,CAAGF,EAAE,CAAC,mBAAD,CAA9B,CAEA,MAAO,IAAMG,kBAAmD,CAAGN,UAAU,CAG3E,WAA+CO,CAA/C,CAAuD,IAApDC,EAAoD,GAApDA,KAAoD,CAA7CC,CAA6C,GAA7CA,OAA6C,CAApCC,CAAoC,GAApCA,SAAoC,CAAtBC,CAAsB,6CAClDH,EADkD,CAMrD,2CACMG,CADN,EAEE,GAAG,CAAEJ,CAFP,CAGE,SAAS,CAAEF,mBAAmB,CAAC,IAAD,CAAO,CACnCK,CADmC,CAEnCR,SAAS,CAAC,CAAEU,GAAG,CAAE,IAAP,CAAD,CAF0B,CAAP,CAHhC,GAQE,oBAAC,IAAD,EACE,SAAS,CAAEP,mBAAmB,CAAC,OAAD,CAAU,CACtCH,SAAS,CAAC,CAAEW,KAAK,CAAE,QAAT,CAAD,CAD6B,CAAV,CADhC,CAIE,IAAI,CAAC,WAJP,CAKE,MAAM,CAAC,QALT,CAME,IAAI,CAAC,IANP,CAOE,UAAU,CAAC,GAPb,CAQE,SAAS,CAAC,QARZ,EAUGL,CAVH,CARF,CAqBG,QAAAC,CAAO,WAAPA,CAAA,QAAAA,CAAO,CAAEK,MAAT,GAAmB,oBAAC,mBAAD,EAAqB,KAAK,CAAEL,CAA5B,EArBtB,CANqD,CAE9C,IA4BV,CAjC4E,CAAtE"}

package/__internal__/src/components/Notification/NotificationGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotificationGroup';
+export * from './types';

package/__internal__/src/components/Notification/NotificationGroup/index.js

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

package/__internal__/src/components/Notification/NotificationGroup/index.js.map

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

package/__internal__/src/components/Notification/NotificationGroup/types.d.ts

@@ -0,0 +1,12 @@
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type NotificationGroupAction = {
+    label: string;
+    onClick?: React.EventHandler<React.MouseEvent>;
+    icon?: IconComponent;
+};
+export type NotificationGroupProps = PropsWithHTMLAttributesAndRef<{
+    title?: string;
+    actions?: NotificationGroupAction[];
+}, HTMLDivElement>;

package/__internal__/src/components/Notification/NotificationGroup/types.js

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

package/__internal__/src/components/Notification/NotificationGroup/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notification/NotificationGroup/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationGroupAction = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: IconComponent;\n};\n\nexport type NotificationGroupProps = PropsWithHTMLAttributesAndRef<\n  {\n    title?: string;\n    actions?: NotificationGroupAction[];\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}

package/__internal__/src/components/Notification/NotificationHeader/NotificationHeader.css

@@ -0,0 +1 @@
+.NotificationHeader-Title{flex:1;min-height:var(--control-height-xs)}

package/__internal__/src/components/Notification/NotificationHeader/NotificationHeader.d.ts

@@ -0,0 +1,5 @@
+import './NotificationHeader.css';
+import React from 'react';
+import { NotificationHeaderProps } from './types';
+export declare const cnNotificationHeader: import("@bem-react/classname").ClassNameFormatter;
+export declare const NotificationHeader: React.FC<NotificationHeaderProps>;

package/__internal__/src/components/Notification/NotificationHeader/NotificationHeader.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","actions","className","onClose","scrollContainerRef"];import"./NotificationHeader.css";import{IconClose}from"@consta/icons/IconClose";import React,{forwardRef}from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{NotificationActions}from"../NotificationActions";export var cnNotificationHeader=cn("NotificationHeader");export var NotificationHeader=forwardRef(function(a,b){var c=a.title,d=a.actions,e=a.className,f=a.onClose,g=a.scrollContainerRef,h=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},h,{ref:b,className:cnNotificationHeader(null,[e,cnMixFlex({gap:"xs"})])}),React.createElement(Text,{className:cnNotificationHeader("Title"),view:"secondary",transform:"uppercase",weight:"semibold",size:"l",lineHeight:"m"},c),(null===d||void 0===d?void 0:d.length)&&React.createElement(NotificationActions,{className:cnNotificationHeader("Action"),items:d,scrollContainerRef:g}),f&&React.createElement(Button,{className:cnNotificationHeader("CloseButton"),size:"xs",view:"clear",iconLeft:IconClose,onClick:f}))});
+//# sourceMappingURL=NotificationHeader.js.map

package/__internal__/src/components/Notification/NotificationHeader/NotificationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHeader.js","names":["IconClose","React","forwardRef","Button","Text","cnMixFlex","cn","NotificationActions","cnNotificationHeader","NotificationHeader","ref","title","actions","className","onClose","scrollContainerRef","otherProps","gap","length"],"sources":["../../../../../../src/components/Notification/NotificationHeader/NotificationHeader.tsx"],"sourcesContent":["import './NotificationHeader.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { forwardRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { NotificationActions } from '../NotificationActions';\nimport { NotificationHeaderProps } from './types';\n\nexport const cnNotificationHeader = cn('NotificationHeader');\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = forwardRef<\n  HTMLDivElement,\n  NotificationHeaderProps\n>(\n  (\n    { title, actions, className, onClose, scrollContainerRef, ...otherProps },\n    ref,\n  ) => {\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnNotificationHeader(null, [\n          className,\n          cnMixFlex({ gap: 'xs' }),\n        ])}\n      >\n        <Text\n          className={cnNotificationHeader('Title')}\n          view=\"secondary\"\n          transform=\"uppercase\"\n          weight=\"semibold\"\n          size=\"l\"\n          lineHeight=\"m\"\n        >\n          {title}\n        </Text>\n\n        {actions?.length && (\n          <NotificationActions\n            className={cnNotificationHeader('Action')}\n            items={actions}\n            scrollContainerRef={scrollContainerRef}\n          />\n        )}\n        {onClose && (\n          <Button\n            className={cnNotificationHeader('CloseButton')}\n            size=\"xs\"\n            view=\"clear\"\n            iconLeft={IconClose}\n            onClick={onClose}\n          />\n        )}\n      </div>\n    );\n  },\n);\n"],"mappings":"kKAAA,iCAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,oBACA,OAASC,IAAT,kBACA,OAASC,SAAT,6BACA,OAASC,EAAT,0BAEA,OAASC,mBAAT,8BAGA,MAAO,IAAMC,qBAAoB,CAAGF,EAAE,CAAC,oBAAD,CAA/B,CAEP,MAAO,IAAMG,mBAAqD,CAAGP,UAAU,CAI7E,WAEEQ,CAFF,CAGK,IAFDC,EAEC,GAFDA,KAEC,CAFMC,CAEN,GAFMA,OAEN,CAFeC,CAEf,GAFeA,SAEf,CAF0BC,CAE1B,GAF0BA,OAE1B,CAFmCC,CAEnC,GAFmCA,kBAEnC,CAF0DC,CAE1D,uCACH,MACE,4CACMA,CADN,EAEE,GAAG,CAAEN,CAFP,CAGE,SAAS,CAAEF,oBAAoB,CAAC,IAAD,CAAO,CACpCK,CADoC,CAEpCR,SAAS,CAAC,CAAEY,GAAG,CAAE,IAAP,CAAD,CAF2B,CAAP,CAHjC,GAQE,oBAAC,IAAD,EACE,SAAS,CAAET,oBAAoB,CAAC,OAAD,CADjC,CAEE,IAAI,CAAC,WAFP,CAGE,SAAS,CAAC,WAHZ,CAIE,MAAM,CAAC,UAJT,CAKE,IAAI,CAAC,GALP,CAME,UAAU,CAAC,GANb,EAQGG,CARH,CARF,CAmBG,QAAAC,CAAO,WAAPA,CAAA,QAAAA,CAAO,CAAEM,MAAT,GACC,oBAAC,mBAAD,EACE,SAAS,CAAEV,oBAAoB,CAAC,QAAD,CADjC,CAEE,KAAK,CAAEI,CAFT,CAGE,kBAAkB,CAAEG,CAHtB,EApBJ,CA0BGD,CAAO,EACN,oBAAC,MAAD,EACE,SAAS,CAAEN,oBAAoB,CAAC,aAAD,CADjC,CAEE,IAAI,CAAC,IAFP,CAGE,IAAI,CAAC,OAHP,CAIE,QAAQ,CAAER,SAJZ,CAKE,OAAO,CAAEc,CALX,EA3BJ,CAqCH,CA9C4E,CAAxE"}

package/__internal__/src/components/Notification/NotificationHeader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotificationHeader';
+export * from './types';

package/__internal__/src/components/Notification/NotificationHeader/index.js

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

package/__internal__/src/components/Notification/NotificationHeader/index.js.map

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

package/__internal__/src/components/Notification/NotificationHeader/types.d.ts

@@ -0,0 +1,14 @@
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type NotificationHeaderAction = {
+    label: string;
+    onClick?: React.EventHandler<React.MouseEvent>;
+    icon?: IconComponent;
+};
+export type NotificationHeaderProps = PropsWithHTMLAttributesAndRef<{
+    title?: string;
+    actions?: NotificationHeaderAction[];
+    onClose?: React.EventHandler<React.MouseEvent>;
+    scrollContainerRef?: React.RefObject<HTMLDivElement>;
+}, HTMLDivElement>;

package/__internal__/src/components/Notification/NotificationHeader/types.js

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

package/__internal__/src/components/Notification/NotificationHeader/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notification/NotificationHeader/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationHeaderAction = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: IconComponent;\n};\n\nexport type NotificationHeaderProps = PropsWithHTMLAttributesAndRef<\n  {\n    title?: string;\n    actions?: NotificationHeaderAction[];\n    onClose?: React.EventHandler<React.MouseEvent>;\n    scrollContainerRef?: React.RefObject<HTMLDivElement>;\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}

package/__internal__/src/components/Notification/NotificationItem/NotificationItem.css

@@ -0,0 +1 @@
+.NotificationItem_withAvatar{--notification-item-gap:var(--space-m,0)}.NotificationItem_clickable{cursor:pointer}.NotificationItem-Avatar{flex:none}.NotificationItem-Content{flex:1;position:relative}.NotificationItem-TitleWrapper{min-height:var(--control-height-xs)}.NotificationItem-Badge{flex:none}.NotificationItem-Caption{min-height:var(--space-m)}.NotificationItem-Badges,.NotificationItem-Caption{overflow:hidden;width:100%}.NotificationItem-Title{margin-bottom:var(--space-2xs)}.NotificationItem-Title:last-child{margin-bottom:0}.NotificationItem-Actions,.NotificationItem-Button{position:absolute;right:0;top:0}.NotificationItem-MixMR{margin-right:calc(var(--control-height-xs) + var(--space-2xs))}

package/__internal__/src/components/Notification/NotificationItem/NotificationItem.d.ts

@@ -0,0 +1,6 @@
+import './NotificationItem.css';
+import React from 'react';
+import { NotificationItemProps } from './types';
+export declare const cnNotificationItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const NotificationItem: React.ForwardRefExoticComponent<Omit<NotificationItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export * from './types';

package/__internal__/src/components/Notification/NotificationItem/NotificationItem.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","className","content","userName","userImageUrl","caption","actions","read","scrollContainerRef"];import"./NotificationItem.css";import React,{forwardRef}from"react";import{Avatar}from"../../Avatar";import{Badge}from"../../Badge";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{isNotNil,isString}from"../../../utils/type-guards";import{NotificationActions}from"../NotificationActions";import{NotificationCaption}from"../NotificationCaption";export var cnNotificationItem=cn("NotificationItem");var renderContent=function(a,b){return isString(a)?React.createElement(Text,{size:"s",view:"primary",lineHeight:"m",className:b?cnNotificationItem("MixMR"):void 0},a):a},renderCaption=function(a,b){return!a||Array.isArray(a)&&0===a.filter(isNotNil).length?null:React.createElement("div",{className:cnNotificationItem("Caption",[cnMixFlex({gap:"xs",align:"center"}),cnMixSpace({mB:"2xs"}),b?cnNotificationItem("MixMR"):void 0])},isString(a)?React.createElement(NotificationCaption,null,a):a)};export var NotificationItem=forwardRef(function(a,b){var c,d=a.title,e=a.className,f=a.content,g=a.userName,h=a.userImageUrl,i=a.caption,j=a.actions,k=a.read,l=a.scrollContainerRef,m=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},m,{ref:b,className:cnNotificationItem({withAvatar:!!(g||h),clickable:!!m.onClick},[e])}),React.createElement("div",{className:cnMixFlex({gap:"m"})},(g||h)&&React.createElement(Avatar,{size:"l",name:g,title:g,url:h,className:cnNotificationItem("Avatar")}),React.createElement("div",{className:cnNotificationItem("Content")},d&&React.createElement("div",{className:cnNotificationItem("TitleWrapper",[cnMixFlex({gap:"xs",direction:"row",align:"center"}),cnMixSpace({mB:"2xs"}),null!==j&&void 0!==j&&j.length?cnNotificationItem("MixMR"):void 0])},!1===k&&React.createElement(Badge,{className:cnNotificationItem("Badge"),size:"s",status:"normal",minified:!0}),React.createElement(Text,{weight:"semibold",className:cnNotificationItem("Title"),view:"primary",size:"s",lineHeight:"m",truncate:!0},d)),renderCaption(i,!!(null!==j&&void 0!==j&&j.length)&&!d),React.createElement("div",{className:cnNotificationItem("Children")},f&&renderContent(f,!(null===j||void 0===j||!j.length||d))),(null===j||void 0===j?void 0:j.length)&&React.createElement(NotificationActions,{className:cnNotificationItem("Actions"),items:j,onlyIcon:!0,style:{zIndex:null===(c=a.style)||void 0===c?void 0:c.zIndex},scrollContainerRef:l}))))});export*from"./types";
+//# sourceMappingURL=NotificationItem.js.map

package/__internal__/src/components/Notification/NotificationItem/NotificationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","names":["React","forwardRef","Avatar","Badge","Text","cnMixFlex","cnMixSpace","cn","isNotNil","isString","NotificationActions","NotificationCaption","cnNotificationItem","renderContent","content","mr","renderCaption","node","Array","isArray","filter","length","gap","align","mB","NotificationItem","props","ref","title","className","userName","userImageUrl","caption","actions","read","scrollContainerRef","otherProps","withAvatar","clickable","onClick","direction","zIndex","style"],"sources":["../../../../../../src/components/Notification/NotificationItem/NotificationItem.tsx"],"sourcesContent":["import './NotificationItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Avatar } from '##/components/Avatar';\nimport { Badge } from '##/components/Badge';\nimport { Text } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { isNotNil, isString } from '##/utils/type-guards';\n\nimport { NotificationActions } from '../NotificationActions';\nimport { NotificationCaption } from '../NotificationCaption';\nimport { NotificationItemProps } from './types';\n\nexport const cnNotificationItem = cn('NotificationItem');\n\nconst renderContent = (content: React.ReactNode, mr: boolean) =>\n  isString(content) ? (\n    <Text\n      size=\"s\"\n      view=\"primary\"\n      lineHeight=\"m\"\n      className={mr ? cnNotificationItem('MixMR') : undefined}\n    >\n      {content}\n    </Text>\n  ) : (\n    content\n  );\n\nconst renderCaption = (node: React.ReactNode, mr: boolean) => {\n  if (!node || (Array.isArray(node) && node.filter(isNotNil).length === 0))\n    return null;\n\n  return (\n    <div\n      className={cnNotificationItem('Caption', [\n        cnMixFlex({ gap: 'xs', align: 'center' }),\n        cnMixSpace({ mB: '2xs' }),\n        mr ? cnNotificationItem('MixMR') : undefined,\n      ])}\n    >\n      {isString(node) ? (\n        <NotificationCaption>{node}</NotificationCaption>\n      ) : (\n        node\n      )}\n    </div>\n  );\n};\n\nexport const NotificationItem = forwardRef(\n  (props: NotificationItemProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      title,\n      className,\n      content,\n      userName,\n      userImageUrl,\n      caption,\n      actions,\n      read,\n      scrollContainerRef,\n      ...otherProps\n    } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnNotificationItem(\n          {\n            withAvatar: !!(userName || userImageUrl),\n            clickable: !!otherProps.onClick,\n          },\n          [className],\n        )}\n      >\n        <div className={cnMixFlex({ gap: 'm' })}>\n          {(userName || userImageUrl) && (\n            <Avatar\n              size=\"l\"\n              name={userName}\n              title={userName}\n              url={userImageUrl}\n              className={cnNotificationItem('Avatar')}\n            />\n          )}\n          <div className={cnNotificationItem('Content')}>\n            {title && (\n              <div\n                className={cnNotificationItem('TitleWrapper', [\n                  cnMixFlex({\n                    gap: 'xs',\n                    direction: 'row',\n                    align: 'center',\n                  }),\n                  cnMixSpace({ mB: '2xs' }),\n                  actions?.length ? cnNotificationItem('MixMR') : undefined,\n                ])}\n              >\n                {read === false && (\n                  <Badge\n                    className={cnNotificationItem('Badge')}\n                    size=\"s\"\n                    status=\"normal\"\n                    minified\n                  />\n                )}\n                <Text\n                  weight=\"semibold\"\n                  className={cnNotificationItem('Title')}\n                  view=\"primary\"\n                  size=\"s\"\n                  lineHeight=\"m\"\n                  truncate\n                >\n                  {title}\n                </Text>\n              </div>\n            )}\n            {renderCaption(caption, !!actions?.length && !title)}\n            <div className={cnNotificationItem('Children')}>\n              {content && renderContent(content, !!(actions?.length && !title))}\n            </div>\n            {actions?.length && (\n              <NotificationActions\n                className={cnNotificationItem('Actions')}\n                items={actions}\n                onlyIcon\n                style={{ zIndex: props.style?.zIndex }}\n                scrollContainerRef={scrollContainerRef}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Notification/NotificationItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotificationItem';
+export * from './types';

package/__internal__/src/components/Notification/NotificationItem/index.js

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

package/__internal__/src/components/Notification/NotificationItem/index.js.map

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

package/__internal__/src/components/Notification/NotificationItem/types.d.ts

@@ -0,0 +1,19 @@
+import { IconProps } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type NotificationItemAction = {
+    label: string;
+    onClick?: React.EventHandler<React.MouseEvent>;
+    icon?: React.FC<IconProps>;
+};
+export type NotificationItemProps = PropsWithHTMLAttributesAndRef<{
+    title?: string;
+    userName?: string;
+    userImageUrl?: string;
+    content?: React.ReactNode;
+    caption?: React.ReactNode;
+    actions?: NotificationItemAction[];
+    children?: never;
+    read?: boolean;
+    scrollContainerRef?: React.RefObject<HTMLDivElement>;
+}, HTMLDivElement>;

package/__internal__/src/components/Notification/NotificationItem/types.js

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

package/__internal__/src/components/Notification/NotificationItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Notification/NotificationItem/types.ts"],"sourcesContent":["import { IconProps } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationItemAction = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: React.FC<IconProps>;\n};\n\nexport type NotificationItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    title?: string;\n    userName?: string;\n    userImageUrl?: string;\n    content?: React.ReactNode;\n    caption?: React.ReactNode;\n    actions?: NotificationItemAction[];\n    children?: never;\n    read?: boolean;\n    scrollContainerRef?: React.RefObject<HTMLDivElement>;\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}

package/__internal__/src/components/Notification/helpers/defaultDateFormat.d.ts

@@ -0,0 +1 @@
+export declare const defaultDateFormat: (date: Date) => string;

package/__internal__/src/components/Notification/helpers/defaultDateFormat.js

@@ -0,0 +1,2 @@
+import{format}from"date-fns";import formatDistanceToNow from"date-fns/formatDistanceToNow";import ruLocale from"date-fns/locale/ru";export var defaultDateFormat=function(a){var b=new Date;if(36e5>b.getTime()-a.getTime()){var c=formatDistanceToNow(a,{locale:ruLocale,addSuffix:!0});return c.charAt(0).toUpperCase()+c.slice(1)}return format(b,"dd.MM.yyyy")===format(a,"dd.MM.yyyy")?format(a,"HH:mm"):format(a,"dd.MM.yyyy HH:mm")};
+//# sourceMappingURL=defaultDateFormat.js.map

package/__internal__/src/components/Notification/helpers/defaultDateFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultDateFormat.js","names":["format","formatDistanceToNow","ruLocale","defaultDateFormat","date","currentDate","Date","getTime","str","locale","addSuffix","charAt","toUpperCase","slice"],"sources":["../../../../../../src/components/Notification/helpers/defaultDateFormat.ts"],"sourcesContent":["import { format } from 'date-fns';\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    const str = formatDistanceToNow(date, {\n      locale: ruLocale,\n      addSuffix: true,\n    });\n    return str.charAt(0).toUpperCase() + str.slice(1);\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,OAASA,MAAT,KAAuB,UAAvB,CACA,MAAOC,oBAAP,KAAgC,8BAAhC,CACA,MAAOC,SAAP,KAAqB,oBAArB,CAEA,MAAO,IAAMC,kBAAiB,CAAG,SAACC,CAAD,CAAwB,CACvD,GAAMC,EAAW,CAAG,GAAIC,KAAxB,CAEA,GAA6C,IAAzC,CAAAD,CAAW,CAACE,OAAZ,GAAwBH,CAAI,CAACG,OAAL,EAA5B,CAAsD,CACpD,GAAMC,EAAG,CAAGP,mBAAmB,CAACG,CAAD,CAAO,CACpCK,MAAM,CAAEP,QAD4B,CAEpCQ,SAAS,GAF2B,CAAP,CAA/B,CAIA,MAAOF,EAAG,CAACG,MAAJ,CAAW,CAAX,EAAcC,WAAd,GAA8BJ,CAAG,CAACK,KAAJ,CAAU,CAAV,CACtC,CATsD,MAWnDb,OAAM,CAACK,CAAD,CAAc,YAAd,CAAN,GAAsCL,MAAM,CAACI,CAAD,CAAO,YAAP,CAXO,CAY9CJ,MAAM,CAACI,CAAD,CAAO,OAAP,CAZwC,CAehDJ,MAAM,CAACI,CAAD,CAAO,kBAAP,CACd,CAhBM"}

package/__internal__/src/components/Notification/helpers/groupLabelByDay.d.ts

@@ -0,0 +1 @@
+export declare const groupLabelByDay: (timestamp: number | string) => string;

package/__internal__/src/components/Notification/helpers/groupLabelByDay.js

@@ -0,0 +1,2 @@
+import{format,isToday,isYesterday}from"date-fns";export var groupLabelByDay=function(a){var b=+a;return isToday(b)?"\u0421\u0435\u0433\u043E\u0434\u043D\u044F":isYesterday(b)?"\u0412\u0447\u0435\u0440\u0430":format(b,"dd.MM.yyyy")};
+//# sourceMappingURL=groupLabelByDay.js.map

package/__internal__/src/components/Notification/helpers/groupLabelByDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupLabelByDay.js","names":["format","isToday","isYesterday","groupLabelByDay","timestamp","date"],"sources":["../../../../../../src/components/Notification/helpers/groupLabelByDay.ts"],"sourcesContent":["import { format, isToday, isYesterday } from 'date-fns';\n\nexport const groupLabelByDay = (timestamp: number | string) => {\n  const date = Number(timestamp);\n\n  if (isToday(date)) {\n    return 'Сегодня';\n  }\n  if (isYesterday(date)) {\n    return 'Вчера';\n  }\n  return format(date, 'dd.MM.yyyy');\n};\n"],"mappings":"AAAA,OAASA,MAAT,CAAiBC,OAAjB,CAA0BC,WAA1B,KAA6C,UAA7C,CAEA,MAAO,IAAMC,gBAAe,CAAG,SAACC,CAAD,CAAgC,CAC7D,GAAMC,EAAI,EAAUD,CAApB,CAD6D,MAGzDH,QAAO,CAACI,CAAD,CAHkD,CAIpD,4CAJoD,CAMzDH,WAAW,CAACG,CAAD,CAN8C,CAOpD,gCAPoD,CAStDL,MAAM,CAACK,CAAD,CAAO,YAAP,CACd,CAVM"}

package/__internal__/src/components/Notification/helpers/groupsByDay.d.ts

@@ -0,0 +1 @@
+export declare const groupsByDay: (date: Date) => number;

package/__internal__/src/components/Notification/helpers/groupsByDay.js

@@ -0,0 +1,2 @@
+import{startOfDay}from"date-fns";export var groupsByDay=function(a){return startOfDay(a).getTime()};
+//# sourceMappingURL=groupsByDay.js.map

package/__internal__/src/components/Notification/helpers/groupsByDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupsByDay.js","names":["startOfDay","groupsByDay","date","getTime"],"sources":["../../../../../../src/components/Notification/helpers/groupsByDay.ts"],"sourcesContent":["import { startOfDay } from 'date-fns';\n\nexport const groupsByDay = (date: Date) => startOfDay(date).getTime();\n"],"mappings":"AAAA,OAASA,UAAT,KAA2B,UAA3B,CAEA,MAAO,IAAMC,YAAW,CAAG,SAACC,CAAD,QAAgBF,WAAU,CAACE,CAAD,CAAV,CAAiBC,OAAjB,EAAhB,CAApB"}

package/__internal__/src/components/Notification/helpers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './defaultDateFormat';
+export * from './groupsByDay';
+export * from './groupLabelByDay';
+export * from './sortGroupByDay';

package/__internal__/src/components/Notification/helpers/index.js

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

package/__internal__/src/components/Notification/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/Notification/helpers/index.ts"],"sourcesContent":["export * from './defaultDateFormat';\nexport * from './groupsByDay';\nexport * from './groupLabelByDay';\nexport * from './sortGroupByDay';\n"],"mappings":"AAAA,iCACA,2BACA,+BACA"}

package/__internal__/src/components/Notification/helpers/sortGroupByDay.d.ts

@@ -0,0 +1,5 @@
+export declare const sortGroupByDay: (a: {
+    key: string | number;
+}, b: {
+    key: string | number;
+}) => 0 | 1 | -1;

package/__internal__/src/components/Notification/helpers/sortGroupByDay.js

@@ -0,0 +1,2 @@
+export var sortGroupByDay=function(c,a){return c.key<a.key?1:c.key>a.key?-1:0};
+//# sourceMappingURL=sortGroupByDay.js.map

package/__internal__/src/components/Notification/helpers/sortGroupByDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortGroupByDay.js","names":["sortGroupByDay","a","b","key"],"sources":["../../../../../../src/components/Notification/helpers/sortGroupByDay.ts"],"sourcesContent":["export const sortGroupByDay = (\n  a: { key: string | number },\n  b: { key: string | number },\n) => {\n  if (a.key < b.key) {\n    return 1;\n  }\n  if (a.key > b.key) {\n    return -1;\n  }\n  return 0;\n};\n"],"mappings":"AAAA,MAAO,IAAMA,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGzB,OACCD,EAAC,CAACE,GAAF,CAAQD,CAAC,CAACC,GADX,CAEM,CAFN,CAICF,CAAC,CAACE,GAAF,CAAQD,CAAC,CAACC,GAJX,CAKM,CAAC,CALP,CAOI,CACR,CAXM"}

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

@@ -0,0 +1,7 @@
+export * from './Notification';
+export * from './NotificationItem';
+export * from './NotificationActions';
+export * from './NotificationGroup';
+export * from './NotificationHeader';
+export * from './NotificationCaption';
+export * from './helpers';

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

@@ -0,0 +1,2 @@
+export*from"./Notification";export*from"./NotificationItem";export*from"./NotificationActions";export*from"./NotificationGroup";export*from"./NotificationHeader";export*from"./NotificationCaption";export*from"./helpers";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Notification/index.ts"],"sourcesContent":["export * from './Notification';\nexport * from './NotificationItem';\nexport * from './NotificationActions';\nexport * from './NotificationGroup';\nexport * from './NotificationHeader';\nexport * from './NotificationCaption';\nexport * from './helpers';\n"],"mappings":"AAAA,4BACA,gCACA,mCACA,iCACA,kCACA,mCACA"}

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children"],_excluded2=["className","children"],_excluded3=["isOpen","onClose","onOpen","hasOverlay","onClickOutside","onEsc","position","size","className","children","container","style","rootClassName","afterClose","ignoreOutsideClicksRefs","border"];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"./Sidebar.css";import React,{forwardRef}from"react";import{Transition}from"react-transition-group";import{useModal}from"../Modal/useModal";import{PortalWithTheme,PortalWithThemeConsumer}from"../PortalWithTheme";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cn}from"../../utils/bem";import{withCtx}from"../../utils/state";import{useAnimateTimeout}from"./useAnimateTimeout";export var cnSidebar=cn("Sidebar");var SidebarContent=function(a){var b=a.className,c=a.children,d=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({className:cnSidebar("Content",[b,cnMixScrollBar()])},d),c)},SidebarActions=function(a){var b=a.className,c=a.children,d=_objectWithoutProperties(a,_excluded2);return React.createElement("div",Object.assign({className:cnSidebar("Actions",[b])},d),c)};export var Sidebar=withCtx(forwardRef(function(a,b){var c=a.isOpen,d=a.onClose,e=a.onOpen,f=a.hasOverlay,g=!(void 0!==f)||f,h=a.onClickOutside,i=a.onEsc,j=a.position,k=void 0===j?"right":j,l=a.size,m=void 0===l?"m":l,n=a.className,o=a.children,p=a.container,q=void 0===p?window.document.body:p,r=a.style,s=a.rootClassName,t=a.afterClose,u=a.ignoreOutsideClicksRefs,v=a.border,w=_objectWithoutProperties(a,_excluded3),x=useModal({ref:b,isOpen:c,onEsc:i,onOpen:e,onClose:d,ignoreOutsideClicksRefs:u}),y=x.shadowHeader,z=x.shadowFooter,A=x.scrollable,B=x.theme,C=x.portalRef,D=x.windowRef,E=x.contentRef,F=x.scrollRef,G=x.ignoreOutsideClicksRefs,H=x.windowElAtom,I=useAnimateTimeout(H,k);return React.createElement(Transition,{in:c,unmountOnExit:!0,timeout:I,nodeRef:C,onExiting:t},function(a){return React.createElement(PortalWithTheme,{preset:B,ref:C,container:q,className:cnSidebar({position:k,hasOverlay:g},[s]),style:_objectSpread(_objectSpread(_objectSpread(_objectSpread({},(null===r||void 0===r?void 0:r.zIndex)&&{zIndex:r.zIndex}),{},_defineProperty({},"--sidebar-animate-timeout","".concat(I,"ms")),y&&_defineProperty({},"--modal-layout-header-color-shadow","var(--color-shadow-group-2)")),z&&_defineProperty({},"--modal-layout-footer-color-shadow","var(--color-shadow-group-2)")),(null===r||void 0===r?void 0:r.zIndex)&&_defineProperty({},"--modal-layout-z-index-for-fixed-slot",r.zIndex))},g&&React.createElement("div",{className:cnSidebar("Overlay",{animate:a}),"aria-label":"Overlay"}),React.createElement("div",Object.assign({},w,{style:_objectSpread(_objectSpread({},r),{},{zIndex:void 0}),className:cnSidebar("Window",{size:m,position:k,animate:a,scrollable:A,border:v},[n]),ref:D}),React.createElement("div",{className:cnSidebar("Scroll",cnMixScrollBar({size:"s"})),ref:F},React.createElement("div",{className:cnSidebar("Content"),ref:E},React.createElement(PortalWithThemeConsumer,{onClickOutside:h,ignoreClicksInsideRefs:G},o)))))})}));Sidebar.Actions=SidebarActions,Sidebar.Content=SidebarContent;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children"],_excluded2=["className","children"],_excluded3=["isOpen","onClose","onOpen","hasOverlay","onClickOutside","onEsc","position","size","className","children","container","style","rootClassName","afterClose","ignoreOutsideClicksRefs","border","scrollContainerRef"];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"./Sidebar.css";import React,{forwardRef}from"react";import{Transition}from"react-transition-group";import{useModal}from"../Modal/useModal";import{PortalWithTheme,PortalWithThemeConsumer}from"../PortalWithTheme";import{useForkRef}from"../../hooks/useForkRef";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cn}from"../../utils/bem";import{withCtx}from"../../utils/state";import{useAnimateTimeout}from"./useAnimateTimeout";export var cnSidebar=cn("Sidebar");var SidebarContent=function(a){var b=a.className,c=a.children,d=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({className:cnSidebar("Content",[b,cnMixScrollBar()])},d),c)},SidebarActions=function(a){var b=a.className,c=a.children,d=_objectWithoutProperties(a,_excluded2);return React.createElement("div",Object.assign({className:cnSidebar("Actions",[b])},d),c)};export var Sidebar=withCtx(forwardRef(function(a,b){var c=a.isOpen,d=a.onClose,e=a.onOpen,f=a.hasOverlay,g=!(void 0!==f)||f,h=a.onClickOutside,i=a.onEsc,j=a.position,k=void 0===j?"right":j,l=a.size,m=void 0===l?"m":l,n=a.className,o=a.children,p=a.container,q=void 0===p?window.document.body:p,r=a.style,s=a.rootClassName,t=a.afterClose,u=a.ignoreOutsideClicksRefs,v=a.border,w=a.scrollContainerRef,x=_objectWithoutProperties(a,_excluded3),y=useModal({ref:b,isOpen:c,onEsc:i,onOpen:e,onClose:d,ignoreOutsideClicksRefs:u}),z=y.shadowHeader,A=y.shadowFooter,B=y.scrollable,C=y.theme,D=y.portalRef,E=y.windowRef,F=y.contentRef,G=y.scrollRef,H=y.ignoreOutsideClicksRefs,I=y.windowElAtom,J=useAnimateTimeout(I,k),K=useForkRef([w,G]);return React.createElement(Transition,{in:c,unmountOnExit:!0,timeout:J,nodeRef:D,onExiting:t},function(a){return React.createElement(PortalWithTheme,{preset:C,ref:D,container:q,className:cnSidebar({position:k,hasOverlay:g},[s]),style:_objectSpread(_objectSpread(_objectSpread(_objectSpread({},(null===r||void 0===r?void 0:r.zIndex)&&{zIndex:r.zIndex}),{},_defineProperty({},"--sidebar-animate-timeout","".concat(J,"ms")),z&&_defineProperty({},"--modal-layout-header-color-shadow","var(--color-shadow-group-2)")),A&&_defineProperty({},"--modal-layout-footer-color-shadow","var(--color-shadow-group-2)")),(null===r||void 0===r?void 0:r.zIndex)&&_defineProperty({},"--modal-layout-z-index-for-fixed-slot",r.zIndex))},g&&React.createElement("div",{className:cnSidebar("Overlay",{animate:a}),"aria-label":"Overlay"}),React.createElement("div",Object.assign({},x,{style:_objectSpread(_objectSpread({},r),{},{zIndex:void 0}),className:cnSidebar("Window",{size:m,position:k,animate:a,scrollable:B,border:v},[n]),ref:E}),React.createElement("div",{className:cnSidebar("Scroll",cnMixScrollBar({size:"s"})),ref:K},React.createElement("div",{className:cnSidebar("Content"),ref:F},React.createElement(PortalWithThemeConsumer,{onClickOutside:h,ignoreClicksInsideRefs:H},o)))))})}));Sidebar.Actions=SidebarActions,Sidebar.Content=SidebarContent;
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":["React","forwardRef","Transition","useModal","PortalWithTheme","PortalWithThemeConsumer","cnMixScrollBar","cn","withCtx","useAnimateTimeout","cnSidebar","SidebarContent","className","children","rest","SidebarActions","Sidebar","props","ref","isOpen","onClose","onOpen","hasOverlay","onClickOutside","onEsc","position","size","container","window","document","body","style","rootClassName","afterClose","ignoreOutsideClicksRefsProp","ignoreOutsideClicksRefs","border","otherProps","shadowHeader","shadowFooter","scrollable","theme","portalRef","windowRef","contentRef","scrollRef","windowElAtom","animateTimeout","animate","zIndex","Actions","Content"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport React, { forwardRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useModal } from '##/components/Modal/useModal';\nimport {\n  PortalWithTheme,\n  PortalWithThemeConsumer,\n} from '##/components/PortalWithTheme';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\nimport { withCtx } from '##/utils/state';\n\nimport {\n  SidebarActionsProps,\n  SidebarComponent,\n  SidebarContentProps,\n  SidebarProps,\n} from './types';\nimport { useAnimateTimeout } from './useAnimateTimeout';\n\nexport const cnSidebar = cn('Sidebar');\n\nconst SidebarContent: React.FC<SidebarContentProps> = ({\n  className,\n  children,\n  ...rest\n}) => (\n  <div\n    className={cnSidebar('Content', [className, cnMixScrollBar()])}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\nconst SidebarActions: React.FC<SidebarActionsProps> = ({\n  className,\n  children,\n  ...rest\n}) => (\n  <div className={cnSidebar('Actions', [className])} {...rest}>\n    {children}\n  </div>\n);\n\nexport const Sidebar = withCtx(\n  forwardRef<HTMLDivElement, SidebarProps>((props, ref) => {\n    const {\n      isOpen,\n      onClose,\n      onOpen,\n      hasOverlay = true,\n      onClickOutside,\n      onEsc,\n      position = 'right',\n      size = 'm',\n      className,\n      children,\n      container = window.document.body,\n      style,\n      rootClassName,\n      afterClose,\n      ignoreOutsideClicksRefs: ignoreOutsideClicksRefsProp,\n      border,\n      ...otherProps\n    } = props;\n\n    const {\n      shadowHeader,\n      shadowFooter,\n      scrollable,\n      theme,\n      portalRef,\n      windowRef,\n      contentRef,\n      scrollRef,\n      ignoreOutsideClicksRefs,\n      windowElAtom,\n    } = useModal({\n      ref,\n      isOpen,\n      onEsc,\n      onOpen,\n      onClose,\n      ignoreOutsideClicksRefs: ignoreOutsideClicksRefsProp,\n    });\n\n    const animateTimeout = useAnimateTimeout(windowElAtom, position);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={portalRef}\n        onExiting={afterClose}\n      >\n        {(animate) => (\n          <PortalWithTheme\n            preset={theme}\n            ref={portalRef}\n            container={container}\n            className={cnSidebar({ position, hasOverlay }, [rootClassName])}\n            style={{\n              ...(style?.zIndex && {\n                zIndex: style.zIndex,\n              }),\n              ['--sidebar-animate-timeout' as string]: `${animateTimeout}ms`,\n              ...(shadowHeader && {\n                ['--modal-layout-header-color-shadow' as string]:\n                  'var(--color-shadow-group-2)',\n              }),\n              ...(shadowFooter && {\n                ['--modal-layout-footer-color-shadow' as string]:\n                  'var(--color-shadow-group-2)',\n              }),\n              ...(style?.zIndex && {\n                ['--modal-layout-z-index-for-fixed-slot' as string]:\n                  style.zIndex,\n              }),\n            }}\n          >\n            {hasOverlay && (\n              <div\n                className={cnSidebar('Overlay', { animate })}\n                aria-label=\"Overlay\"\n              />\n            )}\n            <div\n              {...otherProps}\n              style={{\n                ...style,\n                zIndex: undefined,\n              }}\n              className={cnSidebar(\n                'Window',\n                {\n                  size,\n                  position,\n                  animate,\n                  scrollable,\n                  border,\n                },\n                [className],\n              )}\n              ref={windowRef}\n            >\n              <div\n                className={cnSidebar('Scroll', cnMixScrollBar({ size: 's' }))}\n                ref={scrollRef}\n              >\n                <div className={cnSidebar('Content')} ref={contentRef}>\n                  <PortalWithThemeConsumer\n                    onClickOutside={onClickOutside}\n                    ignoreClicksInsideRefs={ignoreOutsideClicksRefs}\n                  >\n                    {children}\n                  </PortalWithThemeConsumer>\n                </div>\n              </div>\n            </div>\n          </PortalWithTheme>\n        )}\n      </Transition>\n    );\n  }),\n) as SidebarComponent;\n/**\n * @deprecated use actions\n */\nSidebar.Actions = SidebarActions;\n\n/**\n * @deprecated use actions\n */\nSidebar.Content = SidebarContent;\n"],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","names":["React","forwardRef","Transition","useModal","PortalWithTheme","PortalWithThemeConsumer","useForkRef","cnMixScrollBar","cn","withCtx","useAnimateTimeout","cnSidebar","SidebarContent","className","children","rest","SidebarActions","Sidebar","props","ref","isOpen","onClose","onOpen","hasOverlay","onClickOutside","onEsc","position","size","container","window","document","body","style","rootClassName","afterClose","ignoreOutsideClicksRefsProp","ignoreOutsideClicksRefs","border","scrollContainerRefProp","scrollContainerRef","otherProps","shadowHeader","shadowFooter","scrollable","theme","portalRef","windowRef","contentRef","scrollRef","windowElAtom","animateTimeout","animate","zIndex","Actions","Content"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport React, { forwardRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useModal } from '##/components/Modal/useModal';\nimport {\n  PortalWithTheme,\n  PortalWithThemeConsumer,\n} from '##/components/PortalWithTheme';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\nimport { withCtx } from '##/utils/state';\n\nimport {\n  SidebarActionsProps,\n  SidebarComponent,\n  SidebarContentProps,\n  SidebarProps,\n} from './types';\nimport { useAnimateTimeout } from './useAnimateTimeout';\n\nexport const cnSidebar = cn('Sidebar');\n\nconst SidebarContent: React.FC<SidebarContentProps> = ({\n  className,\n  children,\n  ...rest\n}) => (\n  <div\n    className={cnSidebar('Content', [className, cnMixScrollBar()])}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\nconst SidebarActions: React.FC<SidebarActionsProps> = ({\n  className,\n  children,\n  ...rest\n}) => (\n  <div className={cnSidebar('Actions', [className])} {...rest}>\n    {children}\n  </div>\n);\n\nexport const Sidebar = withCtx(\n  forwardRef<HTMLDivElement, SidebarProps>((props, ref) => {\n    const {\n      isOpen,\n      onClose,\n      onOpen,\n      hasOverlay = true,\n      onClickOutside,\n      onEsc,\n      position = 'right',\n      size = 'm',\n      className,\n      children,\n      container = window.document.body,\n      style,\n      rootClassName,\n      afterClose,\n      ignoreOutsideClicksRefs: ignoreOutsideClicksRefsProp,\n      border,\n      scrollContainerRef: scrollContainerRefProp,\n      ...otherProps\n    } = props;\n\n    const {\n      shadowHeader,\n      shadowFooter,\n      scrollable,\n      theme,\n      portalRef,\n      windowRef,\n      contentRef,\n      scrollRef,\n      ignoreOutsideClicksRefs,\n      windowElAtom,\n    } = useModal({\n      ref,\n      isOpen,\n      onEsc,\n      onOpen,\n      onClose,\n      ignoreOutsideClicksRefs: ignoreOutsideClicksRefsProp,\n    });\n\n    const animateTimeout = useAnimateTimeout(windowElAtom, position);\n    const scrollContainerRef = useForkRef([scrollContainerRefProp, scrollRef]);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={portalRef}\n        onExiting={afterClose}\n      >\n        {(animate) => (\n          <PortalWithTheme\n            preset={theme}\n            ref={portalRef}\n            container={container}\n            className={cnSidebar({ position, hasOverlay }, [rootClassName])}\n            style={{\n              ...(style?.zIndex && {\n                zIndex: style.zIndex,\n              }),\n              ['--sidebar-animate-timeout' as string]: `${animateTimeout}ms`,\n              ...(shadowHeader && {\n                ['--modal-layout-header-color-shadow' as string]:\n                  'var(--color-shadow-group-2)',\n              }),\n              ...(shadowFooter && {\n                ['--modal-layout-footer-color-shadow' as string]:\n                  'var(--color-shadow-group-2)',\n              }),\n              ...(style?.zIndex && {\n                ['--modal-layout-z-index-for-fixed-slot' as string]:\n                  style.zIndex,\n              }),\n            }}\n          >\n            {hasOverlay && (\n              <div\n                className={cnSidebar('Overlay', { animate })}\n                aria-label=\"Overlay\"\n              />\n            )}\n            <div\n              {...otherProps}\n              style={{\n                ...style,\n                zIndex: undefined,\n              }}\n              className={cnSidebar(\n                'Window',\n                {\n                  size,\n                  position,\n                  animate,\n                  scrollable,\n                  border,\n                },\n                [className],\n              )}\n              ref={windowRef}\n            >\n              <div\n                className={cnSidebar('Scroll', cnMixScrollBar({ size: 's' }))}\n                ref={scrollContainerRef}\n              >\n                <div className={cnSidebar('Content')} ref={contentRef}>\n                  <PortalWithThemeConsumer\n                    onClickOutside={onClickOutside}\n                    ignoreClicksInsideRefs={ignoreOutsideClicksRefs}\n                  >\n                    {children}\n                  </PortalWithThemeConsumer>\n                </div>\n              </div>\n            </div>\n          </PortalWithTheme>\n        )}\n      </Transition>\n    );\n  }),\n) as SidebarComponent;\n/**\n * @deprecated use actions\n */\nSidebar.Actions = SidebarActions;\n\n/**\n * @deprecated use actions\n */\nSidebar.Content = SidebarContent;\n"],"mappings":"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"}