@fluentui/react-dialog 9.5.7 → 9.5.9

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 (232) hide show
  1. package/CHANGELOG.json +109 -1
  2. package/CHANGELOG.md +33 -2
  3. package/dist/index.d.ts +1 -1
  4. package/lib/Dialog.js +0 -1
  5. package/lib/Dialog.js.map +1 -1
  6. package/lib/DialogActions.js +0 -1
  7. package/lib/DialogActions.js.map +1 -1
  8. package/lib/DialogBody.js +0 -1
  9. package/lib/DialogBody.js.map +1 -1
  10. package/lib/DialogContent.js +0 -1
  11. package/lib/DialogContent.js.map +1 -1
  12. package/lib/DialogSurface.js +0 -1
  13. package/lib/DialogSurface.js.map +1 -1
  14. package/lib/DialogTitle.js +0 -1
  15. package/lib/DialogTitle.js.map +1 -1
  16. package/lib/DialogTrigger.js +0 -1
  17. package/lib/DialogTrigger.js.map +1 -1
  18. package/lib/components/Dialog/Dialog.js +4 -6
  19. package/lib/components/Dialog/Dialog.js.map +1 -1
  20. package/lib/components/Dialog/Dialog.types.js +1 -2
  21. package/lib/components/Dialog/Dialog.types.js.map +1 -1
  22. package/lib/components/Dialog/index.js +0 -1
  23. package/lib/components/Dialog/index.js.map +1 -1
  24. package/lib/components/Dialog/renderDialog.js +8 -13
  25. package/lib/components/Dialog/renderDialog.js.map +1 -1
  26. package/lib/components/Dialog/useDialog.js +71 -73
  27. package/lib/components/Dialog/useDialog.js.map +1 -1
  28. package/lib/components/Dialog/useDialogContextValues.js +20 -32
  29. package/lib/components/Dialog/useDialogContextValues.js.map +1 -1
  30. package/lib/components/DialogActions/DialogActions.js +5 -7
  31. package/lib/components/DialogActions/DialogActions.js.map +1 -1
  32. package/lib/components/DialogActions/DialogActions.types.js +1 -2
  33. package/lib/components/DialogActions/DialogActions.types.js.map +1 -1
  34. package/lib/components/DialogActions/index.js +0 -1
  35. package/lib/components/DialogActions/index.js.map +1 -1
  36. package/lib/components/DialogActions/renderDialogActions.js +5 -10
  37. package/lib/components/DialogActions/renderDialogActions.js.map +1 -1
  38. package/lib/components/DialogActions/useDialogActions.js +13 -18
  39. package/lib/components/DialogActions/useDialogActions.js.map +1 -1
  40. package/lib/components/DialogActions/useDialogActionsStyles.styles.js.map +1 -1
  41. package/lib/components/DialogBody/DialogBody.js +5 -7
  42. package/lib/components/DialogBody/DialogBody.js.map +1 -1
  43. package/lib/components/DialogBody/DialogBody.types.js +1 -2
  44. package/lib/components/DialogBody/DialogBody.types.js.map +1 -1
  45. package/lib/components/DialogBody/index.js +0 -1
  46. package/lib/components/DialogBody/index.js.map +1 -1
  47. package/lib/components/DialogBody/renderDialogBody.js +5 -10
  48. package/lib/components/DialogBody/renderDialogBody.js.map +1 -1
  49. package/lib/components/DialogBody/useDialogBody.js +11 -13
  50. package/lib/components/DialogBody/useDialogBody.js.map +1 -1
  51. package/lib/components/DialogBody/useDialogBodyStyles.styles.js.map +1 -1
  52. package/lib/components/DialogContent/DialogContent.js +5 -7
  53. package/lib/components/DialogContent/DialogContent.js.map +1 -1
  54. package/lib/components/DialogContent/DialogContent.types.js +1 -2
  55. package/lib/components/DialogContent/DialogContent.types.js.map +1 -1
  56. package/lib/components/DialogContent/index.js +0 -1
  57. package/lib/components/DialogContent/index.js.map +1 -1
  58. package/lib/components/DialogContent/renderDialogContent.js +4 -9
  59. package/lib/components/DialogContent/renderDialogContent.js.map +1 -1
  60. package/lib/components/DialogContent/useDialogContent.js +11 -13
  61. package/lib/components/DialogContent/useDialogContent.js.map +1 -1
  62. package/lib/components/DialogContent/useDialogContentStyles.styles.js.map +1 -1
  63. package/lib/components/DialogSurface/DialogSurface.js +6 -8
  64. package/lib/components/DialogSurface/DialogSurface.js.map +1 -1
  65. package/lib/components/DialogSurface/DialogSurface.types.js +1 -2
  66. package/lib/components/DialogSurface/DialogSurface.types.js.map +1 -1
  67. package/lib/components/DialogSurface/index.js +0 -1
  68. package/lib/components/DialogSurface/index.js.map +1 -1
  69. package/lib/components/DialogSurface/renderDialogSurface.js +6 -11
  70. package/lib/components/DialogSurface/renderDialogSurface.js.map +1 -1
  71. package/lib/components/DialogSurface/useDialogSurface.js +58 -63
  72. package/lib/components/DialogSurface/useDialogSurface.js.map +1 -1
  73. package/lib/components/DialogSurface/useDialogSurfaceContextValues.js +4 -5
  74. package/lib/components/DialogSurface/useDialogSurfaceContextValues.js.map +1 -1
  75. package/lib/components/DialogSurface/useDialogSurfaceStyles.styles.js +5 -5
  76. package/lib/components/DialogSurface/useDialogSurfaceStyles.styles.js.map +1 -1
  77. package/lib/components/DialogTitle/DialogTitle.js +5 -7
  78. package/lib/components/DialogTitle/DialogTitle.js.map +1 -1
  79. package/lib/components/DialogTitle/DialogTitle.types.js +1 -2
  80. package/lib/components/DialogTitle/DialogTitle.types.js.map +1 -1
  81. package/lib/components/DialogTitle/index.js +0 -1
  82. package/lib/components/DialogTitle/index.js.map +1 -1
  83. package/lib/components/DialogTitle/renderDialogTitle.js +4 -9
  84. package/lib/components/DialogTitle/renderDialogTitle.js.map +1 -1
  85. package/lib/components/DialogTitle/useDialogTitle.js +29 -34
  86. package/lib/components/DialogTitle/useDialogTitle.js.map +1 -1
  87. package/lib/components/DialogTitle/useDialogTitleStyles.styles.js +5 -5
  88. package/lib/components/DialogTitle/useDialogTitleStyles.styles.js.map +1 -1
  89. package/lib/components/DialogTrigger/DialogTrigger.js +3 -5
  90. package/lib/components/DialogTrigger/DialogTrigger.js.map +1 -1
  91. package/lib/components/DialogTrigger/DialogTrigger.types.js +0 -1
  92. package/lib/components/DialogTrigger/DialogTrigger.types.js.map +1 -1
  93. package/lib/components/DialogTrigger/index.js +0 -1
  94. package/lib/components/DialogTrigger/index.js.map +1 -1
  95. package/lib/components/DialogTrigger/renderDialogTrigger.js +1 -2
  96. package/lib/components/DialogTrigger/renderDialogTrigger.js.map +1 -1
  97. package/lib/components/DialogTrigger/useDialogTrigger.styles.js.map +1 -1
  98. package/lib/contexts/constants.js +0 -1
  99. package/lib/contexts/constants.js.map +1 -1
  100. package/lib/contexts/dialogContext.js +11 -12
  101. package/lib/contexts/dialogContext.js.map +1 -1
  102. package/lib/contexts/dialogSurfaceContext.js +2 -3
  103. package/lib/contexts/dialogSurfaceContext.js.map +1 -1
  104. package/lib/contexts/index.js +0 -1
  105. package/lib/contexts/index.js.map +1 -1
  106. package/lib/index.js +0 -1
  107. package/lib/index.js.map +1 -1
  108. package/lib/utils/index.js +0 -1
  109. package/lib/utils/index.js.map +1 -1
  110. package/lib/utils/isEscapeKeyDown.js +2 -4
  111. package/lib/utils/isEscapeKeyDown.js.map +1 -1
  112. package/lib/utils/useDisableBodyScroll.js +31 -36
  113. package/lib/utils/useDisableBodyScroll.js.map +1 -1
  114. package/lib/utils/useFocusFirstElement.js +29 -27
  115. package/lib/utils/useFocusFirstElement.js.map +1 -1
  116. package/lib-commonjs/Dialog.js +0 -3
  117. package/lib-commonjs/Dialog.js.map +1 -1
  118. package/lib-commonjs/DialogActions.js +0 -3
  119. package/lib-commonjs/DialogActions.js.map +1 -1
  120. package/lib-commonjs/DialogBody.js +0 -3
  121. package/lib-commonjs/DialogBody.js.map +1 -1
  122. package/lib-commonjs/DialogContent.js +0 -3
  123. package/lib-commonjs/DialogContent.js.map +1 -1
  124. package/lib-commonjs/DialogSurface.js +0 -3
  125. package/lib-commonjs/DialogSurface.js.map +1 -1
  126. package/lib-commonjs/DialogTitle.js +0 -3
  127. package/lib-commonjs/DialogTitle.js.map +1 -1
  128. package/lib-commonjs/DialogTrigger.js +0 -3
  129. package/lib-commonjs/DialogTrigger.js.map +1 -1
  130. package/lib-commonjs/components/Dialog/Dialog.js +1 -3
  131. package/lib-commonjs/components/Dialog/Dialog.js.map +1 -1
  132. package/lib-commonjs/components/Dialog/Dialog.types.js +0 -3
  133. package/lib-commonjs/components/Dialog/Dialog.types.js.map +1 -1
  134. package/lib-commonjs/components/Dialog/index.js +0 -3
  135. package/lib-commonjs/components/Dialog/index.js.map +1 -1
  136. package/lib-commonjs/components/Dialog/renderDialog.js +1 -3
  137. package/lib-commonjs/components/Dialog/renderDialog.js.map +1 -1
  138. package/lib-commonjs/components/Dialog/useDialog.js +1 -3
  139. package/lib-commonjs/components/Dialog/useDialog.js.map +1 -1
  140. package/lib-commonjs/components/Dialog/useDialogContextValues.js +4 -6
  141. package/lib-commonjs/components/Dialog/useDialogContextValues.js.map +1 -1
  142. package/lib-commonjs/components/DialogActions/DialogActions.js +1 -3
  143. package/lib-commonjs/components/DialogActions/DialogActions.js.map +1 -1
  144. package/lib-commonjs/components/DialogActions/DialogActions.types.js +0 -3
  145. package/lib-commonjs/components/DialogActions/DialogActions.types.js.map +1 -1
  146. package/lib-commonjs/components/DialogActions/index.js +0 -3
  147. package/lib-commonjs/components/DialogActions/index.js.map +1 -1
  148. package/lib-commonjs/components/DialogActions/renderDialogActions.js +1 -3
  149. package/lib-commonjs/components/DialogActions/renderDialogActions.js.map +1 -1
  150. package/lib-commonjs/components/DialogActions/useDialogActions.js +1 -3
  151. package/lib-commonjs/components/DialogActions/useDialogActions.js.map +1 -1
  152. package/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.js +0 -2
  153. package/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.js.map +1 -1
  154. package/lib-commonjs/components/DialogBody/DialogBody.js +1 -3
  155. package/lib-commonjs/components/DialogBody/DialogBody.js.map +1 -1
  156. package/lib-commonjs/components/DialogBody/DialogBody.types.js +0 -3
  157. package/lib-commonjs/components/DialogBody/DialogBody.types.js.map +1 -1
  158. package/lib-commonjs/components/DialogBody/index.js +0 -3
  159. package/lib-commonjs/components/DialogBody/index.js.map +1 -1
  160. package/lib-commonjs/components/DialogBody/renderDialogBody.js +1 -3
  161. package/lib-commonjs/components/DialogBody/renderDialogBody.js.map +1 -1
  162. package/lib-commonjs/components/DialogBody/useDialogBody.js +1 -3
  163. package/lib-commonjs/components/DialogBody/useDialogBody.js.map +1 -1
  164. package/lib-commonjs/components/DialogBody/useDialogBodyStyles.styles.js +0 -2
  165. package/lib-commonjs/components/DialogBody/useDialogBodyStyles.styles.js.map +1 -1
  166. package/lib-commonjs/components/DialogContent/DialogContent.js +1 -3
  167. package/lib-commonjs/components/DialogContent/DialogContent.js.map +1 -1
  168. package/lib-commonjs/components/DialogContent/DialogContent.types.js +0 -3
  169. package/lib-commonjs/components/DialogContent/DialogContent.types.js.map +1 -1
  170. package/lib-commonjs/components/DialogContent/index.js +0 -3
  171. package/lib-commonjs/components/DialogContent/index.js.map +1 -1
  172. package/lib-commonjs/components/DialogContent/renderDialogContent.js +1 -3
  173. package/lib-commonjs/components/DialogContent/renderDialogContent.js.map +1 -1
  174. package/lib-commonjs/components/DialogContent/useDialogContent.js +1 -3
  175. package/lib-commonjs/components/DialogContent/useDialogContent.js.map +1 -1
  176. package/lib-commonjs/components/DialogContent/useDialogContentStyles.styles.js +0 -2
  177. package/lib-commonjs/components/DialogContent/useDialogContentStyles.styles.js.map +1 -1
  178. package/lib-commonjs/components/DialogSurface/DialogSurface.js +1 -3
  179. package/lib-commonjs/components/DialogSurface/DialogSurface.js.map +1 -1
  180. package/lib-commonjs/components/DialogSurface/DialogSurface.types.js +0 -3
  181. package/lib-commonjs/components/DialogSurface/DialogSurface.types.js.map +1 -1
  182. package/lib-commonjs/components/DialogSurface/index.js +0 -3
  183. package/lib-commonjs/components/DialogSurface/index.js.map +1 -1
  184. package/lib-commonjs/components/DialogSurface/renderDialogSurface.js +1 -3
  185. package/lib-commonjs/components/DialogSurface/renderDialogSurface.js.map +1 -1
  186. package/lib-commonjs/components/DialogSurface/useDialogSurface.js +1 -3
  187. package/lib-commonjs/components/DialogSurface/useDialogSurface.js.map +1 -1
  188. package/lib-commonjs/components/DialogSurface/useDialogSurfaceContextValues.js +1 -3
  189. package/lib-commonjs/components/DialogSurface/useDialogSurfaceContextValues.js.map +1 -1
  190. package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.styles.js +12 -14
  191. package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.styles.js.map +1 -1
  192. package/lib-commonjs/components/DialogTitle/DialogTitle.js +1 -3
  193. package/lib-commonjs/components/DialogTitle/DialogTitle.js.map +1 -1
  194. package/lib-commonjs/components/DialogTitle/DialogTitle.types.js +0 -3
  195. package/lib-commonjs/components/DialogTitle/DialogTitle.types.js.map +1 -1
  196. package/lib-commonjs/components/DialogTitle/index.js +0 -3
  197. package/lib-commonjs/components/DialogTitle/index.js.map +1 -1
  198. package/lib-commonjs/components/DialogTitle/renderDialogTitle.js +1 -3
  199. package/lib-commonjs/components/DialogTitle/renderDialogTitle.js.map +1 -1
  200. package/lib-commonjs/components/DialogTitle/useDialogTitle.js +1 -3
  201. package/lib-commonjs/components/DialogTitle/useDialogTitle.js.map +1 -1
  202. package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.styles.js +12 -14
  203. package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.styles.js.map +1 -1
  204. package/lib-commonjs/components/DialogTrigger/DialogTrigger.js +1 -3
  205. package/lib-commonjs/components/DialogTrigger/DialogTrigger.js.map +1 -1
  206. package/lib-commonjs/components/DialogTrigger/DialogTrigger.types.js +0 -3
  207. package/lib-commonjs/components/DialogTrigger/DialogTrigger.types.js.map +1 -1
  208. package/lib-commonjs/components/DialogTrigger/index.js +0 -3
  209. package/lib-commonjs/components/DialogTrigger/index.js.map +1 -1
  210. package/lib-commonjs/components/DialogTrigger/renderDialogTrigger.js +1 -3
  211. package/lib-commonjs/components/DialogTrigger/renderDialogTrigger.js.map +1 -1
  212. package/lib-commonjs/components/DialogTrigger/useDialogTrigger.styles.js +0 -2
  213. package/lib-commonjs/components/DialogTrigger/useDialogTrigger.styles.js.map +1 -1
  214. package/lib-commonjs/contexts/constants.js +1 -3
  215. package/lib-commonjs/contexts/constants.js.map +1 -1
  216. package/lib-commonjs/contexts/dialogContext.js +2 -4
  217. package/lib-commonjs/contexts/dialogContext.js.map +1 -1
  218. package/lib-commonjs/contexts/dialogSurfaceContext.js +1 -3
  219. package/lib-commonjs/contexts/dialogSurfaceContext.js.map +1 -1
  220. package/lib-commonjs/contexts/index.js +0 -3
  221. package/lib-commonjs/contexts/index.js.map +1 -1
  222. package/lib-commonjs/index.js +0 -3
  223. package/lib-commonjs/index.js.map +1 -1
  224. package/lib-commonjs/utils/index.js +0 -3
  225. package/lib-commonjs/utils/index.js.map +1 -1
  226. package/lib-commonjs/utils/isEscapeKeyDown.js +1 -3
  227. package/lib-commonjs/utils/isEscapeKeyDown.js.map +1 -1
  228. package/lib-commonjs/utils/useDisableBodyScroll.js +1 -3
  229. package/lib-commonjs/utils/useDisableBodyScroll.js.map +1 -1
  230. package/lib-commonjs/utils/useFocusFirstElement.js +1 -3
  231. package/lib-commonjs/utils/useFocusFirstElement.js.map +1 -1
  232. package/package.json +9 -9
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Dialog/useDialog.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback, useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useDisableBodyScroll, useFocusFirstElement } from '../../utils';\nimport { DialogContext } from '../../contexts';\nimport { useModalAttributes } from '@fluentui/react-tabster';\n/**\n * Create the state required to render Dialog.\n *\n * The returned state can be modified with hooks such as useDialogStyles_unstable,\n * before being passed to renderDialog_unstable.\n *\n * @param props - props from this instance of Dialog\n */\nexport const useDialog_unstable = props => {\n const {\n children,\n modalType = 'modal',\n onOpenChange,\n inertTrapFocus = false\n } = props;\n const [trigger, content] = childrenToTriggerAndContent(children);\n const [open, setOpen] = useControllableState({\n state: props.open,\n defaultState: props.defaultOpen,\n initialState: false\n });\n const requestOpenChange = useEventCallback(data => {\n onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(data.event, data);\n // if user prevents default then do not change state value\n // otherwise updates state value and trigger reference to the element that caused the opening\n if (!data.event.isDefaultPrevented()) {\n setOpen(data.open);\n }\n });\n const focusRef = useFocusFirstElement(open, modalType);\n const disableBodyScroll = useDisableBodyScroll();\n const isBodyScrollLocked = Boolean(open && modalType !== 'non-modal');\n useIsomorphicLayoutEffect(() => {\n if (isBodyScrollLocked) {\n return disableBodyScroll();\n }\n }, [disableBodyScroll, isBodyScrollLocked]);\n const {\n modalAttributes,\n triggerAttributes\n } = useModalAttributes({\n trapFocus: modalType !== 'non-modal',\n legacyTrapFocus: !inertTrapFocus\n });\n return {\n components: {\n backdrop: 'div'\n },\n inertTrapFocus,\n open,\n modalType,\n content: open ? content : null,\n trigger,\n requestOpenChange,\n dialogTitleId: useId('dialog-title-'),\n isNestedDialog: useHasParentContext(DialogContext),\n dialogRef: focusRef,\n modalAttributes: modalType !== 'non-modal' ? modalAttributes : undefined,\n triggerAttributes\n };\n};\n/**\n * Extracts trigger and content from children\n */\nfunction childrenToTriggerAndContent(children) {\n const childrenArray = React.Children.toArray(children);\n if (process.env.NODE_ENV !== 'production') {\n if (childrenArray.length !== 1 && childrenArray.length !== 2) {\n // eslint-disable-next-line no-console\n console.warn('Dialog must contain at least one child <DialogSurface/>,\\n' + 'and at most two children <DialogTrigger/> <DialogSurface/> (in this order)');\n }\n }\n switch (childrenArray.length) {\n // case where there's a trigger followed by content\n case 2:\n return childrenArray;\n // case where there's only content\n case 1:\n return [undefined, childrenArray[0]];\n // unknown case\n default:\n return [undefined, undefined];\n }\n}\n//# sourceMappingURL=useDialog.js.map"],"names":["useDialog_unstable","props","children","modalType","onOpenChange","inertTrapFocus","trigger","content","childrenToTriggerAndContent","open","setOpen","useControllableState","state","defaultState","defaultOpen","initialState","requestOpenChange","useEventCallback","data","event","isDefaultPrevented","focusRef","useFocusFirstElement","disableBodyScroll","useDisableBodyScroll","isBodyScrollLocked","Boolean","useIsomorphicLayoutEffect","modalAttributes","triggerAttributes","useModalAttributes","trapFocus","legacyTrapFocus","components","backdrop","dialogTitleId","useId","isNestedDialog","useHasParentContext","DialogContext","dialogRef","undefined","childrenArray","React","Children","toArray","process","env","NODE_ENV","length","console","warn"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAdU;gCACkE;sCACrD;uBACuB;0BAC7B;8BACK;AAS5B,MAAMA,qBAAqBC,CAAAA,QAAS;IACzC,MAAM,EACJC,SAAQ,EACRC,WAAY,QAAO,EACnBC,aAAY,EACZC,gBAAiB,KAAK,CAAA,EACvB,GAAGJ;IACJ,MAAM,CAACK,SAASC,QAAQ,GAAGC,4BAA4BN;IACvD,MAAM,CAACO,MAAMC,QAAQ,GAAGC,IAAAA,oCAAoB,EAAC;QAC3CC,OAAOX,MAAMQ,IAAI;QACjBI,cAAcZ,MAAMa,WAAW;QAC/BC,cAAc,KAAK;IACrB;IACA,MAAMC,oBAAoBC,IAAAA,gCAAgB,EAACC,CAAAA,OAAQ;QACjDd,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAac,KAAKC,KAAK,EAAED,KAAK;QAC1F,0DAA0D;QAC1D,6FAA6F;QAC7F,IAAI,CAACA,KAAKC,KAAK,CAACC,kBAAkB,IAAI;YACpCV,QAAQQ,KAAKT,IAAI;QACnB,CAAC;IACH;IACA,MAAMY,WAAWC,IAAAA,2BAAoB,EAACb,MAAMN;IAC5C,MAAMoB,oBAAoBC,IAAAA,2BAAoB;IAC9C,MAAMC,qBAAqBC,QAAQjB,QAAQN,cAAc;IACzDwB,IAAAA,yCAAyB,EAAC,IAAM;QAC9B,IAAIF,oBAAoB;YACtB,OAAOF;QACT,CAAC;IACH,GAAG;QAACA;QAAmBE;KAAmB;IAC1C,MAAM,EACJG,gBAAe,EACfC,kBAAiB,EAClB,GAAGC,IAAAA,gCAAkB,EAAC;QACrBC,WAAW5B,cAAc;QACzB6B,iBAAiB,CAAC3B;IACpB;IACA,OAAO;QACL4B,YAAY;YACVC,UAAU;QACZ;QACA7B;QACAI;QACAN;QACAI,SAASE,OAAOF,UAAU,IAAI;QAC9BD;QACAU;QACAmB,eAAeC,IAAAA,qBAAK,EAAC;QACrBC,gBAAgBC,IAAAA,yCAAmB,EAACC,uBAAa;QACjDC,WAAWnB;QACXO,iBAAiBzB,cAAc,cAAcyB,kBAAkBa,SAAS;QACxEZ;IACF;AACF;AACA;;CAEC,GACD,SAASrB,4BAA4BN,QAAQ,EAAE;IAC7C,MAAMwC,gBAAgBC,OAAMC,QAAQ,CAACC,OAAO,CAAC3C;IAC7C,IAAI4C,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,IAAIN,cAAcO,MAAM,KAAK,KAAKP,cAAcO,MAAM,KAAK,GAAG;YAC5D,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,+DAA+D;QAC9E,CAAC;IACH,CAAC;IACD,OAAQT,cAAcO,MAAM;QAC1B,mDAAmD;QACnD,KAAK;YACH,OAAOP;QACT,kCAAkC;QAClC,KAAK;YACH,OAAO;gBAACD;gBAAWC,aAAa,CAAC,EAAE;aAAC;QACtC,eAAe;QACf;YACE,OAAO;gBAACD;gBAAWA;aAAU;IACjC;AACF,EACA,qCAAqC"}
1
+ {"version":3,"sources":["useDialog.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback, useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useDisableBodyScroll, useFocusFirstElement } from '../../utils';\nimport { DialogContext } from '../../contexts';\nimport { useModalAttributes } from '@fluentui/react-tabster';\n/**\n * Create the state required to render Dialog.\n *\n * The returned state can be modified with hooks such as useDialogStyles_unstable,\n * before being passed to renderDialog_unstable.\n *\n * @param props - props from this instance of Dialog\n */ export const useDialog_unstable = (props)=>{\n const { children , modalType ='modal' , onOpenChange , inertTrapFocus =false } = props;\n const [trigger, content] = childrenToTriggerAndContent(children);\n const [open, setOpen] = useControllableState({\n state: props.open,\n defaultState: props.defaultOpen,\n initialState: false\n });\n const requestOpenChange = useEventCallback((data)=>{\n onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(data.event, data);\n // if user prevents default then do not change state value\n // otherwise updates state value and trigger reference to the element that caused the opening\n if (!data.event.isDefaultPrevented()) {\n setOpen(data.open);\n }\n });\n const focusRef = useFocusFirstElement(open, modalType);\n const disableBodyScroll = useDisableBodyScroll();\n const isBodyScrollLocked = Boolean(open && modalType !== 'non-modal');\n useIsomorphicLayoutEffect(()=>{\n if (isBodyScrollLocked) {\n return disableBodyScroll();\n }\n }, [\n disableBodyScroll,\n isBodyScrollLocked\n ]);\n const { modalAttributes , triggerAttributes } = useModalAttributes({\n trapFocus: modalType !== 'non-modal',\n legacyTrapFocus: !inertTrapFocus\n });\n return {\n components: {\n backdrop: 'div'\n },\n inertTrapFocus,\n open,\n modalType,\n content: open ? content : null,\n trigger,\n requestOpenChange,\n dialogTitleId: useId('dialog-title-'),\n isNestedDialog: useHasParentContext(DialogContext),\n dialogRef: focusRef,\n modalAttributes: modalType !== 'non-modal' ? modalAttributes : undefined,\n triggerAttributes\n };\n};\n/**\n * Extracts trigger and content from children\n */ function childrenToTriggerAndContent(children) {\n const childrenArray = React.Children.toArray(children);\n if (process.env.NODE_ENV !== 'production') {\n if (childrenArray.length !== 1 && childrenArray.length !== 2) {\n // eslint-disable-next-line no-console\n console.warn('Dialog must contain at least one child <DialogSurface/>,\\n' + 'and at most two children <DialogTrigger/> <DialogSurface/> (in this order)');\n }\n }\n switch(childrenArray.length){\n // case where there's a trigger followed by content\n case 2:\n return childrenArray;\n // case where there's only content\n case 1:\n return [\n undefined,\n childrenArray[0]\n ];\n // unknown case\n default:\n return [\n undefined,\n undefined\n ];\n }\n}\n"],"names":["useDialog_unstable","props","children","modalType","onOpenChange","inertTrapFocus","trigger","content","childrenToTriggerAndContent","open","setOpen","useControllableState","state","defaultState","defaultOpen","initialState","requestOpenChange","useEventCallback","data","event","isDefaultPrevented","focusRef","useFocusFirstElement","disableBodyScroll","useDisableBodyScroll","isBodyScrollLocked","Boolean","useIsomorphicLayoutEffect","modalAttributes","triggerAttributes","useModalAttributes","trapFocus","legacyTrapFocus","components","backdrop","dialogTitleId","useId","isNestedDialog","useHasParentContext","DialogContext","dialogRef","undefined","childrenArray","React","Children","toArray","process","env","NODE_ENV","length","console","warn"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;gCACkE;sCACrD;uBACuB;0BAC7B;8BACK;AAQxB,MAAMA,qBAAqB,CAACC,QAAQ;IAC3C,MAAM,EAAEC,SAAQ,EAAGC,WAAW,QAAO,EAAGC,aAAY,EAAGC,gBAAgB,KAAK,CAAA,EAAG,GAAGJ;IAClF,MAAM,CAACK,SAASC,QAAQ,GAAGC,4BAA4BN;IACvD,MAAM,CAACO,MAAMC,QAAQ,GAAGC,IAAAA,oCAAoB,EAAC;QACzCC,OAAOX,MAAMQ,IAAI;QACjBI,cAAcZ,MAAMa,WAAW;QAC/BC,cAAc,KAAK;IACvB;IACA,MAAMC,oBAAoBC,IAAAA,gCAAgB,EAAC,CAACC,OAAO;QAC/Cd,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAac,KAAKC,KAAK,EAAED,KAAK;QAC1F,0DAA0D;QAC1D,6FAA6F;QAC7F,IAAI,CAACA,KAAKC,KAAK,CAACC,kBAAkB,IAAI;YAClCV,QAAQQ,KAAKT,IAAI;QACrB,CAAC;IACL;IACA,MAAMY,WAAWC,IAAAA,2BAAoB,EAACb,MAAMN;IAC5C,MAAMoB,oBAAoBC,IAAAA,2BAAoB;IAC9C,MAAMC,qBAAqBC,QAAQjB,QAAQN,cAAc;IACzDwB,IAAAA,yCAAyB,EAAC,IAAI;QAC1B,IAAIF,oBAAoB;YACpB,OAAOF;QACX,CAAC;IACL,GAAG;QACCA;QACAE;KACH;IACD,MAAM,EAAEG,gBAAe,EAAGC,kBAAiB,EAAG,GAAGC,IAAAA,gCAAkB,EAAC;QAChEC,WAAW5B,cAAc;QACzB6B,iBAAiB,CAAC3B;IACtB;IACA,OAAO;QACH4B,YAAY;YACRC,UAAU;QACd;QACA7B;QACAI;QACAN;QACAI,SAASE,OAAOF,UAAU,IAAI;QAC9BD;QACAU;QACAmB,eAAeC,IAAAA,qBAAK,EAAC;QACrBC,gBAAgBC,IAAAA,yCAAmB,EAACC,uBAAa;QACjDC,WAAWnB;QACXO,iBAAiBzB,cAAc,cAAcyB,kBAAkBa,SAAS;QACxEZ;IACJ;AACJ;AACA;;CAEC,GAAG,SAASrB,4BAA4BN,QAAQ,EAAE;IAC/C,MAAMwC,gBAAgBC,OAAMC,QAAQ,CAACC,OAAO,CAAC3C;IAC7C,IAAI4C,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvC,IAAIN,cAAcO,MAAM,KAAK,KAAKP,cAAcO,MAAM,KAAK,GAAG;YAC1D,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,+DAA+D;QAChF,CAAC;IACL,CAAC;IACD,OAAOT,cAAcO,MAAM;QACvB,mDAAmD;QACnD,KAAK;YACD,OAAOP;QACX,kCAAkC;QAClC,KAAK;YACD,OAAO;gBACHD;gBACAC,aAAa,CAAC,EAAE;aACnB;QACL,eAAe;QACf;YACI,OAAO;gBACHD;gBACAA;aACH;IACT;AACJ"}
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "useDialogContextValues_unstable", {
9
9
  function useDialogContextValues_unstable(state) {
10
10
  const { modalType , open , dialogRef , dialogTitleId , isNestedDialog , inertTrapFocus , requestOpenChange , modalAttributes , triggerAttributes } = state;
11
11
  /**
12
- * This context is created with "@fluentui/react-context-selector",
13
- * there is no sense to memoize it
14
- */ const dialog = {
12
+ * This context is created with "@fluentui/react-context-selector",
13
+ * there is no sense to memoize it
14
+ */ const dialog = {
15
15
  open,
16
16
  modalType,
17
17
  dialogRef,
@@ -27,6 +27,4 @@ function useDialogContextValues_unstable(state) {
27
27
  dialog,
28
28
  dialogSurface
29
29
  };
30
- } //# sourceMappingURL=useDialogContextValues.js.map
31
-
32
- //# sourceMappingURL=useDialogContextValues.js.map
30
+ }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Dialog/useDialogContextValues.js"],"sourcesContent":["export function useDialogContextValues_unstable(state) {\n const {\n modalType,\n open,\n dialogRef,\n dialogTitleId,\n isNestedDialog,\n inertTrapFocus,\n requestOpenChange,\n modalAttributes,\n triggerAttributes\n } = state;\n /**\n * This context is created with \"@fluentui/react-context-selector\",\n * there is no sense to memoize it\n */\n const dialog = {\n open,\n modalType,\n dialogRef,\n dialogTitleId,\n isNestedDialog,\n inertTrapFocus,\n modalAttributes,\n triggerAttributes,\n requestOpenChange\n };\n const dialogSurface = false;\n return {\n dialog,\n dialogSurface\n };\n}\n//# sourceMappingURL=useDialogContextValues.js.map"],"names":["useDialogContextValues_unstable","state","modalType","open","dialogRef","dialogTitleId","isNestedDialog","inertTrapFocus","requestOpenChange","modalAttributes","triggerAttributes","dialog","dialogSurface"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,gCAAgCC,KAAK,EAAE;IACrD,MAAM,EACJC,UAAS,EACTC,KAAI,EACJC,UAAS,EACTC,cAAa,EACbC,eAAc,EACdC,eAAc,EACdC,kBAAiB,EACjBC,gBAAe,EACfC,kBAAiB,EAClB,GAAGT;IACJ;;;EAGA,GACA,MAAMU,SAAS;QACbR;QACAD;QACAE;QACAC;QACAC;QACAC;QACAE;QACAC;QACAF;IACF;IACA,MAAMI,gBAAgB,KAAK;IAC3B,OAAO;QACLD;QACAC;IACF;AACF,EACA,kDAAkD"}
1
+ {"version":3,"sources":["useDialogContextValues.js"],"sourcesContent":["export function useDialogContextValues_unstable(state) {\n const { modalType , open , dialogRef , dialogTitleId , isNestedDialog , inertTrapFocus , requestOpenChange , modalAttributes , triggerAttributes } = state;\n /**\n * This context is created with \"@fluentui/react-context-selector\",\n * there is no sense to memoize it\n */ const dialog = {\n open,\n modalType,\n dialogRef,\n dialogTitleId,\n isNestedDialog,\n inertTrapFocus,\n modalAttributes,\n triggerAttributes,\n requestOpenChange\n };\n const dialogSurface = false;\n return {\n dialog,\n dialogSurface\n };\n}\n"],"names":["useDialogContextValues_unstable","state","modalType","open","dialogRef","dialogTitleId","isNestedDialog","inertTrapFocus","requestOpenChange","modalAttributes","triggerAttributes","dialog","dialogSurface"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,gCAAgCC,KAAK,EAAE;IACnD,MAAM,EAAEC,UAAS,EAAGC,KAAI,EAAGC,UAAS,EAAGC,cAAa,EAAGC,eAAc,EAAGC,eAAc,EAAGC,kBAAiB,EAAGC,gBAAe,EAAGC,kBAAiB,EAAG,GAAGT;IACtJ;;;GAGD,GAAG,MAAMU,SAAS;QACbR;QACAD;QACAE;QACAC;QACAC;QACAC;QACAE;QACAC;QACAF;IACJ;IACA,MAAMI,gBAAgB,KAAK;IAC3B,OAAO;QACHD;QACAC;IACJ;AACJ"}
@@ -18,6 +18,4 @@ const DialogActions = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDialogActionsStyles_unstable')(state);
19
19
  return (0, _renderDialogActions.renderDialogActions_unstable)(state);
20
20
  });
21
- DialogActions.displayName = 'DialogActions'; //# sourceMappingURL=DialogActions.js.map
22
-
23
- //# sourceMappingURL=DialogActions.js.map
21
+ DialogActions.displayName = 'DialogActions';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogActions/DialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * `DialogActions` is a container for the actions of the dialog.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogActions = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useDialogActions_unstable(props, ref);\n useDialogActionsStyles_unstable(state);\n useCustomStyleHook_unstable('useDialogActionsStyles_unstable')(state);\n return renderDialogActions_unstable(state);\n});\nDialogActions.displayName = 'DialogActions';\n//# sourceMappingURL=DialogActions.js.map"],"names":["DialogActions","React","forwardRef","props","ref","state","useDialogActions_unstable","useDialogActionsStyles_unstable","useCustomStyleHook_unstable","renderDialogActions_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;kCACmB;qCACG;8CACG;qCACJ;AAKrC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACtC;AACAL,cAAcU,WAAW,GAAG,iBAC5B,yCAAyC"}
1
+ {"version":3,"sources":["DialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * `DialogActions` is a container for the actions of the dialog.\n * Apart from styling, this component does not have other behavior.\n */ export const DialogActions = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDialogActions_unstable(props, ref);\n useDialogActionsStyles_unstable(state);\n useCustomStyleHook_unstable('useDialogActionsStyles_unstable')(state);\n return renderDialogActions_unstable(state);\n});\nDialogActions.displayName = 'DialogActions';\n"],"names":["DialogActions","React","forwardRef","props","ref","state","useDialogActions_unstable","useDialogActionsStyles_unstable","useCustomStyleHook_unstable","renderDialogActions_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;kCACmB;qCACG;8CACG;qCACJ;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACxC;AACAL,cAAcU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=DialogActions.types.js.map
6
-
7
- //# sourceMappingURL=DialogActions.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogActions/DialogActions.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=DialogActions.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -8,6 +8,3 @@ _exportStar(require("./DialogActions.types"), exports);
8
8
  _exportStar(require("./renderDialogActions"), exports);
9
9
  _exportStar(require("./useDialogActions"), exports);
10
10
  _exportStar(require("./useDialogActionsStyles.styles"), exports);
11
- //# sourceMappingURL=index.js.map
12
-
13
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogActions/index.js"],"sourcesContent":["export * from './DialogActions';\nexport * from './DialogActions.types';\nexport * from './renderDialogActions';\nexport * from './useDialogActions';\nexport * from './useDialogActionsStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DialogActions';\nexport * from './DialogActions.types';\nexport * from './renderDialogActions';\nexport * from './useDialogActions';\nexport * from './useDialogActionsStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
@@ -12,6 +12,4 @@ const renderDialogActions_unstable = (state)=>{
12
12
  const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
13
13
  // TODO Add additional slots in the appropriate place
14
14
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
15
- }; //# sourceMappingURL=renderDialogActions.js.map
16
-
17
- //# sourceMappingURL=renderDialogActions.js.map
15
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogActions/renderDialogActions.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogActions\n */\nexport const renderDialogActions_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n // TODO Add additional slots in the appropriate place\n return /*#__PURE__*/createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderDialogActions.js.map"],"names":["renderDialogActions_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,+BAA+BC,CAAAA,QAAS;IACnD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,qDAAqD;IACrD,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AAC9D,GACA,+CAA+C"}
1
+ {"version":3,"sources":["renderDialogActions.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogActions\n */ export const renderDialogActions_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n // TODO Add additional slots in the appropriate place\n return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderDialogActions_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,+BAA+B,CAACC,QAAQ;IACrD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,qDAAqD;IACrD,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
@@ -22,6 +22,4 @@ const useDialogActions_unstable = (props, ref)=>{
22
22
  position,
23
23
  fluid
24
24
  };
25
- }; //# sourceMappingURL=useDialogActions.js.map
26
-
27
- //# sourceMappingURL=useDialogActions.js.map
25
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogActions/useDialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogActions.\n *\n * The returned state can be modified with hooks such as useDialogActionsStyles_unstable,\n * before being passed to renderDialogActions_unstable.\n *\n * @param props - props from this instance of DialogActions\n * @param ref - reference to root HTMLElement of DialogActions\n */\nexport const useDialogActions_unstable = (props, ref) => {\n const {\n position = 'end',\n fluid = false\n } = props;\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n position,\n fluid\n };\n};\n//# sourceMappingURL=useDialogActions.js.map"],"names":["useDialogActions_unstable","props","ref","position","fluid","components","root","getNativeElementProps"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;gCACe;AAU/B,MAAMA,4BAA4B,CAACC,OAAOC,MAAQ;IACvD,MAAM,EACJC,UAAW,MAAK,EAChBC,OAAQ,KAAK,CAAA,EACd,GAAGH;IACJ,OAAO;QACLI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCL;YACA,GAAGD,KAAK;QACV;QACAE;QACAC;IACF;AACF,GACA,4CAA4C"}
1
+ {"version":3,"sources":["useDialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogActions.\n *\n * The returned state can be modified with hooks such as useDialogActionsStyles_unstable,\n * before being passed to renderDialogActions_unstable.\n *\n * @param props - props from this instance of DialogActions\n * @param ref - reference to root HTMLElement of DialogActions\n */ export const useDialogActions_unstable = (props, ref)=>{\n const { position ='end' , fluid =false } = props;\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n position,\n fluid\n };\n};\n"],"names":["useDialogActions_unstable","props","ref","position","fluid","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,UAAU,MAAK,EAAGC,OAAO,KAAK,CAAA,EAAG,GAAGH;IAC5C,OAAO;QACHI,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BL;YACA,GAAGD,KAAK;QACZ;QACAE;QACAC;IACJ;AACJ"}
@@ -80,5 +80,3 @@ const useDialogActionsStyles_unstable = (state)=>{
80
80
  state.root.className = (0, _react.mergeClasses)(dialogActionsClassNames.root, styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);
81
81
  return state;
82
82
  }; //# sourceMappingURL=useDialogActionsStyles.styles.js.map
83
-
84
- //# sourceMappingURL=useDialogActionsStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogActions/useDialogActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';\nexport const dialogActionsClassNames = {\n root: 'fui-DialogActions'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bqenvij: \"f3052tw\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Ijaq50: \"f1cztu7b\",\n nk6f5a: \"fcu02xx\",\n i8kkvl: \"f4px1ci\",\n Belr9w4: \"fn67r4l\",\n Bmdcpmo: \"f6glcwc\",\n th9wkt: \"f1e3st1r\"\n },\n gridPositionEnd: {\n Bdqf98w: \"f1a7i8kp\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"fsyjsko\"\n },\n gridPositionStart: {\n Bdqf98w: \"fsxvdwy\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"f1e2fz10\"\n },\n fluidStart: {\n Bw0ie65: \"fsyjsko\"\n },\n fluidEnd: {\n Br312pm: \"fwpfdsa\"\n }\n}, {\n d: [\".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1cztu7b{grid-row-start:3;}\", \".fcu02xx{grid-row-end:3;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1a7i8kp{justify-self:end;}\", \".fd46tj4{grid-column-start:2;}\", \".fsyjsko{grid-column-end:4;}\", \".fsxvdwy{justify-self:start;}\", \".fwpfdsa{grid-column-start:1;}\", \".f1e2fz10{grid-column-end:2;}\"],\n m: [[\"@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}\", {\n m: \"screen and (max-width: 480px)\"\n }]]\n});\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogActionsClassNames.root, styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogActionsStyles.styles.js.map"],"names":["dialogActionsClassNames","useDialogActionsStyles_unstable","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","Ijaq50","nk6f5a","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Br312pm","Bw0ie65","gridPositionStart","fluidStart","fluidEnd","d","m","state","styles","className","mergeClasses","position","fluid"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IA0CAC,+BAA+B,MAA/BA;;uBA5CsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,iBAAiB;QACfC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,mBAAmB;QACjBH,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAE,YAAY;QACVF,SAAS;IACX;IACAG,UAAU;QACRJ,SAAS;IACX;AACF,GAAG;IACDK,GAAG;QAAC;QAAoF;QAAqC;QAAwF;QAAgC;QAA6B;QAAoD;QAA0B;QAAgC;QAAkC;QAAgC;QAAiC;QAAkC;KAAgC;IACriBC,GAAG;QAAC;YAAC;YAAkI;gBACrIA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMrB,kCAAkCsB,CAAAA,QAAS;IACtD,MAAMC,SAASrB;IACfoB,MAAMrB,IAAI,CAACuB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,wBAAwBE,IAAI,EAAEsB,OAAOtB,IAAI,EAAEqB,MAAMI,QAAQ,KAAK,WAAWH,OAAON,iBAAiB,EAAEK,MAAMI,QAAQ,KAAK,SAASH,OAAOV,eAAe,EAAES,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,WAAWH,OAAOL,UAAU,EAAEI,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,SAASH,OAAOJ,QAAQ,EAAEG,MAAMrB,IAAI,CAACuB,SAAS;IAC3U,OAAOF;AACT,GACA,yDAAyD"}
1
+ {"version":3,"sources":["useDialogActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';\nexport const dialogActionsClassNames = {\n root: 'fui-DialogActions'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bqenvij: \"f3052tw\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Ijaq50: \"f1cztu7b\",\n nk6f5a: \"fcu02xx\",\n i8kkvl: \"f4px1ci\",\n Belr9w4: \"fn67r4l\",\n Bmdcpmo: \"f6glcwc\",\n th9wkt: \"f1e3st1r\"\n },\n gridPositionEnd: {\n Bdqf98w: \"f1a7i8kp\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"fsyjsko\"\n },\n gridPositionStart: {\n Bdqf98w: \"fsxvdwy\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"f1e2fz10\"\n },\n fluidStart: {\n Bw0ie65: \"fsyjsko\"\n },\n fluidEnd: {\n Br312pm: \"fwpfdsa\"\n }\n}, {\n d: [\".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1cztu7b{grid-row-start:3;}\", \".fcu02xx{grid-row-end:3;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1a7i8kp{justify-self:end;}\", \".fd46tj4{grid-column-start:2;}\", \".fsyjsko{grid-column-end:4;}\", \".fsxvdwy{justify-self:start;}\", \".fwpfdsa{grid-column-start:1;}\", \".f1e2fz10{grid-column-end:2;}\"],\n m: [[\"@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}\", {\n m: \"screen and (max-width: 480px)\"\n }]]\n});\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogActionsClassNames.root, styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogActionsStyles.styles.js.map"],"names":["dialogActionsClassNames","useDialogActionsStyles_unstable","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","Ijaq50","nk6f5a","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Br312pm","Bw0ie65","gridPositionStart","fluidStart","fluidEnd","d","m","state","styles","className","mergeClasses","position","fluid"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IA0CAC,+BAA+B,MAA/BA;;uBA5CsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,iBAAiB;QACfC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,mBAAmB;QACjBH,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAE,YAAY;QACVF,SAAS;IACX;IACAG,UAAU;QACRJ,SAAS;IACX;AACF,GAAG;IACDK,GAAG;QAAC;QAAoF;QAAqC;QAAwF;QAAgC;QAA6B;QAAoD;QAA0B;QAAgC;QAAkC;QAAgC;QAAiC;QAAkC;KAAgC;IACriBC,GAAG;QAAC;YAAC;YAAkI;gBACrIA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMrB,kCAAkCsB,CAAAA,QAAS;IACtD,MAAMC,SAASrB;IACfoB,MAAMrB,IAAI,CAACuB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,wBAAwBE,IAAI,EAAEsB,OAAOtB,IAAI,EAAEqB,MAAMI,QAAQ,KAAK,WAAWH,OAAON,iBAAiB,EAAEK,MAAMI,QAAQ,KAAK,SAASH,OAAOV,eAAe,EAAES,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,WAAWH,OAAOL,UAAU,EAAEI,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,SAASH,OAAOJ,QAAQ,EAAEG,MAAMrB,IAAI,CAACuB,SAAS;IAC3U,OAAOF;AACT,GACA,yDAAyD"}
@@ -18,6 +18,4 @@ const DialogBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDialogBodyStyles_unstable')(state);
19
19
  return (0, _renderDialogBody.renderDialogBody_unstable)(state);
20
20
  });
21
- DialogBody.displayName = 'DialogBody'; //# sourceMappingURL=DialogBody.js.map
22
-
23
- //# sourceMappingURL=DialogBody.js.map
21
+ DialogBody.displayName = 'DialogBody';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogBody/DialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogBody_unstable } from './useDialogBody';\nimport { renderDialogBody_unstable } from './renderDialogBody';\nimport { useDialogBodyStyles_unstable } from './useDialogBodyStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The `DialogBody` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogBody = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useDialogBody_unstable(props, ref);\n useDialogBodyStyles_unstable(state);\n useCustomStyleHook_unstable('useDialogBodyStyles_unstable')(state);\n return renderDialogBody_unstable(state);\n});\nDialogBody.displayName = 'DialogBody';\n//# sourceMappingURL=DialogBody.js.map"],"names":["DialogBody","React","forwardRef","props","ref","state","useDialogBody_unstable","useDialogBodyStyles_unstable","useCustomStyleHook_unstable","renderDialogBody_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;+BACgB;kCACG;2CACG;qCACD;AAKrC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACnC;AACAL,WAAWU,WAAW,GAAG,cACzB,sCAAsC"}
1
+ {"version":3,"sources":["DialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogBody_unstable } from './useDialogBody';\nimport { renderDialogBody_unstable } from './renderDialogBody';\nimport { useDialogBodyStyles_unstable } from './useDialogBodyStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The `DialogBody` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */ export const DialogBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDialogBody_unstable(props, ref);\n useDialogBodyStyles_unstable(state);\n useCustomStyleHook_unstable('useDialogBodyStyles_unstable')(state);\n return renderDialogBody_unstable(state);\n});\nDialogBody.displayName = 'DialogBody';\n"],"names":["DialogBody","React","forwardRef","props","ref","state","useDialogBody_unstable","useDialogBodyStyles_unstable","useCustomStyleHook_unstable","renderDialogBody_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;+BACgB;kCACG;2CACG;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACvE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACrC;AACAL,WAAWU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=DialogBody.types.js.map
6
-
7
- //# sourceMappingURL=DialogBody.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogBody/DialogBody.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=DialogBody.types.js.map"],"names":[],"mappings":";;;;CACA,4CAA4C"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -8,6 +8,3 @@ _exportStar(require("./DialogBody.types"), exports);
8
8
  _exportStar(require("./renderDialogBody"), exports);
9
9
  _exportStar(require("./useDialogBody"), exports);
10
10
  _exportStar(require("./useDialogBodyStyles.styles"), exports);
11
- //# sourceMappingURL=index.js.map
12
-
13
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogBody/index.js"],"sourcesContent":["export * from './DialogBody';\nexport * from './DialogBody.types';\nexport * from './renderDialogBody';\nexport * from './useDialogBody';\nexport * from './useDialogBodyStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DialogBody';\nexport * from './DialogBody.types';\nexport * from './renderDialogBody';\nexport * from './useDialogBody';\nexport * from './useDialogBodyStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
@@ -12,6 +12,4 @@ const renderDialogBody_unstable = (state)=>{
12
12
  const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
13
13
  // TODO Add additional slots in the appropriate place
14
14
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
15
- }; //# sourceMappingURL=renderDialogBody.js.map
16
-
17
- //# sourceMappingURL=renderDialogBody.js.map
15
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogBody/renderDialogBody.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogBody\n */\nexport const renderDialogBody_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n // TODO Add additional slots in the appropriate place\n return /*#__PURE__*/createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderDialogBody.js.map"],"names":["renderDialogBody_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,qDAAqD;IACrD,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AAC9D,GACA,4CAA4C"}
1
+ {"version":3,"sources":["renderDialogBody.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogBody\n */ export const renderDialogBody_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n // TODO Add additional slots in the appropriate place\n return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderDialogBody_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,4BAA4B,CAACC,QAAQ;IAClD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,qDAAqD;IACrD,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
@@ -20,6 +20,4 @@ const useDialogBody_unstable = (props, ref)=>{
20
20
  ...props
21
21
  })
22
22
  };
23
- }; //# sourceMappingURL=useDialogBody.js.map
24
-
25
- //# sourceMappingURL=useDialogBody.js.map
23
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogBody/useDialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogBody.\n *\n * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n *\n * @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */\nexport const useDialogBody_unstable = (props, ref) => {\n var _props_as;\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n ref,\n ...props\n })\n };\n};\n//# sourceMappingURL=useDialogBody.js.map"],"names":["useDialogBody_unstable","props","ref","_props_as","components","root","getNativeElementProps","as"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;gCACe;AAU/B,MAAMA,yBAAyB,CAACC,OAAOC,MAAQ;IACpD,IAAIC;IACJ,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,AAACH,CAAAA,YAAYF,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIJ,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACvGD;YACA,GAAGD,KAAK;QACV;IACF;AACF,GACA,yCAAyC"}
1
+ {"version":3,"sources":["useDialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogBody.\n *\n * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n *\n * @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */ export const useDialogBody_unstable = (props, ref)=>{\n var _props_as;\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n ref,\n ...props\n })\n };\n};\n"],"names":["useDialogBody_unstable","props","ref","_props_as","components","root","getNativeElementProps","as"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,yBAAyB,CAACC,OAAOC,MAAM;IACpD,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,AAACH,CAAAA,YAAYF,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIJ,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACrGD;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
@@ -64,5 +64,3 @@ const useDialogBodyStyles_unstable = (state)=>{
64
64
  state.root.className = (0, _react.mergeClasses)(dialogBodyClassNames.root, styles.root, state.root.className);
65
65
  return state;
66
66
  }; //# sourceMappingURL=useDialogBodyStyles.styles.js.map
67
-
68
- //# sourceMappingURL=useDialogBodyStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogBody/useDialogBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING } from '../../contexts';\nexport const dialogBodyClassNames = {\n root: 'fui-DialogBody'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n fshzfu: \"f120kxnn\",\n Bxyxcbc: \"flnwrvu\",\n B7ck84d: \"f1ewtqcl\",\n B68tc82: \"f1ln0qer\",\n Bmxbyg5: \"fa2wlxz\",\n i8kkvl: \"f4px1ci\",\n Belr9w4: \"fn67r4l\",\n wkccdc: \"f1x46k84\",\n B5xtmjs: \"ff54dml\",\n Bqu9lor: \"f1t97isy\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".flnwrvu{max-height:calc(100vh - 2 * 24px);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1x46k84{grid-template-rows:auto 1fr;}\"],\n m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f1t97isy{grid-template-rows:auto 1fr auto;}}\", {\n m: \"screen and (max-width: 480px)\"\n }]]\n});\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogBodyStyles.styles.js.map"],"names":["dialogBodyClassNames","useDialogBodyStyles_unstable","root","useStyles","__styles","mc9l5x","fshzfu","Bxyxcbc","B7ck84d","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","wkccdc","B5xtmjs","Bqu9lor","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IA+BAC,4BAA4B,MAA5BA;;uBAjCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA6D;QAAgD;QAAqC;QAAgC;QAA+B;QAAoD;QAA0B;KAA0C;IACzWC,GAAG;QAAC;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAsF;gBACzFA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMhB,+BAA+BiB,CAAAA,QAAS;IACnD,MAAMC,SAAShB;IACfe,MAAMhB,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,qBAAqBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAEgB,MAAMhB,IAAI,CAACkB,SAAS;IAChG,OAAOF;AACT,GACA,sDAAsD"}
1
+ {"version":3,"sources":["useDialogBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING } from '../../contexts';\nexport const dialogBodyClassNames = {\n root: 'fui-DialogBody'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n fshzfu: \"f120kxnn\",\n Bxyxcbc: \"flnwrvu\",\n B7ck84d: \"f1ewtqcl\",\n B68tc82: \"f1ln0qer\",\n Bmxbyg5: \"fa2wlxz\",\n i8kkvl: \"f4px1ci\",\n Belr9w4: \"fn67r4l\",\n wkccdc: \"f1x46k84\",\n B5xtmjs: \"ff54dml\",\n Bqu9lor: \"f1t97isy\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".flnwrvu{max-height:calc(100vh - 2 * 24px);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1x46k84{grid-template-rows:auto 1fr;}\"],\n m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f1t97isy{grid-template-rows:auto 1fr auto;}}\", {\n m: \"screen and (max-width: 480px)\"\n }]]\n});\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogBodyStyles.styles.js.map"],"names":["dialogBodyClassNames","useDialogBodyStyles_unstable","root","useStyles","__styles","mc9l5x","fshzfu","Bxyxcbc","B7ck84d","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","wkccdc","B5xtmjs","Bqu9lor","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IA+BAC,4BAA4B,MAA5BA;;uBAjCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA6D;QAAgD;QAAqC;QAAgC;QAA+B;QAAoD;QAA0B;KAA0C;IACzWC,GAAG;QAAC;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAsF;gBACzFA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMhB,+BAA+BiB,CAAAA,QAAS;IACnD,MAAMC,SAAShB;IACfe,MAAMhB,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,qBAAqBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAEgB,MAAMhB,IAAI,CAACkB,SAAS;IAChG,OAAOF;AACT,GACA,sDAAsD"}
@@ -18,6 +18,4 @@ const DialogContent = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDialogContentStyles_unstable')(state);
19
19
  return (0, _renderDialogContent.renderDialogContent_unstable)(state);
20
20
  });
21
- DialogContent.displayName = 'DialogContent'; //# sourceMappingURL=DialogContent.js.map
22
-
23
- //# sourceMappingURL=DialogContent.js.map
21
+ DialogContent.displayName = 'DialogContent';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogContent/DialogContent.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogContent_unstable } from './useDialogContent';\nimport { renderDialogContent_unstable } from './renderDialogContent';\nimport { useDialogContentStyles_unstable } from './useDialogContentStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The `DialogContent` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogContent = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useDialogContent_unstable(props, ref);\n useDialogContentStyles_unstable(state);\n useCustomStyleHook_unstable('useDialogContentStyles_unstable')(state);\n return renderDialogContent_unstable(state);\n});\nDialogContent.displayName = 'DialogContent';\n//# sourceMappingURL=DialogContent.js.map"],"names":["DialogContent","React","forwardRef","props","ref","state","useDialogContent_unstable","useDialogContentStyles_unstable","useCustomStyleHook_unstable","renderDialogContent_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;kCACmB;qCACG;8CACG;qCACJ;AAKrC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACtC;AACAL,cAAcU,WAAW,GAAG,iBAC5B,yCAAyC"}
1
+ {"version":3,"sources":["DialogContent.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogContent_unstable } from './useDialogContent';\nimport { renderDialogContent_unstable } from './renderDialogContent';\nimport { useDialogContentStyles_unstable } from './useDialogContentStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The `DialogContent` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */ export const DialogContent = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDialogContent_unstable(props, ref);\n useDialogContentStyles_unstable(state);\n useCustomStyleHook_unstable('useDialogContentStyles_unstable')(state);\n return renderDialogContent_unstable(state);\n});\nDialogContent.displayName = 'DialogContent';\n"],"names":["DialogContent","React","forwardRef","props","ref","state","useDialogContent_unstable","useDialogContentStyles_unstable","useCustomStyleHook_unstable","renderDialogContent_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;kCACmB;qCACG;8CACG;qCACJ;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACxC;AACAL,cAAcU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=DialogContent.types.js.map
6
-
7
- //# sourceMappingURL=DialogContent.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogContent/DialogContent.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=DialogContent.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -8,6 +8,3 @@ _exportStar(require("./DialogContent.types"), exports);
8
8
  _exportStar(require("./renderDialogContent"), exports);
9
9
  _exportStar(require("./useDialogContent"), exports);
10
10
  _exportStar(require("./useDialogContentStyles.styles"), exports);
11
- //# sourceMappingURL=index.js.map
12
-
13
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogContent/index.js"],"sourcesContent":["export * from './DialogContent';\nexport * from './DialogContent.types';\nexport * from './renderDialogContent';\nexport * from './useDialogContent';\nexport * from './useDialogContentStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DialogContent';\nexport * from './DialogContent.types';\nexport * from './renderDialogContent';\nexport * from './useDialogContent';\nexport * from './useDialogContentStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
11
11
  const renderDialogContent_unstable = (state)=>{
12
12
  const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
13
13
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
14
- }; //# sourceMappingURL=renderDialogContent.js.map
15
-
16
- //# sourceMappingURL=renderDialogContent.js.map
14
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogContent/renderDialogContent.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogContent\n */\nexport const renderDialogContent_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderDialogContent.js.map"],"names":["renderDialogContent_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,+BAA+BC,CAAAA,QAAS;IACnD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AAC9D,GACA,+CAA+C"}
1
+ {"version":3,"sources":["renderDialogContent.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogContent\n */ export const renderDialogContent_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderDialogContent_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,+BAA+B,CAACC,QAAQ;IACrD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
@@ -20,6 +20,4 @@ const useDialogContent_unstable = (props, ref)=>{
20
20
  ...props
21
21
  })
22
22
  };
23
- }; //# sourceMappingURL=useDialogContent.js.map
24
-
25
- //# sourceMappingURL=useDialogContent.js.map
23
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogContent/useDialogContent.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogBody.\n *\n * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n *\n * @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */\nexport const useDialogContent_unstable = (props, ref) => {\n var _props_as;\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n ref,\n ...props\n })\n };\n};\n//# sourceMappingURL=useDialogContent.js.map"],"names":["useDialogContent_unstable","props","ref","_props_as","components","root","getNativeElementProps","as"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;gCACe;AAU/B,MAAMA,4BAA4B,CAACC,OAAOC,MAAQ;IACvD,IAAIC;IACJ,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,AAACH,CAAAA,YAAYF,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIJ,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACvGD;YACA,GAAGD,KAAK;QACV;IACF;AACF,GACA,4CAA4C"}
1
+ {"version":3,"sources":["useDialogContent.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogBody.\n *\n * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n *\n * @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */ export const useDialogContent_unstable = (props, ref)=>{\n var _props_as;\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n ref,\n ...props\n })\n };\n};\n"],"names":["useDialogContent_unstable","props","ref","_props_as","components","root","getNativeElementProps","as"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,AAACH,CAAAA,YAAYF,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIJ,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACrGD;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
@@ -80,5 +80,3 @@ const useDialogContentStyles_unstable = (state)=>{
80
80
  state.root.className = (0, _react.mergeClasses)(dialogContentClassNames.root, styles.root, state.root.className);
81
81
  return state;
82
82
  }; //# sourceMappingURL=useDialogContentStyles.styles.js.map
83
-
84
- //# sourceMappingURL=useDialogContentStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogContent/useDialogContentStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const dialogContentClassNames = {\n root: 'fui-DialogContent'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bmxbyg5: \"f5zp4f\",\n sshi5w: \"f1nxs5xn\",\n B7ck84d: \"f1ewtqcl\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"f88nxoq\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"fsyjsko\",\n z8tnut: \"fr4fn7s\",\n z189sj: [\"f171n1a0\", \"f1jwbs5a\"],\n Byoj8tv: \"f1ean75l\",\n uwmqm3: [\"f1jwbs5a\", \"f171n1a0\"],\n B6of3ja: \"fxlnl9e\",\n t21cq0: [\"ffs23cn\", \"f1v5tmjd\"],\n jrapky: \"f2uu7rc\",\n Frg6f3: [\"f1v5tmjd\", \"ffs23cn\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".f5zp4f{overflow-y:auto;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fwpfdsa{grid-column-start:1;}\", \".fsyjsko{grid-column-end:4;}\", \".fr4fn7s{padding-top:var(--strokeWidthThick);}\", \".f171n1a0{padding-right:var(--strokeWidthThick);}\", \".f1jwbs5a{padding-left:var(--strokeWidthThick);}\", \".f1ean75l{padding-bottom:var(--strokeWidthThick);}\", \".fxlnl9e{margin-top:calc(var(--strokeWidthThick) * -1);}\", \".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}\", \".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}\", \".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogContentStyles.styles.js.map"],"names":["dialogContentClassNames","useDialogContentStyles_unstable","root","useStyles","__styles","Bmxbyg5","sshi5w","B7ck84d","Ijaq50","nk6f5a","Br312pm","Bw0ie65","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAkCAC,+BAA+B,MAA/BA;;uBApCsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAA+B;QAAqC;QAA+B;QAA6B;QAAkC;QAAgC;QAAkD;QAAqD;QAAoD;QAAsD;QAA4D;QAA8D;QAA8D;QAA+D;QAAgD;QAA+C;QAAmD;KAAmD;AACl3B;AAIO,MAAMvB,kCAAkCwB,CAAAA,QAAS;IACtD,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,wBAAwBE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IACnG,OAAOF;AACT,GACA,yDAAyD"}
1
+ {"version":3,"sources":["useDialogContentStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const dialogContentClassNames = {\n root: 'fui-DialogContent'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bmxbyg5: \"f5zp4f\",\n sshi5w: \"f1nxs5xn\",\n B7ck84d: \"f1ewtqcl\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"f88nxoq\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"fsyjsko\",\n z8tnut: \"fr4fn7s\",\n z189sj: [\"f171n1a0\", \"f1jwbs5a\"],\n Byoj8tv: \"f1ean75l\",\n uwmqm3: [\"f1jwbs5a\", \"f171n1a0\"],\n B6of3ja: \"fxlnl9e\",\n t21cq0: [\"ffs23cn\", \"f1v5tmjd\"],\n jrapky: \"f2uu7rc\",\n Frg6f3: [\"f1v5tmjd\", \"ffs23cn\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".f5zp4f{overflow-y:auto;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fwpfdsa{grid-column-start:1;}\", \".fsyjsko{grid-column-end:4;}\", \".fr4fn7s{padding-top:var(--strokeWidthThick);}\", \".f171n1a0{padding-right:var(--strokeWidthThick);}\", \".f1jwbs5a{padding-left:var(--strokeWidthThick);}\", \".f1ean75l{padding-bottom:var(--strokeWidthThick);}\", \".fxlnl9e{margin-top:calc(var(--strokeWidthThick) * -1);}\", \".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}\", \".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}\", \".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogContentStyles.styles.js.map"],"names":["dialogContentClassNames","useDialogContentStyles_unstable","root","useStyles","__styles","Bmxbyg5","sshi5w","B7ck84d","Ijaq50","nk6f5a","Br312pm","Bw0ie65","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAkCAC,+BAA+B,MAA/BA;;uBApCsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAA+B;QAAqC;QAA+B;QAA6B;QAAkC;QAAgC;QAAkD;QAAqD;QAAoD;QAAsD;QAA4D;QAA8D;QAA8D;QAA+D;QAAgD;QAA+C;QAAmD;KAAmD;AACl3B;AAIO,MAAMvB,kCAAkCwB,CAAAA,QAAS;IACtD,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,wBAAwBE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IACnG,OAAOF;AACT,GACA,yDAAyD"}
@@ -20,6 +20,4 @@ const DialogSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDialogSurfaceStyles_unstable')(state);
21
21
  return (0, _renderDialogSurface.renderDialogSurface_unstable)(state, contextValues);
22
22
  });
23
- DialogSurface.displayName = 'DialogSurface'; //# sourceMappingURL=DialogSurface.js.map
24
-
25
- //# sourceMappingURL=DialogSurface.js.map
23
+ DialogSurface.displayName = 'DialogSurface';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogSurface/DialogSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogSurface_unstable } from './useDialogSurface';\nimport { renderDialogSurface_unstable } from './renderDialogSurface';\nimport { useDialogSurfaceStyles_unstable } from './useDialogSurfaceStyles.styles';\nimport { useDialogSurfaceContextValues_unstable } from './useDialogSurfaceContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DialogSurface component represents the visual part of a `Dialog` as a whole,\n * it contains everything that should be visible.\n */\nexport const DialogSurface = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useDialogSurface_unstable(props, ref);\n const contextValues = useDialogSurfaceContextValues_unstable(state);\n useDialogSurfaceStyles_unstable(state);\n useCustomStyleHook_unstable('useDialogSurfaceStyles_unstable')(state);\n return renderDialogSurface_unstable(state, contextValues);\n});\nDialogSurface.displayName = 'DialogSurface';\n//# sourceMappingURL=DialogSurface.js.map"],"names":["DialogSurface","React","forwardRef","props","ref","state","useDialogSurface_unstable","contextValues","useDialogSurfaceContextValues_unstable","useDialogSurfaceStyles_unstable","useCustomStyleHook_unstable","renderDialogSurface_unstable","displayName"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;kCACmB;qCACG;8CACG;+CACO;qCACX;AAKrC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,qEAAsC,EAACH;IAC7DI,IAAAA,6DAA+B,EAACJ;IAChCK,IAAAA,gDAA2B,EAAC,mCAAmCL;IAC/D,OAAOM,IAAAA,iDAA4B,EAACN,OAAOE;AAC7C;AACAP,cAAcY,WAAW,GAAG,iBAC5B,yCAAyC"}
1
+ {"version":3,"sources":["DialogSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogSurface_unstable } from './useDialogSurface';\nimport { renderDialogSurface_unstable } from './renderDialogSurface';\nimport { useDialogSurfaceStyles_unstable } from './useDialogSurfaceStyles.styles';\nimport { useDialogSurfaceContextValues_unstable } from './useDialogSurfaceContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DialogSurface component represents the visual part of a `Dialog` as a whole,\n * it contains everything that should be visible.\n */ export const DialogSurface = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDialogSurface_unstable(props, ref);\n const contextValues = useDialogSurfaceContextValues_unstable(state);\n useDialogSurfaceStyles_unstable(state);\n useCustomStyleHook_unstable('useDialogSurfaceStyles_unstable')(state);\n return renderDialogSurface_unstable(state, contextValues);\n});\nDialogSurface.displayName = 'DialogSurface';\n"],"names":["DialogSurface","React","forwardRef","props","ref","state","useDialogSurface_unstable","contextValues","useDialogSurfaceContextValues_unstable","useDialogSurfaceStyles_unstable","useCustomStyleHook_unstable","renderDialogSurface_unstable","displayName"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;kCACmB;qCACG;8CACG;+CACO;qCACX;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,qEAAsC,EAACH;IAC7DI,IAAAA,6DAA+B,EAACJ;IAChCK,IAAAA,gDAA2B,EAAC,mCAAmCL;IAC/D,OAAOM,IAAAA,iDAA4B,EAACN,OAAOE;AAC/C;AACAP,cAAcY,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=DialogSurface.types.js.map
6
-
7
- //# sourceMappingURL=DialogSurface.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogSurface/DialogSurface.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=DialogSurface.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -8,6 +8,3 @@ _exportStar(require("./DialogSurface.types"), exports);
8
8
  _exportStar(require("./renderDialogSurface"), exports);
9
9
  _exportStar(require("./useDialogSurface"), exports);
10
10
  _exportStar(require("./useDialogSurfaceStyles.styles"), exports);
11
- //# sourceMappingURL=index.js.map
12
-
13
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogSurface/index.js"],"sourcesContent":["export * from './DialogSurface';\nexport * from './DialogSurface.types';\nexport * from './renderDialogSurface';\nexport * from './useDialogSurface';\nexport * from './useDialogSurfaceStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DialogSurface';\nexport * from './DialogSurface.types';\nexport * from './renderDialogSurface';\nexport * from './useDialogSurface';\nexport * from './useDialogSurfaceStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
@@ -15,6 +15,4 @@ const renderDialogSurface_unstable = (state, contextValues)=>{
15
15
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPortal.Portal, null, slots.backdrop && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.backdrop, slotProps.backdrop), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_contexts.DialogSurfaceProvider, {
16
16
  value: contextValues.dialogSurface
17
17
  }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root)));
18
- }; //# sourceMappingURL=renderDialogSurface.js.map
19
-
20
- //# sourceMappingURL=renderDialogSurface.js.map
18
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogSurface/renderDialogSurface.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { DialogSurfaceProvider } from '../../contexts';\nimport { Portal } from '@fluentui/react-portal';\n/**\n * Render the final JSX of DialogSurface\n */\nexport const renderDialogSurface_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(Portal, null, slots.backdrop && /*#__PURE__*/createElement(slots.backdrop, slotProps.backdrop), /*#__PURE__*/createElement(DialogSurfaceProvider, {\n value: contextValues.dialogSurface\n }, /*#__PURE__*/createElement(slots.root, slotProps.root)));\n};\n//# sourceMappingURL=renderDialogSurface.js.map"],"names":["renderDialogSurface_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","Portal","backdrop","DialogSurfaceProvider","value","dialogSurface","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAOrCA;;aAAAA;;iCAPqE;gCACrD;0BACS;6BACf;AAIhB,MAAMA,+BAA+B,CAACC,OAAOC,gBAAkB;IACpE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,mBAAM,EAAE,IAAI,EAAEJ,MAAMK,QAAQ,IAAI,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMK,QAAQ,EAAEJ,UAAUI,QAAQ,GAAG,WAAW,GAAEF,IAAAA,8BAAa,EAACG,+BAAqB,EAAE;QAClLC,OAAOR,cAAcS,aAAa;IACpC,GAAG,WAAW,GAAEL,IAAAA,8BAAa,EAACH,MAAMS,IAAI,EAAER,UAAUQ,IAAI;AAC1D,GACA,+CAA+C"}
1
+ {"version":3,"sources":["renderDialogSurface.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { DialogSurfaceProvider } from '../../contexts';\nimport { Portal } from '@fluentui/react-portal';\n/**\n * Render the final JSX of DialogSurface\n */ export const renderDialogSurface_unstable = (state, contextValues)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(Portal, null, slots.backdrop && /*#__PURE__*/ createElement(slots.backdrop, slotProps.backdrop), /*#__PURE__*/ createElement(DialogSurfaceProvider, {\n value: contextValues.dialogSurface\n }, /*#__PURE__*/ createElement(slots.root, slotProps.root)));\n};\n"],"names":["renderDialogSurface_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","Portal","backdrop","DialogSurfaceProvider","value","dialogSurface","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;iCANkE;gCACtD;0BACS;6BACf;AAGZ,MAAMA,+BAA+B,CAACC,OAAOC,gBAAgB;IACpE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,mBAAM,EAAE,IAAI,EAAEJ,MAAMK,QAAQ,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,QAAQ,EAAEJ,UAAUI,QAAQ,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACG,+BAAqB,EAAE;QACnLC,OAAOR,cAAcS,aAAa;IACtC,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,IAAI,EAAER,UAAUQ,IAAI;AAC7D"}
@@ -69,6 +69,4 @@ const useDialogSurface_unstable = (props, ref)=>{
69
69
  ref: (0, _reactUtilities.useMergedRefs)(ref, dialogRef)
70
70
  })
71
71
  };
72
- }; //# sourceMappingURL=useDialogSurface.js.map
73
-
74
- //# sourceMappingURL=useDialogSurface.js.map
72
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogSurface/useDialogSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback, useMergedRefs, isResolvedShorthand } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '../../contexts';\nimport { isEscapeKeyDismiss } from '../../utils';\n/**\n * Create the state required to render DialogSurface.\n *\n * The returned state can be modified with hooks such as useDialogSurfaceStyles_unstable,\n * before being passed to renderDialogSurface_unstable.\n *\n * @param props - props from this instance of DialogSurface\n * @param ref - reference to root HTMLElement of DialogSurface\n */\nexport const useDialogSurface_unstable = (props, ref) => {\n const {\n backdrop,\n as\n } = props;\n const modalType = useDialogContext_unstable(ctx => ctx.modalType);\n const modalAttributes = useDialogContext_unstable(ctx => ctx.modalAttributes);\n const dialogRef = useDialogContext_unstable(ctx => ctx.dialogRef);\n const open = useDialogContext_unstable(ctx => ctx.open);\n const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange);\n const dialogTitleID = useDialogContext_unstable(ctx => ctx.dialogTitleId);\n const handledBackdropClick = useEventCallback(event => {\n if (isResolvedShorthand(props.backdrop)) {\n var _props_backdrop, _props_backdrop_onClick;\n (_props_backdrop_onClick = (_props_backdrop = props.backdrop).onClick) === null || _props_backdrop_onClick === void 0 ? void 0 : _props_backdrop_onClick.call(_props_backdrop, event);\n }\n if (modalType === 'modal' && !event.isDefaultPrevented()) {\n requestOpenChange({\n event,\n open: false,\n type: 'backdropClick'\n });\n }\n });\n const handleKeyDown = useEventCallback(event => {\n var _props_onKeyDown;\n (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, event);\n if (isEscapeKeyDismiss(event, modalType)) {\n requestOpenChange({\n event,\n open: false,\n type: 'escapeKeyDown'\n });\n // stop propagation to avoid conflicting with other elements that listen for `Escape`\n // e,g: nested Dialog, Popover, Menu and Tooltip\n event.stopPropagation();\n }\n });\n return {\n components: {\n backdrop: 'div',\n root: 'div'\n },\n backdrop: resolveShorthand(backdrop, {\n required: open && modalType !== 'non-modal',\n defaultProps: {\n 'aria-hidden': 'true',\n onClick: handledBackdropClick\n }\n }),\n root: getNativeElementProps(as !== null && as !== void 0 ? as : 'div', {\n tabIndex: -1,\n 'aria-modal': modalType !== 'non-modal',\n role: modalType === 'alert' ? 'alertdialog' : 'dialog',\n 'aria-labelledby': props['aria-label'] ? undefined : dialogTitleID,\n ...props,\n ...modalAttributes,\n onKeyDown: handleKeyDown,\n ref: useMergedRefs(ref, dialogRef)\n })\n };\n};\n//# sourceMappingURL=useDialogSurface.js.map"],"names":["useDialogSurface_unstable","props","ref","backdrop","as","modalType","useDialogContext_unstable","ctx","modalAttributes","dialogRef","open","requestOpenChange","dialogTitleID","dialogTitleId","handledBackdropClick","useEventCallback","event","isResolvedShorthand","_props_backdrop","_props_backdrop_onClick","onClick","call","isDefaultPrevented","type","handleKeyDown","_props_onKeyDown","onKeyDown","isEscapeKeyDismiss","stopPropagation","components","root","resolveShorthand","required","defaultProps","getNativeElementProps","tabIndex","role","undefined","useMergedRefs"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACuF;0BACpE;uBACP;AAU5B,MAAMA,4BAA4B,CAACC,OAAOC,MAAQ;IACvD,MAAM,EACJC,SAAQ,EACRC,GAAE,EACH,GAAGH;IACJ,MAAMI,YAAYC,IAAAA,mCAAyB,EAACC,CAAAA,MAAOA,IAAIF,SAAS;IAChE,MAAMG,kBAAkBF,IAAAA,mCAAyB,EAACC,CAAAA,MAAOA,IAAIC,eAAe;IAC5E,MAAMC,YAAYH,IAAAA,mCAAyB,EAACC,CAAAA,MAAOA,IAAIE,SAAS;IAChE,MAAMC,OAAOJ,IAAAA,mCAAyB,EAACC,CAAAA,MAAOA,IAAIG,IAAI;IACtD,MAAMC,oBAAoBL,IAAAA,mCAAyB,EAACC,CAAAA,MAAOA,IAAII,iBAAiB;IAChF,MAAMC,gBAAgBN,IAAAA,mCAAyB,EAACC,CAAAA,MAAOA,IAAIM,aAAa;IACxE,MAAMC,uBAAuBC,IAAAA,gCAAgB,EAACC,CAAAA,QAAS;QACrD,IAAIC,IAAAA,mCAAmB,EAAChB,MAAME,QAAQ,GAAG;YACvC,IAAIe,iBAAiBC;YACpBA,CAAAA,0BAA0B,AAACD,CAAAA,kBAAkBjB,MAAME,QAAQ,AAAD,EAAGiB,OAAO,AAAD,MAAO,IAAI,IAAID,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBE,IAAI,CAACH,iBAAiBF,MAAM;QACvL,CAAC;QACD,IAAIX,cAAc,WAAW,CAACW,MAAMM,kBAAkB,IAAI;YACxDX,kBAAkB;gBAChBK;gBACAN,MAAM,KAAK;gBACXa,MAAM;YACR;QACF,CAAC;IACH;IACA,MAAMC,gBAAgBT,IAAAA,gCAAgB,EAACC,CAAAA,QAAS;QAC9C,IAAIS;QACHA,CAAAA,mBAAmBxB,MAAMyB,SAAS,AAAD,MAAO,IAAI,IAAID,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBJ,IAAI,CAACpB,OAAOe,MAAM;QAC3H,IAAIW,IAAAA,yBAAkB,EAACX,OAAOX,YAAY;YACxCM,kBAAkB;gBAChBK;gBACAN,MAAM,KAAK;gBACXa,MAAM;YACR;YACA,qFAAqF;YACrF,gDAAgD;YAChDP,MAAMY,eAAe;QACvB,CAAC;IACH;IACA,OAAO;QACLC,YAAY;YACV1B,UAAU;YACV2B,MAAM;QACR;QACA3B,UAAU4B,IAAAA,gCAAgB,EAAC5B,UAAU;YACnC6B,UAAUtB,QAAQL,cAAc;YAChC4B,cAAc;gBACZ,eAAe;gBACfb,SAASN;YACX;QACF;QACAgB,MAAMI,IAAAA,qCAAqB,EAAC9B,OAAO,IAAI,IAAIA,OAAO,KAAK,IAAIA,KAAK,KAAK,EAAE;YACrE+B,UAAU,CAAC;YACX,cAAc9B,cAAc;YAC5B+B,MAAM/B,cAAc,UAAU,gBAAgB,QAAQ;YACtD,mBAAmBJ,KAAK,CAAC,aAAa,GAAGoC,YAAYzB,aAAa;YAClE,GAAGX,KAAK;YACR,GAAGO,eAAe;YAClBkB,WAAWF;YACXtB,KAAKoC,IAAAA,6BAAa,EAACpC,KAAKO;QAC1B;IACF;AACF,GACA,4CAA4C"}
1
+ {"version":3,"sources":["useDialogSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback, useMergedRefs, isResolvedShorthand } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '../../contexts';\nimport { isEscapeKeyDismiss } from '../../utils';\n/**\n * Create the state required to render DialogSurface.\n *\n * The returned state can be modified with hooks such as useDialogSurfaceStyles_unstable,\n * before being passed to renderDialogSurface_unstable.\n *\n * @param props - props from this instance of DialogSurface\n * @param ref - reference to root HTMLElement of DialogSurface\n */ export const useDialogSurface_unstable = (props, ref)=>{\n const { backdrop , as } = props;\n const modalType = useDialogContext_unstable((ctx)=>ctx.modalType);\n const modalAttributes = useDialogContext_unstable((ctx)=>ctx.modalAttributes);\n const dialogRef = useDialogContext_unstable((ctx)=>ctx.dialogRef);\n const open = useDialogContext_unstable((ctx)=>ctx.open);\n const requestOpenChange = useDialogContext_unstable((ctx)=>ctx.requestOpenChange);\n const dialogTitleID = useDialogContext_unstable((ctx)=>ctx.dialogTitleId);\n const handledBackdropClick = useEventCallback((event)=>{\n if (isResolvedShorthand(props.backdrop)) {\n var _props_backdrop, _props_backdrop_onClick;\n (_props_backdrop_onClick = (_props_backdrop = props.backdrop).onClick) === null || _props_backdrop_onClick === void 0 ? void 0 : _props_backdrop_onClick.call(_props_backdrop, event);\n }\n if (modalType === 'modal' && !event.isDefaultPrevented()) {\n requestOpenChange({\n event,\n open: false,\n type: 'backdropClick'\n });\n }\n });\n const handleKeyDown = useEventCallback((event)=>{\n var _props_onKeyDown;\n (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, event);\n if (isEscapeKeyDismiss(event, modalType)) {\n requestOpenChange({\n event,\n open: false,\n type: 'escapeKeyDown'\n });\n // stop propagation to avoid conflicting with other elements that listen for `Escape`\n // e,g: nested Dialog, Popover, Menu and Tooltip\n event.stopPropagation();\n }\n });\n return {\n components: {\n backdrop: 'div',\n root: 'div'\n },\n backdrop: resolveShorthand(backdrop, {\n required: open && modalType !== 'non-modal',\n defaultProps: {\n 'aria-hidden': 'true',\n onClick: handledBackdropClick\n }\n }),\n root: getNativeElementProps(as !== null && as !== void 0 ? as : 'div', {\n tabIndex: -1,\n 'aria-modal': modalType !== 'non-modal',\n role: modalType === 'alert' ? 'alertdialog' : 'dialog',\n 'aria-labelledby': props['aria-label'] ? undefined : dialogTitleID,\n ...props,\n ...modalAttributes,\n onKeyDown: handleKeyDown,\n ref: useMergedRefs(ref, dialogRef)\n })\n };\n};\n"],"names":["useDialogSurface_unstable","props","ref","backdrop","as","modalType","useDialogContext_unstable","ctx","modalAttributes","dialogRef","open","requestOpenChange","dialogTitleID","dialogTitleId","handledBackdropClick","useEventCallback","event","isResolvedShorthand","_props_backdrop","_props_backdrop_onClick","onClick","call","isDefaultPrevented","type","handleKeyDown","_props_onKeyDown","onKeyDown","isEscapeKeyDismiss","stopPropagation","components","root","resolveShorthand","required","defaultProps","getNativeElementProps","tabIndex","role","undefined","useMergedRefs"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCACuF;0BACpE;uBACP;AASxB,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,SAAQ,EAAGC,GAAE,EAAG,GAAGH;IAC3B,MAAMI,YAAYC,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIF,SAAS;IAChE,MAAMG,kBAAkBF,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIC,eAAe;IAC5E,MAAMC,YAAYH,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIE,SAAS;IAChE,MAAMC,OAAOJ,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIG,IAAI;IACtD,MAAMC,oBAAoBL,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAII,iBAAiB;IAChF,MAAMC,gBAAgBN,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIM,aAAa;IACxE,MAAMC,uBAAuBC,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QACnD,IAAIC,IAAAA,mCAAmB,EAAChB,MAAME,QAAQ,GAAG;YACrC,IAAIe,iBAAiBC;YACpBA,CAAAA,0BAA0B,AAACD,CAAAA,kBAAkBjB,MAAME,QAAQ,AAAD,EAAGiB,OAAO,AAAD,MAAO,IAAI,IAAID,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBE,IAAI,CAACH,iBAAiBF,MAAM;QACzL,CAAC;QACD,IAAIX,cAAc,WAAW,CAACW,MAAMM,kBAAkB,IAAI;YACtDX,kBAAkB;gBACdK;gBACAN,MAAM,KAAK;gBACXa,MAAM;YACV;QACJ,CAAC;IACL;IACA,MAAMC,gBAAgBT,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QAC5C,IAAIS;QACHA,CAAAA,mBAAmBxB,MAAMyB,SAAS,AAAD,MAAO,IAAI,IAAID,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBJ,IAAI,CAACpB,OAAOe,MAAM;QAC3H,IAAIW,IAAAA,yBAAkB,EAACX,OAAOX,YAAY;YACtCM,kBAAkB;gBACdK;gBACAN,MAAM,KAAK;gBACXa,MAAM;YACV;YACA,qFAAqF;YACrF,gDAAgD;YAChDP,MAAMY,eAAe;QACzB,CAAC;IACL;IACA,OAAO;QACHC,YAAY;YACR1B,UAAU;YACV2B,MAAM;QACV;QACA3B,UAAU4B,IAAAA,gCAAgB,EAAC5B,UAAU;YACjC6B,UAAUtB,QAAQL,cAAc;YAChC4B,cAAc;gBACV,eAAe;gBACfb,SAASN;YACb;QACJ;QACAgB,MAAMI,IAAAA,qCAAqB,EAAC9B,OAAO,IAAI,IAAIA,OAAO,KAAK,IAAIA,KAAK,KAAK,EAAE;YACnE+B,UAAU,CAAC;YACX,cAAc9B,cAAc;YAC5B+B,MAAM/B,cAAc,UAAU,gBAAgB,QAAQ;YACtD,mBAAmBJ,KAAK,CAAC,aAAa,GAAGoC,YAAYzB,aAAa;YAClE,GAAGX,KAAK;YACR,GAAGO,eAAe;YAClBkB,WAAWF;YACXtB,KAAKoC,IAAAA,6BAAa,EAACpC,KAAKO;QAC5B;IACJ;AACJ"}
@@ -11,6 +11,4 @@ function useDialogSurfaceContextValues_unstable(state) {
11
11
  return {
12
12
  dialogSurface
13
13
  };
14
- } //# sourceMappingURL=useDialogSurfaceContextValues.js.map
15
-
16
- //# sourceMappingURL=useDialogSurfaceContextValues.js.map
14
+ }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogSurface/useDialogSurfaceContextValues.js"],"sourcesContent":["export function useDialogSurfaceContextValues_unstable(state) {\n const dialogSurface = true;\n return {\n dialogSurface\n };\n}\n//# sourceMappingURL=useDialogSurfaceContextValues.js.map"],"names":["useDialogSurfaceContextValues_unstable","state","dialogSurface"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,uCAAuCC,KAAK,EAAE;IAC5D,MAAMC,gBAAgB,IAAI;IAC1B,OAAO;QACLA;IACF;AACF,EACA,yDAAyD"}
1
+ {"version":3,"sources":["useDialogSurfaceContextValues.js"],"sourcesContent":["export function useDialogSurfaceContextValues_unstable(state) {\n const dialogSurface = true;\n return {\n dialogSurface\n };\n}\n"],"names":["useDialogSurfaceContextValues_unstable","state","dialogSurface"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,uCAAuCC,KAAK,EAAE;IAC1D,MAAMC,gBAAgB,IAAI;IAC1B,OAAO;QACHA;IACJ;AACJ"}