@fluentui/react-dialog 9.8.6 → 9.9.0

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 (6) hide show
  1. package/CHANGELOG.md +30 -2
  2. package/lib/components/Dialog/renderDialog.js +1 -0
  3. package/lib/components/Dialog/renderDialog.js.map +1 -1
  4. package/lib-commonjs/components/Dialog/renderDialog.js +1 -0
  5. package/lib-commonjs/components/Dialog/renderDialog.js.map +1 -1
  6. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,12 +1,40 @@
1
1
  # Change Log - @fluentui/react-dialog
2
2
 
3
- This log was last generated on Mon, 20 Nov 2023 09:51:20 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 14 Dec 2023 09:51:34 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.9.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.9.0)
8
+
9
+ Thu, 14 Dec 2023 09:51:34 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.8.7..@fluentui/react-dialog_v9.9.0)
11
+
12
+ ### Minor changes
13
+
14
+ - fix: Dialog now transitions in on first render ([PR #30044](https://github.com/microsoft/fluentui/pull/30044) by jirivyhnalek@microsoft.com)
15
+ - Bump @fluentui/react-utilities to v9.15.3 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v9.0.21 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
17
+ - Bump @fluentui/react-context-selector to v9.1.43 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v9.13.1 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
19
+ - Bump @fluentui/react-aria to v9.5.0 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
20
+ - Bump @fluentui/react-tabster to v9.15.1 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
21
+ - Bump @fluentui/react-portal to v9.4.4 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
22
+
23
+ ## [9.8.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.8.7)
24
+
25
+ Thu, 30 Nov 2023 13:42:08 GMT
26
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.8.6..@fluentui/react-dialog_v9.8.7)
27
+
28
+ ### Patches
29
+
30
+ - Bump @fluentui/react-jsx-runtime to v9.0.20 ([PR #29929](https://github.com/microsoft/fluentui/pull/29929) by beachball)
31
+ - Bump @fluentui/react-aria to v9.4.0 ([PR #29929](https://github.com/microsoft/fluentui/pull/29929) by beachball)
32
+ - Bump @fluentui/react-tabster to v9.15.0 ([PR #29929](https://github.com/microsoft/fluentui/pull/29929) by beachball)
33
+ - Bump @fluentui/react-portal to v9.4.3 ([PR #29929](https://github.com/microsoft/fluentui/pull/29929) by beachball)
34
+
7
35
  ## [9.8.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.8.6)
8
36
 
9
- Mon, 20 Nov 2023 09:51:20 GMT
37
+ Mon, 20 Nov 2023 09:55:09 GMT
10
38
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.8.5..@fluentui/react-dialog_v9.8.6)
11
39
 
12
40
  ### Patches
package/lib/components/Dialog/renderDialog.js CHANGED
@@ -20,6 +20,7 @@ import { DialogTransitionProvider } from '../../contexts/dialogTransitionContext
20
20
  unmountOnExit: true,
21
21
  in: state.open,
22
22
  nodeRef: state.dialogRef,
23
+ appear: true,
23
24
  // FIXME: this should not be hardcoded tokens.durationGentle
24
25
  timeout: 250,
25
26
  children: (status)=>/*#__PURE__*/ _jsx(DialogTransitionProvider, {
package/lib/components/Dialog/renderDialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["renderDialog.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { Transition } from 'react-transition-group';\nimport { DialogProvider, DialogSurfaceProvider } from '../../contexts';\nimport type { DialogState, DialogContextValues } from './Dialog.types';\nimport { DialogTransitionProvider } from '../../contexts/dialogTransitionContext';\n\n/**\n * Render the final JSX of Dialog\n */\nexport const renderDialog_unstable = (state: DialogState, contextValues: DialogContextValues) => {\n const { content, trigger } = state;\n\n return (\n <DialogProvider value={contextValues.dialog}>\n <DialogSurfaceProvider value={contextValues.dialogSurface}>\n {trigger}\n {process.env.NODE_ENV === 'test' ? (\n state.open && <DialogTransitionProvider value={undefined}>{content}</DialogTransitionProvider>\n ) : (\n <Transition\n mountOnEnter\n unmountOnExit\n in={state.open}\n nodeRef={state.dialogRef}\n // FIXME: this should not be hardcoded tokens.durationGentle\n timeout={250}\n >\n {status => <DialogTransitionProvider value={status}>{content}</DialogTransitionProvider>}\n </Transition>\n )}\n </DialogSurfaceProvider>\n </DialogProvider>\n );\n};\n"],"names":["Transition","DialogProvider","DialogSurfaceProvider","DialogTransitionProvider","renderDialog_unstable","state","contextValues","content","trigger","value","dialog","dialogSurface","process","env","NODE_ENV","open","undefined","mountOnEnter","unmountOnExit","in","nodeRef","dialogRef","timeout","status"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,UAAU,QAAQ,yBAAyB;AACpD,SAASC,cAAc,EAAEC,qBAAqB,QAAQ,iBAAiB;AAEvE,SAASC,wBAAwB,QAAQ,yCAAyC;AAElF;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAoBC;IACxD,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,qBACE,KAACJ;QAAeQ,OAAOH,cAAcI,MAAM;kBACzC,cAAA,MAACR;YAAsBO,OAAOH,cAAcK,aAAa;;gBACtDH;gBACAI,QAAQC,GAAG,CAACC,QAAQ,KAAK,SACxBT,MAAMU,IAAI,kBAAI,KAACZ;oBAAyBM,OAAOO;8BAAYT;mCAE3D,KAACP;oBACCiB,YAAY;oBACZC,aAAa;oBACbC,IAAId,MAAMU,IAAI;oBACdK,SAASf,MAAMgB,SAAS;oBACxB,4DAA4D;oBAC5DC,SAAS;8BAERC,CAAAA,uBAAU,KAACpB;4BAAyBM,OAAOc;sCAAShB;;;;;;AAMjE,EAAE"}
1
+ {"version":3,"sources":["renderDialog.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { Transition } from 'react-transition-group';\nimport { DialogProvider, DialogSurfaceProvider } from '../../contexts';\nimport type { DialogState, DialogContextValues } from './Dialog.types';\nimport { DialogTransitionProvider } from '../../contexts/dialogTransitionContext';\n\n/**\n * Render the final JSX of Dialog\n */\nexport const renderDialog_unstable = (state: DialogState, contextValues: DialogContextValues) => {\n const { content, trigger } = state;\n\n return (\n <DialogProvider value={contextValues.dialog}>\n <DialogSurfaceProvider value={contextValues.dialogSurface}>\n {trigger}\n {process.env.NODE_ENV === 'test' ? (\n state.open && <DialogTransitionProvider value={undefined}>{content}</DialogTransitionProvider>\n ) : (\n <Transition\n mountOnEnter\n unmountOnExit\n in={state.open}\n nodeRef={state.dialogRef}\n appear={true}\n // FIXME: this should not be hardcoded tokens.durationGentle\n timeout={250}\n >\n {status => <DialogTransitionProvider value={status}>{content}</DialogTransitionProvider>}\n </Transition>\n )}\n </DialogSurfaceProvider>\n </DialogProvider>\n );\n};\n"],"names":["Transition","DialogProvider","DialogSurfaceProvider","DialogTransitionProvider","renderDialog_unstable","state","contextValues","content","trigger","value","dialog","dialogSurface","process","env","NODE_ENV","open","undefined","mountOnEnter","unmountOnExit","in","nodeRef","dialogRef","appear","timeout","status"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,UAAU,QAAQ,yBAAyB;AACpD,SAASC,cAAc,EAAEC,qBAAqB,QAAQ,iBAAiB;AAEvE,SAASC,wBAAwB,QAAQ,yCAAyC;AAElF;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAoBC;IACxD,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,qBACE,KAACJ;QAAeQ,OAAOH,cAAcI,MAAM;kBACzC,cAAA,MAACR;YAAsBO,OAAOH,cAAcK,aAAa;;gBACtDH;gBACAI,QAAQC,GAAG,CAACC,QAAQ,KAAK,SACxBT,MAAMU,IAAI,kBAAI,KAACZ;oBAAyBM,OAAOO;8BAAYT;mCAE3D,KAACP;oBACCiB,YAAY;oBACZC,aAAa;oBACbC,IAAId,MAAMU,IAAI;oBACdK,SAASf,MAAMgB,SAAS;oBACxBC,QAAQ;oBACR,4DAA4D;oBAC5DC,SAAS;8BAERC,CAAAA,uBAAU,KAACrB;4BAAyBM,OAAOe;sCAASjB;;;;;;AAMjE,EAAE"}
package/lib-commonjs/components/Dialog/renderDialog.js CHANGED
@@ -28,6 +28,7 @@ const renderDialog_unstable = (state, contextValues)=>{
28
28
  unmountOnExit: true,
29
29
  in: state.open,
30
30
  nodeRef: state.dialogRef,
31
+ appear: true,
31
32
  // FIXME: this should not be hardcoded tokens.durationGentle
32
33
  timeout: 250,
33
34
  children: (status)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_dialogTransitionContext.DialogTransitionProvider, {
package/lib-commonjs/components/Dialog/renderDialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["renderDialog.js"],"sourcesContent":[" import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { Transition } from 'react-transition-group';\nimport { DialogProvider, DialogSurfaceProvider } from '../../contexts';\nimport { DialogTransitionProvider } from '../../contexts/dialogTransitionContext';\n/**\n * Render the final JSX of Dialog\n */ export const renderDialog_unstable = (state, contextValues)=>{\n const { content, trigger } = state;\n return /*#__PURE__*/ _jsx(DialogProvider, {\n value: contextValues.dialog,\n children: /*#__PURE__*/ _jsxs(DialogSurfaceProvider, {\n value: contextValues.dialogSurface,\n children: [\n trigger,\n process.env.NODE_ENV === 'test' ? state.open && /*#__PURE__*/ _jsx(DialogTransitionProvider, {\n value: undefined,\n children: content\n }) : /*#__PURE__*/ _jsx(Transition, {\n mountOnEnter: true,\n unmountOnExit: true,\n in: state.open,\n nodeRef: state.dialogRef,\n // FIXME: this should not be hardcoded tokens.durationGentle\n timeout: 250,\n children: (status)=>/*#__PURE__*/ _jsx(DialogTransitionProvider, {\n value: status,\n children: content\n })\n })\n ]\n })\n });\n};\n"],"names":["renderDialog_unstable","state","contextValues","content","trigger","_jsx","DialogProvider","value","dialog","children","_jsxs","DialogSurfaceProvider","dialogSurface","process","env","NODE_ENV","open","DialogTransitionProvider","undefined","Transition","mountOnEnter","unmountOnExit","in","nodeRef","dialogRef","timeout","status"],"mappings":";;;;+BAMiBA;;;eAAAA;;;4BAN4B;sCAClB;0BAC2B;yCACb;AAG9B,MAAMA,wBAAwB,CAACC,OAAOC;IAC7C,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAC7B,OAAO,WAAW,GAAGI,IAAAA,eAAI,EAACC,wBAAc,EAAE;QACtCC,OAAOL,cAAcM,MAAM;QAC3BC,UAAU,WAAW,GAAGC,IAAAA,gBAAK,EAACC,+BAAqB,EAAE;YACjDJ,OAAOL,cAAcU,aAAa;YAClCH,UAAU;gBACNL;gBACAS,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAASd,MAAMe,IAAI,IAAI,WAAW,GAAGX,IAAAA,eAAI,EAACY,iDAAwB,EAAE;oBACzFV,OAAOW;oBACPT,UAAUN;gBACd,KAAK,WAAW,GAAGE,IAAAA,eAAI,EAACc,gCAAU,EAAE;oBAChCC,cAAc;oBACdC,eAAe;oBACfC,IAAIrB,MAAMe,IAAI;oBACdO,SAAStB,MAAMuB,SAAS;oBACxB,4DAA4D;oBAC5DC,SAAS;oBACThB,UAAU,CAACiB,SAAS,WAAW,GAAGrB,IAAAA,eAAI,EAACY,iDAAwB,EAAE;4BACzDV,OAAOmB;4BACPjB,UAAUN;wBACd;gBACR;aACH;QACL;IACJ;AACJ"}
1
+ {"version":3,"sources":["renderDialog.js"],"sourcesContent":[" import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { Transition } from 'react-transition-group';\nimport { DialogProvider, DialogSurfaceProvider } from '../../contexts';\nimport { DialogTransitionProvider } from '../../contexts/dialogTransitionContext';\n/**\n * Render the final JSX of Dialog\n */ export const renderDialog_unstable = (state, contextValues)=>{\n const { content, trigger } = state;\n return /*#__PURE__*/ _jsx(DialogProvider, {\n value: contextValues.dialog,\n children: /*#__PURE__*/ _jsxs(DialogSurfaceProvider, {\n value: contextValues.dialogSurface,\n children: [\n trigger,\n process.env.NODE_ENV === 'test' ? state.open && /*#__PURE__*/ _jsx(DialogTransitionProvider, {\n value: undefined,\n children: content\n }) : /*#__PURE__*/ _jsx(Transition, {\n mountOnEnter: true,\n unmountOnExit: true,\n in: state.open,\n nodeRef: state.dialogRef,\n appear: true,\n // FIXME: this should not be hardcoded tokens.durationGentle\n timeout: 250,\n children: (status)=>/*#__PURE__*/ _jsx(DialogTransitionProvider, {\n value: status,\n children: content\n })\n })\n ]\n })\n });\n};\n"],"names":["renderDialog_unstable","state","contextValues","content","trigger","_jsx","DialogProvider","value","dialog","children","_jsxs","DialogSurfaceProvider","dialogSurface","process","env","NODE_ENV","open","DialogTransitionProvider","undefined","Transition","mountOnEnter","unmountOnExit","in","nodeRef","dialogRef","appear","timeout","status"],"mappings":";;;;+BAMiBA;;;eAAAA;;;4BAN4B;sCAClB;0BAC2B;yCACb;AAG9B,MAAMA,wBAAwB,CAACC,OAAOC;IAC7C,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAC7B,OAAO,WAAW,GAAGI,IAAAA,eAAI,EAACC,wBAAc,EAAE;QACtCC,OAAOL,cAAcM,MAAM;QAC3BC,UAAU,WAAW,GAAGC,IAAAA,gBAAK,EAACC,+BAAqB,EAAE;YACjDJ,OAAOL,cAAcU,aAAa;YAClCH,UAAU;gBACNL;gBACAS,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAASd,MAAMe,IAAI,IAAI,WAAW,GAAGX,IAAAA,eAAI,EAACY,iDAAwB,EAAE;oBACzFV,OAAOW;oBACPT,UAAUN;gBACd,KAAK,WAAW,GAAGE,IAAAA,eAAI,EAACc,gCAAU,EAAE;oBAChCC,cAAc;oBACdC,eAAe;oBACfC,IAAIrB,MAAMe,IAAI;oBACdO,SAAStB,MAAMuB,SAAS;oBACxBC,QAAQ;oBACR,4DAA4D;oBAC5DC,SAAS;oBACTjB,UAAU,CAACkB,SAAS,WAAW,GAAGtB,IAAAA,eAAI,EAACY,iDAAwB,EAAE;4BACzDV,OAAOoB;4BACPlB,UAAUN;wBACd;gBACR;aACH;QACL;IACJ;AACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-dialog",
3
- "version": "9.8.6",
3
+ "version": "9.9.0",
4
4
  "description": "Dialog component for Fluent UI React",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -36,17 +36,17 @@
36
36
  "@fluentui/scripts-tasks": "*"
37
37
  },
38
38
  "dependencies": {
39
- "@fluentui/react-utilities": "^9.15.2",
40
- "@fluentui/react-jsx-runtime": "^9.0.19",
39
+ "@fluentui/react-utilities": "^9.15.3",
40
+ "@fluentui/react-jsx-runtime": "^9.0.21",
41
41
  "react-transition-group": "^4.4.1",
42
42
  "@fluentui/keyboard-keys": "^9.0.7",
43
- "@fluentui/react-context-selector": "^9.1.42",
44
- "@fluentui/react-shared-contexts": "^9.13.0",
45
- "@fluentui/react-aria": "^9.3.44",
43
+ "@fluentui/react-context-selector": "^9.1.43",
44
+ "@fluentui/react-shared-contexts": "^9.13.1",
45
+ "@fluentui/react-aria": "^9.5.0",
46
46
  "@fluentui/react-icons": "^2.0.217",
47
- "@fluentui/react-tabster": "^9.14.6",
47
+ "@fluentui/react-tabster": "^9.15.1",
48
48
  "@fluentui/react-theme": "^9.1.16",
49
- "@fluentui/react-portal": "^9.4.2",
49
+ "@fluentui/react-portal": "^9.4.4",
50
50
  "@griffel/react": "^1.5.14",
51
51
  "@swc/helpers": "^0.5.1"
52
52
  },