@hh.ru/magritte-ui-snackbar 6.4.25 → 6.4.27

package/Snackbar.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { SnackbarProps } from '@hh.ru/magritte-ui-snackbar/types';
+import { SnackbarProps } from './types';
 export declare const Snackbar: FC<SnackbarProps>;

package/Snackbar.js

@@ -3,60 +3,79 @@ import { useContext, useId, useRef, useEffect } from 'react';
 import { SnackbarContext } from './context.js';
 import { SnackbarTransitionName } from './types.js';
 
-const Snackbar = ({ actionLabel, align, addon, autohideTime, children, containerId, 'data-qa': dataQa, stretched, showClose, showTimer, 'aria-label-close': ariaLabelClose, 'aria-label': ariaLabel, role, removeOnUnmount = true, onAction, onClose, }) => {
-    const context = useContext(SnackbarContext);
-    const uid = useId();
-    const removeOnUnmountRef = useRef(removeOnUnmount);
-    removeOnUnmountRef.current = removeOnUnmount;
-    // коллбэки не мемоизированы => вызывают animateIn
-    const onActionRef = useRef(onAction);
-    onActionRef.current = onAction;
-    const onCloseRef = useRef(onClose);
-    onCloseRef.current = onClose;
-    useEffect(() => {
-        context.animateIn(uid, {
-            actionLabel,
-            align,
-            addon,
-            autohideTime,
-            children,
-            'data-qa': dataQa,
-            containerId,
-            stretched,
-            showClose,
-            showTimer,
-            'aria-label-close': ariaLabelClose,
-            'aria-label': ariaLabel,
-            role,
-            onAction: onActionRef.current,
-            onClose: onCloseRef.current,
-        });
-    }, [
-        context,
+const Snackbar = ({
+  actionLabel,
+  align,
+  addon,
+  autohideTime,
+  children,
+  containerId,
+  "data-qa": dataQa,
+  stretched,
+  showClose,
+  showTimer,
+  "aria-label-close": ariaLabelClose,
+  "aria-label": ariaLabel,
+  role,
+  removeOnUnmount = true,
+  onAction,
+  onClose
+}) => {
+  const context = useContext(SnackbarContext);
+  const uid = useId();
+  const removeOnUnmountRef = useRef(removeOnUnmount);
+  removeOnUnmountRef.current = removeOnUnmount;
+  const onActionRef = useRef(onAction);
+  onActionRef.current = onAction;
+  const onCloseRef = useRef(onClose);
+  onCloseRef.current = onClose;
+  useEffect(() => {
+    context.animateIn(uid, {
+      actionLabel,
+      align,
+      addon,
+      autohideTime,
+      children,
+      "data-qa": dataQa,
+      containerId,
+      stretched,
+      showClose,
+      showTimer,
+      "aria-label-close": ariaLabelClose,
+      "aria-label": ariaLabel,
+      role,
+      onAction: onActionRef.current,
+      onClose: onCloseRef.current
+    });
+  }, [
+    context,
+    uid,
+    actionLabel,
+    align,
+    addon,
+    autohideTime,
+    dataQa,
+    children,
+    containerId,
+    stretched,
+    showClose,
+    showTimer,
+    ariaLabelClose,
+    ariaLabel,
+    role
+  ]);
+  useEffect(() => {
+    return () => {
+      if (!removeOnUnmountRef.current) {
+        return;
+      }
+      context.animateOut(
         uid,
-        actionLabel,
-        align,
-        addon,
-        autohideTime,
-        dataQa,
-        children,
-        containerId,
-        stretched,
-        showClose,
-        showTimer,
-        ariaLabelClose,
-        ariaLabel,
-        role,
-    ]);
-    useEffect(() => {
-        return () => {
-            if (!removeOnUnmountRef.current) {
-                return;
-            }
-            context.animateOut(uid, context.isShown(uid) ? SnackbarTransitionName.Hide : SnackbarTransitionName.RemoveImmediately);
-        };
-    }, [context, uid]);
-    return null;
+        context.isShown(uid) ? SnackbarTransitionName.Hide : SnackbarTransitionName.RemoveImmediately
+      );
+    };
+  }, [context, uid]);
+  return null;
 };
 
 export { Snackbar };

package/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sources":["src/Snackbar.tsx"],"sourcesContent":["import { FC, useContext, useEffect, useId, useRef } from 'react';\n\nimport { SnackbarContext } from '@hh.ru/magritte-ui-snackbar/context';\nimport { SnackbarProps, SnackbarTransitionName } from '@hh.ru/magritte-ui-snackbar/types';\n\nexport const Snackbar: FC<SnackbarProps> = ({\n    actionLabel,\n    align,\n    addon,\n    autohideTime,\n    children,\n    containerId,\n    'data-qa': dataQa,\n    stretched,\n    showClose,\n    showTimer,\n    'aria-label-close': ariaLabelClose,\n    'aria-label': ariaLabel,\n    role,\n    removeOnUnmount = true,\n    onAction,\n    onClose,\n}) => {\n    const context = useContext(SnackbarContext);\n    const uid = useId();\n    const removeOnUnmountRef = useRef(removeOnUnmount);\n    removeOnUnmountRef.current = removeOnUnmount;\n\n    // коллбэки не мемоизированы => вызывают animateIn\n    const onActionRef = useRef<VoidFunction | undefined>(onAction);\n    onActionRef.current = onAction;\n    const onCloseRef = useRef<SnackbarProps['onClose'] | undefined>(onClose);\n    onCloseRef.current = onClose;\n\n    useEffect(() => {\n        context.animateIn(uid, {\n            actionLabel,\n            align,\n            addon,\n            autohideTime,\n            children,\n            'data-qa': dataQa,\n            containerId,\n            stretched,\n            showClose,\n            showTimer,\n            'aria-label-close': ariaLabelClose,\n            'aria-label': ariaLabel,\n            role,\n            onAction: onActionRef.current,\n            onClose: onCloseRef.current,\n        } as SnackbarProps);\n    }, [\n        context,\n        uid,\n        actionLabel,\n        align,\n        addon,\n        autohideTime,\n        dataQa,\n        children,\n        containerId,\n        stretched,\n        showClose,\n        showTimer,\n        ariaLabelClose,\n        ariaLabel,\n        role,\n    ]);\n\n    useEffect(() => {\n        return () => {\n            if (!removeOnUnmountRef.current) {\n                return;\n            }\n            context.animateOut(\n                uid,\n                context.isShown(uid) ? SnackbarTransitionName.Hide : SnackbarTransitionName.RemoveImmediately\n            );\n        };\n    }, [context, uid]);\n\n    return null;\n};\n"],"names":[],"mappings":";;;;MAKa,QAAQ,GAAsB,CAAC,EACxC,WAAW,EACX,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,SAAS,EAAE,MAAM,EACjB,SAAS,EACT,SAAS,EACT,SAAS,EACT,kBAAkB,EAAE,cAAc,EAClC,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,QAAQ,EACR,OAAO,GACV,KAAI;AACD,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;AAC5C,IAAA,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC;AACpB,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AACnD,IAAA,kBAAkB,CAAC,OAAO,GAAG,eAAe,CAAC;;AAG7C,IAAA,MAAM,WAAW,GAAG,MAAM,CAA2B,QAAQ,CAAC,CAAC;AAC/D,IAAA,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;AAC/B,IAAA,MAAM,UAAU,GAAG,MAAM,CAAuC,OAAO,CAAC,CAAC;AACzE,IAAA,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YACnB,WAAW;YACX,KAAK;YACL,KAAK;YACL,YAAY;YACZ,QAAQ;AACR,YAAA,SAAS,EAAE,MAAM;YACjB,WAAW;YACX,SAAS;YACT,SAAS;YACT,SAAS;AACT,YAAA,kBAAkB,EAAE,cAAc;AAClC,YAAA,YAAY,EAAE,SAAS;YACvB,IAAI;YACJ,QAAQ,EAAE,WAAW,CAAC,OAAO;YAC7B,OAAO,EAAE,UAAU,CAAC,OAAO;AACb,SAAA,CAAC,CAAC;AACxB,KAAC,EAAE;QACC,OAAO;QACP,GAAG;QACH,WAAW;QACX,KAAK;QACL,KAAK;QACL,YAAY;QACZ,MAAM;QACN,QAAQ;QACR,WAAW;QACX,SAAS;QACT,SAAS;QACT,SAAS;QACT,cAAc;QACd,SAAS;QACT,IAAI;AACP,KAAA,CAAC,CAAC;IAEH,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;gBAC7B,OAAO;aACV;YACD,OAAO,CAAC,UAAU,CACd,GAAG,EACH,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,sBAAsB,CAAC,IAAI,GAAG,sBAAsB,CAAC,iBAAiB,CAChG,CAAC;AACN,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;AAEnB,IAAA,OAAO,IAAI,CAAC;AAChB;;;;"}
+{"version":3,"file":"Snackbar.js","sources":["src/Snackbar.tsx"],"sourcesContent":["import { FC, useContext, useEffect, useId, useRef } from 'react';\n\nimport { SnackbarContext } from '@hh.ru/magritte-ui-snackbar/context';\nimport { SnackbarProps, SnackbarTransitionName } from '@hh.ru/magritte-ui-snackbar/types';\n\nexport const Snackbar: FC<SnackbarProps> = ({\n    actionLabel,\n    align,\n    addon,\n    autohideTime,\n    children,\n    containerId,\n    'data-qa': dataQa,\n    stretched,\n    showClose,\n    showTimer,\n    'aria-label-close': ariaLabelClose,\n    'aria-label': ariaLabel,\n    role,\n    removeOnUnmount = true,\n    onAction,\n    onClose,\n}) => {\n    const context = useContext(SnackbarContext);\n    const uid = useId();\n    const removeOnUnmountRef = useRef(removeOnUnmount);\n    removeOnUnmountRef.current = removeOnUnmount;\n\n    // коллбэки не мемоизированы => вызывают animateIn\n    const onActionRef = useRef<VoidFunction | undefined>(onAction);\n    onActionRef.current = onAction;\n    const onCloseRef = useRef<SnackbarProps['onClose'] | undefined>(onClose);\n    onCloseRef.current = onClose;\n\n    useEffect(() => {\n        context.animateIn(uid, {\n            actionLabel,\n            align,\n            addon,\n            autohideTime,\n            children,\n            'data-qa': dataQa,\n            containerId,\n            stretched,\n            showClose,\n            showTimer,\n            'aria-label-close': ariaLabelClose,\n            'aria-label': ariaLabel,\n            role,\n            onAction: onActionRef.current,\n            onClose: onCloseRef.current,\n        } as SnackbarProps);\n    }, [\n        context,\n        uid,\n        actionLabel,\n        align,\n        addon,\n        autohideTime,\n        dataQa,\n        children,\n        containerId,\n        stretched,\n        showClose,\n        showTimer,\n        ariaLabelClose,\n        ariaLabel,\n        role,\n    ]);\n\n    useEffect(() => {\n        return () => {\n            if (!removeOnUnmountRef.current) {\n                return;\n            }\n            context.animateOut(\n                uid,\n                context.isShown(uid) ? SnackbarTransitionName.Hide : SnackbarTransitionName.RemoveImmediately\n            );\n        };\n    }, [context, uid]);\n\n    return null;\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,WAA8B,CAAC;AAAA,EACxC,WAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAW,EAAA,MAAA;AAAA,EACX,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAoB,EAAA,cAAA;AAAA,EACpB,YAAc,EAAA,SAAA;AAAA,EACd,IAAA;AAAA,EACA,eAAkB,GAAA,IAAA;AAAA,EAClB,QAAA;AAAA,EACA,OAAA;AACJ,CAAM,KAAA;AACF,EAAM,MAAA,OAAA,GAAU,WAAW,eAAe,CAAA,CAAA;AAC1C,EAAA,MAAM,MAAM,KAAM,EAAA,CAAA;AAClB,EAAM,MAAA,kBAAA,GAAqB,OAAO,eAAe,CAAA,CAAA;AACjD,EAAA,kBAAA,CAAmB,OAAU,GAAA,eAAA,CAAA;AAG7B,EAAM,MAAA,WAAA,GAAc,OAAiC,QAAQ,CAAA,CAAA;AAC7D,EAAA,WAAA,CAAY,OAAU,GAAA,QAAA,CAAA;AACtB,EAAM,MAAA,UAAA,GAAa,OAA6C,OAAO,CAAA,CAAA;AACvE,EAAA,UAAA,CAAW,OAAU,GAAA,OAAA,CAAA;AAErB,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,OAAA,CAAQ,UAAU,GAAK,EAAA;AAAA,MACnB,WAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAW,EAAA,MAAA;AAAA,MACX,WAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,kBAAoB,EAAA,cAAA;AAAA,MACpB,YAAc,EAAA,SAAA;AAAA,MACd,IAAA;AAAA,MACA,UAAU,WAAY,CAAA,OAAA;AAAA,MACtB,SAAS,UAAW,CAAA,OAAA;AAAA,KACN,CAAA,CAAA;AAAA,GACnB,EAAA;AAAA,IACC,OAAA;AAAA,IACA,GAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GACH,CAAA,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,OAAO,MAAM;AACT,MAAI,IAAA,CAAC,mBAAmB,OAAS,EAAA;AAC7B,QAAA,OAAA;AAAA,OACJ;AACA,MAAQ,OAAA,CAAA,UAAA;AAAA,QACJ,GAAA;AAAA,QACA,QAAQ,OAAQ,CAAA,GAAG,CAAI,GAAA,sBAAA,CAAuB,OAAO,sBAAuB,CAAA,iBAAA;AAAA,OAChF,CAAA;AAAA,KACJ,CAAA;AAAA,GACD,EAAA,CAAC,OAAS,EAAA,GAAG,CAAC,CAAA,CAAA;AAEjB,EAAO,OAAA,IAAA,CAAA;AACX;;;;"}

package/SnackbarContainer.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { SnackbarContainerProps } from '@hh.ru/magritte-ui-snackbar/types';
+import { SnackbarContainerProps } from './types';
 export declare const SnackbarContainer: FC<SnackbarContainerProps>;

package/SnackbarContainer.js

@@ -2,14 +2,20 @@ import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useCallback, Fragment } from 'react';
 import { SnackbarContext } from './context.js';
-import { s as styles } from './snackbar-ClWKT5ad.js';
+import { s as styles } from './snackbar-DxehbKoS.js';
 
 const SnackbarContainer = ({ children, id, ...props }) => {
-    const context = useContext(SnackbarContext);
-    const ref = useCallback((instance) => {
-        context.setContainerRef(id, instance);
-    }, [id, context]);
-    return (jsxs(Fragment, { children: [jsx("div", { ...props, className: styles.snackbarContainer, ref: ref }), children] }));
+  const context = useContext(SnackbarContext);
+  const ref = useCallback(
+    (instance) => {
+      context.setContainerRef(id, instance);
+    },
+    [id, context]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { ...props, className: styles.snackbarContainer, ref }),
+    children
+  ] });
 };
 
 export { SnackbarContainer };

