@fluentui/react-dialog 9.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/CHANGELOG.json +328 -0
  2. package/CHANGELOG.md +152 -0
  3. package/LICENSE +15 -0
  4. package/README.md +5 -0
  5. package/Spec.md +518 -0
  6. package/assets/AlertDialogKeyboardInteraction.png +0 -0
  7. package/assets/AlertDialogMouseInteraction.png +0 -0
  8. package/assets/ModalDialogKeyboardInteraction.png +0 -0
  9. package/assets/ModalDialogMouseInteraction.png +0 -0
  10. package/assets/NonModalDialogKeyboardInteraction.png +0 -0
  11. package/assets/NonModalDialogMouseInteraction.png +0 -0
  12. package/dist/index.d.ts +406 -0
  13. package/dist/tsdoc-metadata.json +11 -0
  14. package/lib/Dialog.js +2 -0
  15. package/lib/Dialog.js.map +1 -0
  16. package/lib/DialogActions.js +2 -0
  17. package/lib/DialogActions.js.map +1 -0
  18. package/lib/DialogBody.js +2 -0
  19. package/lib/DialogBody.js.map +1 -0
  20. package/lib/DialogSurface.js +2 -0
  21. package/lib/DialogSurface.js.map +1 -0
  22. package/lib/DialogTitle.js +2 -0
  23. package/lib/DialogTitle.js.map +1 -0
  24. package/lib/DialogTrigger.js +2 -0
  25. package/lib/DialogTrigger.js.map +1 -0
  26. package/lib/components/Dialog/Dialog.js +21 -0
  27. package/lib/components/Dialog/Dialog.js.map +1 -0
  28. package/lib/components/Dialog/Dialog.types.js +2 -0
  29. package/lib/components/Dialog/Dialog.types.js.map +1 -0
  30. package/lib/components/Dialog/index.js +6 -0
  31. package/lib/components/Dialog/index.js.map +1 -0
  32. package/lib/components/Dialog/renderDialog.js +26 -0
  33. package/lib/components/Dialog/renderDialog.js.map +1 -0
  34. package/lib/components/Dialog/useDialog.js +197 -0
  35. package/lib/components/Dialog/useDialog.js.map +1 -0
  36. package/lib/components/Dialog/useDialogContextValues.js +31 -0
  37. package/lib/components/Dialog/useDialogContextValues.js.map +1 -0
  38. package/lib/components/Dialog/useDialogStyles.js +41 -0
  39. package/lib/components/Dialog/useDialogStyles.js.map +1 -0
  40. package/lib/components/DialogActions/DialogActions.js +16 -0
  41. package/lib/components/DialogActions/DialogActions.js.map +1 -0
  42. package/lib/components/DialogActions/DialogActions.types.js +2 -0
  43. package/lib/components/DialogActions/DialogActions.types.js.map +1 -0
  44. package/lib/components/DialogActions/index.js +6 -0
  45. package/lib/components/DialogActions/index.js.map +1 -0
  46. package/lib/components/DialogActions/renderDialogActions.js +16 -0
  47. package/lib/components/DialogActions/renderDialogActions.js.map +1 -0
  48. package/lib/components/DialogActions/useDialogActions.js +27 -0
  49. package/lib/components/DialogActions/useDialogActions.js.map +1 -0
  50. package/lib/components/DialogActions/useDialogActionsStyles.js +51 -0
  51. package/lib/components/DialogActions/useDialogActionsStyles.js.map +1 -0
  52. package/lib/components/DialogBody/DialogBody.js +16 -0
  53. package/lib/components/DialogBody/DialogBody.js.map +1 -0
  54. package/lib/components/DialogBody/DialogBody.types.js +2 -0
  55. package/lib/components/DialogBody/DialogBody.types.js.map +1 -0
  56. package/lib/components/DialogBody/index.js +6 -0
  57. package/lib/components/DialogBody/index.js.map +1 -0
  58. package/lib/components/DialogBody/renderDialogBody.js +16 -0
  59. package/lib/components/DialogBody/renderDialogBody.js.map +1 -0
  60. package/lib/components/DialogBody/useDialogBody.js +25 -0
  61. package/lib/components/DialogBody/useDialogBody.js.map +1 -0
  62. package/lib/components/DialogBody/useDialogBodyStyles.js +42 -0
  63. package/lib/components/DialogBody/useDialogBodyStyles.js.map +1 -0
  64. package/lib/components/DialogSurface/DialogSurface.js +18 -0
  65. package/lib/components/DialogSurface/DialogSurface.js.map +1 -0
  66. package/lib/components/DialogSurface/DialogSurface.types.js +2 -0
  67. package/lib/components/DialogSurface/DialogSurface.types.js.map +1 -0
  68. package/lib/components/DialogSurface/index.js +6 -0
  69. package/lib/components/DialogSurface/index.js.map +1 -0
  70. package/lib/components/DialogSurface/renderDialogSurface.js +18 -0
  71. package/lib/components/DialogSurface/renderDialogSurface.js.map +1 -0
  72. package/lib/components/DialogSurface/useDialogSurface.js +59 -0
  73. package/lib/components/DialogSurface/useDialogSurface.js.map +1 -0
  74. package/lib/components/DialogSurface/useDialogSurfaceContextValues.js +7 -0
  75. package/lib/components/DialogSurface/useDialogSurfaceContextValues.js.map +1 -0
  76. package/lib/components/DialogSurface/useDialogSurfaceStyles.js +78 -0
  77. package/lib/components/DialogSurface/useDialogSurfaceStyles.js.map +1 -0
  78. package/lib/components/DialogTitle/DialogTitle.js +17 -0
  79. package/lib/components/DialogTitle/DialogTitle.js.map +1 -0
  80. package/lib/components/DialogTitle/DialogTitle.types.js +2 -0
  81. package/lib/components/DialogTitle/DialogTitle.types.js.map +1 -0
  82. package/lib/components/DialogTitle/index.js +6 -0
  83. package/lib/components/DialogTitle/index.js.map +1 -0
  84. package/lib/components/DialogTitle/renderDialogTitle.js +19 -0
  85. package/lib/components/DialogTitle/renderDialogTitle.js.map +1 -0
  86. package/lib/components/DialogTitle/useDialogTitle.js +42 -0
  87. package/lib/components/DialogTitle/useDialogTitle.js.map +1 -0
  88. package/lib/components/DialogTitle/useDialogTitleStyles.js +109 -0
  89. package/lib/components/DialogTitle/useDialogTitleStyles.js.map +1 -0
  90. package/lib/components/DialogTrigger/DialogTrigger.js +20 -0
  91. package/lib/components/DialogTrigger/DialogTrigger.js.map +1 -0
  92. package/lib/components/DialogTrigger/DialogTrigger.types.js +2 -0
  93. package/lib/components/DialogTrigger/DialogTrigger.types.js.map +1 -0
  94. package/lib/components/DialogTrigger/index.js +5 -0
  95. package/lib/components/DialogTrigger/index.js.map +1 -0
  96. package/lib/components/DialogTrigger/renderDialogTrigger.js +7 -0
  97. package/lib/components/DialogTrigger/renderDialogTrigger.js.map +1 -0
  98. package/lib/components/DialogTrigger/useDialogTrigger.js +65 -0
  99. package/lib/components/DialogTrigger/useDialogTrigger.js.map +1 -0
  100. package/lib/contexts/constants.js +11 -0
  101. package/lib/contexts/constants.js.map +1 -0
  102. package/lib/contexts/dialogContext.js +21 -0
  103. package/lib/contexts/dialogContext.js.map +1 -0
  104. package/lib/contexts/dialogSurfaceContext.js +10 -0
  105. package/lib/contexts/dialogSurfaceContext.js.map +1 -0
  106. package/lib/contexts/index.js +4 -0
  107. package/lib/contexts/index.js.map +1 -0
  108. package/lib/index.js +7 -0
  109. package/lib/index.js.map +1 -0
  110. package/lib/utils/index.js +5 -0
  111. package/lib/utils/index.js.map +1 -0
  112. package/lib/utils/isEscapeKeyDown.js +11 -0
  113. package/lib/utils/isEscapeKeyDown.js.map +1 -0
  114. package/lib/utils/isTargetDisabled.js +14 -0
  115. package/lib/utils/isTargetDisabled.js.map +1 -0
  116. package/lib/utils/localShorthands.js +9 -0
  117. package/lib/utils/localShorthands.js.map +1 -0
  118. package/lib/utils/normalizeDefaultPrevented.js +11 -0
  119. package/lib/utils/normalizeDefaultPrevented.js.map +1 -0
  120. package/lib-commonjs/Dialog.js +10 -0
  121. package/lib-commonjs/Dialog.js.map +1 -0
  122. package/lib-commonjs/DialogActions.js +10 -0
  123. package/lib-commonjs/DialogActions.js.map +1 -0
  124. package/lib-commonjs/DialogBody.js +10 -0
  125. package/lib-commonjs/DialogBody.js.map +1 -0
  126. package/lib-commonjs/DialogSurface.js +10 -0
  127. package/lib-commonjs/DialogSurface.js.map +1 -0
  128. package/lib-commonjs/DialogTitle.js +10 -0
  129. package/lib-commonjs/DialogTitle.js.map +1 -0
  130. package/lib-commonjs/DialogTrigger.js +10 -0
  131. package/lib-commonjs/DialogTrigger.js.map +1 -0
  132. package/lib-commonjs/components/Dialog/Dialog.js +33 -0
  133. package/lib-commonjs/components/Dialog/Dialog.js.map +1 -0
  134. package/lib-commonjs/components/Dialog/Dialog.types.js +6 -0
  135. package/lib-commonjs/components/Dialog/Dialog.types.js.map +1 -0
  136. package/lib-commonjs/components/Dialog/index.js +18 -0
  137. package/lib-commonjs/components/Dialog/index.js.map +1 -0
  138. package/lib-commonjs/components/Dialog/renderDialog.js +39 -0
  139. package/lib-commonjs/components/Dialog/renderDialog.js.map +1 -0
  140. package/lib-commonjs/components/Dialog/useDialog.js +211 -0
  141. package/lib-commonjs/components/Dialog/useDialog.js.map +1 -0
  142. package/lib-commonjs/components/Dialog/useDialogContextValues.js +40 -0
  143. package/lib-commonjs/components/Dialog/useDialogContextValues.js.map +1 -0
  144. package/lib-commonjs/components/Dialog/useDialogStyles.js +53 -0
  145. package/lib-commonjs/components/Dialog/useDialogStyles.js.map +1 -0
  146. package/lib-commonjs/components/DialogActions/DialogActions.js +27 -0
  147. package/lib-commonjs/components/DialogActions/DialogActions.js.map +1 -0
  148. package/lib-commonjs/components/DialogActions/DialogActions.types.js +6 -0
  149. package/lib-commonjs/components/DialogActions/DialogActions.types.js.map +1 -0
  150. package/lib-commonjs/components/DialogActions/index.js +18 -0
  151. package/lib-commonjs/components/DialogActions/index.js.map +1 -0
  152. package/lib-commonjs/components/DialogActions/renderDialogActions.js +27 -0
  153. package/lib-commonjs/components/DialogActions/renderDialogActions.js.map +1 -0
  154. package/lib-commonjs/components/DialogActions/useDialogActions.js +37 -0
  155. package/lib-commonjs/components/DialogActions/useDialogActions.js.map +1 -0
  156. package/lib-commonjs/components/DialogActions/useDialogActionsStyles.js +63 -0
  157. package/lib-commonjs/components/DialogActions/useDialogActionsStyles.js.map +1 -0
  158. package/lib-commonjs/components/DialogBody/DialogBody.js +27 -0
  159. package/lib-commonjs/components/DialogBody/DialogBody.js.map +1 -0
  160. package/lib-commonjs/components/DialogBody/DialogBody.types.js +6 -0
  161. package/lib-commonjs/components/DialogBody/DialogBody.types.js.map +1 -0
  162. package/lib-commonjs/components/DialogBody/index.js +18 -0
  163. package/lib-commonjs/components/DialogBody/index.js.map +1 -0
  164. package/lib-commonjs/components/DialogBody/renderDialogBody.js +27 -0
  165. package/lib-commonjs/components/DialogBody/renderDialogBody.js.map +1 -0
  166. package/lib-commonjs/components/DialogBody/useDialogBody.js +36 -0
  167. package/lib-commonjs/components/DialogBody/useDialogBody.js.map +1 -0
  168. package/lib-commonjs/components/DialogBody/useDialogBodyStyles.js +55 -0
  169. package/lib-commonjs/components/DialogBody/useDialogBodyStyles.js.map +1 -0
  170. package/lib-commonjs/components/DialogSurface/DialogSurface.js +30 -0
  171. package/lib-commonjs/components/DialogSurface/DialogSurface.js.map +1 -0
  172. package/lib-commonjs/components/DialogSurface/DialogSurface.types.js +6 -0
  173. package/lib-commonjs/components/DialogSurface/DialogSurface.types.js.map +1 -0
  174. package/lib-commonjs/components/DialogSurface/index.js +18 -0
  175. package/lib-commonjs/components/DialogSurface/index.js.map +1 -0
  176. package/lib-commonjs/components/DialogSurface/renderDialogSurface.js +30 -0
  177. package/lib-commonjs/components/DialogSurface/renderDialogSurface.js.map +1 -0
  178. package/lib-commonjs/components/DialogSurface/useDialogSurface.js +72 -0
  179. package/lib-commonjs/components/DialogSurface/useDialogSurface.js.map +1 -0
  180. package/lib-commonjs/components/DialogSurface/useDialogSurfaceContextValues.js +16 -0
  181. package/lib-commonjs/components/DialogSurface/useDialogSurfaceContextValues.js.map +1 -0
  182. package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.js +90 -0
  183. package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.js.map +1 -0
  184. package/lib-commonjs/components/DialogTitle/DialogTitle.js +28 -0
  185. package/lib-commonjs/components/DialogTitle/DialogTitle.js.map +1 -0
  186. package/lib-commonjs/components/DialogTitle/DialogTitle.types.js +6 -0
  187. package/lib-commonjs/components/DialogTitle/DialogTitle.types.js.map +1 -0
  188. package/lib-commonjs/components/DialogTitle/index.js +18 -0
  189. package/lib-commonjs/components/DialogTitle/index.js.map +1 -0
  190. package/lib-commonjs/components/DialogTitle/renderDialogTitle.js +31 -0
  191. package/lib-commonjs/components/DialogTitle/renderDialogTitle.js.map +1 -0
  192. package/lib-commonjs/components/DialogTitle/useDialogTitle.js +56 -0
  193. package/lib-commonjs/components/DialogTitle/useDialogTitle.js.map +1 -0
  194. package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.js +123 -0
  195. package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.js.map +1 -0
  196. package/lib-commonjs/components/DialogTrigger/DialogTrigger.js +31 -0
  197. package/lib-commonjs/components/DialogTrigger/DialogTrigger.js.map +1 -0
  198. package/lib-commonjs/components/DialogTrigger/DialogTrigger.types.js +6 -0
  199. package/lib-commonjs/components/DialogTrigger/DialogTrigger.types.js.map +1 -0
  200. package/lib-commonjs/components/DialogTrigger/index.js +16 -0
  201. package/lib-commonjs/components/DialogTrigger/index.js.map +1 -0
  202. package/lib-commonjs/components/DialogTrigger/renderDialogTrigger.js +16 -0
  203. package/lib-commonjs/components/DialogTrigger/renderDialogTrigger.js.map +1 -0
  204. package/lib-commonjs/components/DialogTrigger/useDialogTrigger.js +80 -0
  205. package/lib-commonjs/components/DialogTrigger/useDialogTrigger.js.map +1 -0
  206. package/lib-commonjs/contexts/constants.js +17 -0
  207. package/lib-commonjs/contexts/constants.js.map +1 -0
  208. package/lib-commonjs/contexts/dialogContext.js +32 -0
  209. package/lib-commonjs/contexts/dialogContext.js.map +1 -0
  210. package/lib-commonjs/contexts/dialogSurfaceContext.js +21 -0
  211. package/lib-commonjs/contexts/dialogSurfaceContext.js.map +1 -0
  212. package/lib-commonjs/contexts/index.js +14 -0
  213. package/lib-commonjs/contexts/index.js.map +1 -0
  214. package/lib-commonjs/index.js +193 -0
  215. package/lib-commonjs/index.js.map +1 -0
  216. package/lib-commonjs/utils/index.js +16 -0
  217. package/lib-commonjs/utils/index.js.map +1 -0
  218. package/lib-commonjs/utils/isEscapeKeyDown.js +22 -0
  219. package/lib-commonjs/utils/isEscapeKeyDown.js.map +1 -0
  220. package/lib-commonjs/utils/isTargetDisabled.js +23 -0
  221. package/lib-commonjs/utils/isTargetDisabled.js.map +1 -0
  222. package/lib-commonjs/utils/localShorthands.js +18 -0
  223. package/lib-commonjs/utils/localShorthands.js.map +1 -0
  224. package/lib-commonjs/utils/normalizeDefaultPrevented.js +20 -0
  225. package/lib-commonjs/utils/normalizeDefaultPrevented.js.map +1 -0
  226. package/package.json +69 -0
