@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
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { useModalAttributes } from '@fluentui/react-tabster';
|
|
2
3
|
import { applyTriggerPropsToChildren, getTriggerChild, useEventCallback } from '@fluentui/react-utilities';
|
|
3
4
|
import { useDialogContext_unstable, useDialogSurfaceContext_unstable } from '../../contexts';
|
|
@@ -22,8 +23,8 @@ export const useDialogTrigger_unstable = props => {
|
|
|
22
23
|
triggerAttributes
|
|
23
24
|
} = useModalAttributes();
|
|
24
25
|
const handleClick = useEventCallback(event => {
|
|
25
|
-
var
|
|
26
|
-
(
|
|
26
|
+
var _child_props, _child_props_onClick;
|
|
27
|
+
(_child_props_onClick = (_child_props = child === null || child === void 0 ? void 0 : child.props).onClick) === null || _child_props_onClick === void 0 ? void 0 : _child_props_onClick.call(_child_props, event);
|
|
27
28
|
if (!event.isDefaultPrevented()) {
|
|
28
29
|
requestOpenChange({
|
|
29
30
|
event,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useModalAttributes","applyTriggerPropsToChildren","getTriggerChild","useEventCallback","useDialogContext_unstable","useDialogSurfaceContext_unstable","useARIAButtonProps","useDialogTrigger_unstable","props","isInsideSurfaceDialog","children","disableButtonEnhancement","action","child","requestOpenChange","ctx","open","triggerAttributes","handleClick","event","
|
|
1
|
+
{"version":3,"names":["React","useModalAttributes","applyTriggerPropsToChildren","getTriggerChild","useEventCallback","useDialogContext_unstable","useDialogSurfaceContext_unstable","useARIAButtonProps","useDialogTrigger_unstable","props","isInsideSurfaceDialog","children","disableButtonEnhancement","action","child","requestOpenChange","ctx","open","triggerAttributes","handleClick","event","_child_props","_child_props_onClick","onClick","call","isDefaultPrevented","type","triggerChildProps","ref","ariaButtonTriggerChildProps"],"sources":["../../../src/components/DialogTrigger/useDialogTrigger.ts"],"sourcesContent":["import * as React from 'react';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { applyTriggerPropsToChildren, getTriggerChild, useEventCallback } from '@fluentui/react-utilities';\nimport type { DialogTriggerProps, DialogTriggerState } from './DialogTrigger.types';\nimport { useDialogContext_unstable, useDialogSurfaceContext_unstable } from '../../contexts';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\n\n/**\n * Create the state required to render DialogTrigger.\n * Clones the only child component and adds necessary event handling behaviours to open a popup Dialog\n *\n * @param props - props from this instance of DialogTrigger\n */\nexport const useDialogTrigger_unstable = (props: DialogTriggerProps): DialogTriggerState => {\n const isInsideSurfaceDialog = useDialogSurfaceContext_unstable();\n\n const { children, disableButtonEnhancement = false, action = isInsideSurfaceDialog ? 'close' : 'open' } = props;\n\n const child = getTriggerChild(children);\n\n const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange);\n const open = useDialogContext_unstable(ctx => ctx.open);\n\n const { triggerAttributes } = useModalAttributes();\n\n const handleClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n child?.props.onClick?.(event);\n if (!event.isDefaultPrevented()) {\n requestOpenChange({\n event,\n type: 'triggerClick',\n open: action === 'open',\n });\n }\n },\n );\n\n const triggerChildProps = {\n ...child?.props,\n 'aria-expanded': open,\n ref: child?.ref,\n onClick: handleClick,\n ...triggerAttributes,\n } as const;\n\n const ariaButtonTriggerChildProps = useARIAButtonProps(\n child?.type === 'button' || child?.type === 'a' ? child.type : 'div',\n {\n ...triggerChildProps,\n type: 'button',\n },\n );\n\n return {\n children: applyTriggerPropsToChildren(\n children,\n disableButtonEnhancement ? triggerChildProps : ariaButtonTriggerChildProps,\n ),\n };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,2BAA2B,EAAEC,eAAe,EAAEC,gBAAgB,QAAQ;AAE/E,SAASC,yBAAyB,EAAEC,gCAAgC,QAAQ;AAC5E,SAASC,kBAAkB,QAAQ;AAEnC;;;;;;AAMA,OAAO,MAAMC,yBAAA,GAA6BC,KAAA,IAAkD;EAC1F,MAAMC,qBAAA,GAAwBJ,gCAAA;EAE9B,MAAM;IAAEK,QAAA;IAAUC,wBAAA,GAA2B,KAAK;IAAEC,MAAA,GAASH,qBAAA,GAAwB,UAAU;EAAM,CAAE,GAAGD,KAAA;EAE1G,MAAMK,KAAA,GAAQX,eAAA,CAAgBQ,QAAA;EAE9B,MAAMI,iBAAA,GAAoBV,yBAAA,CAA0BW,GAAA,IAAOA,GAAA,CAAID,iBAAiB;EAChF,MAAME,IAAA,GAAOZ,yBAAA,CAA0BW,GAAA,IAAOA,GAAA,CAAIC,IAAI;EAEtD,MAAM;IAAEC;EAAiB,CAAE,GAAGjB,kBAAA;EAE9B,MAAMkB,WAAA,GAAcf,gBAAA,CACjBgB,KAAA,IAAoF;QACnFC,YAAA,EAAAC,oBAAA;IAAA,CAAAA,oBAAA,IAAAD,YAAA,GAAAP,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOL,KAAK,EAACc,OAAO,cAApBD,oBAAA,uBAAAA,oBAAA,CAAAE,IAAA,CAAAH,YAAA,EAAuBD,KAAA;IACvB,IAAI,CAACA,KAAA,CAAMK,kBAAkB,IAAI;MAC/BV,iBAAA,CAAkB;QAChBK,KAAA;QACAM,IAAA,EAAM;QACNT,IAAA,EAAMJ,MAAA,KAAW;MACnB;IACF;EACF;EAGF,MAAMc,iBAAA,GAAoB;IACxB,IAAGb,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOL,KAAK;IACf,iBAAiBQ,IAAA;IACjBW,GAAA,EAAKd,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOc,GAAG;IACfL,OAAA,EAASJ,WAAA;IACT,GAAGD;EACL;EAEA,MAAMW,2BAAA,GAA8BtB,kBAAA,CAClC,CAAAO,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOY,IAAI,MAAK,YAAY,CAAAZ,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOY,IAAI,MAAK,MAAMZ,KAAA,CAAMY,IAAI,GAAG,KAAK,EACpE;IACE,GAAGC,iBAAiB;IACpBD,IAAA,EAAM;EACR;EAGF,OAAO;IACLf,QAAA,EAAUT,2BAAA,CACRS,QAAA,EACAC,wBAAA,GAA2Be,iBAAA,GAAoBE,2BAA2B;EAE9E;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["MEDIA_QUERY_BREAKPOINT_SELECTOR","SURFACE_PADDING","DIALOG_GAP","SURFACE_BORDER_WIDTH","ACTIONS_START_GRID_AREA","ACTIONS_END_GRID_AREA","TITLE_GRID_AREA","TITLE_ACTION_GRID_AREA","CONTENT_GRID_AREA"],"sources":["../../src/contexts/constants.ts"],"sourcesContent":["export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';\nexport const SURFACE_PADDING = '24px';\nexport const DIALOG_GAP = '8px';\nexport const SURFACE_BORDER_WIDTH = '1px';\n\nexport const ACTIONS_START_GRID_AREA = 'actions-start';\nexport const ACTIONS_END_GRID_AREA = 'actions-end';\nexport const TITLE_GRID_AREA = 'title';\nexport const TITLE_ACTION_GRID_AREA = 'close-button';\nexport const CONTENT_GRID_AREA = 'body';\n"],"mappings":"AAAA,OAAO,MAAMA,+BAAA,GAAkC;AAC/C,OAAO,MAAMC,eAAA,GAAkB;AAC/B,OAAO,MAAMC,UAAA,GAAa;AAC1B,OAAO,MAAMC,oBAAA,GAAuB;AAEpC,OAAO,MAAMC,uBAAA,GAA0B;AACvC,OAAO,MAAMC,qBAAA,GAAwB;AACrC,OAAO,MAAMC,eAAA,GAAkB;AAC/B,OAAO,MAAMC,sBAAA,GAAyB;AACtC,OAAO,MAAMC,iBAAA,GAAoB"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { createContext, useContextSelector } from '@fluentui/react-context-selector';
|
|
2
3
|
const defaultContextValue = {
|
|
3
4
|
open: false,
|
|
@@ -8,8 +9,7 @@ const defaultContextValue = {
|
|
|
8
9
|
current: null
|
|
9
10
|
},
|
|
10
11
|
requestOpenChange() {
|
|
11
|
-
/* noop */
|
|
12
|
-
}
|
|
12
|
+
/* noop */}
|
|
13
13
|
};
|
|
14
14
|
// Contexts should default to undefined
|
|
15
15
|
export const DialogContext = /*#__PURE__*/createContext(undefined);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContextSelector","defaultContextValue","open","inertTrapFocus","modalType","isNestedDialog","dialogRef","current","requestOpenChange","DialogContext","undefined","DialogProvider","Provider","useDialogContext_unstable","selector","ctx"],"sources":["
|
|
1
|
+
{"version":3,"names":["React","createContext","useContextSelector","defaultContextValue","open","inertTrapFocus","modalType","isNestedDialog","dialogRef","current","requestOpenChange","DialogContext","undefined","DialogProvider","Provider","useDialogContext_unstable","selector","ctx"],"sources":["../../src/contexts/dialogContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport { DialogSurfaceElement } from '../DialogSurface';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { DialogModalType, DialogOpenChangeData } from '../Dialog';\n\nexport type DialogContextValue = {\n open: boolean;\n inertTrapFocus: boolean;\n dialogTitleId?: string;\n isNestedDialog: boolean;\n dialogRef: React.Ref<DialogSurfaceElement>;\n modalType: DialogModalType;\n /**\n * Requests dialog main component to update it's internal open state\n */\n requestOpenChange: (data: DialogOpenChangeData) => void;\n};\n\nconst defaultContextValue: DialogContextValue = {\n open: false,\n inertTrapFocus: false,\n modalType: 'modal',\n isNestedDialog: false,\n dialogRef: { current: null },\n requestOpenChange() {\n /* noop */\n },\n};\n\n// Contexts should default to undefined\nexport const DialogContext: Context<DialogContextValue | undefined> = createContext<DialogContextValue | undefined>(\n undefined,\n);\n\nexport const DialogProvider = DialogContext.Provider;\nexport const useDialogContext_unstable = <T>(selector: ContextSelector<DialogContextValue, T>): T =>\n useContextSelector(DialogContext, (ctx = defaultContextValue) => selector(ctx));\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,aAAa,EAAmBC,kBAAkB,QAAQ;AAkBnE,MAAMC,mBAAA,GAA0C;EAC9CC,IAAA,EAAM,KAAK;EACXC,cAAA,EAAgB,KAAK;EACrBC,SAAA,EAAW;EACXC,cAAA,EAAgB,KAAK;EACrBC,SAAA,EAAW;IAAEC,OAAA,EAAS;EAAK;EAC3BC,kBAAA,EAAoB;IAClB;AAEJ;AAEA;AACA,OAAO,MAAMC,aAAA,gBAAyDV,aAAA,CACpEW,SAAA;AAGF,OAAO,MAAMC,cAAA,GAAiBF,aAAA,CAAcG,QAAQ;AACpD,OAAO,MAAMC,yBAAA,GAAgCC,QAAA,IAC3Cd,kBAAA,CAAmBS,aAAA,EAAe,CAACM,GAAA,GAAMd,mBAAmB,KAAKa,QAAA,CAASC,GAAA"}
|
|
@@ -2,8 +2,6 @@ import { createContext, useContext } from 'react';
|
|
|
2
2
|
const defaultContextValue = false;
|
|
3
3
|
export const DialogSurfaceContext = /*#__PURE__*/createContext(undefined);
|
|
4
4
|
export const DialogSurfaceProvider = DialogSurfaceContext.Provider;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
return (_a = useContext(DialogSurfaceContext)) !== null && _a !== void 0 ? _a : defaultContextValue;
|
|
8
|
-
};
|
|
5
|
+
var _useContext;
|
|
6
|
+
export const useDialogSurfaceContext_unstable = () => (_useContext = useContext(DialogSurfaceContext)) !== null && _useContext !== void 0 ? _useContext : defaultContextValue;
|
|
9
7
|
//# sourceMappingURL=dialogSurfaceContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","defaultContextValue","DialogSurfaceContext","undefined","DialogSurfaceProvider","Provider","
|
|
1
|
+
{"version":3,"names":["createContext","useContext","defaultContextValue","DialogSurfaceContext","undefined","DialogSurfaceProvider","Provider","_useContext","useDialogSurfaceContext_unstable"],"sources":["../../src/contexts/dialogSurfaceContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogSurfaceContextValue = boolean;\n\nconst defaultContextValue: DialogSurfaceContextValue = false;\n\nexport const DialogSurfaceContext = createContext<DialogSurfaceContextValue | undefined>(undefined);\n\nexport const DialogSurfaceProvider = DialogSurfaceContext.Provider;\n\nexport const useDialogSurfaceContext_unstable = () => useContext(DialogSurfaceContext) ?? defaultContextValue;\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAI1C,MAAMC,mBAAA,GAAiD,KAAK;AAE5D,OAAO,MAAMC,oBAAA,gBAAuBH,aAAA,CAAqDI,SAAA;AAEzF,OAAO,MAAMC,qBAAA,GAAwBF,oBAAA,CAAqBG,QAAQ;IAEZC,WAAA;AAAtD,OAAO,MAAMC,gCAAA,GAAmCA,CAAA,KAAM,CAAAD,WAAA,GAAAN,UAAA,CAAWE,oBAAA,eAAXI,WAAA,cAAAA,WAAA,GAAoCL,mBAAmB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/contexts/index.ts"],"sourcesContent":["export * from './constants';\nexport * from './dialogContext';\nexport * from './dialogSurfaceContext';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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"],"sources":["../src/
|
|
1
|
+
{"version":3,"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"],"sources":["../src/index.ts"],"sourcesContent":["export { Dialog, renderDialog_unstable, useDialog_unstable } from './Dialog';\nexport type {\n DialogSlots,\n DialogProps,\n DialogState,\n DialogOpenChangeData,\n DialogOpenChangeEvent,\n DialogOpenChangeEventHandler,\n} from './Dialog';\n\nexport { DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable } from './DialogTrigger';\nexport type {\n DialogTriggerProps,\n DialogTriggerChildProps,\n DialogTriggerState,\n DialogTriggerAction,\n} from './DialogTrigger';\n\nexport {\n DialogActions,\n dialogActionsClassNames,\n useDialogActions_unstable,\n useDialogActionsStyles_unstable,\n renderDialogActions_unstable,\n} from './DialogActions';\nexport type {\n DialogActionsProps,\n DialogActionsSlots,\n DialogActionsState,\n DialogActionsPosition,\n} from './DialogActions';\n\nexport {\n DialogBody,\n dialogBodyClassNames,\n useDialogBody_unstable,\n useDialogBodyStyles_unstable,\n renderDialogBody_unstable,\n} from './DialogBody';\nexport type { DialogBodyProps, DialogBodySlots, DialogBodyState } from './DialogBody';\n\nexport {\n DialogTitle,\n dialogTitleClassNames,\n useDialogTitle_unstable,\n useDialogTitleStyles_unstable,\n renderDialogTitle_unstable,\n} from './DialogTitle';\nexport type { DialogTitleProps, DialogTitleSlots, DialogTitleState } from './DialogTitle';\n\nexport {\n DialogSurface,\n dialogSurfaceClassNames,\n useDialogSurface_unstable,\n useDialogSurfaceStyles_unstable,\n renderDialogSurface_unstable,\n} from './DialogSurface';\nexport type { DialogSurfaceProps, DialogSurfaceSlots, DialogSurfaceState, DialogSurfaceElement } from './DialogSurface';\n\nexport {\n DialogContent,\n dialogContentClassNames,\n useDialogContent_unstable,\n useDialogContentStyles_unstable,\n renderDialogContent_unstable,\n} from './DialogContent';\nexport type { DialogContentProps, DialogContentSlots, DialogContentState } from './DialogContent';\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,qBAAqB,EAAEC,kBAAkB,QAAQ;AAUlE,SAASC,aAAa,EAAEC,yBAAyB,EAAEC,4BAA4B,QAAQ;AAQvF,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB;AAQP,SACEC,UAAU,EACVC,oBAAoB,EACpBC,sBAAsB,EACtBC,4BAA4B,EAC5BC,yBAAyB,QACpB;AAGP,SACEC,WAAW,EACXC,qBAAqB,EACrBC,uBAAuB,EACvBC,6BAA6B,EAC7BC,0BAA0B,QACrB;AAGP,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB;AAGP,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB"}
|
package/lib/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './isEscapeKeyDown';\nexport * from './useDisableBodyScroll';\nexport * from './useFocusFirstElement';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Escape","isEscapeKeyDismiss","event","modalType","key","isDefaultPrevented"],"sources":["
|
|
1
|
+
{"version":3,"names":["React","Escape","isEscapeKeyDismiss","event","modalType","key","isDefaultPrevented"],"sources":["../../src/utils/isEscapeKeyDown.ts"],"sourcesContent":["import * as React from 'react';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport type { DialogModalType } from '../components/Dialog/Dialog.types';\nimport { DialogSurfaceElement } from '../DialogSurface';\n\n/**\n * Checks if keydown event is a proper Escape key dismiss\n */\nexport function isEscapeKeyDismiss(\n event: React.KeyboardEvent<DialogSurfaceElement>,\n modalType: DialogModalType,\n): boolean {\n return event.key === Escape && modalType !== 'alert' && !event.isDefaultPrevented();\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,MAAM,QAAQ;AAIvB;;;AAGA,OAAO,SAASC,mBACdC,KAAgD,EAChDC,SAA0B,EACjB;EACT,OAAOD,KAAA,CAAME,GAAG,KAAKJ,MAAA,IAAUG,SAAA,KAAc,WAAW,CAACD,KAAA,CAAMG,kBAAkB;AACnF"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
var _element, _disableScrollElementProp;
|
|
1
2
|
import { useFluent_unstable } from '@fluentui/react-shared-contexts';
|
|
2
3
|
import { useCallback } from 'react';
|
|
3
4
|
const disableScrollElementProp = '__fluentDisableScrollElement';
|
|
@@ -20,11 +21,12 @@ export function useDisableBodyScroll() {
|
|
|
20
21
|
* @returns a method for enabling scrolling again
|
|
21
22
|
*/
|
|
22
23
|
export function disableScroll(target) {
|
|
23
|
-
var
|
|
24
|
+
var _target_ownerDocument_defaultView;
|
|
24
25
|
const {
|
|
25
26
|
clientWidth
|
|
26
27
|
} = target.ownerDocument.documentElement;
|
|
27
|
-
|
|
28
|
+
var _target_ownerDocument_defaultView_innerWidth;
|
|
29
|
+
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;
|
|
28
30
|
assertIsDisableScrollElement(target);
|
|
29
31
|
if (target[disableScrollElementProp].count === 0) {
|
|
30
32
|
target.style.overflow = 'hidden';
|
|
@@ -40,9 +42,8 @@ export function disableScroll(target) {
|
|
|
40
42
|
};
|
|
41
43
|
}
|
|
42
44
|
function assertIsDisableScrollElement(element) {
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
(_a = (_b = element)[disableScrollElementProp]) !== null && _a !== void 0 ? _a : _b[disableScrollElementProp] = {
|
|
45
|
+
var _;
|
|
46
|
+
(_ = (_element = element)[_disableScrollElementProp = disableScrollElementProp]) !== null && _ !== void 0 ? _ : _element[_disableScrollElementProp] = {
|
|
46
47
|
count: 0,
|
|
47
48
|
previousOverflowStyle: element.style.overflow,
|
|
48
49
|
previousPaddingRightStyle: element.style.paddingRight
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useFluent_unstable","useCallback","disableScrollElementProp","useDisableBodyScroll","targetDocument","disableScroll","body","target","clientWidth","ownerDocument","documentElement","
|
|
1
|
+
{"version":3,"names":["_element","_disableScrollElementProp","useFluent_unstable","useCallback","disableScrollElementProp","useDisableBodyScroll","targetDocument","disableScroll","body","target","_target_ownerDocument_defaultView","clientWidth","ownerDocument","documentElement","_target_ownerDocument_defaultView_innerWidth","innerWidth","defaultView","assertIsDisableScrollElement","count","style","overflow","paddingRight","previousOverflowStyle","previousPaddingRightStyle","element","_"],"sources":["../../src/utils/useDisableBodyScroll.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\n\nconst disableScrollElementProp = '__fluentDisableScrollElement' as const;\n\ntype FluentDisableScrollElement = HTMLElement & {\n [disableScrollElementProp]: {\n count: number;\n previousOverflowStyle: string;\n previousPaddingRightStyle: string;\n };\n};\n\n/**\n * hook that disables body scrolling through `overflow: hidden` CSS property\n */\nexport function useDisableBodyScroll() {\n const { targetDocument } = useFluent_unstable();\n return useCallback(() => {\n if (targetDocument) {\n return disableScroll(targetDocument.body);\n }\n }, [targetDocument]);\n}\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: HTMLElement) {\n const { clientWidth } = target.ownerDocument.documentElement;\n const innerWidth = 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}\n\nfunction assertIsDisableScrollElement(element: HTMLElement): asserts element is FluentDisableScrollElement {\n (element as FluentDisableScrollElement)[disableScrollElementProp] ??= {\n count: 0,\n previousOverflowStyle: element.style.overflow,\n previousPaddingRightStyle: element.style.paddingRight,\n };\n}\n"],"mappings":"IAiDGA,QAAA,EAAuCC,yBAAA;AAjD1C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,WAAW,QAAQ;AAE5B,MAAMC,wBAAA,GAA2B;AAUjC;;;AAGA,OAAO,SAASC,qBAAA,EAAuB;EACrC,MAAM;IAAEC;EAAc,CAAE,GAAGJ,kBAAA;EAC3B,OAAOC,WAAA,CAAY,MAAM;IACvB,IAAIG,cAAA,EAAgB;MAClB,OAAOC,aAAA,CAAcD,cAAA,CAAeE,IAAI;IAC1C;EACF,GAAG,CAACF,cAAA,CAAe;AACrB;AAEA;;;;;AAKA,OAAO,SAASC,cAAcE,MAAmB,EAAE;MAE9BC,iCAAA;EADnB,MAAM;IAAEC;EAAW,CAAE,GAAGF,MAAA,CAAOG,aAAa,CAACC,eAAe;MACzCC,4CAAA;EAAnB,MAAMC,UAAA,GAAa,CAAAD,4CAAA,IAAAJ,iCAAA,GAAAD,MAAA,CAAOG,aAAa,CAACI,WAAW,cAAhCN,iCAAA,uBAAAA,iCAAA,CAAkCK,UAAU,cAA5CD,4CAAA,cAAAA,4CAAA,GAAgD,CAAC;EACpEG,4BAAA,CAA6BR,MAAA;EAC7B,IAAIA,MAAM,CAACL,wBAAA,CAAyB,CAACc,KAAK,KAAK,GAAG;IAChDT,MAAA,CAAOU,KAAK,CAACC,QAAQ,GAAG;IACxBX,MAAA,CAAOU,KAAK,CAACE,YAAY,GAAI,GAAEN,UAAA,GAAaJ,WAAY,IAAG;EAC7D;EACAF,MAAM,CAACL,wBAAA,CAAyB,CAACc,KAAK;EACtC,OAAO,MAAM;IACXT,MAAM,CAACL,wBAAA,CAAyB,CAACc,KAAK;IACtC,IAAIT,MAAM,CAACL,wBAAA,CAAyB,CAACc,KAAK,KAAK,GAAG;MAChDT,MAAA,CAAOU,KAAK,CAACC,QAAQ,GAAGX,MAAM,CAACL,wBAAA,CAAyB,CAACkB,qBAAqB;MAC9Eb,MAAA,CAAOU,KAAK,CAACE,YAAY,GAAGZ,MAAM,CAACL,wBAAA,CAAyB,CAACmB,yBAAyB;IACxF;EACF;AACF;AAEA,SAASN,6BAA6BO,OAAoB,EAAiD;;EACzG,CAAAC,CAAA,IAACzB,QAAA,GAAAwB,OAAA,EAAuCvB,yBAAA,GAAAG,wBAAA,CAAyB,cAAAqB,CAAA,cAAAA,CAAA,GAAhEzB,QAAsC,CAACC,yBAAA,CAAyB,GAAK;IACpEiB,KAAA,EAAO;IACPI,qBAAA,EAAuBE,OAAA,CAAQL,KAAK,CAACC,QAAQ;IAC7CG,yBAAA,EAA2BC,OAAA,CAAQL,KAAK,CAACE;EAC3C,CAAC;AACH"}
|
|
@@ -14,16 +14,17 @@ export function useFocusFirstElement(open, modalType) {
|
|
|
14
14
|
const dialogRef = React.useRef(null);
|
|
15
15
|
const triggerRef = React.useRef();
|
|
16
16
|
React.useEffect(() => {
|
|
17
|
-
var _a, _b;
|
|
18
17
|
if (!open) {
|
|
19
|
-
|
|
18
|
+
var _triggerRef_current;
|
|
19
|
+
return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
|
|
20
20
|
}
|
|
21
21
|
triggerRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
|
|
22
22
|
const element = dialogRef.current && findFirstFocusable(dialogRef.current);
|
|
23
23
|
if (element) {
|
|
24
24
|
element.focus();
|
|
25
25
|
} else {
|
|
26
|
-
|
|
26
|
+
var _dialogRef_current;
|
|
27
|
+
(_dialogRef_current = dialogRef.current) === null || _dialogRef_current === void 0 ? void 0 : _dialogRef_current.focus(); // https://github.com/microsoft/fluentui/issues/25150
|
|
27
28
|
if (process.env.NODE_ENV !== 'production') {
|
|
28
29
|
// eslint-disable-next-line no-console
|
|
29
30
|
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'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useFocusFinders","useFluent_unstable","useFocusFirstElement","open","modalType","findFirstFocusable","targetDocument","dialogRef","useRef","triggerRef","useEffect","
|
|
1
|
+
{"version":3,"names":["React","useFocusFinders","useFluent_unstable","useFocusFirstElement","open","modalType","findFirstFocusable","targetDocument","dialogRef","useRef","triggerRef","useEffect","_triggerRef_current","current","focus","activeElement","element","_dialogRef_current","process","env","NODE_ENV","console","warn","join"],"sources":["../../src/utils/useFocusFirstElement.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport type { DialogSurfaceElement } from '../DialogSurface';\nimport type { DialogModalType } from '../Dialog';\n\n/**\n * Focus first element on content when dialog is opened,\n */\nexport function useFocusFirstElement(open: boolean, modalType: DialogModalType) {\n const { findFirstFocusable } = useFocusFinders();\n const { targetDocument } = useFluent_unstable();\n const dialogRef = React.useRef<DialogSurfaceElement>(null);\n const triggerRef = React.useRef<HTMLElement>();\n\n React.useEffect(() => {\n if (!open) {\n return triggerRef.current?.focus();\n }\n triggerRef.current = targetDocument?.activeElement as HTMLElement | undefined;\n const element = dialogRef.current && findFirstFocusable(dialogRef.current);\n if (element) {\n element.focus();\n } else {\n 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(\n [\n '@fluentui/react-dialog: a Dialog should have at least one focusable element inside DialogSurface.',\n 'Please add at least a close button either on `DialogTitle` action slot or inside `DialogActions`',\n ].join('\\n'),\n );\n }\n }\n }, [findFirstFocusable, open, modalType, targetDocument]);\n\n return dialogRef;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AAInC;;;AAGA,OAAO,SAASC,qBAAqBC,IAAa,EAAEC,SAA0B,EAAE;EAC9E,MAAM;IAAEC;EAAkB,CAAE,GAAGL,eAAA;EAC/B,MAAM;IAAEM;EAAc,CAAE,GAAGL,kBAAA;EAC3B,MAAMM,SAAA,GAAYR,KAAA,CAAMS,MAAM,CAAuB,IAAI;EACzD,MAAMC,UAAA,GAAaV,KAAA,CAAMS,MAAM;EAE/BT,KAAA,CAAMW,SAAS,CAAC,MAAM;IACpB,IAAI,CAACP,IAAA,EAAM;UACFQ,mBAAA;MAAP,OAAO,CAAAA,mBAAA,GAAAF,UAAA,CAAWG,OAAO,cAAlBD,mBAAA,uBAAAA,mBAAA,CAAoBE,KAAA;IAC7B;IACAJ,UAAA,CAAWG,OAAO,GAAGN,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBQ,aAAa;IAClD,MAAMC,OAAA,GAAUR,SAAA,CAAUK,OAAO,IAAIP,kBAAA,CAAmBE,SAAA,CAAUK,OAAO;IACzE,IAAIG,OAAA,EAAS;MACXA,OAAA,CAAQF,KAAK;IACf,OAAO;UACLG,kBAAA;MAAA,CAAAA,kBAAA,GAAAT,SAAA,CAAUK,OAAO,cAAjBI,kBAAA,uBAAAA,kBAAA,CAAmBH,KAAA,IAAS;MAC5B,IAAII,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC;QACAC,OAAA,CAAQC,IAAI,CACV,CACE,qGACA,mGACD,CAACC,IAAI,CAAC;MAEX;IACF;EACF,GAAG,CAACjB,kBAAA,EAAoBF,IAAA,EAAMC,SAAA,EAAWE,cAAA,CAAe;EAExD,OAAOC,SAAA;AACT"}
|
package/lib-commonjs/Dialog.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/Dialog/index"), exports);
|
|
7
|
+
//# sourceMappingURL=Dialog.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/Dialog.js"],"sourcesContent":["export * from './components/Dialog/index';\n//# sourceMappingURL=Dialog.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,kCAAkC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/DialogActions/index"), exports);
|
|
7
|
+
//# sourceMappingURL=DialogActions.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=DialogActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/DialogActions.js"],"sourcesContent":["export * from './components/DialogActions/index';\n//# sourceMappingURL=DialogActions.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/DialogBody/index"), exports);
|
|
7
|
+
//# sourceMappingURL=DialogBody.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=DialogBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/DialogBody.js"],"sourcesContent":["export * from './components/DialogBody/index';\n//# sourceMappingURL=DialogBody.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,sCAAsC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/DialogContent/index"), exports);
|
|
7
|
+
//# sourceMappingURL=DialogContent.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=DialogContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/DialogContent.js"],"sourcesContent":["export * from './components/DialogContent/index';\n//# sourceMappingURL=DialogContent.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/DialogSurface/index"), exports);
|
|
7
|
+
//# sourceMappingURL=DialogSurface.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=DialogSurface.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/DialogSurface.js"],"sourcesContent":["export * from './components/DialogSurface/index';\n//# sourceMappingURL=DialogSurface.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/DialogTitle/index"), exports);
|
|
7
|
+
//# sourceMappingURL=DialogTitle.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=DialogTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/DialogTitle.js"],"sourcesContent":["export * from './components/DialogTitle/index';\n//# sourceMappingURL=DialogTitle.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,uCAAuC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/DialogTrigger/index"), exports);
|
|
7
|
+
//# sourceMappingURL=DialogTrigger.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=DialogTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/DialogTrigger.js"],"sourcesContent":["export * from './components/DialogTrigger/index';\n//# sourceMappingURL=DialogTrigger.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
|
|
@@ -1,24 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Dialog", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>Dialog
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
* and a `DialogSurface` (or some component that will eventually render one of those compound components)
|
|
16
|
-
* in this specific order
|
|
17
|
-
*/
|
|
18
|
-
exports.Dialog = /*#__PURE__*/React.memo(props => {
|
|
19
|
-
const state = useDialog_1.useDialog_unstable(props);
|
|
20
|
-
const contextValues = useDialogContextValues_1.useDialogContextValues_unstable(state);
|
|
21
|
-
return renderDialog_1.renderDialog_unstable(state, contextValues);
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _useDialog = require("./useDialog");
|
|
12
|
+
const _renderDialog = require("./renderDialog");
|
|
13
|
+
const _useDialogContextValues = require("./useDialogContextValues");
|
|
14
|
+
const Dialog = /*#__PURE__*/ _react.memo((props)=>{
|
|
15
|
+
const state = (0, _useDialog.useDialog_unstable)(props);
|
|
16
|
+
const contextValues = (0, _useDialogContextValues.useDialogContextValues_unstable)(state);
|
|
17
|
+
return (0, _renderDialog.renderDialog_unstable)(state, contextValues);
|
|
22
18
|
});
|
|
23
|
-
|
|
19
|
+
Dialog.displayName = 'Dialog'; //# sourceMappingURL=Dialog.js.map
|
|
20
|
+
|
|
24
21
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Dialog/Dialog.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialog_unstable } from './useDialog';\nimport { renderDialog_unstable } from './renderDialog';\nimport { useDialogContextValues_unstable } from './useDialogContextValues';\n/**\n * The `Dialog` root level component serves as an interface for interaction with all possible behaviors exposed.\n * It provides context down the hierarchy to `children` compound components to allow functionality.\n * This component expects to receive as children either a `DialogSurface` or a `DialogTrigger`\n * and a `DialogSurface` (or some component that will eventually render one of those compound components)\n * in this specific order\n */\nexport const Dialog = /*#__PURE__*/React.memo(props => {\n const state = useDialog_unstable(props);\n const contextValues = useDialogContextValues_unstable(state);\n return renderDialog_unstable(state, contextValues);\n});\nDialog.displayName = 'Dialog';\n//# sourceMappingURL=Dialog.js.map"],"names":["Dialog","React","memo","props","state","useDialog_unstable","contextValues","useDialogContextValues_unstable","renderDialog_unstable","displayName"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;2BACY;8BACG;wCACU;AAQzC,MAAMA,SAAS,WAAW,GAAEC,OAAMC,IAAI,CAACC,CAAAA,QAAS;IACrD,MAAMC,QAAQC,IAAAA,6BAAkB,EAACF;IACjC,MAAMG,gBAAgBC,IAAAA,uDAA+B,EAACH;IACtD,OAAOI,IAAAA,mCAAqB,EAACJ,OAAOE;AACtC;AACAN,OAAOS,WAAW,GAAG,UACrB,kCAAkC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Dialog/Dialog.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Dialog.types.js.map"],"names":[],"mappings":";;;;CACA,wCAAwC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./Dialog"), exports);
|
|
7
|
+
_exportStar(require("./Dialog.types"), exports);
|
|
8
|
+
_exportStar(require("./renderDialog"), exports);
|
|
9
|
+
_exportStar(require("./useDialog"), exports);
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
11
|
+
|
|
11
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Dialog/index.js"],"sourcesContent":["export * from './Dialog';\nexport * from './Dialog.types';\nexport * from './renderDialog';\nexport * from './useDialog';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
|
@@ -1,24 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderDialog_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>renderDialog_unstable
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
trigger
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
value: contextValues.dialog
|
|
19
|
-
}, React.createElement(contexts_1.DialogSurfaceProvider, {
|
|
20
|
-
value: contextValues.dialogSurface
|
|
21
|
-
}, trigger, content));
|
|
22
|
-
};
|
|
23
|
-
exports.renderDialog_unstable = renderDialog_unstable;
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _contexts = require("../../contexts");
|
|
12
|
+
const renderDialog_unstable = (state, contextValues)=>{
|
|
13
|
+
const { content , trigger } = state;
|
|
14
|
+
return /*#__PURE__*/ _react.createElement(_contexts.DialogProvider, {
|
|
15
|
+
value: contextValues.dialog
|
|
16
|
+
}, /*#__PURE__*/ _react.createElement(_contexts.DialogSurfaceProvider, {
|
|
17
|
+
value: contextValues.dialogSurface
|
|
18
|
+
}, trigger, content));
|
|
19
|
+
}; //# sourceMappingURL=renderDialog.js.map
|
|
20
|
+
|
|
24
21
|
//# sourceMappingURL=renderDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Dialog/renderDialog.js"],"sourcesContent":["import * as React from 'react';\nimport { DialogProvider, DialogSurfaceProvider } from '../../contexts';\n/**\n * Render the final JSX of Dialog\n */\nexport const renderDialog_unstable = (state, contextValues) => {\n const {\n content,\n trigger\n } = state;\n return /*#__PURE__*/React.createElement(DialogProvider, {\n value: contextValues.dialog\n }, /*#__PURE__*/React.createElement(DialogSurfaceProvider, {\n value: contextValues.dialogSurface\n }, trigger, content));\n};\n//# sourceMappingURL=renderDialog.js.map"],"names":["renderDialog_unstable","state","contextValues","content","trigger","React","createElement","DialogProvider","value","dialog","DialogSurfaceProvider","dialogSurface"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;0BAC+B;AAI/C,MAAMA,wBAAwB,CAACC,OAAOC,gBAAkB;IAC7D,MAAM,EACJC,QAAO,EACPC,QAAO,EACR,GAAGH;IACJ,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACC,wBAAc,EAAE;QACtDC,OAAON,cAAcO,MAAM;IAC7B,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACI,+BAAqB,EAAE;QACzDF,OAAON,cAAcS,aAAa;IACpC,GAAGP,SAASD;AACd,GACA,wCAAwC"}
|