package/SnackbarContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContainer.js","sources":["src/SnackbarContainer.tsx"],"sourcesContent":["import { FC, Fragment, RefCallback, useContext, useCallback } from 'react';\n\nimport { SnackbarContext } from '@hh.ru/magritte-ui-snackbar/context';\nimport { SnackbarContainerProps } from '@hh.ru/magritte-ui-snackbar/types';\n\nimport styles from './snackbar.less';\n\nexport const SnackbarContainer: FC<SnackbarContainerProps> = ({ children, id, ...props }) => {\n    const context = useContext(SnackbarContext);\n\n    const ref: RefCallback<HTMLElement> = useCallback(\n        (instance) => {\n            context.setContainerRef(id, instance);\n        },\n        [id, context]\n    );\n\n    return (\n        <Fragment>\n            <div {...props} className={styles.snackbarContainer} ref={ref} />\n            {children}\n        </Fragment>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAOO,MAAM,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,KAAI;AACxF,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;AAE5C,IAAA,MAAM,GAAG,GAA6B,WAAW,CAC7C,CAAC,QAAQ,KAAI;AACT,QAAA,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC1C,KAAC,EACD,CAAC,EAAE,EAAE,OAAO,CAAC,CAChB,CAAC;IAEF,QACIA,KAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACLC,gBAAS,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,QAAQ,CACF,EAAA,CAAA,EACb;AACN;;;;"}
+{"version":3,"file":"SnackbarContainer.js","sources":["src/SnackbarContainer.tsx"],"sourcesContent":["import { FC, Fragment, RefCallback, useContext, useCallback } from 'react';\n\nimport { SnackbarContext } from '@hh.ru/magritte-ui-snackbar/context';\nimport { SnackbarContainerProps } from '@hh.ru/magritte-ui-snackbar/types';\n\nimport styles from './snackbar.less';\n\nexport const SnackbarContainer: FC<SnackbarContainerProps> = ({ children, id, ...props }) => {\n    const context = useContext(SnackbarContext);\n\n    const ref: RefCallback<HTMLElement> = useCallback(\n        (instance) => {\n            context.setContainerRef(id, instance);\n        },\n        [id, context]\n    );\n\n    return (\n        <Fragment>\n            <div {...props} className={styles.snackbarContainer} ref={ref} />\n            {children}\n        </Fragment>\n    );\n};\n"],"names":[],"mappings":";;;;;AAOO,MAAM,oBAAgD,CAAC,EAAE,UAAU,EAAI,EAAA,GAAG,OAAY,KAAA;AACzF,EAAM,MAAA,OAAA,GAAU,WAAW,eAAe,CAAA,CAAA;AAE1C,EAAA,MAAM,GAAgC,GAAA,WAAA;AAAA,IAClC,CAAC,QAAa,KAAA;AACV,MAAQ,OAAA,CAAA,eAAA,CAAgB,IAAI,QAAQ,CAAA,CAAA;AAAA,KACxC;AAAA,IACA,CAAC,IAAI,OAAO,CAAA;AAAA,GAChB,CAAA;AAEA,EAAA,4BACK,QACG,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAK,GAAG,KAAA,EAAO,SAAW,EAAA,MAAA,CAAO,mBAAmB,GAAU,EAAA,CAAA;AAAA,IAC9D,QAAA;AAAA,GACL,EAAA,CAAA,CAAA;AAER;;;;"}

package/SnackbarContextProvider.js

@@ -5,7 +5,7 @@ import { createPortal } from 'react-dom';
 import { SnackbarRenderer } from './SnackbarRenderer.js';
 import { SnackbarContext } from './context.js';
 import { SnackbarTransitionName } from './types.js';
-import { s as styles } from './snackbar-ClWKT5ad.js';
+import { s as styles } from './snackbar-DxehbKoS.js';
 import 'react-transition-group';
 import 'classnames';
 import '@hh.ru/magritte-common-focus-visible';
@@ -20,164 +20,169 @@ import './useAriaSnackbar.js';
 import '@hh.ru/magritte-ui-theme-wrapper';
 import '@hh.ru/magritte-ui-timer';
 
-const DEFAULT_CONTAINER = 'body';
+const DEFAULT_CONTAINER = "body";
 const DEFAULT_POSITION = 0;
-const MAX_SNACKBAR_IN_CONTAINER = 2; // отсчет с 0
+const MAX_SNACKBAR_IN_CONTAINER = 2;
 const getContainerIdByState = (state, uid) => state[uid]?.containerId ?? DEFAULT_CONTAINER;
 const getContainerIdByProps = (props) => props.containerId || DEFAULT_CONTAINER;
 const getContainerWasChanged = (state, props) => {
-    return getContainerIdByState(state, Object.keys(state)[0]) !== getContainerIdByProps(props);
+  return getContainerIdByState(state, Object.keys(state)[0]) !== getContainerIdByProps(props);
 };
 const getOverridesByState = (state, props) => {
-    let stretchedOverride;
-    let alignOverride;
-    Object.keys(state).forEach((currentUid) => {
-        const { stretched: prevStretched, align: prevAlign } = state[currentUid];
-        if (stretchedOverride === undefined && (prevStretched === true || prevStretched === undefined)) {
-            stretchedOverride = true;
-        }
-        if (alignOverride === undefined) {
-            alignOverride = prevAlign;
-        }
-    });
-    return getContainerWasChanged(state, props)
-        ? {}
-        : {
-            stretched: stretchedOverride ?? props.stretched,
-            align: alignOverride ?? props.align,
-        };
+  let stretchedOverride;
+  let alignOverride;
+  Object.keys(state).forEach((currentUid) => {
+    const { stretched: prevStretched, align: prevAlign } = state[currentUid];
+    if (stretchedOverride === void 0 && (prevStretched === true || prevStretched === void 0)) {
+      stretchedOverride = true;
+    }
+    if (alignOverride === void 0) {
+      alignOverride = prevAlign;
+    }
+  });
+  return getContainerWasChanged(state, props) ? {} : {
+    stretched: stretchedOverride ?? props.stretched,
+    align: alignOverride ?? props.align
+  };
 };
 const SnackbarContextProvider = ({ children }) => {
-    const animationTimeoutRef = useRef({
-        [SnackbarTransitionName.Show]: 0,
-        [SnackbarTransitionName.Hide]: 0,
-        [SnackbarTransitionName.Autohide]: 0,
-        [SnackbarTransitionName.RemoveImmediately]: 0,
+  const animationTimeoutRef = useRef({
+    [SnackbarTransitionName.Show]: 0,
+    [SnackbarTransitionName.Hide]: 0,
+    [SnackbarTransitionName.Autohide]: 0,
+    [SnackbarTransitionName.RemoveImmediately]: 0
+  });
+  const containerRefs = useRef({});
+  const isShownRef = useRef({});
+  const [state, setState] = useState({});
+  const snackbarsByUidMapRef = useRef({});
+  const animateOut = useCallback((uid, transition) => {
+    setState((prevState) => {
+      if (!(uid in prevState)) {
+        return prevState;
+      }
+      const isCurrentlyVisible = prevState[uid].transition === SnackbarTransitionName.Show;
+      const willBeHidden = [SnackbarTransitionName.Hide, SnackbarTransitionName.Autohide].includes(transition);
+      if (transition === SnackbarTransitionName.RemoveImmediately || willBeHidden && !isCurrentlyVisible) {
+        const snackbarsByUidMap = snackbarsByUidMapRef.current[getContainerIdByState(prevState, uid)];
+        snackbarsByUidMap.delete(uid);
+        const uids = [...snackbarsByUidMap].reverse();
+        delete isShownRef.current[uid];
+        return Object.fromEntries(
+          Object.entries(prevState).filter(([key]) => key !== uid).map(([key, state2]) => {
+            const index = uids.indexOf(key);
+            state2.position = index !== -1 ? index : state2.position;
+            return [key, state2];
+          })
+        );
+      }
+      return { ...prevState, [uid]: { ...prevState[uid], transition } };
     });
-    const containerRefs = useRef({});
-    const isShownRef = useRef({});
-    const [state, setState] = useState({});
-    const snackbarsByUidMapRef = useRef({});
-    const animateOut = useCallback((uid, transition) => {
-        setState((prevState) => {
-            if (!(uid in prevState)) {
-                return prevState;
-            }
-            const isCurrentlyVisible = prevState[uid].transition === SnackbarTransitionName.Show;
-            const willBeHidden = [SnackbarTransitionName.Hide, SnackbarTransitionName.Autohide].includes(transition);
-            if (transition === SnackbarTransitionName.RemoveImmediately || (willBeHidden && !isCurrentlyVisible)) {
-                const snackbarsByUidMap = snackbarsByUidMapRef.current[getContainerIdByState(prevState, uid)];
-                snackbarsByUidMap.delete(uid);
-                const uids = [...snackbarsByUidMap].reverse();
-                delete isShownRef.current[uid];
-                return Object.fromEntries(Object.entries(prevState)
-                    .filter(([key]) => key !== uid)
-                    .map(([key, state]) => {
-                    // обновляем позицию на основе нового сета
-                    const index = uids.indexOf(key);
-                    state.position = index !== -1 ? index : state.position;
-                    return [key, state];
-                }));
-            }
-            return { ...prevState, [uid]: { ...prevState[uid], transition } };
-        });
-    }, []);
-    const animateIn = useCallback((uid, props) => {
-        setState((prevState) => {
-            if (uid in prevState) {
-                // не даем менять некоторые пропсы у существующего снекбара
-                const { autohideTime, containerId, showTimer, ..._props } = props;
-                // применяем оверайды, так как из пропсов прилетают старые значения
-                const overridesProps = getOverridesByState(prevState, props);
-                return {
-                    ...prevState,
-                    [uid]: { ...prevState[uid], ..._props, ...overridesProps },
-                };
-            }
-            // сохраняем информацию о uid
-            const containerIdFromProps = getContainerIdByProps(props);
-            const snackbarsByUidMap = snackbarsByUidMapRef.current;
-            if (snackbarsByUidMap.hasOwnProperty(containerIdFromProps)) {
-                snackbarsByUidMap[containerIdFromProps].add(uid);
-            }
-            else {
-                snackbarsByUidMap[containerIdFromProps] = new Set([uid]);
-            }
-            // если прилетел новый снекбар, то все текущие снеки мы скрываем
-            const containerWasChanged = getContainerWasChanged(prevState, props);
-            // если stretched есть в новом снакбаре => везде ставим stretched
-            // аналогичная логика с align (новому снекбару ставим align из стака)
-            const uidsFromSet = [...snackbarsByUidMap[containerIdFromProps]].reverse();
-            const stretchedByNewSnackbar = props.stretched === undefined || props.stretched === true;
-            // обходим старый стейт и обновлям параметры (align, stretched, position, transition)
-            const prevStateWithUpdatedProps = Object.keys(prevState).reduce((accumulator, currentUid) => {
-                const { transition, stretched: prevStretched, position } = prevState[currentUid];
-                // если stretched есть в стаке => везде ставим stretched
-                const stretched = prevStretched === false ? stretchedByNewSnackbar : prevStretched;
-                const positionBySet = uidsFromSet.indexOf(currentUid);
-                // скрываем последний снэкбар
-                const limitReached = positionBySet > MAX_SNACKBAR_IN_CONTAINER;
-                const value = {
-                    ...prevState[currentUid],
-                    transition: containerWasChanged || limitReached ? SnackbarTransitionName.Hide : transition,
-                    position: containerWasChanged || limitReached ? position : positionBySet,
-                    stretched,
-                };
-                return { ...accumulator, [currentUid]: value };
-            }, {});
-            // создаем новый snackbar
-            const defaultProps = {
-                animateOut: (transition) => animateOut(uid, transition),
-                isShown: () => !!isShownRef.current[uid],
-                onShown: () => (isShownRef.current[uid] = true),
-                transition: SnackbarTransitionName.Show,
-                position: DEFAULT_POSITION,
-            };
-            // учитываем оверайды на основе стака
-            const overridesProps = getOverridesByState(prevState, props);
-            const newState = {
-                ...prevStateWithUpdatedProps,
-                ...{ [uid]: { ...defaultProps, ...props, ...overridesProps } },
-            };
-            return newState;
-        });
-    }, [animateOut]);
-    const renderFunc = useCallback((uid) => {
-        const containerId = state[uid].containerId;
-        const container = containerId ? containerRefs.current[containerId] : document.body;
-        if (!container) {
-            return null;
-        }
-        return createPortal(jsx(SnackbarRenderer, { ...state[uid], timeout: animationTimeoutRef.current[state[uid].transition], container: container }), container, uid);
-    }, [state]);
-    const setContainerRef = useCallback((containerId, instance) => {
-        if (!instance) {
-            return;
+  }, []);
+  const animateIn = useCallback(
+    (uid, props) => {
+      setState((prevState) => {
+        if (uid in prevState) {
+          const { autohideTime, containerId, showTimer, ..._props } = props;
+          const overridesProps2 = getOverridesByState(prevState, props);
+          return {
+            ...prevState,
+            [uid]: { ...prevState[uid], ..._props, ...overridesProps2 }
+          };
         }
-        containerRefs.current[containerId] = instance;
-    }, []);
-    useEffect(() => {
-        const animationTimeoutElement = document.createElement('div');
-        animationTimeoutElement.classList.add(styles['snackbar-animation-timeout']);
-        document.body.appendChild(animationTimeoutElement);
-        const style = window.getComputedStyle(animationTimeoutElement);
-        for (const transition of Object.values(SnackbarTransitionName)) {
-            const animationTimeout = parseInt(style.getPropertyValue(`--${transition}-animation-duration`), 10);
-            if (Number.isInteger(animationTimeout)) {
-                animationTimeoutRef.current[transition] = animationTimeout;
-            }
+        const containerIdFromProps = getContainerIdByProps(props);
+        const snackbarsByUidMap = snackbarsByUidMapRef.current;
+        if (snackbarsByUidMap.hasOwnProperty(containerIdFromProps)) {
+          snackbarsByUidMap[containerIdFromProps].add(uid);
+        } else {
+          snackbarsByUidMap[containerIdFromProps] = /* @__PURE__ */ new Set([uid]);
         }
-        document.body.removeChild(animationTimeoutElement);
-    }, []);
-    const value = useMemo(() => {
-        return {
-            animateIn,
-            animateOut,
-            isShown: (uid) => isShownRef.current[uid],
-            setContainerRef,
+        const containerWasChanged = getContainerWasChanged(prevState, props);
+        const uidsFromSet = [...snackbarsByUidMap[containerIdFromProps]].reverse();
+        const stretchedByNewSnackbar = props.stretched === void 0 || props.stretched === true;
+        const prevStateWithUpdatedProps = Object.keys(prevState).reduce((accumulator, currentUid) => {
+          const { transition, stretched: prevStretched, position } = prevState[currentUid];
+          const stretched = prevStretched === false ? stretchedByNewSnackbar : prevStretched;
+          const positionBySet = uidsFromSet.indexOf(currentUid);
+          const limitReached = positionBySet > MAX_SNACKBAR_IN_CONTAINER;
+          const value2 = {
+            ...prevState[currentUid],
+            transition: containerWasChanged || limitReached ? SnackbarTransitionName.Hide : transition,
+            position: containerWasChanged || limitReached ? position : positionBySet,
+            stretched
+          };
+          return { ...accumulator, [currentUid]: value2 };
+        }, {});
+        const defaultProps = {
+          animateOut: (transition) => animateOut(uid, transition),
+          isShown: () => !!isShownRef.current[uid],
+          onShown: () => isShownRef.current[uid] = true,
+          transition: SnackbarTransitionName.Show,
+          position: DEFAULT_POSITION
+        };
+        const overridesProps = getOverridesByState(prevState, props);
+        const newState = {
+          ...prevStateWithUpdatedProps,
+          ...{ [uid]: { ...defaultProps, ...props, ...overridesProps } }
         };
-    }, [animateIn, animateOut, setContainerRef]);
-    return (jsxs(SnackbarContext.Provider, { value: value, children: [Object.keys(state).map(renderFunc), children] }));
+        return newState;
+      });
+    },
+    [animateOut]
+  );
+  const renderFunc = useCallback(
+    (uid) => {
+      const containerId = state[uid].containerId;
+      const container = containerId ? containerRefs.current[containerId] : document.body;
+      if (!container) {
+        return null;
+      }
+      return createPortal(
+        /* @__PURE__ */ jsx(
+          SnackbarRenderer,
+          {
+            ...state[uid],
+            timeout: animationTimeoutRef.current[state[uid].transition],
+            container
+          }
+        ),
+        container,
+        uid
+      );
+    },
+    [state]
+  );
+  const setContainerRef = useCallback((containerId, instance) => {
+    if (!instance) {
+      return;
+    }
+    containerRefs.current[containerId] = instance;
+  }, []);
+  useEffect(() => {
+    const animationTimeoutElement = document.createElement("div");
+    animationTimeoutElement.classList.add(styles["snackbar-animation-timeout"]);
+    document.body.appendChild(animationTimeoutElement);
+    const style = window.getComputedStyle(animationTimeoutElement);
+    for (const transition of Object.values(SnackbarTransitionName)) {
+      const animationTimeout = parseInt(style.getPropertyValue(`--${transition}-animation-duration`), 10);
+      if (Number.isInteger(animationTimeout)) {
+        animationTimeoutRef.current[transition] = animationTimeout;
+      }
+    }
+    document.body.removeChild(animationTimeoutElement);
+  }, []);
+  const value = useMemo(() => {
+    return {
+      animateIn,
+      animateOut,
+      isShown: (uid) => isShownRef.current[uid],
+      setContainerRef
+    };
+  }, [animateIn, animateOut, setContainerRef]);
+  return /* @__PURE__ */ jsxs(SnackbarContext.Provider, { value, children: [
+    Object.keys(state).map(renderFunc),
+    children
+  ] });
 };
 
 export { SnackbarContextProvider };

package/SnackbarContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContextProvider.js","sources":["src/SnackbarContextProvider.tsx"],"sourcesContent":["import { FC, ReactNode, useCallback, useEffect, useMemo, useState, useRef, PropsWithChildren } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { SnackbarRenderer } from '@hh.ru/magritte-ui-snackbar/SnackbarRenderer';\nimport { SnackbarContext, SnackbarContextProps } from '@hh.ru/magritte-ui-snackbar/context';\nimport {\n    Align,\n    SnackbarProps,\n    SnackbarState,\n    SnackbarTransitionName,\n    SnackbarInternalState,\n} from '@hh.ru/magritte-ui-snackbar/types';\n\nimport styles from './snackbar.less';\n\ntype ProviderState = { [uid: string]: SnackbarState };\ntype SnackbarsByUidMap = Record<string, Set<string>>;\ntype Overrides = { stretched?: boolean; align?: Align };\n\nconst DEFAULT_CONTAINER = 'body';\nconst DEFAULT_POSITION = 0;\nconst MAX_SNACKBAR_IN_CONTAINER = 2; // отсчет с 0\n\nconst getContainerIdByState = (state: ProviderState, uid: string) => state[uid]?.containerId ?? DEFAULT_CONTAINER;\nconst getContainerIdByProps = (props: SnackbarProps) => props.containerId || DEFAULT_CONTAINER;\n\nconst getContainerWasChanged = (state: ProviderState, props: SnackbarProps) => {\n    return getContainerIdByState(state, Object.keys(state)[0]) !== getContainerIdByProps(props);\n};\n\nconst getOverridesByState = (state: ProviderState, props: SnackbarProps): Overrides => {\n    let stretchedOverride: undefined | boolean;\n    let alignOverride: undefined | Align;\n    Object.keys(state).forEach((currentUid) => {\n        const { stretched: prevStretched, align: prevAlign } = state[currentUid];\n        if (stretchedOverride === undefined && (prevStretched === true || prevStretched === undefined)) {\n            stretchedOverride = true;\n        }\n        if (alignOverride === undefined) {\n            alignOverride = prevAlign;\n        }\n    });\n    return getContainerWasChanged(state, props)\n        ? {}\n        : {\n              stretched: stretchedOverride ?? props.stretched,\n              align: alignOverride ?? props.align,\n          };\n};\n\nexport const SnackbarContextProvider: FC<PropsWithChildren> = ({ children }) => {\n    const animationTimeoutRef = useRef({\n        [SnackbarTransitionName.Show]: 0,\n        [SnackbarTransitionName.Hide]: 0,\n        [SnackbarTransitionName.Autohide]: 0,\n        [SnackbarTransitionName.RemoveImmediately]: 0,\n    });\n    const containerRefs = useRef<{ [id: string]: HTMLElement }>({});\n    const isShownRef = useRef<{ [uid: string]: boolean }>({});\n    const [state, setState] = useState<ProviderState>({});\n    const snackbarsByUidMapRef = useRef<SnackbarsByUidMap>({});\n\n    const animateOut: SnackbarContextProps['animateOut'] = useCallback((uid, transition) => {\n        setState((prevState) => {\n            if (!(uid in prevState)) {\n                return prevState;\n            }\n            const isCurrentlyVisible = prevState[uid].transition === SnackbarTransitionName.Show;\n            const willBeHidden = [SnackbarTransitionName.Hide, SnackbarTransitionName.Autohide].includes(transition);\n\n            if (transition === SnackbarTransitionName.RemoveImmediately || (willBeHidden && !isCurrentlyVisible)) {\n                const snackbarsByUidMap = snackbarsByUidMapRef.current[getContainerIdByState(prevState, uid)];\n                snackbarsByUidMap.delete(uid);\n                const uids = [...snackbarsByUidMap].reverse();\n                delete isShownRef.current[uid];\n                return Object.fromEntries(\n                    Object.entries(prevState)\n                        .filter(([key]) => key !== uid)\n                        .map(([key, state]) => {\n                            // обновляем позицию на основе нового сета\n                            const index = uids.indexOf(key);\n                            state.position = index !== -1 ? index : state.position;\n                            return [key, state];\n                        })\n                );\n            }\n            return { ...prevState, [uid]: { ...prevState[uid], transition } };\n        });\n    }, []);\n\n    const animateIn: SnackbarContextProps['animateIn'] = useCallback(\n        (uid: string, props: SnackbarProps) => {\n            setState((prevState) => {\n                if (uid in prevState) {\n                    // не даем менять некоторые пропсы у существующего снекбара\n                    const { autohideTime, containerId, showTimer, ..._props } = props;\n                    // применяем оверайды, так как из пропсов прилетают старые значения\n                    const overridesProps = getOverridesByState(prevState, props);\n                    return {\n                        ...prevState,\n                        [uid]: { ...prevState[uid], ..._props, ...overridesProps } as SnackbarState,\n                    };\n                }\n                // сохраняем информацию о uid\n                const containerIdFromProps = getContainerIdByProps(props);\n                const snackbarsByUidMap = snackbarsByUidMapRef.current;\n                if (snackbarsByUidMap.hasOwnProperty(containerIdFromProps)) {\n                    snackbarsByUidMap[containerIdFromProps].add(uid);\n                } else {\n                    snackbarsByUidMap[containerIdFromProps] = new Set([uid]);\n                }\n\n                // если прилетел новый снекбар, то все текущие снеки мы скрываем\n                const containerWasChanged = getContainerWasChanged(prevState, props);\n\n                // если stretched есть в новом снакбаре => везде ставим stretched\n                // аналогичная логика с align (новому снекбару ставим align из стака)\n                const uidsFromSet = [...snackbarsByUidMap[containerIdFromProps]].reverse();\n                const stretchedByNewSnackbar = props.stretched === undefined || props.stretched === true;\n\n                // обходим старый стейт и обновлям параметры (align, stretched, position, transition)\n                const prevStateWithUpdatedProps = Object.keys(prevState).reduce((accumulator, currentUid) => {\n                    const { transition, stretched: prevStretched, position } = prevState[currentUid];\n                    // если stretched есть в стаке => везде ставим stretched\n                    const stretched = prevStretched === false ? stretchedByNewSnackbar : prevStretched;\n                    const positionBySet = uidsFromSet.indexOf(currentUid);\n                    // скрываем последний снэкбар\n                    const limitReached = positionBySet > MAX_SNACKBAR_IN_CONTAINER;\n                    const value = {\n                        ...prevState[currentUid],\n                        transition: containerWasChanged || limitReached ? SnackbarTransitionName.Hide : transition,\n                        position: containerWasChanged || limitReached ? position : positionBySet,\n                        stretched,\n                    };\n                    return { ...accumulator, [currentUid]: value };\n                }, {});\n\n                // создаем новый snackbar\n                const defaultProps: SnackbarInternalState = {\n                    animateOut: (transition) => animateOut(uid, transition),\n                    isShown: () => !!isShownRef.current[uid],\n                    onShown: () => (isShownRef.current[uid] = true),\n                    transition: SnackbarTransitionName.Show,\n                    position: DEFAULT_POSITION,\n                };\n\n                // учитываем оверайды на основе стака\n                const overridesProps = getOverridesByState(prevState, props);\n                const newState = {\n                    ...prevStateWithUpdatedProps,\n                    ...{ [uid]: { ...defaultProps, ...props, ...overridesProps } },\n                };\n                return newState;\n            });\n        },\n        [animateOut]\n    );\n\n    const renderFunc = useCallback(\n        (uid: string): ReactNode => {\n            const containerId = state[uid].containerId;\n            const container = containerId ? containerRefs.current[containerId] : document.body;\n\n            if (!container) {\n                return null;\n            }\n            return createPortal(\n                <SnackbarRenderer\n                    {...state[uid]}\n                    timeout={animationTimeoutRef.current[state[uid].transition]}\n                    container={container}\n                />,\n                container,\n                uid\n            );\n        },\n        [state]\n    );\n\n    const setContainerRef: SnackbarContextProps['setContainerRef'] = useCallback((containerId, instance) => {\n        if (!instance) {\n            return;\n        }\n        containerRefs.current[containerId] = instance;\n    }, []);\n\n    useEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles['snackbar-animation-timeout']);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n\n        for (const transition of Object.values(SnackbarTransitionName)) {\n            const animationTimeout = parseInt(style.getPropertyValue(`--${transition}-animation-duration`), 10);\n            if (Number.isInteger(animationTimeout)) {\n                animationTimeoutRef.current[transition] = animationTimeout;\n            }\n        }\n\n        document.body.removeChild(animationTimeoutElement);\n    }, []);\n\n    const value = useMemo<SnackbarContextProps>(() => {\n        return {\n            animateIn,\n            animateOut,\n            isShown: (uid) => isShownRef.current[uid],\n            setContainerRef,\n        };\n    }, [animateIn, animateOut, setContainerRef]);\n\n    return (\n        <SnackbarContext.Provider value={value}>\n            {Object.keys(state).map(renderFunc)}\n            {children}\n        </SnackbarContext.Provider>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SnackbarContextProvider.js","sources":["src/SnackbarContextProvider.tsx"],"sourcesContent":["import { FC, ReactNode, useCallback, useEffect, useMemo, useState, useRef, PropsWithChildren } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { SnackbarRenderer } from '@hh.ru/magritte-ui-snackbar/SnackbarRenderer';\nimport { SnackbarContext, SnackbarContextProps } from '@hh.ru/magritte-ui-snackbar/context';\nimport {\n    Align,\n    SnackbarProps,\n    SnackbarState,\n    SnackbarTransitionName,\n    SnackbarInternalState,\n} from '@hh.ru/magritte-ui-snackbar/types';\n\nimport styles from './snackbar.less';\n\ntype ProviderState = { [uid: string]: SnackbarState };\ntype SnackbarsByUidMap = Record<string, Set<string>>;\ntype Overrides = { stretched?: boolean; align?: Align };\n\nconst DEFAULT_CONTAINER = 'body';\nconst DEFAULT_POSITION = 0;\nconst MAX_SNACKBAR_IN_CONTAINER = 2; // отсчет с 0\n\nconst getContainerIdByState = (state: ProviderState, uid: string) => state[uid]?.containerId ?? DEFAULT_CONTAINER;\nconst getContainerIdByProps = (props: SnackbarProps) => props.containerId || DEFAULT_CONTAINER;\n\nconst getContainerWasChanged = (state: ProviderState, props: SnackbarProps) => {\n    return getContainerIdByState(state, Object.keys(state)[0]) !== getContainerIdByProps(props);\n};\n\nconst getOverridesByState = (state: ProviderState, props: SnackbarProps): Overrides => {\n    let stretchedOverride: undefined | boolean;\n    let alignOverride: undefined | Align;\n    Object.keys(state).forEach((currentUid) => {\n        const { stretched: prevStretched, align: prevAlign } = state[currentUid];\n        if (stretchedOverride === undefined && (prevStretched === true || prevStretched === undefined)) {\n            stretchedOverride = true;\n        }\n        if (alignOverride === undefined) {\n            alignOverride = prevAlign;\n        }\n    });\n    return getContainerWasChanged(state, props)\n        ? {}\n        : {\n              stretched: stretchedOverride ?? props.stretched,\n              align: alignOverride ?? props.align,\n          };\n};\n\nexport const SnackbarContextProvider: FC<PropsWithChildren> = ({ children }) => {\n    const animationTimeoutRef = useRef({\n        [SnackbarTransitionName.Show]: 0,\n        [SnackbarTransitionName.Hide]: 0,\n        [SnackbarTransitionName.Autohide]: 0,\n        [SnackbarTransitionName.RemoveImmediately]: 0,\n    });\n    const containerRefs = useRef<{ [id: string]: HTMLElement }>({});\n    const isShownRef = useRef<{ [uid: string]: boolean }>({});\n    const [state, setState] = useState<ProviderState>({});\n    const snackbarsByUidMapRef = useRef<SnackbarsByUidMap>({});\n\n    const animateOut: SnackbarContextProps['animateOut'] = useCallback((uid, transition) => {\n        setState((prevState) => {\n            if (!(uid in prevState)) {\n                return prevState;\n            }\n            const isCurrentlyVisible = prevState[uid].transition === SnackbarTransitionName.Show;\n            const willBeHidden = [SnackbarTransitionName.Hide, SnackbarTransitionName.Autohide].includes(transition);\n\n            if (transition === SnackbarTransitionName.RemoveImmediately || (willBeHidden && !isCurrentlyVisible)) {\n                const snackbarsByUidMap = snackbarsByUidMapRef.current[getContainerIdByState(prevState, uid)];\n                snackbarsByUidMap.delete(uid);\n                const uids = [...snackbarsByUidMap].reverse();\n                delete isShownRef.current[uid];\n                return Object.fromEntries(\n                    Object.entries(prevState)\n                        .filter(([key]) => key !== uid)\n                        .map(([key, state]) => {\n                            // обновляем позицию на основе нового сета\n                            const index = uids.indexOf(key);\n                            state.position = index !== -1 ? index : state.position;\n                            return [key, state];\n                        })\n                );\n            }\n            return { ...prevState, [uid]: { ...prevState[uid], transition } };\n        });\n    }, []);\n\n    const animateIn: SnackbarContextProps['animateIn'] = useCallback(\n        (uid: string, props: SnackbarProps) => {\n            setState((prevState) => {\n                if (uid in prevState) {\n                    // не даем менять некоторые пропсы у существующего снекбара\n                    const { autohideTime, containerId, showTimer, ..._props } = props;\n                    // применяем оверайды, так как из пропсов прилетают старые значения\n                    const overridesProps = getOverridesByState(prevState, props);\n                    return {\n                        ...prevState,\n                        [uid]: { ...prevState[uid], ..._props, ...overridesProps } as SnackbarState,\n                    };\n                }\n                // сохраняем информацию о uid\n                const containerIdFromProps = getContainerIdByProps(props);\n                const snackbarsByUidMap = snackbarsByUidMapRef.current;\n                if (snackbarsByUidMap.hasOwnProperty(containerIdFromProps)) {\n                    snackbarsByUidMap[containerIdFromProps].add(uid);\n                } else {\n                    snackbarsByUidMap[containerIdFromProps] = new Set([uid]);\n                }\n\n                // если прилетел новый снекбар, то все текущие снеки мы скрываем\n                const containerWasChanged = getContainerWasChanged(prevState, props);\n\n                // если stretched есть в новом снакбаре => везде ставим stretched\n                // аналогичная логика с align (новому снекбару ставим align из стака)\n                const uidsFromSet = [...snackbarsByUidMap[containerIdFromProps]].reverse();\n                const stretchedByNewSnackbar = props.stretched === undefined || props.stretched === true;\n\n                // обходим старый стейт и обновлям параметры (align, stretched, position, transition)\n                const prevStateWithUpdatedProps = Object.keys(prevState).reduce((accumulator, currentUid) => {\n                    const { transition, stretched: prevStretched, position } = prevState[currentUid];\n                    // если stretched есть в стаке => везде ставим stretched\n                    const stretched = prevStretched === false ? stretchedByNewSnackbar : prevStretched;\n                    const positionBySet = uidsFromSet.indexOf(currentUid);\n                    // скрываем последний снэкбар\n                    const limitReached = positionBySet > MAX_SNACKBAR_IN_CONTAINER;\n                    const value = {\n                        ...prevState[currentUid],\n                        transition: containerWasChanged || limitReached ? SnackbarTransitionName.Hide : transition,\n                        position: containerWasChanged || limitReached ? position : positionBySet,\n                        stretched,\n                    };\n                    return { ...accumulator, [currentUid]: value };\n                }, {});\n\n                // создаем новый snackbar\n                const defaultProps: SnackbarInternalState = {\n                    animateOut: (transition) => animateOut(uid, transition),\n                    isShown: () => !!isShownRef.current[uid],\n                    onShown: () => (isShownRef.current[uid] = true),\n                    transition: SnackbarTransitionName.Show,\n                    position: DEFAULT_POSITION,\n                };\n\n                // учитываем оверайды на основе стака\n                const overridesProps = getOverridesByState(prevState, props);\n                const newState = {\n                    ...prevStateWithUpdatedProps,\n                    ...{ [uid]: { ...defaultProps, ...props, ...overridesProps } },\n                };\n                return newState;\n            });\n        },\n        [animateOut]\n    );\n\n    const renderFunc = useCallback(\n        (uid: string): ReactNode => {\n            const containerId = state[uid].containerId;\n            const container = containerId ? containerRefs.current[containerId] : document.body;\n\n            if (!container) {\n                return null;\n            }\n            return createPortal(\n                <SnackbarRenderer\n                    {...state[uid]}\n                    timeout={animationTimeoutRef.current[state[uid].transition]}\n                    container={container}\n                />,\n                container,\n                uid\n            );\n        },\n        [state]\n    );\n\n    const setContainerRef: SnackbarContextProps['setContainerRef'] = useCallback((containerId, instance) => {\n        if (!instance) {\n            return;\n        }\n        containerRefs.current[containerId] = instance;\n    }, []);\n\n    useEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles['snackbar-animation-timeout']);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n\n        for (const transition of Object.values(SnackbarTransitionName)) {\n            const animationTimeout = parseInt(style.getPropertyValue(`--${transition}-animation-duration`), 10);\n            if (Number.isInteger(animationTimeout)) {\n                animationTimeoutRef.current[transition] = animationTimeout;\n            }\n        }\n\n        document.body.removeChild(animationTimeoutElement);\n    }, []);\n\n    const value = useMemo<SnackbarContextProps>(() => {\n        return {\n            animateIn,\n            animateOut,\n            isShown: (uid) => isShownRef.current[uid],\n            setContainerRef,\n        };\n    }, [animateIn, animateOut, setContainerRef]);\n\n    return (\n        <SnackbarContext.Provider value={value}>\n            {Object.keys(state).map(renderFunc)}\n            {children}\n        </SnackbarContext.Provider>\n    );\n};\n"],"names":["state","overridesProps","value"],"mappings":"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"}

package/SnackbarRenderer.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
 import '@hh.ru/magritte-common-focus-visible';
-import { SnackbarRendererProps } from '@hh.ru/magritte-ui-snackbar/types';
+import { SnackbarRendererProps } from './types';
 export declare const SnackbarRenderer: FC<SnackbarRendererProps>;