@@ -0,0 +1,80 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useDialogTrigger_unstable = void 0;
7
+
8
+ const React = /*#__PURE__*/require("react");
9
+
10
+ const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
11
+
12
+ const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
13
+
14
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
15
+
16
+ const utils_1 = /*#__PURE__*/require("../../utils");
17
+
18
+ const contexts_1 = /*#__PURE__*/require("../../contexts");
19
+ /**
20
+ * Create the state required to render DialogTrigger.
21
+ * Clones the only child component and adds necessary event handling behaviours to open a popup Dialog
22
+ *
23
+ * @param props - props from this instance of DialogTrigger
24
+ */
25
+
26
+
27
+ const useDialogTrigger_unstable = props => {
28
+ const isInsideSurfaceDialog = contexts_1.useDialogSurfaceContext_unstable();
29
+ const {
30
+ children,
31
+ action = isInsideSurfaceDialog ? 'close' : 'open'
32
+ } = props;
33
+ const child = React.isValidElement(children) ? react_utilities_1.getTriggerChild(children) : undefined;
34
+ const requestOpenChange = contexts_1.useDialogContext_unstable(ctx => ctx.requestOpenChange);
35
+ const {
36
+ triggerAttributes
37
+ } = react_tabster_1.useModalAttributes();
38
+ const handleClick = react_utilities_1.useEventCallback(event => {
39
+ var _a, _b;
40
+
41
+ if (utils_1.isTargetDisabled(event)) {
42
+ return;
43
+ }
44
+
45
+ (_b = child === null || child === void 0 ? void 0 : (_a = child.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
46
+
47
+ if (!event.isDefaultPrevented()) {
48
+ requestOpenChange({
49
+ event,
50
+ type: 'triggerClick',
51
+ open: action === 'open'
52
+ });
53
+ }
54
+ });
55
+ const handleKeyDown = react_utilities_1.useEventCallback(event => {
56
+ var _a, _b;
57
+
58
+ if (utils_1.isTargetDisabled(event)) {
59
+ return;
60
+ }
61
+
62
+ (_b = child === null || child === void 0 ? void 0 : (_a = child.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, event);
63
+
64
+ if (!event.isDefaultPrevented() && (event.key === keyboard_keys_1.Enter || event.key === keyboard_keys_1.Space)) {
65
+ event.currentTarget.click();
66
+ }
67
+ });
68
+ return {
69
+ children: react_utilities_1.applyTriggerPropsToChildren(children, {
70
+ 'aria-haspopup': action === 'close' ? undefined : 'dialog',
71
+ ref: child === null || child === void 0 ? void 0 : child.ref,
72
+ onClick: handleClick,
73
+ onKeyDown: handleKeyDown,
74
+ ...triggerAttributes
75
+ })
76
+ };
77
+ };
78
+
79
+ exports.useDialogTrigger_unstable = useDialogTrigger_unstable;
80
+ //# sourceMappingURL=useDialogTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/DialogTrigger/useDialogTrigger.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { applyTriggerPropsToChildren, getTriggerChild, useEventCallback } from '@fluentui/react-utilities';\nimport { DialogTriggerChildProps, DialogTriggerProps, DialogTriggerState } from './DialogTrigger.types';\nimport { isTargetDisabled } from '../../utils';\nimport { useDialogContext_unstable, useDialogSurfaceContext_unstable } from '../../contexts';\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, action = isInsideSurfaceDialog ? 'close' : 'open' } = props;\n\n const child = React.isValidElement(children) ? getTriggerChild<DialogTriggerChildProps>(children) : undefined;\n\n const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange);\n\n const { triggerAttributes } = useModalAttributes();\n\n const handleClick = useEventCallback((event: React.MouseEvent<HTMLElement>) => {\n if (isTargetDisabled(event)) {\n return;\n }\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 const handleKeyDown = useEventCallback((event: React.KeyboardEvent<HTMLElement>) => {\n if (isTargetDisabled(event)) {\n return;\n }\n child?.props.onKeyDown?.(event);\n if (!event.isDefaultPrevented() && (event.key === Enter || event.key === Space)) {\n event.currentTarget.click();\n }\n });\n\n return {\n children: applyTriggerPropsToChildren<DialogTriggerChildProps>(children, {\n 'aria-haspopup': action === 'close' ? undefined : 'dialog',\n ref: child?.ref as React.Ref<never>,\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n ...triggerAttributes,\n }),\n };\n};\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.BODY_GRID_AREA = exports.CLOSE_BUTTON_GRID_AREA = exports.TITLE_GRID_AREA = exports.ACTIONS_END_GRID_AREA = exports.ACTIONS_START_GRID_AREA = exports.SURFACE_BORDER_WIDTH = exports.SURFACE_BORDER_RADIUS = exports.DIALOG_GAP = exports.SURFACE_PADDING = exports.MEDIA_QUERY_BREAKPOINT_SELECTOR = void 0;
7
+ exports.MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';
8
+ exports.SURFACE_PADDING = '24px';
9
+ exports.DIALOG_GAP = '8px';
10
+ exports.SURFACE_BORDER_RADIUS = '8px';
11
+ exports.SURFACE_BORDER_WIDTH = '1px';
12
+ exports.ACTIONS_START_GRID_AREA = 'actions-start';
13
+ exports.ACTIONS_END_GRID_AREA = 'actions-end';
14
+ exports.TITLE_GRID_AREA = 'title';
15
+ exports.CLOSE_BUTTON_GRID_AREA = 'close-button';
16
+ exports.BODY_GRID_AREA = 'body';
17
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["contexts/constants.ts"],"names":[],"mappings":";;;;;;AAAa,OAAA,CAAA,+BAAA,GAAkC,sCAAlC;AACA,OAAA,CAAA,eAAA,GAAkB,MAAlB;AACA,OAAA,CAAA,UAAA,GAAa,KAAb;AACA,OAAA,CAAA,qBAAA,GAAwB,KAAxB;AACA,OAAA,CAAA,oBAAA,GAAuB,KAAvB;AAEA,OAAA,CAAA,uBAAA,GAA0B,eAA1B;AACA,OAAA,CAAA,qBAAA,GAAwB,aAAxB;AACA,OAAA,CAAA,eAAA,GAAkB,OAAlB;AACA,OAAA,CAAA,sBAAA,GAAyB,cAAzB;AACA,OAAA,CAAA,cAAA,GAAiB,MAAjB","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_RADIUS = '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 CLOSE_BUTTON_GRID_AREA = 'close-button';\nexport const BODY_GRID_AREA = 'body';\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useDialogContext_unstable = exports.DialogProvider = exports.DialogContext = void 0;
7
+
8
+ const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
9
+
10
+ const defaultContextValue = {
11
+ open: false,
12
+ modalType: 'modal',
13
+ triggerRef: {
14
+ current: null
15
+ },
16
+ contentRef: {
17
+ current: null
18
+ },
19
+
20
+ requestOpenChange() {
21
+ /* noop */
22
+ }
23
+
24
+ }; // Contexts should default to undefined
25
+
26
+ exports.DialogContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
27
+ exports.DialogProvider = exports.DialogContext.Provider;
28
+
29
+ const useDialogContext_unstable = selector => react_context_selector_1.useContextSelector(exports.DialogContext, (ctx = defaultContextValue) => selector(ctx));
30
+
31
+ exports.useDialogContext_unstable = useDialogContext_unstable;
32
+ //# sourceMappingURL=dialogContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["contexts/dialogContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAsBA,MAAM,mBAAmB,GAAuB;EAC9C,IAAI,EAAE,KADwC;EAE9C,SAAS,EAAE,OAFmC;EAG9C,UAAU,EAAE;IAAE,OAAO,EAAE;EAAX,CAHkC;EAI9C,UAAU,EAAE;IAAE,OAAO,EAAE;EAAX,CAJkC;;EAK9C,iBAAiB,GAAA;IACf;EACD;;AAP6C,CAAhD,C,CAUA;;AACa,OAAA,CAAA,aAAA,gBAAyD,wBAAA,CAAA,aAAA,CACpE,SADoE,CAAzD;AAIA,OAAA,CAAA,cAAA,GAAiB,OAAA,CAAA,aAAA,CAAc,QAA/B;;AACN,MAAM,yBAAyB,GAAO,QAAJ,IACvC,wBAAA,CAAA,kBAAA,CAAmB,OAAA,CAAA,aAAnB,EAAkC,CAAC,GAAG,GAAG,mBAAP,KAA+B,QAAQ,CAAC,GAAD,CAAzE,CADK;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { DialogOpenChangeData, DialogModalType } from '../Dialog';\nimport * as React from 'react';\n\nexport type DialogContextValue = {\n /**\n * Reference to trigger element that opened the Dialog\n * null if Dialog is closed\n */\n triggerRef: React.RefObject<HTMLElement>;\n contentRef: React.RefObject<HTMLElement>;\n modalType: DialogModalType;\n dialogTitleID?: string;\n dialogBodyID?: string;\n open: boolean;\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 modalType: 'modal',\n triggerRef: { current: null },\n contentRef: { 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"],"sourceRoot":"../src/"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useDialogSurfaceContext_unstable = exports.DialogSurfaceProvider = exports.DialogSurfaceContext = void 0;
7
+
8
+ const react_1 = /*#__PURE__*/require("react");
9
+
10
+ const defaultContextValue = false;
11
+ exports.DialogSurfaceContext = /*#__PURE__*/react_1.createContext(undefined);
12
+ exports.DialogSurfaceProvider = exports.DialogSurfaceContext.Provider;
13
+
14
+ const useDialogSurfaceContext_unstable = () => {
15
+ var _a;
16
+
17
+ return (_a = react_1.useContext(exports.DialogSurfaceContext)) !== null && _a !== void 0 ? _a : defaultContextValue;
18
+ };
19
+
20
+ exports.useDialogSurfaceContext_unstable = useDialogSurfaceContext_unstable;
21
+ //# sourceMappingURL=dialogSurfaceContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["contexts/dialogSurfaceContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAM,mBAAmB,GAA8B,KAAvD;AAEa,OAAA,CAAA,oBAAA,gBAAuB,OAAA,CAAA,aAAA,CAAqD,SAArD,CAAvB;AAEA,OAAA,CAAA,qBAAA,GAAwB,OAAA,CAAA,oBAAA,CAAqB,QAA7C;;AAEN,MAAM,gCAAgC,GAAG,MAAK;EAAA,IAAA,EAAA;;EAAC,OAAA,CAAA,EAAA,GAAA,OAAA,CAAA,UAAA,CAAW,OAAA,CAAA,oBAAX,CAAA,MAAgC,IAAhC,IAAgC,EAAA,KAAA,KAAA,CAAhC,GAAgC,EAAhC,GAAoC,mBAApC;AAAuD,CAAtG;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","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"],"sourceRoot":"../src/"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./constants"), exports);
10
+
11
+ tslib_1.__exportStar(require("./dialogContext"), exports);
12
+
13
+ tslib_1.__exportStar(require("./dialogSurfaceContext"), exports);
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["contexts/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './constants';\nexport * from './dialogContext';\nexport * from './dialogSurfaceContext';\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,193 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.renderDialogSurface_unstable = exports.useDialogSurfaceStyles_unstable = exports.useDialogSurface_unstable = exports.dialogSurfaceClassNames = exports.DialogSurface = exports.renderDialogTitle_unstable = exports.useDialogTitleStyles_unstable = exports.useDialogTitle_unstable = exports.dialogTitleClassNames = exports.DialogTitle = exports.renderDialogBody_unstable = exports.useDialogBodyStyles_unstable = exports.useDialogBody_unstable = exports.dialogBodyClassNames = exports.DialogBody = exports.renderDialogActions_unstable = exports.useDialogActionsStyles_unstable = exports.useDialogActions_unstable = exports.dialogActionsClassNames = exports.DialogActions = exports.renderDialogTrigger_unstable = exports.useDialogTrigger_unstable = exports.DialogTrigger = exports.useDialog_unstable = exports.useDialogStyles_unstable = exports.renderDialog_unstable = exports.dialogClassNames = exports.Dialog = void 0;
7
+
8
+ var Dialog_1 = /*#__PURE__*/require("./Dialog");
9
+
10
+ Object.defineProperty(exports, "Dialog", {
11
+ enumerable: true,
12
+ get: function () {
13
+ return Dialog_1.Dialog;
14
+ }
15
+ });
16
+ Object.defineProperty(exports, "dialogClassNames", {
17
+ enumerable: true,
18
+ get: function () {
19
+ return Dialog_1.dialogClassNames;
20
+ }
21
+ });
22
+ Object.defineProperty(exports, "renderDialog_unstable", {
23
+ enumerable: true,
24
+ get: function () {
25
+ return Dialog_1.renderDialog_unstable;
26
+ }
27
+ });
28
+ Object.defineProperty(exports, "useDialogStyles_unstable", {
29
+ enumerable: true,
30
+ get: function () {
31
+ return Dialog_1.useDialogStyles_unstable;
32
+ }
33
+ });
34
+ Object.defineProperty(exports, "useDialog_unstable", {
35
+ enumerable: true,
36
+ get: function () {
37
+ return Dialog_1.useDialog_unstable;
38
+ }
39
+ });
40
+
41
+ var DialogTrigger_1 = /*#__PURE__*/require("./DialogTrigger");
42
+
43
+ Object.defineProperty(exports, "DialogTrigger", {
44
+ enumerable: true,
45
+ get: function () {
46
+ return DialogTrigger_1.DialogTrigger;
47
+ }
48
+ });
49
+ Object.defineProperty(exports, "useDialogTrigger_unstable", {
50
+ enumerable: true,
51
+ get: function () {
52
+ return DialogTrigger_1.useDialogTrigger_unstable;
53
+ }
54
+ });
55
+ Object.defineProperty(exports, "renderDialogTrigger_unstable", {
56
+ enumerable: true,
57
+ get: function () {
58
+ return DialogTrigger_1.renderDialogTrigger_unstable;
59
+ }
60
+ });
61
+
62
+ var DialogActions_1 = /*#__PURE__*/require("./DialogActions");
63
+
64
+ Object.defineProperty(exports, "DialogActions", {
65
+ enumerable: true,
66
+ get: function () {
67
+ return DialogActions_1.DialogActions;
68
+ }
69
+ });
70
+ Object.defineProperty(exports, "dialogActionsClassNames", {
71
+ enumerable: true,
72
+ get: function () {
73
+ return DialogActions_1.dialogActionsClassNames;
74
+ }
75
+ });
76
+ Object.defineProperty(exports, "useDialogActions_unstable", {
77
+ enumerable: true,
78
+ get: function () {
79
+ return DialogActions_1.useDialogActions_unstable;
80
+ }
81
+ });
82
+ Object.defineProperty(exports, "useDialogActionsStyles_unstable", {
83
+ enumerable: true,
84
+ get: function () {
85
+ return DialogActions_1.useDialogActionsStyles_unstable;
86
+ }
87
+ });
88
+ Object.defineProperty(exports, "renderDialogActions_unstable", {
89
+ enumerable: true,
90
+ get: function () {
91
+ return DialogActions_1.renderDialogActions_unstable;
92
+ }
93
+ });
94
+
95
+ var DialogBody_1 = /*#__PURE__*/require("./DialogBody");
96
+
97
+ Object.defineProperty(exports, "DialogBody", {
98
+ enumerable: true,
99
+ get: function () {
100
+ return DialogBody_1.DialogBody;
101
+ }
102
+ });
103
+ Object.defineProperty(exports, "dialogBodyClassNames", {
104
+ enumerable: true,
105
+ get: function () {
106
+ return DialogBody_1.dialogBodyClassNames;
107
+ }
108
+ });
109
+ Object.defineProperty(exports, "useDialogBody_unstable", {
110
+ enumerable: true,
111
+ get: function () {
112
+ return DialogBody_1.useDialogBody_unstable;
113
+ }
114
+ });
115
+ Object.defineProperty(exports, "useDialogBodyStyles_unstable", {
116
+ enumerable: true,
117
+ get: function () {
118
+ return DialogBody_1.useDialogBodyStyles_unstable;
119
+ }
120
+ });
121
+ Object.defineProperty(exports, "renderDialogBody_unstable", {
122
+ enumerable: true,
123
+ get: function () {
124
+ return DialogBody_1.renderDialogBody_unstable;
125
+ }
126
+ });
127
+
128
+ var DialogTitle_1 = /*#__PURE__*/require("./DialogTitle");
129
+
130
+ Object.defineProperty(exports, "DialogTitle", {
131
+ enumerable: true,
132
+ get: function () {
133
+ return DialogTitle_1.DialogTitle;
134
+ }
135
+ });
136
+ Object.defineProperty(exports, "dialogTitleClassNames", {
137
+ enumerable: true,
138
+ get: function () {
139
+ return DialogTitle_1.dialogTitleClassNames;
140
+ }
141
+ });
142
+ Object.defineProperty(exports, "useDialogTitle_unstable", {
143
+ enumerable: true,
144
+ get: function () {
145
+ return DialogTitle_1.useDialogTitle_unstable;
146
+ }
147
+ });
148
+ Object.defineProperty(exports, "useDialogTitleStyles_unstable", {
149
+ enumerable: true,
150
+ get: function () {
151
+ return DialogTitle_1.useDialogTitleStyles_unstable;
152
+ }
153
+ });
154
+ Object.defineProperty(exports, "renderDialogTitle_unstable", {
155
+ enumerable: true,
156
+ get: function () {
157
+ return DialogTitle_1.renderDialogTitle_unstable;
158
+ }
159
+ });
160
+
161
+ var DialogSurface_1 = /*#__PURE__*/require("./DialogSurface");
162
+
163
+ Object.defineProperty(exports, "DialogSurface", {
164
+ enumerable: true,
165
+ get: function () {
166
+ return DialogSurface_1.DialogSurface;
167
+ }
168
+ });
169
+ Object.defineProperty(exports, "dialogSurfaceClassNames", {
170
+ enumerable: true,
171
+ get: function () {
172
+ return DialogSurface_1.dialogSurfaceClassNames;
173
+ }
174
+ });
175
+ Object.defineProperty(exports, "useDialogSurface_unstable", {
176
+ enumerable: true,
177
+ get: function () {
178
+ return DialogSurface_1.useDialogSurface_unstable;
179
+ }
180
+ });
181
+ Object.defineProperty(exports, "useDialogSurfaceStyles_unstable", {
182
+ enumerable: true,
183
+ get: function () {
184
+ return DialogSurface_1.useDialogSurfaceStyles_unstable;
185
+ }
186
+ });
187
+ Object.defineProperty(exports, "renderDialogSurface_unstable", {
188
+ enumerable: true,
189
+ get: function () {
190
+ return DialogSurface_1.renderDialogSurface_unstable;
191
+ }
192
+ });
193
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["export {\n Dialog,\n dialogClassNames,\n renderDialog_unstable,\n useDialogStyles_unstable,\n useDialog_unstable,\n} from './Dialog';\nexport type { DialogProps, DialogOpenChangeData, DialogOpenChangeEvent, DialogSlots, DialogState } 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 } from './DialogSurface';\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./isEscapeKeyDown"), exports);
10
+
11
+ tslib_1.__exportStar(require("./isTargetDisabled"), exports);
12
+
13
+ tslib_1.__exportStar(require("./localShorthands"), exports);
14
+
15
+ tslib_1.__exportStar(require("./normalizeDefaultPrevented"), exports);
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["utils/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './isEscapeKeyDown';\nexport * from './isTargetDisabled';\nexport * from './localShorthands';\nexport * from './normalizeDefaultPrevented';\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.isEscapeKeyDismiss = void 0;
7
+
8
+ const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
9
+
10
+ const normalizeDefaultPrevented_1 = /*#__PURE__*/require("./normalizeDefaultPrevented");
11
+ /**
12
+ * Checks if keydown event is a proper Escape key dismiss
13
+ */
14
+
15
+
16
+ function isEscapeKeyDismiss(event, type) {
17
+ const isDefaultPrevented = normalizeDefaultPrevented_1.normalizeDefaultPrevented(event);
18
+ return event.key === keyboard_keys_1.Escape && type !== 'alert' && !isDefaultPrevented();
19
+ }
20
+
21
+ exports.isEscapeKeyDismiss = isEscapeKeyDismiss;
22
+ //# sourceMappingURL=isEscapeKeyDown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["utils/isEscapeKeyDown.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAEA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAEA;;AAEG;;;AACH,SAAgB,kBAAhB,CAAmC,KAAnC,EAA+E,IAA/E,EAAoG;EAClG,MAAM,kBAAkB,GAAG,2BAAA,CAAA,yBAAA,CAA0B,KAA1B,CAA3B;EACA,OAAO,KAAK,CAAC,GAAN,KAAc,eAAA,CAAA,MAAd,IAAwB,IAAI,KAAK,OAAjC,IAA4C,CAAC,kBAAkB,EAAtE;AACD;;AAHD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourcesContent":["import * as React from 'react';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport { DialogModalType } from '../components/Dialog/Dialog.types';\nimport { normalizeDefaultPrevented } from './normalizeDefaultPrevented';\n\n/**\n * Checks if keydown event is a proper Escape key dismiss\n */\nexport function isEscapeKeyDismiss(event: React.KeyboardEvent | KeyboardEvent, type: DialogModalType): boolean {\n const isDefaultPrevented = normalizeDefaultPrevented(event);\n return event.key === Escape && type !== 'alert' && !isDefaultPrevented();\n}\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.isTargetDisabled = void 0;
7
+
8
+ function isTargetDisabled(event) {
9
+ const isDisabled = el => el.hasAttribute('disabled') || el.hasAttribute('aria-disabled') && el.getAttribute('aria-disabled') === 'true';
10
+
11
+ if (isHTMLElement(event.target) && isDisabled(event.target)) {
12
+ return true;
13
+ }
14
+
15
+ return isHTMLElement(event.currentTarget) && isDisabled(event.currentTarget);
16
+ }
17
+
18
+ exports.isTargetDisabled = isTargetDisabled;
19
+
20
+ function isHTMLElement(element) {
21
+ return Boolean(element && typeof element === 'object' && 'hasAttribute' in element && 'getAttribute' in element);
22
+ }
23
+ //# sourceMappingURL=isTargetDisabled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["utils/isTargetDisabled.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,gBAAhB,CAAiC,KAAjC,EAAoE;EAClE,MAAM,UAAU,GAAI,EAAD,IACjB,EAAE,CAAC,YAAH,CAAgB,UAAhB,KAAgC,EAAE,CAAC,YAAH,CAAgB,eAAhB,KAAoC,EAAE,CAAC,YAAH,CAAgB,eAAhB,MAAqC,MAD3G;;EAEA,IAAI,aAAa,CAAC,KAAK,CAAC,MAAP,CAAb,IAA+B,UAAU,CAAC,KAAK,CAAC,MAAP,CAA7C,EAA4E;IAC1E,OAAO,IAAP;EACD;;EAED,OAAO,aAAa,CAAC,KAAK,CAAC,aAAP,CAAb,IAAsC,UAAU,CAAC,KAAK,CAAC,aAAP,CAAvD;AACD;;AARD,OAAA,CAAA,gBAAA,GAAA,gBAAA;;AAUA,SAAS,aAAT,CAAuB,OAAvB,EAA6C;EAC3C,OAAO,OAAO,CAAC,OAAO,IAAI,OAAO,OAAP,KAAmB,QAA9B,IAA0C,kBAAkB,OAA5D,IAAuE,kBAAkB,OAA1F,CAAd;AACD","sourcesContent":["import * as React from 'react';\n\nexport function isTargetDisabled(event: React.SyntheticEvent | Event) {\n const isDisabled = (el: HTMLElement) =>\n el.hasAttribute('disabled') || (el.hasAttribute('aria-disabled') && el.getAttribute('aria-disabled') === 'true');\n if (isHTMLElement(event.target) && isDisabled(event.target as HTMLElement)) {\n return true;\n }\n\n return isHTMLElement(event.currentTarget) && isDisabled(event.currentTarget);\n}\n\nfunction isHTMLElement(element: object | null): element is HTMLElement {\n return Boolean(element && typeof element === 'object' && 'hasAttribute' in element && 'getAttribute' in element);\n}\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.gridArea = void 0;
7
+
8
+ function gridArea(name) {
9
+ return {
10
+ gridRowStart: name,
11
+ gridRowEnd: name,
12
+ gridColumnStart: name,
13
+ gridColumnEnd: name
14
+ };
15
+ }
16
+
17
+ exports.gridArea = gridArea;
18
+ //# sourceMappingURL=localShorthands.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["utils/localShorthands.ts"],"names":[],"mappings":";;;;;;;AAAA,SAAgB,QAAhB,CAAyB,IAAzB,EAAqC;EACnC,OAAO;IACL,YAAY,EAAE,IADT;IAEL,UAAU,EAAE,IAFP;IAGL,eAAe,EAAE,IAHZ;IAIL,aAAa,EAAE;EAJV,CAAP;AAMD;;AAPD,OAAA,CAAA,QAAA,GAAA,QAAA","sourcesContent":["export function gridArea(name: string) {\n return {\n gridRowStart: name,\n gridRowEnd: name,\n gridColumnStart: name,\n gridColumnEnd: name,\n };\n}\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.normalizeDefaultPrevented = void 0;
7
+ /**
8
+ * normalizes defaultPrevented to work the same way between synthetic events and regular event
9
+ */
10
+
11
+ function normalizeDefaultPrevented(event) {
12
+ if (event instanceof Event) {
13
+ return () => event.defaultPrevented;
14
+ }
15
+
16
+ return event.isDefaultPrevented;
17
+ }
18
+
19
+ exports.normalizeDefaultPrevented = normalizeDefaultPrevented;
20
+ //# sourceMappingURL=normalizeDefaultPrevented.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["utils/normalizeDefaultPrevented.ts"],"names":[],"mappings":";;;;;;AAEA;;AAEG;;AACH,SAAgB,yBAAhB,CAA0C,KAA1C,EAA6E;EAC3E,IAAI,KAAK,YAAY,KAArB,EAA4B;IAC1B,OAAO,MAAM,KAAK,CAAC,gBAAnB;EACD;;EACD,OAAO,KAAK,CAAC,kBAAb;AACD;;AALD,OAAA,CAAA,yBAAA,GAAA,yBAAA","sourcesContent":["import * as React from 'react';\n\n/**\n * normalizes defaultPrevented to work the same way between synthetic events and regular event\n */\nexport function normalizeDefaultPrevented(event: React.SyntheticEvent | Event) {\n if (event instanceof Event) {\n return () => event.defaultPrevented;\n }\n return event.isDefaultPrevented;\n}\n"],"sourceRoot":"../src/"}
package/package.json ADDED
@@ -0,0 +1,69 @@
1
+ {
2
+ "name": "@fluentui/react-dialog",
3
+ "version": "9.0.0-beta.7",
4
+ "description": "Dialog component for Fluent UI React",
5
+ "main": "lib-commonjs/index.js",
6
+ "module": "lib/index.js",
7
+ "typings": "dist/index.d.ts",
8
+ "sideEffects": false,
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "https://github.com/microsoft/fluentui"
12
+ },
13
+ "license": "MIT",
14
+ "scripts": {
15
+ "build": "just-scripts build",
16
+ "clean": "just-scripts clean",
17
+ "code-style": "just-scripts code-style",
18
+ "bundle-size": "bundle-size measure",
19
+ "just": "just-scripts",
20
+ "lint": "just-scripts lint",
21
+ "start": "yarn storybook",
22
+ "test": "jest --passWithNoTests",
23
+ "e2e": "yarn cypress run --component",
24
+ "e2e:local": "yarn cypress open --component",
25
+ "docs": "api-extractor run --config=config/api-extractor.local.json --local",
26
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-dialog/src && yarn docs",
27
+ "storybook": "node ../../../scripts/storybook/runner",
28
+ "type-check": "tsc -b tsconfig.json"
29
+ },
30
+ "devDependencies": {
31
+ "@fluentui/eslint-plugin": "*",
32
+ "@fluentui/react-conformance": "*",
33
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.12",
34
+ "@fluentui/scripts": "^1.0.0"
35
+ },
36
+ "dependencies": {
37
+ "@griffel/react": "^1.2.3",
38
+ "@fluentui/react-utilities": "^9.0.2",
39
+ "@fluentui/keyboard-keys": "^9.0.0",
40
+ "@fluentui/react-context-selector": "^9.0.2",
41
+ "@fluentui/react-shared-contexts": "^9.0.0",
42
+ "@fluentui/react-aria": "^9.1.0",
43
+ "@fluentui/react-icons": "^2.0.175",
44
+ "@fluentui/react-tabster": "^9.1.0",
45
+ "@fluentui/react-theme": "^9.0.0",
46
+ "@fluentui/react-portal": "^9.0.4",
47
+ "tslib": "^2.1.0"
48
+ },
49
+ "peerDependencies": {
50
+ "@types/react": ">=16.8.0 <18.0.0",
51
+ "@types/react-dom": ">=16.8.0 <18.0.0",
52
+ "react": ">=16.8.0 <18.0.0",
53
+ "react-dom": ">=16.8.0 <18.0.0"
54
+ },
55
+ "beachball": {
56
+ "disallowedChangeTypes": [
57
+ "major",
58
+ "minor",
59
+ "patch"
60
+ ]
61
+ },
62
+ "exports": {
63
+ ".": {
64
+ "types": "./lib/index.d.ts",
65
+ "import": "./lib/index.js",
66
+ "require": "./lib-commonjs/index.js"
67
+ }
68
+ }
69
+ }