npm - @hh.ru/magritte-ui-snackbar - Versions diffs - 6.0.0 → 6.0.1 - Mend

@hh.ru/magritte-ui-snackbar 6.0.0 → 6.0.1

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

Files changed (11) hide show

package/SnackbarContainer.js +1 -1
package/SnackbarContextProvider.js +37 -24
package/SnackbarContextProvider.js.map +1 -1
package/SnackbarRenderer.js +1 -1
package/index.css +34 -34
package/index.js +1 -1
package/package.json +2 -2
package/snackbar-BUXYCBno.js +5 -0
package/snackbar-BUXYCBno.js.map +1 -0
package/snackbar-B86RJzBT.js +0 -5
package/snackbar-B86RJzBT.js.map +0 -1

package/SnackbarContainer.js CHANGED Viewed

@@ -2,7 +2,7 @@ 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-B86RJzBT.js';
+import { s as styles } from './snackbar-BUXYCBno.js';
 const SnackbarContainer = ({ children, id, ...props }) => {
     const context = useContext(SnackbarContext);

package/SnackbarContextProvider.js CHANGED Viewed

@@ -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-B86RJzBT.js';
+import { s as styles } from './snackbar-BUXYCBno.js';
 import 'react-transition-group';
 import 'classnames';
 import '@hh.ru/magritte-common-keyboard';
@@ -21,6 +21,30 @@ import '@hh.ru/magritte-ui-timer';
 const DEFAULT_CONTAINER = 'body';
 const DEFAULT_POSITION = 0;
 const MAX_SNACKBAR_IN_CONTAINER = 2; // отсчет с 0
+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);
+};
+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,
+        };
+};
 const SnackbarContextProvider = ({ children }) => {
     const animationTimeoutRef = useRef({
         [SnackbarTransitionName.Show]: 0,
@@ -40,8 +64,7 @@ const SnackbarContextProvider = ({ children }) => {
             const isCurrentlyVisible = prevState[uid].transition === SnackbarTransitionName.Show;
             const willBeHidden = [SnackbarTransitionName.Hide, SnackbarTransitionName.Autohide].includes(transition);
             if (transition === SnackbarTransitionName.RemoveImmediately || (willBeHidden && !isCurrentlyVisible)) {
-                const containerId = prevState[uid].containerId || DEFAULT_CONTAINER;
-                const snackbarsByUidMap = snackbarsByUidMapRef.current[containerId];
+                const snackbarsByUidMap = snackbarsByUidMapRef.current[getContainerIdByState(prevState, uid)];
                 snackbarsByUidMap.delete(uid);
                 const uids = [...snackbarsByUidMap].reverse();
                 delete isShownRef.current[uid];
@@ -62,10 +85,15 @@ const SnackbarContextProvider = ({ children }) => {
             if (uid in prevState) {
                 // не даем менять некоторые пропсы у существующего снекбара
                 const { autohideTime, containerId, showTimer, ..._props } = props;
-                return { ...prevState, [uid]: { ...prevState[uid], ..._props } };
+                // применяем оверайды, так как из пропсов прилетают старые значения
+                const overridesProps = getOverridesByState(prevState, props);
+                return {
+                    ...prevState,
+                    [uid]: { ...prevState[uid], ..._props, ...overridesProps },
+                };
             }
             // сохраняем информацию о uid
-            const containerIdFromProps = props.containerId || DEFAULT_CONTAINER;
+            const containerIdFromProps = getContainerIdByProps(props);
             const snackbarsByUidMap = snackbarsByUidMapRef.current;
             if (snackbarsByUidMap.hasOwnProperty(containerIdFromProps)) {
                 snackbarsByUidMap[containerIdFromProps].add(uid);
@@ -74,18 +102,14 @@ const SnackbarContextProvider = ({ children }) => {
                 snackbarsByUidMap[containerIdFromProps] = new Set([uid]);
             }
             // если прилетел новый снекбар, то все текущие снеки мы скрываем
-            const uidsFromState = Object.keys(prevState);
-            const containerIdFromStore = prevState[uidsFromState[0]]?.containerId ?? DEFAULT_CONTAINER;
-            const containerWasChanged = containerIdFromStore !== containerIdFromProps;
+            const containerWasChanged = getContainerWasChanged(prevState, props);
             // если stretched есть в новом снакбаре => везде ставим stretched
             // аналогичная логика с align (новому снекбару ставим align из стака)
             const uidsFromSet = [...snackbarsByUidMap[containerIdFromProps]].reverse();
             const stretchedByNewSnackbar = props.stretched === undefined || props.stretched === true;
-            let stretchedByStack;
-            let alignByStack;
             // обходим старый стейт и обновлям параметры (align, stretched, position, transition)
-            const prevStateWithUpdatedProps = uidsFromState.reduce((accumulator, currentUid) => {
-                const { transition, stretched: prevStretched, align, position } = prevState[currentUid];
+            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);
@@ -97,12 +121,6 @@ const SnackbarContextProvider = ({ children }) => {
                     position: containerWasChanged || limitReached ? position : positionBySet,
                     stretched,
                 };
-                if (stretchedByStack === undefined && (prevStretched === true || prevStretched === undefined)) {
-                    stretchedByStack = true;
-                }
-                if (alignByStack === undefined) {
-                    alignByStack = align;
-                }
                 return { ...accumulator, [currentUid]: value };
             }, {});
             // создаем новый snackbar
@@ -114,12 +132,7 @@ const SnackbarContextProvider = ({ children }) => {
                 position: DEFAULT_POSITION,
             };
             // учитываем оверайды на основе стака
-            const overridesProps = containerWasChanged
-                ? {}
-                : {
-                    stretched: stretchedByStack !== undefined ? stretchedByStack : props.stretched,
-                    align: alignByStack !== undefined ? alignByStack : props.align,
-                };
+            const overridesProps = getOverridesByState(prevState, props);
             const newState = {
                 ...prevStateWithUpdatedProps,
                 ...{ [uid]: { ...defaultProps, ...props, ...overridesProps } },

package/SnackbarContextProvider.js.map CHANGED Viewed

	@@ -1 +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 SnackbarsByUidMap = Record<string, Set<string>>;\nconst DEFAULT_CONTAINER = 'body';\nconst DEFAULT_POSITION = 0;\nconst MAX_SNACKBAR_IN_CONTAINER = 2; // отсчет с 0\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<{ [uid: string]: SnackbarState }>({});\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 containerId = prevState[uid].containerId \|\| DEFAULT_CONTAINER;\n const snackbarsByUidMap = snackbarsByUidMapRef.current[containerId];\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 return { ...prevState, [uid]: { ...prevState[uid], ..._props } as SnackbarState };\n }\n // сохраняем информацию о uid\n const containerIdFromProps = props.containerId \|\| DEFAULT_CONTAINER;\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 uidsFromState = Object.keys(prevState);\n const containerIdFromStore = prevState[uidsFromState[0]]?.containerId ?? DEFAULT_CONTAINER;\n const containerWasChanged = containerIdFromStore !== containerIdFromProps;\n\n // если stretched есть в новом снакбаре => везде ставим stretched\n // аналогичная логика с align (новому снекбару ставим align из стака)\n const uidsFromSet = [...snackbarsByUidMap[containerIdFromProps]].reverse();\n const stretchedByNewSnackbar = props.stretched === undefined \|\| props.stretched === true;\n let stretchedByStack: undefined \| boolean;\n let alignByStack: undefined \| Align;\n\n // обходим старый стейт и обновлям параметры (align, stretched, position, transition)\n const prevStateWithUpdatedProps = uidsFromState.reduce((accumulator, currentUid) => {\n const { transition, stretched: prevStretched, align, 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 if (stretchedByStack === undefined && (prevStretched === true \|\| prevStretched === undefined)) {\n stretchedByStack = true;\n }\n if (alignByStack === undefined) {\n alignByStack = align;\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 = containerWasChanged\n ? {}\n : {\n stretched: stretchedByStack !== undefined ? stretchedByStack : props.stretched,\n align: alignByStack !== undefined ? alignByStack : props.align,\n };\n\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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"}
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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"}

package/SnackbarRenderer.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { Link } from '@hh.ru/magritte-ui-link';
 import { SnackbarTransitionName } from './types.js';
 import { useAriaSnackbar } from './useAriaSnackbar.js';
 import { useTimer, Timer } from '@hh.ru/magritte-ui-timer';
-import { s as styles } from './snackbar-B86RJzBT.js';
+import { s as styles } from './snackbar-BUXYCBno.js';
 const OTHER_CLASS_NAMES = {
     [SnackbarTransitionName.Hide]: {

package/index.css CHANGED Viewed

@@ -43,14 +43,14 @@
   --magritte-color-component-snackbar-text-state-action-hovered-v23-1-0:#8ac8ff;
   --magritte-color-component-snackbar-text-state-action-pressed-v23-1-0:#78c0ff;
 }
-.magritte-snackbar-container___SeRql_6-0-0{
+.magritte-snackbar-container___SeRql_6-0-1{
   pointer-events:none;
   position:absolute;
   inset:0;
   overflow:hidden;
 }
-.magritte-snackbar-animation-timeout___EQLvG_6-0-0,
-.magritte-snackbar___jgq4H_6-0-0{
+.magritte-snackbar-animation-timeout___EQLvG_6-0-1,
+.magritte-snackbar___jgq4H_6-0-1{
   outline:none;
   padding:16px 20px;
   margin:0 auto;
@@ -68,8 +68,8 @@
   --removeImmediately-animation-duration:0;
 }
 @media (prefers-reduced-motion){
-  .magritte-snackbar-animation-timeout___EQLvG_6-0-0,
-  .magritte-snackbar___jgq4H_6-0-0{
+  .magritte-snackbar-animation-timeout___EQLvG_6-0-1,
+  .magritte-snackbar___jgq4H_6-0-1{
     --show-animation-duration:0;
     --hide-animation-duration:0;
     --stack-animation-duration:0;
@@ -79,21 +79,21 @@
   }
 }
 @media (min-width: 700px){
-  body.magritte-old-layout .magritte-snackbar-animation-timeout___EQLvG_6-0-0,
-  body.magritte-old-layout .magritte-snackbar___jgq4H_6-0-0{
+  body.magritte-old-layout .magritte-snackbar-animation-timeout___EQLvG_6-0-1,
+  body.magritte-old-layout .magritte-snackbar___jgq4H_6-0-1{
     max-width:600px;
   }
 }
 @media (min-width: 600px){
-  body:not(.magritte-old-layout) .magritte-snackbar-animation-timeout___EQLvG_6-0-0,
-  body:not(.magritte-old-layout) .magritte-snackbar___jgq4H_6-0-0{
+  body:not(.magritte-old-layout) .magritte-snackbar-animation-timeout___EQLvG_6-0-1,
+  body:not(.magritte-old-layout) .magritte-snackbar___jgq4H_6-0-1{
     max-width:600px;
   }
 }
-.magritte-snackbar-animation-timeout___EQLvG_6-0-0{
+.magritte-snackbar-animation-timeout___EQLvG_6-0-1{
   display:none;
 }
-.magritte-snackbar___jgq4H_6-0-0{
+.magritte-snackbar___jgq4H_6-0-1{
   background:var(--magritte-color-component-snackbar-background-content-v23-1-0);
   color:var(--magritte-color-component-snackbar-text-content-v23-1-0);
   box-shadow:inset 0 0 0 1px var(--magritte-color-component-snackbar-stroke-content-v23-1-0);
@@ -101,49 +101,49 @@
   pointer-events:auto;
   width:max-content;
 }
-.magritte-snackbar_stretched___xVhgJ_6-0-0{
+.magritte-snackbar_stretched___xVhgJ_6-0-1{
   width:auto;
 }
-.magritte-snackbar_align-top___WWWbk_6-0-0{
+.magritte-snackbar_align-top___WWWbk_6-0-1{
   inset:16px 8px auto;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_6-0-0{
+  body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_6-0-1{
     inset:16px 16px auto 16px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_6-0-0{
+  body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_6-0-1{
     inset:16px 16px auto 16px;
   }
 }
-.magritte-snackbar_align-bottom___tCBBP_6-0-0{
+.magritte-snackbar_align-bottom___tCBBP_6-0-1{
   inset:auto 8px 16px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_6-0-0{
+  body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_6-0-1{
     inset:auto 16px 16px 16px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_6-0-0{
+  body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_6-0-1{
     inset:auto 16px 16px 16px;
   }
 }
-.magritte-snackbar-in-body___Zer4o_6-0-0{
+.magritte-snackbar-in-body___Zer4o_6-0-1{
   position:fixed;
 }
-.magritte-snackbar-content___MlP5J_6-0-0{
+.magritte-snackbar-content___MlP5J_6-0-1{
   display:flex;
   align-items:center;
 }
-.magritte-snackbar-addon___-eJn7_6-0-0{
+.magritte-snackbar-addon___-eJn7_6-0-1{
   margin-right:12px;
   width:24px;
   height:24px;
   margin-left:-4px;
 }
-.magritte-snackbar-text___PCxnB_6-0-0{
+.magritte-snackbar-text___PCxnB_6-0-1{
   font-family:var(--magritte-typography-label-2-regular-font-family-v23-1-0);
   font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-1-0);
   line-height:var(--magritte-typography-label-2-regular-line-height-v23-1-0);
@@ -154,11 +154,11 @@
   text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-1-0);
   margin-right:auto;
 }
-.magritte-snackbar-text-wrapper___SH6YB_6-0-0{
+.magritte-snackbar-text-wrapper___SH6YB_6-0-1{
   display:flex;
   width:100%;
 }
-.magritte-action___Yjp2t_6-0-0{
+.magritte-action___Yjp2t_6-0-1{
   display:flex;
   align-items:center;
   margin-left:8px;
@@ -169,13 +169,13 @@
   --magritte-ui-link-text-color-hovered-override:var(--magritte-color-component-snackbar-text-state-action-hovered-v23-1-0);
   --magritte-ui-link-text-color-pressed-override:var(--magritte-color-component-snackbar-text-state-action-pressed-v23-1-0);
 }
-.magritte-snackbar-close___U8YT5_6-0-0{
+.magritte-snackbar-close___U8YT5_6-0-1{
   height:calc(var(--magritte-core-line-heights-600-v23-1-0) * 1px);
   display:flex;
   align-items:center;
   margin-right:-12px;
 }
-.magritte-divider___GQ492_6-0-0{
+.magritte-divider___GQ492_6-0-1{
   align-self:stretch;
   margin-top:-8px;
   margin-bottom:-8px;
@@ -183,33 +183,33 @@
   margin-right:8px;
   --magritte-ui-divider-color-override:var(--magritte-color-component-snackbar-stroke-divider-v23-1-0);
 }
-.magritte-appearTop___UJQ6-_6-0-0{
+.magritte-appearTop___UJQ6-_6-0-1{
   transform:translateY(calc(var(--snackbar-offset, 60px) * -1 + 16px * -1));
 }
-.magritte-appearBottom___wDoOa_6-0-0{
+.magritte-appearBottom___wDoOa_6-0-1{
   transform:translateY(calc(var(--snackbar-offset, 60px) + 16px));
 }
-.magritte-appear-active___Kl7by_6-0-0{
+.magritte-appear-active___Kl7by_6-0-1{
   transform:translateY(0);
   transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), transform var(--show-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0);
 }
-.magritte-appear-done___3g7bl_6-0-0{
+.magritte-appear-done___3g7bl_6-0-1{
   transform:translateY(0);
 }
-.magritte-exit___MsYCK_6-0-0{
+.magritte-exit___MsYCK_6-0-1{
   opacity:1;
 }
-.magritte-exit-active___I4AYt_6-0-0{
+.magritte-exit-active___I4AYt_6-0-1{
   opacity:0;
   transform:scale(0.75);
   transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), transform var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0);
 }
-.magritte-exit-active_autohide___jvdWc_6-0-0{
+.magritte-exit-active_autohide___jvdWc_6-0-1{
   opacity:0;
   transform:scale(0.75);
   transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), transform var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v23-1-0);
 }
-.magritte-exit-done___DK8l2_6-0-0{
+.magritte-exit-done___DK8l2_6-0-1{
   opacity:0;
   transform:scale(0.75);
 }

package/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ import 'react';
 import './context.js';
 import './types.js';
 import 'react/jsx-runtime';
-import './snackbar-B86RJzBT.js';
+import './snackbar-BUXYCBno.js';
 import 'react-dom';
 import './SnackbarRenderer.js';
 import 'react-transition-group';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-snackbar",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0da6bd6d9f0cfa50c0c09ccd6f180c2f03167609"
+  "gitHead": "7d23d2d4ae89834e27894b920fd6e2c59e8c3a4c"
 }

package/snackbar-BUXYCBno.js ADDED Viewed

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_6-0-1","snackbarContainer":"magritte-snackbar-container___SeRql_6-0-1","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_6-0-1","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_6-0-1","snackbar":"magritte-snackbar___jgq4H_6-0-1","snackbar_stretched":"magritte-snackbar_stretched___xVhgJ_6-0-1","snackbarStretched":"magritte-snackbar_stretched___xVhgJ_6-0-1","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_6-0-1","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_6-0-1","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_6-0-1","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_6-0-1","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_6-0-1","snackbarInBody":"magritte-snackbar-in-body___Zer4o_6-0-1","snackbar-content":"magritte-snackbar-content___MlP5J_6-0-1","snackbarContent":"magritte-snackbar-content___MlP5J_6-0-1","snackbar-addon":"magritte-snackbar-addon___-eJn7_6-0-1","snackbarAddon":"magritte-snackbar-addon___-eJn7_6-0-1","snackbar-text":"magritte-snackbar-text___PCxnB_6-0-1","snackbarText":"magritte-snackbar-text___PCxnB_6-0-1","snackbar-text-wrapper":"magritte-snackbar-text-wrapper___SH6YB_6-0-1","snackbarTextWrapper":"magritte-snackbar-text-wrapper___SH6YB_6-0-1","action":"magritte-action___Yjp2t_6-0-1","snackbar-close":"magritte-snackbar-close___U8YT5_6-0-1","snackbarClose":"magritte-snackbar-close___U8YT5_6-0-1","divider":"magritte-divider___GQ492_6-0-1","appearTop":"magritte-appearTop___UJQ6-_6-0-1","appearBottom":"magritte-appearBottom___wDoOa_6-0-1","appear-active":"magritte-appear-active___Kl7by_6-0-1","appearActive":"magritte-appear-active___Kl7by_6-0-1","appear-done":"magritte-appear-done___3g7bl_6-0-1","appearDone":"magritte-appear-done___3g7bl_6-0-1","exit":"magritte-exit___MsYCK_6-0-1","exit-active":"magritte-exit-active___I4AYt_6-0-1","exitActive":"magritte-exit-active___I4AYt_6-0-1","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_6-0-1","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_6-0-1","exit-done":"magritte-exit-done___DK8l2_6-0-1","exitDone":"magritte-exit-done___DK8l2_6-0-1"};
+export { styles as s };
+//# sourceMappingURL=snackbar-BUXYCBno.js.map

package/snackbar-BUXYCBno.js.map ADDED Viewed

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

package/snackbar-B86RJzBT.js DELETED Viewed

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_6-0-0","snackbarContainer":"magritte-snackbar-container___SeRql_6-0-0","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_6-0-0","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_6-0-0","snackbar":"magritte-snackbar___jgq4H_6-0-0","snackbar_stretched":"magritte-snackbar_stretched___xVhgJ_6-0-0","snackbarStretched":"magritte-snackbar_stretched___xVhgJ_6-0-0","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_6-0-0","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_6-0-0","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_6-0-0","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_6-0-0","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_6-0-0","snackbarInBody":"magritte-snackbar-in-body___Zer4o_6-0-0","snackbar-content":"magritte-snackbar-content___MlP5J_6-0-0","snackbarContent":"magritte-snackbar-content___MlP5J_6-0-0","snackbar-addon":"magritte-snackbar-addon___-eJn7_6-0-0","snackbarAddon":"magritte-snackbar-addon___-eJn7_6-0-0","snackbar-text":"magritte-snackbar-text___PCxnB_6-0-0","snackbarText":"magritte-snackbar-text___PCxnB_6-0-0","snackbar-text-wrapper":"magritte-snackbar-text-wrapper___SH6YB_6-0-0","snackbarTextWrapper":"magritte-snackbar-text-wrapper___SH6YB_6-0-0","action":"magritte-action___Yjp2t_6-0-0","snackbar-close":"magritte-snackbar-close___U8YT5_6-0-0","snackbarClose":"magritte-snackbar-close___U8YT5_6-0-0","divider":"magritte-divider___GQ492_6-0-0","appearTop":"magritte-appearTop___UJQ6-_6-0-0","appearBottom":"magritte-appearBottom___wDoOa_6-0-0","appear-active":"magritte-appear-active___Kl7by_6-0-0","appearActive":"magritte-appear-active___Kl7by_6-0-0","appear-done":"magritte-appear-done___3g7bl_6-0-0","appearDone":"magritte-appear-done___3g7bl_6-0-0","exit":"magritte-exit___MsYCK_6-0-0","exit-active":"magritte-exit-active___I4AYt_6-0-0","exitActive":"magritte-exit-active___I4AYt_6-0-0","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_6-0-0","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_6-0-0","exit-done":"magritte-exit-done___DK8l2_6-0-0","exitDone":"magritte-exit-done___DK8l2_6-0-0"};
-export { styles as s };
-//# sourceMappingURL=snackbar-B86RJzBT.js.map

package/snackbar-B86RJzBT.js.map DELETED Viewed

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