@fluentui/react-dialog 9.3.2 → 9.4.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.
- package/.swcrc +30 -0
- package/CHANGELOG.json +141 -1
- package/CHANGELOG.md +41 -2
- package/dist/index.d.ts +6 -3
- package/lib/Dialog.js.map +1 -1
- package/lib/DialogActions.js.map +1 -1
- package/lib/DialogBody.js.map +1 -1
- package/lib/DialogContent.js.map +1 -1
- package/lib/DialogSurface.js.map +1 -1
- package/lib/DialogTitle.js.map +1 -1
- package/lib/DialogTrigger.js.map +1 -1
- package/lib/components/Dialog/Dialog.js.map +1 -1
- package/lib/components/Dialog/Dialog.types.js.map +1 -1
- package/lib/components/Dialog/index.js.map +1 -1
- package/lib/components/Dialog/renderDialog.js.map +1 -1
- package/lib/components/Dialog/useDialog.js.map +1 -1
- package/lib/components/Dialog/useDialogContextValues.js +3 -3
- package/lib/components/Dialog/useDialogContextValues.js.map +1 -1
- package/lib/components/DialogActions/DialogActions.js.map +1 -1
- package/lib/components/DialogActions/DialogActions.types.js.map +1 -1
- package/lib/components/DialogActions/index.js.map +1 -1
- package/lib/components/DialogActions/renderDialogActions.js +1 -3
- package/lib/components/DialogActions/renderDialogActions.js.map +1 -1
- package/lib/components/DialogActions/useDialogActions.js +5 -2
- package/lib/components/DialogActions/useDialogActions.js.map +1 -1
- package/lib/components/DialogActions/useDialogActionsStyles.js +7 -1
- package/lib/components/DialogActions/useDialogActionsStyles.js.map +1 -1
- package/lib/components/DialogBody/DialogBody.js.map +1 -1
- package/lib/components/DialogBody/DialogBody.types.js.map +1 -1
- package/lib/components/DialogBody/index.js.map +1 -1
- package/lib/components/DialogBody/renderDialogBody.js +1 -3
- package/lib/components/DialogBody/renderDialogBody.js.map +1 -1
- package/lib/components/DialogBody/useDialogBody.js +3 -2
- package/lib/components/DialogBody/useDialogBody.js.map +1 -1
- package/lib/components/DialogBody/useDialogBodyStyles.js +1 -2
- package/lib/components/DialogBody/useDialogBodyStyles.js.map +1 -1
- package/lib/components/DialogContent/DialogContent.js.map +1 -1
- package/lib/components/DialogContent/DialogContent.types.js.map +1 -1
- package/lib/components/DialogContent/index.js.map +1 -1
- package/lib/components/DialogContent/renderDialogContent.js +1 -3
- package/lib/components/DialogContent/renderDialogContent.js.map +1 -1
- package/lib/components/DialogContent/useDialogContent.js +3 -2
- package/lib/components/DialogContent/useDialogContent.js.map +1 -1
- package/lib/components/DialogContent/useDialogContentStyles.js.map +1 -1
- package/lib/components/DialogSurface/DialogSurface.js.map +1 -1
- package/lib/components/DialogSurface/DialogSurface.types.js.map +1 -1
- package/lib/components/DialogSurface/index.js.map +1 -1
- package/lib/components/DialogSurface/renderDialogSurface.js +2 -6
- package/lib/components/DialogSurface/renderDialogSurface.js.map +1 -1
- package/lib/components/DialogSurface/useDialogSurface.js +5 -4
- package/lib/components/DialogSurface/useDialogSurface.js.map +1 -1
- package/lib/components/DialogSurface/useDialogSurfaceContextValues.js.map +1 -1
- package/lib/components/DialogSurface/useDialogSurfaceStyles.js.map +1 -1
- package/lib/components/DialogTitle/DialogTitle.js.map +1 -1
- package/lib/components/DialogTitle/DialogTitle.types.js.map +1 -1
- package/lib/components/DialogTitle/index.js.map +1 -1
- package/lib/components/DialogTitle/renderDialogTitle.js +1 -5
- package/lib/components/DialogTitle/renderDialogTitle.js.map +1 -1
- package/lib/components/DialogTitle/useDialogTitle.js +2 -0
- package/lib/components/DialogTitle/useDialogTitle.js.map +1 -1
- package/lib/components/DialogTitle/useDialogTitleStyles.js.map +1 -1
- package/lib/components/DialogTrigger/DialogTrigger.js +1 -0
- package/lib/components/DialogTrigger/DialogTrigger.js.map +1 -1
- package/lib/components/DialogTrigger/DialogTrigger.types.js +1 -1
- package/lib/components/DialogTrigger/DialogTrigger.types.js.map +1 -1
- package/lib/components/DialogTrigger/index.js.map +1 -1
- package/lib/components/DialogTrigger/renderDialogTrigger.js +1 -2
- package/lib/components/DialogTrigger/renderDialogTrigger.js.map +1 -1
- package/lib/components/DialogTrigger/useDialogTrigger.js +3 -2
- package/lib/components/DialogTrigger/useDialogTrigger.js.map +1 -1
- package/lib/contexts/constants.js.map +1 -1
- package/lib/contexts/dialogContext.js +2 -2
- package/lib/contexts/dialogContext.js.map +1 -1
- package/lib/contexts/dialogSurfaceContext.js +2 -4
- package/lib/contexts/dialogSurfaceContext.js.map +1 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/isEscapeKeyDown.js +1 -0
- package/lib/utils/isEscapeKeyDown.js.map +1 -1
- package/lib/utils/useDisableBodyScroll.js +6 -5
- package/lib/utils/useDisableBodyScroll.js.map +1 -1
- package/lib/utils/useFocusFirstElement.js +4 -3
- package/lib/utils/useFocusFirstElement.js.map +1 -1
- package/lib-commonjs/Dialog.js +5 -4
- package/lib-commonjs/Dialog.js.map +1 -1
- package/lib-commonjs/DialogActions.js +5 -4
- package/lib-commonjs/DialogActions.js.map +1 -1
- package/lib-commonjs/DialogBody.js +5 -4
- package/lib-commonjs/DialogBody.js.map +1 -1
- package/lib-commonjs/DialogContent.js +5 -4
- package/lib-commonjs/DialogContent.js.map +1 -1
- package/lib-commonjs/DialogSurface.js +5 -4
- package/lib-commonjs/DialogSurface.js.map +1 -1
- package/lib-commonjs/DialogTitle.js +5 -4
- package/lib-commonjs/DialogTitle.js.map +1 -1
- package/lib-commonjs/DialogTrigger.js +5 -4
- package/lib-commonjs/DialogTrigger.js.map +1 -1
- package/lib-commonjs/components/Dialog/Dialog.js +16 -19
- package/lib-commonjs/components/Dialog/Dialog.js.map +1 -1
- package/lib-commonjs/components/Dialog/Dialog.types.js +3 -2
- package/lib-commonjs/components/Dialog/Dialog.types.js.map +1 -1
- package/lib-commonjs/components/Dialog/index.js +8 -7
- package/lib-commonjs/components/Dialog/index.js.map +1 -1
- package/lib-commonjs/components/Dialog/renderDialog.js +17 -20
- package/lib-commonjs/components/Dialog/renderDialog.js.map +1 -1
- package/lib-commonjs/components/Dialog/useDialog.js +78 -80
- package/lib-commonjs/components/Dialog/useDialog.js.map +1 -1
- package/lib-commonjs/components/Dialog/useDialogContextValues.js +25 -32
- package/lib-commonjs/components/Dialog/useDialogContextValues.js.map +1 -1
- package/lib-commonjs/components/DialogActions/DialogActions.js +19 -21
- package/lib-commonjs/components/DialogActions/DialogActions.js.map +1 -1
- package/lib-commonjs/components/DialogActions/DialogActions.types.js +3 -2
- package/lib-commonjs/components/DialogActions/DialogActions.types.js.map +1 -1
- package/lib-commonjs/components/DialogActions/index.js +9 -8
- package/lib-commonjs/components/DialogActions/index.js.map +1 -1
- package/lib-commonjs/components/DialogActions/renderDialogActions.js +14 -19
- package/lib-commonjs/components/DialogActions/renderDialogActions.js.map +1 -1
- package/lib-commonjs/components/DialogActions/useDialogActions.js +23 -29
- package/lib-commonjs/components/DialogActions/useDialogActions.js.map +1 -1
- package/lib-commonjs/components/DialogActions/useDialogActionsStyles.js +81 -46
- package/lib-commonjs/components/DialogActions/useDialogActionsStyles.js.map +1 -1
- package/lib-commonjs/components/DialogBody/DialogBody.js +19 -21
- package/lib-commonjs/components/DialogBody/DialogBody.js.map +1 -1
- package/lib-commonjs/components/DialogBody/DialogBody.types.js +3 -2
- package/lib-commonjs/components/DialogBody/DialogBody.types.js.map +1 -1
- package/lib-commonjs/components/DialogBody/index.js +9 -8
- package/lib-commonjs/components/DialogBody/index.js.map +1 -1
- package/lib-commonjs/components/DialogBody/renderDialogBody.js +14 -19
- package/lib-commonjs/components/DialogBody/renderDialogBody.js.map +1 -1
- package/lib-commonjs/components/DialogBody/useDialogBody.js +21 -26
- package/lib-commonjs/components/DialogBody/useDialogBody.js.map +1 -1
- package/lib-commonjs/components/DialogBody/useDialogBodyStyles.js +74 -45
- package/lib-commonjs/components/DialogBody/useDialogBodyStyles.js.map +1 -1
- package/lib-commonjs/components/DialogContent/DialogContent.js +19 -21
- package/lib-commonjs/components/DialogContent/DialogContent.js.map +1 -1
- package/lib-commonjs/components/DialogContent/DialogContent.types.js +3 -2
- package/lib-commonjs/components/DialogContent/DialogContent.types.js.map +1 -1
- package/lib-commonjs/components/DialogContent/index.js +9 -8
- package/lib-commonjs/components/DialogContent/index.js.map +1 -1
- package/lib-commonjs/components/DialogContent/renderDialogContent.js +13 -18
- package/lib-commonjs/components/DialogContent/renderDialogContent.js.map +1 -1
- package/lib-commonjs/components/DialogContent/useDialogContent.js +21 -26
- package/lib-commonjs/components/DialogContent/useDialogContent.js.map +1 -1
- package/lib-commonjs/components/DialogContent/useDialogContentStyles.js +51 -35
- package/lib-commonjs/components/DialogContent/useDialogContentStyles.js.map +1 -1
- package/lib-commonjs/components/DialogSurface/DialogSurface.js +21 -23
- package/lib-commonjs/components/DialogSurface/DialogSurface.js.map +1 -1
- package/lib-commonjs/components/DialogSurface/DialogSurface.types.js +3 -2
- package/lib-commonjs/components/DialogSurface/DialogSurface.types.js.map +1 -1
- package/lib-commonjs/components/DialogSurface/index.js +9 -8
- package/lib-commonjs/components/DialogSurface/index.js.map +1 -1
- package/lib-commonjs/components/DialogSurface/renderDialogSurface.js +17 -24
- package/lib-commonjs/components/DialogSurface/renderDialogSurface.js.map +1 -1
- package/lib-commonjs/components/DialogSurface/useDialogSurface.js +75 -85
- package/lib-commonjs/components/DialogSurface/useDialogSurface.js.map +1 -1
- package/lib-commonjs/components/DialogSurface/useDialogSurfaceContextValues.js +11 -9
- package/lib-commonjs/components/DialogSurface/useDialogSurfaceContextValues.js.map +1 -1
- package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.js +309 -123
- package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.js.map +1 -1
- package/lib-commonjs/components/DialogTitle/DialogTitle.js +19 -21
- package/lib-commonjs/components/DialogTitle/DialogTitle.js.map +1 -1
- package/lib-commonjs/components/DialogTitle/DialogTitle.types.js +3 -2
- package/lib-commonjs/components/DialogTitle/DialogTitle.types.js.map +1 -1
- package/lib-commonjs/components/DialogTitle/index.js +9 -8
- package/lib-commonjs/components/DialogTitle/index.js.map +1 -1
- package/lib-commonjs/components/DialogTitle/renderDialogTitle.js +13 -20
- package/lib-commonjs/components/DialogTitle/renderDialogTitle.js.map +1 -1
- package/lib-commonjs/components/DialogTitle/useDialogTitle.js +43 -51
- package/lib-commonjs/components/DialogTitle/useDialogTitle.js.map +1 -1
- package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.js +225 -107
- package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.js.map +1 -1
- package/lib-commonjs/components/DialogTrigger/DialogTrigger.js +15 -21
- package/lib-commonjs/components/DialogTrigger/DialogTrigger.js.map +1 -1
- package/lib-commonjs/components/DialogTrigger/DialogTrigger.types.js +5 -2
- package/lib-commonjs/components/DialogTrigger/DialogTrigger.types.js.map +1 -1
- package/lib-commonjs/components/DialogTrigger/index.js +8 -7
- package/lib-commonjs/components/DialogTrigger/index.js.map +1 -1
- package/lib-commonjs/components/DialogTrigger/renderDialogTrigger.js +10 -9
- package/lib-commonjs/components/DialogTrigger/renderDialogTrigger.js.map +1 -1
- package/lib-commonjs/components/DialogTrigger/useDialogTrigger.js +45 -53
- package/lib-commonjs/components/DialogTrigger/useDialogTrigger.js.map +1 -1
- package/lib-commonjs/contexts/constants.js +28 -12
- package/lib-commonjs/contexts/constants.js.map +1 -1
- package/lib-commonjs/contexts/dialogContext.js +28 -19
- package/lib-commonjs/contexts/dialogContext.js.map +1 -1
- package/lib-commonjs/contexts/dialogSurfaceContext.js +18 -11
- package/lib-commonjs/contexts/dialogSurfaceContext.js.map +1 -1
- package/lib-commonjs/contexts/index.js +7 -6
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/index.js +50 -197
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/index.js +7 -6
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/isEscapeKeyDown.js +11 -10
- package/lib-commonjs/utils/isEscapeKeyDown.js.map +1 -1
- package/lib-commonjs/utils/useDisableBodyScroll.js +45 -47
- package/lib-commonjs/utils/useDisableBodyScroll.js.map +1 -1
- package/lib-commonjs/utils/useFocusFirstElement.js +42 -37
- package/lib-commonjs/utils/useFocusFirstElement.js.map +1 -1
- package/package.json +14 -13
- package/lib-amd/Dialog.js +0 -6
- package/lib-amd/Dialog.js.map +0 -1
- package/lib-amd/DialogActions.js +0 -6
- package/lib-amd/DialogActions.js.map +0 -1
- package/lib-amd/DialogBody.js +0 -6
- package/lib-amd/DialogBody.js.map +0 -1
- package/lib-amd/DialogContent.js +0 -6
- package/lib-amd/DialogContent.js.map +0 -1
- package/lib-amd/DialogSurface.js +0 -6
- package/lib-amd/DialogSurface.js.map +0 -1
- package/lib-amd/DialogTitle.js +0 -6
- package/lib-amd/DialogTitle.js.map +0 -1
- package/lib-amd/DialogTrigger.js +0 -6
- package/lib-amd/DialogTrigger.js.map +0 -1
- package/lib-amd/components/Dialog/Dialog.js +0 -19
- package/lib-amd/components/Dialog/Dialog.js.map +0 -1
- package/lib-amd/components/Dialog/Dialog.types.js +0 -5
- package/lib-amd/components/Dialog/Dialog.types.js.map +0 -1
- package/lib-amd/components/Dialog/index.js +0 -9
- package/lib-amd/components/Dialog/index.js.map +0 -1
- package/lib-amd/components/Dialog/renderDialog.js +0 -17
- package/lib-amd/components/Dialog/renderDialog.js.map +0 -1
- package/lib-amd/components/Dialog/useDialog.js +0 -78
- package/lib-amd/components/Dialog/useDialog.js.map +0 -1
- package/lib-amd/components/Dialog/useDialogContextValues.js +0 -25
- package/lib-amd/components/Dialog/useDialogContextValues.js.map +0 -1
- package/lib-amd/components/DialogActions/DialogActions.js +0 -18
- package/lib-amd/components/DialogActions/DialogActions.js.map +0 -1
- package/lib-amd/components/DialogActions/DialogActions.types.js +0 -5
- package/lib-amd/components/DialogActions/DialogActions.types.js.map +0 -1
- package/lib-amd/components/DialogActions/index.js +0 -10
- package/lib-amd/components/DialogActions/index.js.map +0 -1
- package/lib-amd/components/DialogActions/renderDialogActions.js +0 -15
- package/lib-amd/components/DialogActions/renderDialogActions.js.map +0 -1
- package/lib-amd/components/DialogActions/useDialogActions.js +0 -26
- package/lib-amd/components/DialogActions/useDialogActions.js.map +0 -1
- package/lib-amd/components/DialogActions/useDialogActionsStyles.js +0 -27
- package/lib-amd/components/DialogActions/useDialogActionsStyles.js.map +0 -1
- package/lib-amd/components/DialogBody/DialogBody.js +0 -18
- package/lib-amd/components/DialogBody/DialogBody.js.map +0 -1
- package/lib-amd/components/DialogBody/DialogBody.types.js +0 -5
- package/lib-amd/components/DialogBody/DialogBody.types.js.map +0 -1
- package/lib-amd/components/DialogBody/index.js +0 -10
- package/lib-amd/components/DialogBody/index.js.map +0 -1
- package/lib-amd/components/DialogBody/renderDialogBody.js +0 -15
- package/lib-amd/components/DialogBody/renderDialogBody.js.map +0 -1
- package/lib-amd/components/DialogBody/useDialogBody.js +0 -25
- package/lib-amd/components/DialogBody/useDialogBody.js.map +0 -1
- package/lib-amd/components/DialogBody/useDialogBodyStyles.js +0 -31
- package/lib-amd/components/DialogBody/useDialogBodyStyles.js.map +0 -1
- package/lib-amd/components/DialogContent/DialogContent.js +0 -18
- package/lib-amd/components/DialogContent/DialogContent.js.map +0 -1
- package/lib-amd/components/DialogContent/DialogContent.types.js +0 -5
- package/lib-amd/components/DialogContent/DialogContent.types.js.map +0 -1
- package/lib-amd/components/DialogContent/index.js +0 -10
- package/lib-amd/components/DialogContent/index.js.map +0 -1
- package/lib-amd/components/DialogContent/renderDialogContent.js +0 -14
- package/lib-amd/components/DialogContent/renderDialogContent.js.map +0 -1
- package/lib-amd/components/DialogContent/useDialogContent.js +0 -25
- package/lib-amd/components/DialogContent/useDialogContent.js.map +0 -1
- package/lib-amd/components/DialogContent/useDialogContentStyles.js +0 -24
- package/lib-amd/components/DialogContent/useDialogContentStyles.js.map +0 -1
- package/lib-amd/components/DialogSurface/DialogSurface.js +0 -19
- package/lib-amd/components/DialogSurface/DialogSurface.js.map +0 -1
- package/lib-amd/components/DialogSurface/DialogSurface.types.js +0 -5
- package/lib-amd/components/DialogSurface/DialogSurface.types.js.map +0 -1
- package/lib-amd/components/DialogSurface/index.js +0 -10
- package/lib-amd/components/DialogSurface/index.js.map +0 -1
- package/lib-amd/components/DialogSurface/renderDialogSurface.js +0 -17
- package/lib-amd/components/DialogSurface/renderDialogSurface.js.map +0 -1
- package/lib-amd/components/DialogSurface/useDialogSurface.js +0 -70
- package/lib-amd/components/DialogSurface/useDialogSurface.js.map +0 -1
- package/lib-amd/components/DialogSurface/useDialogSurfaceContextValues.js +0 -11
- package/lib-amd/components/DialogSurface/useDialogSurfaceContextValues.js.map +0 -1
- package/lib-amd/components/DialogSurface/useDialogSurfaceStyles.js +0 -44
- package/lib-amd/components/DialogSurface/useDialogSurfaceStyles.js.map +0 -1
- package/lib-amd/components/DialogTitle/DialogTitle.js +0 -18
- package/lib-amd/components/DialogTitle/DialogTitle.js.map +0 -1
- package/lib-amd/components/DialogTitle/DialogTitle.types.js +0 -5
- package/lib-amd/components/DialogTitle/DialogTitle.types.js.map +0 -1
- package/lib-amd/components/DialogTitle/index.js +0 -10
- package/lib-amd/components/DialogTitle/index.js.map +0 -1
- package/lib-amd/components/DialogTitle/renderDialogTitle.js +0 -16
- package/lib-amd/components/DialogTitle/renderDialogTitle.js.map +0 -1
- package/lib-amd/components/DialogTitle/useDialogTitle.js +0 -36
- package/lib-amd/components/DialogTitle/useDialogTitle.js.map +0 -1
- package/lib-amd/components/DialogTitle/useDialogTitleStyles.js +0 -37
- package/lib-amd/components/DialogTitle/useDialogTitleStyles.js.map +0 -1
- package/lib-amd/components/DialogTrigger/DialogTrigger.js +0 -24
- package/lib-amd/components/DialogTrigger/DialogTrigger.js.map +0 -1
- package/lib-amd/components/DialogTrigger/DialogTrigger.types.js +0 -5
- package/lib-amd/components/DialogTrigger/DialogTrigger.types.js.map +0 -1
- package/lib-amd/components/DialogTrigger/index.js +0 -9
- package/lib-amd/components/DialogTrigger/index.js.map +0 -1
- package/lib-amd/components/DialogTrigger/renderDialogTrigger.js +0 -13
- package/lib-amd/components/DialogTrigger/renderDialogTrigger.js.map +0 -1
- package/lib-amd/components/DialogTrigger/useDialogTrigger.js +0 -37
- package/lib-amd/components/DialogTrigger/useDialogTrigger.js.map +0 -1
- package/lib-amd/contexts/constants.js +0 -15
- package/lib-amd/contexts/constants.js.map +0 -1
- package/lib-amd/contexts/dialogContext.js +0 -26
- package/lib-amd/contexts/dialogContext.js.map +0 -1
- package/lib-amd/contexts/dialogSurfaceContext.js +0 -11
- package/lib-amd/contexts/dialogSurfaceContext.js.map +0 -1
- package/lib-amd/contexts/index.js +0 -8
- package/lib-amd/contexts/index.js.map +0 -1
- package/lib-amd/index.js +0 -37
- package/lib-amd/index.js.map +0 -1
- package/lib-amd/utils/index.js +0 -8
- package/lib-amd/utils/index.js.map +0 -1
- package/lib-amd/utils/isEscapeKeyDown.js +0 -13
- package/lib-amd/utils/isEscapeKeyDown.js.map +0 -1
- package/lib-amd/utils/useDisableBodyScroll.js +0 -52
- package/lib-amd/utils/useDisableBodyScroll.js.map +0 -1
- package/lib-amd/utils/useFocusFirstElement.js +0 -38
- package/lib-amd/utils/useFocusFirstElement.js.map +0 -1
package/lib-commonjs/index.js
CHANGED
|
@@ -1,200 +1,53 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
get: function () {
|
|
55
|
-
return DialogActions_1.dialogActionsClassNames;
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
Object.defineProperty(exports, "useDialogActions_unstable", {
|
|
59
|
-
enumerable: true,
|
|
60
|
-
get: function () {
|
|
61
|
-
return DialogActions_1.useDialogActions_unstable;
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
Object.defineProperty(exports, "useDialogActionsStyles_unstable", {
|
|
65
|
-
enumerable: true,
|
|
66
|
-
get: function () {
|
|
67
|
-
return DialogActions_1.useDialogActionsStyles_unstable;
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
Object.defineProperty(exports, "renderDialogActions_unstable", {
|
|
71
|
-
enumerable: true,
|
|
72
|
-
get: function () {
|
|
73
|
-
return DialogActions_1.renderDialogActions_unstable;
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
var DialogBody_1 = /*#__PURE__*/require("./DialogBody");
|
|
77
|
-
Object.defineProperty(exports, "DialogBody", {
|
|
78
|
-
enumerable: true,
|
|
79
|
-
get: function () {
|
|
80
|
-
return DialogBody_1.DialogBody;
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
Object.defineProperty(exports, "dialogBodyClassNames", {
|
|
84
|
-
enumerable: true,
|
|
85
|
-
get: function () {
|
|
86
|
-
return DialogBody_1.dialogBodyClassNames;
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
Object.defineProperty(exports, "useDialogBody_unstable", {
|
|
90
|
-
enumerable: true,
|
|
91
|
-
get: function () {
|
|
92
|
-
return DialogBody_1.useDialogBody_unstable;
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
Object.defineProperty(exports, "useDialogBodyStyles_unstable", {
|
|
96
|
-
enumerable: true,
|
|
97
|
-
get: function () {
|
|
98
|
-
return DialogBody_1.useDialogBodyStyles_unstable;
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
Object.defineProperty(exports, "renderDialogBody_unstable", {
|
|
102
|
-
enumerable: true,
|
|
103
|
-
get: function () {
|
|
104
|
-
return DialogBody_1.renderDialogBody_unstable;
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
var DialogTitle_1 = /*#__PURE__*/require("./DialogTitle");
|
|
108
|
-
Object.defineProperty(exports, "DialogTitle", {
|
|
109
|
-
enumerable: true,
|
|
110
|
-
get: function () {
|
|
111
|
-
return DialogTitle_1.DialogTitle;
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
Object.defineProperty(exports, "dialogTitleClassNames", {
|
|
115
|
-
enumerable: true,
|
|
116
|
-
get: function () {
|
|
117
|
-
return DialogTitle_1.dialogTitleClassNames;
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
Object.defineProperty(exports, "useDialogTitle_unstable", {
|
|
121
|
-
enumerable: true,
|
|
122
|
-
get: function () {
|
|
123
|
-
return DialogTitle_1.useDialogTitle_unstable;
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
Object.defineProperty(exports, "useDialogTitleStyles_unstable", {
|
|
127
|
-
enumerable: true,
|
|
128
|
-
get: function () {
|
|
129
|
-
return DialogTitle_1.useDialogTitleStyles_unstable;
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
Object.defineProperty(exports, "renderDialogTitle_unstable", {
|
|
133
|
-
enumerable: true,
|
|
134
|
-
get: function () {
|
|
135
|
-
return DialogTitle_1.renderDialogTitle_unstable;
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
|
-
var DialogSurface_1 = /*#__PURE__*/require("./DialogSurface");
|
|
139
|
-
Object.defineProperty(exports, "DialogSurface", {
|
|
140
|
-
enumerable: true,
|
|
141
|
-
get: function () {
|
|
142
|
-
return DialogSurface_1.DialogSurface;
|
|
143
|
-
}
|
|
144
|
-
});
|
|
145
|
-
Object.defineProperty(exports, "dialogSurfaceClassNames", {
|
|
146
|
-
enumerable: true,
|
|
147
|
-
get: function () {
|
|
148
|
-
return DialogSurface_1.dialogSurfaceClassNames;
|
|
149
|
-
}
|
|
150
|
-
});
|
|
151
|
-
Object.defineProperty(exports, "useDialogSurface_unstable", {
|
|
152
|
-
enumerable: true,
|
|
153
|
-
get: function () {
|
|
154
|
-
return DialogSurface_1.useDialogSurface_unstable;
|
|
155
|
-
}
|
|
156
|
-
});
|
|
157
|
-
Object.defineProperty(exports, "useDialogSurfaceStyles_unstable", {
|
|
158
|
-
enumerable: true,
|
|
159
|
-
get: function () {
|
|
160
|
-
return DialogSurface_1.useDialogSurfaceStyles_unstable;
|
|
161
|
-
}
|
|
162
|
-
});
|
|
163
|
-
Object.defineProperty(exports, "renderDialogSurface_unstable", {
|
|
164
|
-
enumerable: true,
|
|
165
|
-
get: function () {
|
|
166
|
-
return DialogSurface_1.renderDialogSurface_unstable;
|
|
167
|
-
}
|
|
168
|
-
});
|
|
169
|
-
var DialogContent_1 = /*#__PURE__*/require("./DialogContent");
|
|
170
|
-
Object.defineProperty(exports, "DialogContent", {
|
|
171
|
-
enumerable: true,
|
|
172
|
-
get: function () {
|
|
173
|
-
return DialogContent_1.DialogContent;
|
|
174
|
-
}
|
|
175
|
-
});
|
|
176
|
-
Object.defineProperty(exports, "dialogContentClassNames", {
|
|
177
|
-
enumerable: true,
|
|
178
|
-
get: function () {
|
|
179
|
-
return DialogContent_1.dialogContentClassNames;
|
|
180
|
-
}
|
|
181
|
-
});
|
|
182
|
-
Object.defineProperty(exports, "useDialogContent_unstable", {
|
|
183
|
-
enumerable: true,
|
|
184
|
-
get: function () {
|
|
185
|
-
return DialogContent_1.useDialogContent_unstable;
|
|
186
|
-
}
|
|
187
|
-
});
|
|
188
|
-
Object.defineProperty(exports, "useDialogContentStyles_unstable", {
|
|
189
|
-
enumerable: true,
|
|
190
|
-
get: function () {
|
|
191
|
-
return DialogContent_1.useDialogContentStyles_unstable;
|
|
192
|
-
}
|
|
193
|
-
});
|
|
194
|
-
Object.defineProperty(exports, "renderDialogContent_unstable", {
|
|
195
|
-
enumerable: true,
|
|
196
|
-
get: function () {
|
|
197
|
-
return DialogContent_1.renderDialogContent_unstable;
|
|
198
|
-
}
|
|
199
|
-
});
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
Dialog: ()=>_dialog.Dialog,
|
|
13
|
+
renderDialog_unstable: ()=>_dialog.renderDialog_unstable,
|
|
14
|
+
useDialog_unstable: ()=>_dialog.useDialog_unstable,
|
|
15
|
+
DialogTrigger: ()=>_dialogTrigger.DialogTrigger,
|
|
16
|
+
useDialogTrigger_unstable: ()=>_dialogTrigger.useDialogTrigger_unstable,
|
|
17
|
+
renderDialogTrigger_unstable: ()=>_dialogTrigger.renderDialogTrigger_unstable,
|
|
18
|
+
DialogActions: ()=>_dialogActions.DialogActions,
|
|
19
|
+
dialogActionsClassNames: ()=>_dialogActions.dialogActionsClassNames,
|
|
20
|
+
useDialogActions_unstable: ()=>_dialogActions.useDialogActions_unstable,
|
|
21
|
+
useDialogActionsStyles_unstable: ()=>_dialogActions.useDialogActionsStyles_unstable,
|
|
22
|
+
renderDialogActions_unstable: ()=>_dialogActions.renderDialogActions_unstable,
|
|
23
|
+
DialogBody: ()=>_dialogBody.DialogBody,
|
|
24
|
+
dialogBodyClassNames: ()=>_dialogBody.dialogBodyClassNames,
|
|
25
|
+
useDialogBody_unstable: ()=>_dialogBody.useDialogBody_unstable,
|
|
26
|
+
useDialogBodyStyles_unstable: ()=>_dialogBody.useDialogBodyStyles_unstable,
|
|
27
|
+
renderDialogBody_unstable: ()=>_dialogBody.renderDialogBody_unstable,
|
|
28
|
+
DialogTitle: ()=>_dialogTitle.DialogTitle,
|
|
29
|
+
dialogTitleClassNames: ()=>_dialogTitle.dialogTitleClassNames,
|
|
30
|
+
useDialogTitle_unstable: ()=>_dialogTitle.useDialogTitle_unstable,
|
|
31
|
+
useDialogTitleStyles_unstable: ()=>_dialogTitle.useDialogTitleStyles_unstable,
|
|
32
|
+
renderDialogTitle_unstable: ()=>_dialogTitle.renderDialogTitle_unstable,
|
|
33
|
+
DialogSurface: ()=>_dialogSurface.DialogSurface,
|
|
34
|
+
dialogSurfaceClassNames: ()=>_dialogSurface.dialogSurfaceClassNames,
|
|
35
|
+
useDialogSurface_unstable: ()=>_dialogSurface.useDialogSurface_unstable,
|
|
36
|
+
useDialogSurfaceStyles_unstable: ()=>_dialogSurface.useDialogSurfaceStyles_unstable,
|
|
37
|
+
renderDialogSurface_unstable: ()=>_dialogSurface.renderDialogSurface_unstable,
|
|
38
|
+
DialogContent: ()=>_dialogContent.DialogContent,
|
|
39
|
+
dialogContentClassNames: ()=>_dialogContent.dialogContentClassNames,
|
|
40
|
+
useDialogContent_unstable: ()=>_dialogContent.useDialogContent_unstable,
|
|
41
|
+
useDialogContentStyles_unstable: ()=>_dialogContent.useDialogContentStyles_unstable,
|
|
42
|
+
renderDialogContent_unstable: ()=>_dialogContent.renderDialogContent_unstable
|
|
43
|
+
});
|
|
44
|
+
const _dialog = require("./Dialog");
|
|
45
|
+
const _dialogTrigger = require("./DialogTrigger");
|
|
46
|
+
const _dialogActions = require("./DialogActions");
|
|
47
|
+
const _dialogBody = require("./DialogBody");
|
|
48
|
+
const _dialogTitle = require("./DialogTitle");
|
|
49
|
+
const _dialogSurface = require("./DialogSurface");
|
|
50
|
+
const _dialogContent = require("./DialogContent");
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
52
|
+
|
|
200
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Dialog, renderDialog_unstable, useDialog_unstable } from './Dialog';\nexport { DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable } from './DialogTrigger';\nexport { DialogActions, dialogActionsClassNames, useDialogActions_unstable, useDialogActionsStyles_unstable, renderDialogActions_unstable } from './DialogActions';\nexport { DialogBody, dialogBodyClassNames, useDialogBody_unstable, useDialogBodyStyles_unstable, renderDialogBody_unstable } from './DialogBody';\nexport { DialogTitle, dialogTitleClassNames, useDialogTitle_unstable, useDialogTitleStyles_unstable, renderDialogTitle_unstable } from './DialogTitle';\nexport { DialogSurface, dialogSurfaceClassNames, useDialogSurface_unstable, useDialogSurfaceStyles_unstable, renderDialogSurface_unstable } from './DialogSurface';\nexport { DialogContent, dialogContentClassNames, useDialogContent_unstable, useDialogContentStyles_unstable, renderDialogContent_unstable } from './DialogContent';\n//# sourceMappingURL=index.js.map"],"names":["Dialog","renderDialog_unstable","useDialog_unstable","DialogTrigger","useDialogTrigger_unstable","renderDialogTrigger_unstable","DialogActions","dialogActionsClassNames","useDialogActions_unstable","useDialogActionsStyles_unstable","renderDialogActions_unstable","DialogBody","dialogBodyClassNames","useDialogBody_unstable","useDialogBodyStyles_unstable","renderDialogBody_unstable","DialogTitle","dialogTitleClassNames","useDialogTitle_unstable","useDialogTitleStyles_unstable","renderDialogTitle_unstable","DialogSurface","dialogSurfaceClassNames","useDialogSurface_unstable","useDialogSurfaceStyles_unstable","renderDialogSurface_unstable","DialogContent","dialogContentClassNames","useDialogContent_unstable","useDialogContentStyles_unstable","renderDialogContent_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM,MAANA,cAAM;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,kBAAkB,MAAlBA,0BAAkB;IACjDC,aAAa,MAAbA,4BAAa;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAAEC,4BAA4B,MAA5BA,2CAA4B;IACtEC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAChIC,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,sBAAsB,MAAtBA,kCAAsB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,yBAAyB,MAAzBA,qCAAyB;IACjHC,WAAW,MAAXA,wBAAW;IAAEC,qBAAqB,MAArBA,kCAAqB;IAAEC,uBAAuB,MAAvBA,oCAAuB;IAAEC,6BAA6B,MAA7BA,0CAA6B;IAAEC,0BAA0B,MAA1BA,uCAA0B;IACtHC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAChIC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,4BAA4B,MAA5BA,2CAA4B;;wBANvE;+BACqB;+BAC0D;4BACf;6BACK;+BACU;+BACA;CACjJ,iCAAiC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./isEscapeKeyDown"), exports);
|
|
7
|
+
_exportStar(require("./useDisableBodyScroll"), exports);
|
|
8
|
+
_exportStar(require("./useFocusFirstElement"), exports);
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
10
|
+
|
|
10
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/index.js"],"sourcesContent":["export * from './isEscapeKeyDown';\nexport * from './useDisableBodyScroll';\nexport * from './useFocusFirstElement';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;CACd,iCAAiC"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "isEscapeKeyDismiss", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>isEscapeKeyDismiss
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
* Checks if keydown event is a proper Escape key dismiss
|
|
10
|
-
*/
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _keyboardKeys = require("@fluentui/keyboard-keys");
|
|
11
12
|
function isEscapeKeyDismiss(event, modalType) {
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
|
|
13
|
+
return event.key === _keyboardKeys.Escape && modalType !== 'alert' && !event.isDefaultPrevented();
|
|
14
|
+
} //# sourceMappingURL=isEscapeKeyDown.js.map
|
|
15
|
+
|
|
15
16
|
//# sourceMappingURL=isEscapeKeyDown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/isEscapeKeyDown.js"],"sourcesContent":["import * as React from 'react';\nimport { Escape } from '@fluentui/keyboard-keys';\n/**\n * Checks if keydown event is a proper Escape key dismiss\n */\nexport function isEscapeKeyDismiss(event, modalType) {\n return event.key === Escape && modalType !== 'alert' && !event.isDefaultPrevented();\n}\n//# sourceMappingURL=isEscapeKeyDown.js.map"],"names":["isEscapeKeyDismiss","event","modalType","key","Escape","isDefaultPrevented"],"mappings":";;;;+BAKgBA;;aAAAA;;;6DALO;8BACA;AAIhB,SAASA,mBAAmBC,KAAK,EAAEC,SAAS,EAAE;IACnD,OAAOD,MAAME,GAAG,KAAKC,oBAAM,IAAIF,cAAc,WAAW,CAACD,MAAMI,kBAAkB;AACnF,EACA,2CAA2C"}
|
|
@@ -1,59 +1,57 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
useDisableBodyScroll: ()=>useDisableBodyScroll,
|
|
13
|
+
disableScroll: ()=>disableScroll
|
|
5
14
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
15
|
+
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
|
16
|
+
const _react = require("react");
|
|
17
|
+
var _element, _disableScrollElementProp;
|
|
9
18
|
const disableScrollElementProp = '__fluentDisableScrollElement';
|
|
10
|
-
/**
|
|
11
|
-
* hook that disables body scrolling through `overflow: hidden` CSS property
|
|
12
|
-
*/
|
|
13
19
|
function useDisableBodyScroll() {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
const { targetDocument } = (0, _reactSharedContexts.useFluent_unstable)();
|
|
21
|
+
return (0, _react.useCallback)(()=>{
|
|
22
|
+
if (targetDocument) {
|
|
23
|
+
return disableScroll(targetDocument.body);
|
|
24
|
+
}
|
|
25
|
+
}, [
|
|
26
|
+
targetDocument
|
|
27
|
+
]);
|
|
22
28
|
}
|
|
23
|
-
exports.useDisableBodyScroll = useDisableBodyScroll;
|
|
24
|
-
/**
|
|
25
|
-
* disables scrolling from a given element through `overflow: hidden` CSS property
|
|
26
|
-
* @param target - element to disable scrolling from
|
|
27
|
-
* @returns a method for enabling scrolling again
|
|
28
|
-
*/
|
|
29
29
|
function disableScroll(target) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
assertIsDisableScrollElement(target);
|
|
36
|
-
if (target[disableScrollElementProp].count === 0) {
|
|
37
|
-
target.style.overflow = 'hidden';
|
|
38
|
-
target.style.paddingRight = `${innerWidth - clientWidth}px`;
|
|
39
|
-
}
|
|
40
|
-
target[disableScrollElementProp].count++;
|
|
41
|
-
return () => {
|
|
42
|
-
target[disableScrollElementProp].count--;
|
|
30
|
+
var _target_ownerDocument_defaultView;
|
|
31
|
+
const { clientWidth } = target.ownerDocument.documentElement;
|
|
32
|
+
var _target_ownerDocument_defaultView_innerWidth;
|
|
33
|
+
const innerWidth = (_target_ownerDocument_defaultView_innerWidth = (_target_ownerDocument_defaultView = target.ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.innerWidth) !== null && _target_ownerDocument_defaultView_innerWidth !== void 0 ? _target_ownerDocument_defaultView_innerWidth : 0;
|
|
34
|
+
assertIsDisableScrollElement(target);
|
|
43
35
|
if (target[disableScrollElementProp].count === 0) {
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
target.style.overflow = 'hidden';
|
|
37
|
+
target.style.paddingRight = `${innerWidth - clientWidth}px`;
|
|
46
38
|
}
|
|
47
|
-
|
|
39
|
+
target[disableScrollElementProp].count++;
|
|
40
|
+
return ()=>{
|
|
41
|
+
target[disableScrollElementProp].count--;
|
|
42
|
+
if (target[disableScrollElementProp].count === 0) {
|
|
43
|
+
target.style.overflow = target[disableScrollElementProp].previousOverflowStyle;
|
|
44
|
+
target.style.paddingRight = target[disableScrollElementProp].previousPaddingRightStyle;
|
|
45
|
+
}
|
|
46
|
+
};
|
|
48
47
|
}
|
|
49
|
-
exports.disableScroll = disableScroll;
|
|
50
48
|
function assertIsDisableScrollElement(element) {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
49
|
+
var _;
|
|
50
|
+
(_ = (_element = element)[_disableScrollElementProp = disableScrollElementProp]) !== null && _ !== void 0 ? _ : _element[_disableScrollElementProp] = {
|
|
51
|
+
count: 0,
|
|
52
|
+
previousOverflowStyle: element.style.overflow,
|
|
53
|
+
previousPaddingRightStyle: element.style.paddingRight
|
|
54
|
+
};
|
|
55
|
+
} //# sourceMappingURL=useDisableBodyScroll.js.map
|
|
56
|
+
|
|
59
57
|
//# sourceMappingURL=useDisableBodyScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/useDisableBodyScroll.js"],"sourcesContent":["var _element, _disableScrollElementProp;\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\nconst disableScrollElementProp = '__fluentDisableScrollElement';\n/**\n * hook that disables body scrolling through `overflow: hidden` CSS property\n */\nexport function useDisableBodyScroll() {\n const {\n targetDocument\n } = useFluent_unstable();\n return useCallback(() => {\n if (targetDocument) {\n return disableScroll(targetDocument.body);\n }\n }, [targetDocument]);\n}\n/**\n * disables scrolling from a given element through `overflow: hidden` CSS property\n * @param target - element to disable scrolling from\n * @returns a method for enabling scrolling again\n */\nexport function disableScroll(target) {\n var _target_ownerDocument_defaultView;\n const {\n clientWidth\n } = target.ownerDocument.documentElement;\n var _target_ownerDocument_defaultView_innerWidth;\n const innerWidth = (_target_ownerDocument_defaultView_innerWidth = (_target_ownerDocument_defaultView = target.ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.innerWidth) !== null && _target_ownerDocument_defaultView_innerWidth !== void 0 ? _target_ownerDocument_defaultView_innerWidth : 0;\n assertIsDisableScrollElement(target);\n if (target[disableScrollElementProp].count === 0) {\n target.style.overflow = 'hidden';\n target.style.paddingRight = `${innerWidth - clientWidth}px`;\n }\n target[disableScrollElementProp].count++;\n return () => {\n target[disableScrollElementProp].count--;\n if (target[disableScrollElementProp].count === 0) {\n target.style.overflow = target[disableScrollElementProp].previousOverflowStyle;\n target.style.paddingRight = target[disableScrollElementProp].previousPaddingRightStyle;\n }\n };\n}\nfunction assertIsDisableScrollElement(element) {\n var _;\n (_ = (_element = element)[_disableScrollElementProp = disableScrollElementProp]) !== null && _ !== void 0 ? _ : _element[_disableScrollElementProp] = {\n count: 0,\n previousOverflowStyle: element.style.overflow,\n previousPaddingRightStyle: element.style.paddingRight\n };\n}\n//# sourceMappingURL=useDisableBodyScroll.js.map"],"names":["useDisableBodyScroll","disableScroll","_element","_disableScrollElementProp","disableScrollElementProp","targetDocument","useFluent_unstable","useCallback","body","target","_target_ownerDocument_defaultView","clientWidth","ownerDocument","documentElement","_target_ownerDocument_defaultView_innerWidth","innerWidth","defaultView","assertIsDisableScrollElement","count","style","overflow","paddingRight","previousOverflowStyle","previousPaddingRightStyle","element","_"],"mappings":";;;;;;;;;;;IAOgBA,oBAAoB,MAApBA;IAeAC,aAAa,MAAbA;;qCArBmB;uBACP;AAF5B,IAAIC,UAAUC;AAGd,MAAMC,2BAA2B;AAI1B,SAASJ,uBAAuB;IACrC,MAAM,EACJK,eAAc,EACf,GAAGC,IAAAA,uCAAkB;IACtB,OAAOC,IAAAA,kBAAW,EAAC,IAAM;QACvB,IAAIF,gBAAgB;YAClB,OAAOJ,cAAcI,eAAeG,IAAI;QAC1C,CAAC;IACH,GAAG;QAACH;KAAe;AACrB;AAMO,SAASJ,cAAcQ,MAAM,EAAE;IACpC,IAAIC;IACJ,MAAM,EACJC,YAAW,EACZ,GAAGF,OAAOG,aAAa,CAACC,eAAe;IACxC,IAAIC;IACJ,MAAMC,aAAa,AAACD,CAAAA,+CAA+C,AAACJ,CAAAA,oCAAoCD,OAAOG,aAAa,CAACI,WAAW,AAAD,MAAO,IAAI,IAAIN,sCAAsC,KAAK,IAAI,KAAK,IAAIA,kCAAkCK,UAAU,AAAD,MAAO,IAAI,IAAID,iDAAiD,KAAK,IAAIA,+CAA+C,CAAC;IAClXG,6BAA6BR;IAC7B,IAAIA,MAAM,CAACL,yBAAyB,CAACc,KAAK,KAAK,GAAG;QAChDT,OAAOU,KAAK,CAACC,QAAQ,GAAG;QACxBX,OAAOU,KAAK,CAACE,YAAY,GAAG,CAAC,EAAEN,aAAaJ,YAAY,EAAE,CAAC;IAC7D,CAAC;IACDF,MAAM,CAACL,yBAAyB,CAACc,KAAK;IACtC,OAAO,IAAM;QACXT,MAAM,CAACL,yBAAyB,CAACc,KAAK;QACtC,IAAIT,MAAM,CAACL,yBAAyB,CAACc,KAAK,KAAK,GAAG;YAChDT,OAAOU,KAAK,CAACC,QAAQ,GAAGX,MAAM,CAACL,yBAAyB,CAACkB,qBAAqB;YAC9Eb,OAAOU,KAAK,CAACE,YAAY,GAAGZ,MAAM,CAACL,yBAAyB,CAACmB,yBAAyB;QACxF,CAAC;IACH;AACF;AACA,SAASN,6BAA6BO,OAAO,EAAE;IAC7C,IAAIC;IACHA,CAAAA,IAAI,AAACvB,CAAAA,WAAWsB,OAAM,CAAE,CAACrB,4BAA4BC,yBAAyB,AAAD,MAAO,IAAI,IAAIqB,MAAM,KAAK,IAAIA,IAAIvB,QAAQ,CAACC,0BAA0B,GAAG;QACpJe,OAAO;QACPI,uBAAuBE,QAAQL,KAAK,CAACC,QAAQ;QAC7CG,2BAA2BC,QAAQL,KAAK,CAACE,YAAY;IACvD,CAAC;AACH,EACA,gDAAgD"}
|
|
@@ -1,42 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useFocusFirstElement", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useFocusFirstElement
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
/**
|
|
11
|
-
* Focus first element on content when dialog is opened,
|
|
12
|
-
*/
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _reactTabster = require("@fluentui/react-tabster");
|
|
12
|
+
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
|
13
13
|
function useFocusFirstElement(open, modalType) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
14
|
+
const { findFirstFocusable } = (0, _reactTabster.useFocusFinders)();
|
|
15
|
+
const { targetDocument } = (0, _reactSharedContexts.useFluent_unstable)();
|
|
16
|
+
const dialogRef = _react.useRef(null);
|
|
17
|
+
const triggerRef = _react.useRef();
|
|
18
|
+
_react.useEffect(()=>{
|
|
19
|
+
if (!open) {
|
|
20
|
+
var _triggerRef_current;
|
|
21
|
+
return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
|
|
22
|
+
}
|
|
23
|
+
triggerRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
|
|
24
|
+
const element = dialogRef.current && findFirstFocusable(dialogRef.current);
|
|
25
|
+
if (element) {
|
|
26
|
+
element.focus();
|
|
27
|
+
} else {
|
|
28
|
+
var _dialogRef_current;
|
|
29
|
+
(_dialogRef_current = dialogRef.current) === null || _dialogRef_current === void 0 ? void 0 : _dialogRef_current.focus(); // https://github.com/microsoft/fluentui/issues/25150
|
|
30
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
31
|
+
// eslint-disable-next-line no-console
|
|
32
|
+
console.warn([
|
|
33
|
+
'@fluentui/react-dialog: a Dialog should have at least one focusable element inside DialogSurface.',
|
|
34
|
+
'Please add at least a close button either on `DialogTitle` action slot or inside `DialogActions`'
|
|
35
|
+
].join('\n'));
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}, [
|
|
39
|
+
findFirstFocusable,
|
|
40
|
+
open,
|
|
41
|
+
modalType,
|
|
42
|
+
targetDocument
|
|
43
|
+
]);
|
|
44
|
+
return dialogRef;
|
|
45
|
+
} //# sourceMappingURL=useFocusFirstElement.js.map
|
|
46
|
+
|
|
42
47
|
//# sourceMappingURL=useFocusFirstElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/useFocusFirstElement.js"],"sourcesContent":["import * as React from 'react';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Focus first element on content when dialog is opened,\n */\nexport function useFocusFirstElement(open, modalType) {\n const {\n findFirstFocusable\n } = useFocusFinders();\n const {\n targetDocument\n } = useFluent_unstable();\n const dialogRef = React.useRef(null);\n const triggerRef = React.useRef();\n React.useEffect(() => {\n if (!open) {\n var _triggerRef_current;\n return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n }\n triggerRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;\n const element = dialogRef.current && findFirstFocusable(dialogRef.current);\n if (element) {\n element.focus();\n } else {\n var _dialogRef_current;\n (_dialogRef_current = dialogRef.current) === null || _dialogRef_current === void 0 ? void 0 : _dialogRef_current.focus(); // https://github.com/microsoft/fluentui/issues/25150\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(['@fluentui/react-dialog: a Dialog should have at least one focusable element inside DialogSurface.', 'Please add at least a close button either on `DialogTitle` action slot or inside `DialogActions`'].join('\\n'));\n }\n }\n }, [findFirstFocusable, open, modalType, targetDocument]);\n return dialogRef;\n}\n//# sourceMappingURL=useFocusFirstElement.js.map"],"names":["useFocusFirstElement","open","modalType","findFirstFocusable","useFocusFinders","targetDocument","useFluent_unstable","dialogRef","React","useRef","triggerRef","useEffect","_triggerRef_current","current","focus","activeElement","element","_dialogRef_current","process","env","NODE_ENV","console","warn","join"],"mappings":";;;;+BAMgBA;;aAAAA;;;6DANO;8BACS;qCACG;AAI5B,SAASA,qBAAqBC,IAAI,EAAEC,SAAS,EAAE;IACpD,MAAM,EACJC,mBAAkB,EACnB,GAAGC,IAAAA,6BAAe;IACnB,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAkB;IACtB,MAAMC,YAAYC,OAAMC,MAAM,CAAC,IAAI;IACnC,MAAMC,aAAaF,OAAMC,MAAM;IAC/BD,OAAMG,SAAS,CAAC,IAAM;QACpB,IAAI,CAACV,MAAM;YACT,IAAIW;YACJ,OAAO,AAACA,CAAAA,sBAAsBF,WAAWG,OAAO,AAAD,MAAO,IAAI,IAAID,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBE,KAAK,EAAE;QACrI,CAAC;QACDJ,WAAWG,OAAO,GAAGR,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeU,aAAa;QACjH,MAAMC,UAAUT,UAAUM,OAAO,IAAIV,mBAAmBI,UAAUM,OAAO;QACzE,IAAIG,SAAS;YACXA,QAAQF,KAAK;QACf,OAAO;YACL,IAAIG;YACHA,CAAAA,qBAAqBV,UAAUM,OAAO,AAAD,MAAO,IAAI,IAAII,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBH,KAAK,EAAE,EAAE,qDAAqD;YAC/K,IAAII,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;gBACzC,sCAAsC;gBACtCC,QAAQC,IAAI,CAAC;oBAAC;oBAAqG;iBAAmG,CAACC,IAAI,CAAC;YAC9N,CAAC;QACH,CAAC;IACH,GAAG;QAACpB;QAAoBF;QAAMC;QAAWG;KAAe;IACxD,OAAOE;AACT,EACA,gDAAgD"}
|