@fluentui/react-toast 9.3.61 → 9.3.63
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.
- package/CHANGELOG.md +39 -10
- package/lib/components/ToastContainer/renderToastContainer.js +2 -2
- package/lib/components/ToastContainer/renderToastContainer.js.map +1 -1
- package/lib-commonjs/components/ToastContainer/renderToastContainer.js +2 -2
- package/lib-commonjs/components/ToastContainer/renderToastContainer.js.map +1 -1
- package/package.json +10 -9
- package/lib/components/ToastContainer/ToastContainerMotion.js +0 -63
- package/lib/components/ToastContainer/ToastContainerMotion.js.map +0 -1
- package/lib-commonjs/components/ToastContainer/ToastContainerMotion.js +0 -73
- package/lib-commonjs/components/ToastContainer/ToastContainerMotion.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,25 +1,54 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-toast
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 16 Dec 2024 16:22:08 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.3.63](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.63)
|
|
8
|
+
|
|
9
|
+
Mon, 16 Dec 2024 16:22:08 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.3.62..@fluentui/react-toast_v9.3.63)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
16
|
+
- Bump @fluentui/react-motion to v9.6.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
17
|
+
- Bump @fluentui/react-motion-components-preview to v0.4.1 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
18
|
+
- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
19
|
+
- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
20
|
+
- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
21
|
+
- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
22
|
+
- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
|
|
23
|
+
|
|
24
|
+
## [9.3.62](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.62)
|
|
25
|
+
|
|
26
|
+
Mon, 09 Dec 2024 17:38:07 GMT
|
|
27
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.3.61..@fluentui/react-toast_v9.3.62)
|
|
28
|
+
|
|
29
|
+
### Patches
|
|
30
|
+
|
|
31
|
+
- refactor(Toast): replace custom component with CollapseDelayed ([PR #33405](https://github.com/microsoft/fluentui/pull/33405) by robertpenner@microsoft.com)
|
|
32
|
+
- Bump @fluentui/react-aria to v9.13.11 ([PR #33431](https://github.com/microsoft/fluentui/pull/33431) by beachball)
|
|
33
|
+
- Bump @fluentui/react-motion to v9.6.4 ([PR #33431](https://github.com/microsoft/fluentui/pull/33431) by beachball)
|
|
34
|
+
- Bump @fluentui/react-motion-components-preview to v0.4.0 ([PR #33431](https://github.com/microsoft/fluentui/pull/33431) by beachball)
|
|
35
|
+
|
|
7
36
|
## [9.3.61](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.61)
|
|
8
37
|
|
|
9
|
-
Fri, 06 Dec 2024 12:
|
|
38
|
+
Fri, 06 Dec 2024 12:53:44 GMT
|
|
10
39
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.3.60..@fluentui/react-toast_v9.3.61)
|
|
11
40
|
|
|
12
41
|
### Patches
|
|
13
42
|
|
|
14
43
|
- chore: remove usage of "export *" ([PR #33380](https://github.com/microsoft/fluentui/pull/33380) by olfedias@microsoft.com)
|
|
15
|
-
- Bump @fluentui/react-aria to v9.13.10 ([PR #
|
|
16
|
-
- Bump @fluentui/react-jsx-runtime to v9.0.47 ([PR #
|
|
17
|
-
- Bump @fluentui/react-motion to v9.6.3 ([PR #
|
|
18
|
-
- Bump @fluentui/react-portal to v9.4.39 ([PR #
|
|
19
|
-
- Bump @fluentui/react-shared-contexts to v9.21.1 ([PR #
|
|
20
|
-
- Bump @fluentui/react-tabster to v9.23.1 ([PR #
|
|
21
|
-
- Bump @fluentui/react-theme to v9.1.23 ([PR #
|
|
22
|
-
- Bump @fluentui/react-utilities to v9.18.18 ([PR #
|
|
44
|
+
- Bump @fluentui/react-aria to v9.13.10 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
|
|
45
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.47 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
|
|
46
|
+
- Bump @fluentui/react-motion to v9.6.3 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
|
|
47
|
+
- Bump @fluentui/react-portal to v9.4.39 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
|
|
48
|
+
- Bump @fluentui/react-shared-contexts to v9.21.1 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
|
|
49
|
+
- Bump @fluentui/react-tabster to v9.23.1 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
|
|
50
|
+
- Bump @fluentui/react-theme to v9.1.23 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
|
|
51
|
+
- Bump @fluentui/react-utilities to v9.18.18 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
|
|
23
52
|
|
|
24
53
|
## [9.3.60](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.60)
|
|
25
54
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
2
|
import { assertSlots } from '@fluentui/react-utilities';
|
|
3
3
|
import { ToastContainerContextProvider } from '../../contexts/toastContainerContext';
|
|
4
|
-
import {
|
|
4
|
+
import { CollapseDelayed } from '@fluentui/react-motion-components-preview';
|
|
5
5
|
/**
|
|
6
6
|
* Render the final JSX of ToastContainer
|
|
7
7
|
*/ export const renderToastContainer_unstable = (state, contextValues)=>{
|
|
@@ -9,7 +9,7 @@ import { ToastContainerMotion } from './ToastContainerMotion';
|
|
|
9
9
|
assertSlots(state);
|
|
10
10
|
return /*#__PURE__*/ _jsx(ToastContainerContextProvider, {
|
|
11
11
|
value: contextValues.toast,
|
|
12
|
-
children: /*#__PURE__*/ _jsx(
|
|
12
|
+
children: /*#__PURE__*/ _jsx(CollapseDelayed, {
|
|
13
13
|
appear: true,
|
|
14
14
|
onMotionFinish: onMotionFinish,
|
|
15
15
|
visible: visible,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/ToastContainer/renderToastContainer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ToastContainerState, ToastContainerSlots, ToastContainerContextValues } from './ToastContainer.types';\nimport { ToastContainerContextProvider } from '../../contexts/toastContainerContext';\nimport {
|
|
1
|
+
{"version":3,"sources":["../src/components/ToastContainer/renderToastContainer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ToastContainerState, ToastContainerSlots, ToastContainerContextValues } from './ToastContainer.types';\nimport { ToastContainerContextProvider } from '../../contexts/toastContainerContext';\nimport { CollapseDelayed } from '@fluentui/react-motion-components-preview';\n\n/**\n * Render the final JSX of ToastContainer\n */\nexport const renderToastContainer_unstable = (\n state: ToastContainerState,\n contextValues: ToastContainerContextValues,\n) => {\n const { onMotionFinish, visible, updateId } = state;\n assertSlots<ToastContainerSlots>(state);\n\n return (\n <ToastContainerContextProvider value={contextValues.toast}>\n <CollapseDelayed appear onMotionFinish={onMotionFinish} visible={visible} unmountOnExit>\n <state.root>\n {state.root.children}\n <state.timer key={updateId} />\n </state.root>\n </CollapseDelayed>\n </ToastContainerContextProvider>\n );\n};\n"],"names":["assertSlots","ToastContainerContextProvider","CollapseDelayed","renderToastContainer_unstable","state","contextValues","onMotionFinish","visible","updateId","value","toast","appear","unmountOnExit","root","children","timer"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,6BAA6B,QAAQ,uCAAuC;AACrF,SAASC,eAAe,QAAQ,4CAA4C;AAE5E;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,cAAc,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGJ;IAC9CJ,YAAiCI;IAEjC,qBACE,KAACH;QAA8BQ,OAAOJ,cAAcK,KAAK;kBACvD,cAAA,KAACR;YAAgBS,MAAM;YAACL,gBAAgBA;YAAgBC,SAASA;YAASK,aAAa;sBACrF,cAAA,MAACR,MAAMS,IAAI;;oBACRT,MAAMS,IAAI,CAACC,QAAQ;kCACpB,KAACV,MAAMW,KAAK,MAAMP;;;;;AAK5B,EAAE"}
|
|
@@ -11,13 +11,13 @@ Object.defineProperty(exports, "renderToastContainer_unstable", {
|
|
|
11
11
|
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
12
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
13
|
const _toastContainerContext = require("../../contexts/toastContainerContext");
|
|
14
|
-
const
|
|
14
|
+
const _reactmotioncomponentspreview = require("@fluentui/react-motion-components-preview");
|
|
15
15
|
const renderToastContainer_unstable = (state, contextValues)=>{
|
|
16
16
|
const { onMotionFinish, visible, updateId } = state;
|
|
17
17
|
(0, _reactutilities.assertSlots)(state);
|
|
18
18
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_toastContainerContext.ToastContainerContextProvider, {
|
|
19
19
|
value: contextValues.toast,
|
|
20
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(
|
|
20
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactmotioncomponentspreview.CollapseDelayed, {
|
|
21
21
|
appear: true,
|
|
22
22
|
onMotionFinish: onMotionFinish,
|
|
23
23
|
visible: visible,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/ToastContainer/renderToastContainer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ToastContainerState, ToastContainerSlots, ToastContainerContextValues } from './ToastContainer.types';\nimport { ToastContainerContextProvider } from '../../contexts/toastContainerContext';\nimport {
|
|
1
|
+
{"version":3,"sources":["../src/components/ToastContainer/renderToastContainer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ToastContainerState, ToastContainerSlots, ToastContainerContextValues } from './ToastContainer.types';\nimport { ToastContainerContextProvider } from '../../contexts/toastContainerContext';\nimport { CollapseDelayed } from '@fluentui/react-motion-components-preview';\n\n/**\n * Render the final JSX of ToastContainer\n */\nexport const renderToastContainer_unstable = (\n state: ToastContainerState,\n contextValues: ToastContainerContextValues,\n) => {\n const { onMotionFinish, visible, updateId } = state;\n assertSlots<ToastContainerSlots>(state);\n\n return (\n <ToastContainerContextProvider value={contextValues.toast}>\n <CollapseDelayed appear onMotionFinish={onMotionFinish} visible={visible} unmountOnExit>\n <state.root>\n {state.root.children}\n <state.timer key={updateId} />\n </state.root>\n </CollapseDelayed>\n </ToastContainerContextProvider>\n );\n};\n"],"names":["renderToastContainer_unstable","state","contextValues","onMotionFinish","visible","updateId","assertSlots","_jsx","ToastContainerContextProvider","value","toast","CollapseDelayed","appear","unmountOnExit","_jsxs","root","children","timer"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAC4B;uCAEkB;8CACd;AAKzB,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,cAAc,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGJ;IAC9CK,IAAAA,2BAAAA,EAAiCL;IAEjC,OAAA,WAAA,GACEM,IAAAA,eAAA,EAACC,oDAAAA,EAAAA;QAA8BC,OAAOP,cAAcQ,KAAK;kBACvD,WAAA,GAAAH,IAAAA,eAAA,EAACI,6CAAAA,EAAAA;YAAgBC,QAAM;YAACT,gBAAgBA;YAAgBC,SAASA;YAASS,eAAa;sBACrF,WAAA,GAAAC,IAAAA,gBAAA,EAACb,MAAMc,IAAI,EAAA;;oBACRd,MAAMc,IAAI,CAACC,QAAQ;kCACpBT,IAAAA,eAAA,EAACN,MAAMgB,KAAK,EAAA,CAAA,GAAMZ;;;;;AAK5B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-toast",
|
|
3
|
-
"version": "9.3.
|
|
3
|
+
"version": "9.3.63",
|
|
4
4
|
"description": "Toast component for Fluent UI",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -21,15 +21,16 @@
|
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@fluentui/keyboard-keys": "^9.0.8",
|
|
24
|
-
"@fluentui/react-aria": "^9.13.
|
|
24
|
+
"@fluentui/react-aria": "^9.13.12",
|
|
25
25
|
"@fluentui/react-icons": "^2.0.245",
|
|
26
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
27
|
-
"@fluentui/react-motion": "^9.6.
|
|
28
|
-
"@fluentui/react-
|
|
29
|
-
"@fluentui/react-
|
|
30
|
-
"@fluentui/react-
|
|
31
|
-
"@fluentui/react-
|
|
32
|
-
"@fluentui/react-
|
|
26
|
+
"@fluentui/react-jsx-runtime": "^9.0.48",
|
|
27
|
+
"@fluentui/react-motion": "^9.6.5",
|
|
28
|
+
"@fluentui/react-motion-components-preview": "^0.4.1",
|
|
29
|
+
"@fluentui/react-portal": "^9.4.40",
|
|
30
|
+
"@fluentui/react-shared-contexts": "^9.21.2",
|
|
31
|
+
"@fluentui/react-tabster": "^9.23.2",
|
|
32
|
+
"@fluentui/react-theme": "^9.1.24",
|
|
33
|
+
"@fluentui/react-utilities": "^9.18.19",
|
|
33
34
|
"@griffel/react": "^1.5.22",
|
|
34
35
|
"@swc/helpers": "^0.5.1"
|
|
35
36
|
},
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { createPresenceComponent } from '@fluentui/react-motion';
|
|
2
|
-
export const ToastContainerMotion = createPresenceComponent(({ element })=>({
|
|
3
|
-
enter: [
|
|
4
|
-
{
|
|
5
|
-
keyframes: [
|
|
6
|
-
{
|
|
7
|
-
marginTop: 0,
|
|
8
|
-
minHeight: 0,
|
|
9
|
-
maxHeight: 0,
|
|
10
|
-
opacity: 0
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
marginTop: '16px',
|
|
14
|
-
minHeight: 44,
|
|
15
|
-
maxHeight: `${element.scrollHeight}px`,
|
|
16
|
-
opacity: 0
|
|
17
|
-
}
|
|
18
|
-
],
|
|
19
|
-
duration: 200
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
keyframes: [
|
|
23
|
-
{
|
|
24
|
-
opacity: 0
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
opacity: 1
|
|
28
|
-
}
|
|
29
|
-
],
|
|
30
|
-
delay: 200,
|
|
31
|
-
duration: 400
|
|
32
|
-
}
|
|
33
|
-
],
|
|
34
|
-
exit: [
|
|
35
|
-
{
|
|
36
|
-
keyframes: [
|
|
37
|
-
{
|
|
38
|
-
marginTop: '16px',
|
|
39
|
-
minHeight: 44,
|
|
40
|
-
maxHeight: `${element.scrollHeight}px`
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
marginTop: 0,
|
|
44
|
-
minHeight: 0,
|
|
45
|
-
maxHeight: 0
|
|
46
|
-
}
|
|
47
|
-
],
|
|
48
|
-
delay: 400,
|
|
49
|
-
duration: 200
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
keyframes: [
|
|
53
|
-
{
|
|
54
|
-
opacity: 1
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
opacity: 0
|
|
58
|
-
}
|
|
59
|
-
],
|
|
60
|
-
duration: 400
|
|
61
|
-
}
|
|
62
|
-
]
|
|
63
|
-
}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/ToastContainer/ToastContainerMotion.tsx"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-motion';\n\nexport const ToastContainerMotion = createPresenceComponent(({ element }) => ({\n enter: [\n {\n keyframes: [\n { marginTop: 0, minHeight: 0, maxHeight: 0, opacity: 0 },\n { marginTop: '16px', minHeight: 44, maxHeight: `${element.scrollHeight}px`, opacity: 0 },\n ],\n duration: 200,\n },\n {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n delay: 200,\n duration: 400,\n },\n ],\n\n exit: [\n {\n keyframes: [\n { marginTop: '16px', minHeight: 44, maxHeight: `${element.scrollHeight}px` },\n { marginTop: 0, minHeight: 0, maxHeight: 0 },\n ],\n delay: 400,\n duration: 200,\n },\n {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n duration: 400,\n },\n ],\n}));\n"],"names":["createPresenceComponent","ToastContainerMotion","element","enter","keyframes","marginTop","minHeight","maxHeight","opacity","scrollHeight","duration","delay","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,uBAAuB,QAAQ,yBAAyB;AAEjE,OAAO,MAAMC,uBAAuBD,wBAAwB,CAAC,EAAEE,OAAO,EAAE,GAAM,CAAA;QAC5EC,OAAO;YACL;gBACEC,WAAW;oBACT;wBAAEC,WAAW;wBAAGC,WAAW;wBAAGC,WAAW;wBAAGC,SAAS;oBAAE;oBACvD;wBAAEH,WAAW;wBAAQC,WAAW;wBAAIC,WAAW,CAAC,EAAEL,QAAQO,YAAY,CAAC,EAAE,CAAC;wBAAED,SAAS;oBAAE;iBACxF;gBACDE,UAAU;YACZ;YACA;gBACEN,WAAW;oBAAC;wBAAEI,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;oBAAE;iBAAE;gBAC3CG,OAAO;gBACPD,UAAU;YACZ;SACD;QAEDE,MAAM;YACJ;gBACER,WAAW;oBACT;wBAAEC,WAAW;wBAAQC,WAAW;wBAAIC,WAAW,CAAC,EAAEL,QAAQO,YAAY,CAAC,EAAE,CAAC;oBAAC;oBAC3E;wBAAEJ,WAAW;wBAAGC,WAAW;wBAAGC,WAAW;oBAAE;iBAC5C;gBACDI,OAAO;gBACPD,UAAU;YACZ;YACA;gBACEN,WAAW;oBAAC;wBAAEI,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;oBAAE;iBAAE;gBAC3CE,UAAU;YACZ;SACD;IACH,CAAA,GAAI"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "ToastContainerMotion", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return ToastContainerMotion;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _reactmotion = require("@fluentui/react-motion");
|
|
12
|
-
const ToastContainerMotion = (0, _reactmotion.createPresenceComponent)(({ element })=>({
|
|
13
|
-
enter: [
|
|
14
|
-
{
|
|
15
|
-
keyframes: [
|
|
16
|
-
{
|
|
17
|
-
marginTop: 0,
|
|
18
|
-
minHeight: 0,
|
|
19
|
-
maxHeight: 0,
|
|
20
|
-
opacity: 0
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
marginTop: '16px',
|
|
24
|
-
minHeight: 44,
|
|
25
|
-
maxHeight: `${element.scrollHeight}px`,
|
|
26
|
-
opacity: 0
|
|
27
|
-
}
|
|
28
|
-
],
|
|
29
|
-
duration: 200
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
keyframes: [
|
|
33
|
-
{
|
|
34
|
-
opacity: 0
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
opacity: 1
|
|
38
|
-
}
|
|
39
|
-
],
|
|
40
|
-
delay: 200,
|
|
41
|
-
duration: 400
|
|
42
|
-
}
|
|
43
|
-
],
|
|
44
|
-
exit: [
|
|
45
|
-
{
|
|
46
|
-
keyframes: [
|
|
47
|
-
{
|
|
48
|
-
marginTop: '16px',
|
|
49
|
-
minHeight: 44,
|
|
50
|
-
maxHeight: `${element.scrollHeight}px`
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
marginTop: 0,
|
|
54
|
-
minHeight: 0,
|
|
55
|
-
maxHeight: 0
|
|
56
|
-
}
|
|
57
|
-
],
|
|
58
|
-
delay: 400,
|
|
59
|
-
duration: 200
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
keyframes: [
|
|
63
|
-
{
|
|
64
|
-
opacity: 1
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
opacity: 0
|
|
68
|
-
}
|
|
69
|
-
],
|
|
70
|
-
duration: 400
|
|
71
|
-
}
|
|
72
|
-
]
|
|
73
|
-
}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/ToastContainer/ToastContainerMotion.tsx"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-motion';\n\nexport const ToastContainerMotion = createPresenceComponent(({ element }) => ({\n enter: [\n {\n keyframes: [\n { marginTop: 0, minHeight: 0, maxHeight: 0, opacity: 0 },\n { marginTop: '16px', minHeight: 44, maxHeight: `${element.scrollHeight}px`, opacity: 0 },\n ],\n duration: 200,\n },\n {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n delay: 200,\n duration: 400,\n },\n ],\n\n exit: [\n {\n keyframes: [\n { marginTop: '16px', minHeight: 44, maxHeight: `${element.scrollHeight}px` },\n { marginTop: 0, minHeight: 0, maxHeight: 0 },\n ],\n delay: 400,\n duration: 200,\n },\n {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n duration: 400,\n },\n ],\n}));\n"],"names":["ToastContainerMotion","createPresenceComponent","element","enter","keyframes","marginTop","minHeight","maxHeight","opacity","scrollHeight","duration","delay","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;6BAF2B;AAEjC,MAAMA,uBAAuBC,IAAAA,oCAAAA,EAAwB,CAAC,EAAEC,OAAO,EAAE,GAAM,CAAA;QAC5EC,OAAO;YACL;gBACEC,WAAW;oBACT;wBAAEC,WAAW;wBAAGC,WAAW;wBAAGC,WAAW;wBAAGC,SAAS;oBAAE;oBACvD;wBAAEH,WAAW;wBAAQC,WAAW;wBAAIC,WAAW,CAAC,EAAEL,QAAQO,YAAY,CAAC,EAAE,CAAC;wBAAED,SAAS;oBAAE;iBACxF;gBACDE,UAAU;YACZ;YACA;gBACEN,WAAW;oBAAC;wBAAEI,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;oBAAE;iBAAE;gBAC3CG,OAAO;gBACPD,UAAU;YACZ;SACD;QAEDE,MAAM;YACJ;gBACER,WAAW;oBACT;wBAAEC,WAAW;wBAAQC,WAAW;wBAAIC,WAAW,CAAC,EAAEL,QAAQO,YAAY,CAAC,EAAE,CAAC;oBAAC;oBAC3E;wBAAEJ,WAAW;wBAAGC,WAAW;wBAAGC,WAAW;oBAAE;iBAC5C;gBACDI,OAAO;gBACPD,UAAU;YACZ;YACA;gBACEN,WAAW;oBAAC;wBAAEI,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;oBAAE;iBAAE;gBAC3CE,UAAU;YACZ;SACD;IACH,CAAA"}
|