@patternfly/react-core 6.0.0-alpha.65 → 6.0.0-alpha.67

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 (470) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/DataList/package.json +1 -1
  23. package/dist/dynamic/components/DatePicker/package.json +1 -1
  24. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  25. package/dist/dynamic/components/Divider/package.json +1 -1
  26. package/dist/dynamic/components/Drawer/package.json +1 -1
  27. package/dist/dynamic/components/Dropdown/package.json +1 -1
  28. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  29. package/dist/dynamic/components/EmptyState/package.json +1 -1
  30. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  31. package/dist/dynamic/components/FileUpload/package.json +1 -1
  32. package/dist/dynamic/components/Form/package.json +1 -1
  33. package/dist/dynamic/components/FormSelect/package.json +1 -1
  34. package/dist/dynamic/components/HelperText/package.json +1 -1
  35. package/dist/dynamic/components/Hint/package.json +1 -1
  36. package/dist/dynamic/components/Icon/package.json +1 -1
  37. package/dist/dynamic/components/InputGroup/package.json +1 -1
  38. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  39. package/dist/dynamic/components/Label/package.json +1 -1
  40. package/dist/dynamic/components/List/package.json +1 -1
  41. package/dist/dynamic/components/LoginPage/package.json +1 -1
  42. package/dist/dynamic/components/Masthead/package.json +1 -1
  43. package/dist/dynamic/components/Menu/package.json +1 -1
  44. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  45. package/dist/dynamic/components/Modal/package.json +1 -1
  46. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  47. package/dist/dynamic/components/Nav/package.json +1 -1
  48. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  49. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  50. package/dist/dynamic/components/NumberInput/package.json +1 -1
  51. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  52. package/dist/dynamic/components/Page/package.json +1 -1
  53. package/dist/dynamic/components/Pagination/package.json +1 -1
  54. package/dist/dynamic/components/Panel/package.json +1 -1
  55. package/dist/dynamic/components/Popover/package.json +1 -1
  56. package/dist/dynamic/components/Progress/package.json +1 -1
  57. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  58. package/dist/dynamic/components/Radio/package.json +1 -1
  59. package/dist/dynamic/components/SearchInput/package.json +1 -1
  60. package/dist/dynamic/components/Select/package.json +1 -1
  61. package/dist/dynamic/components/Sidebar/package.json +1 -1
  62. package/dist/dynamic/components/SimpleList/package.json +1 -1
  63. package/dist/dynamic/components/Skeleton/package.json +1 -1
  64. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  65. package/dist/dynamic/components/Slider/package.json +1 -1
  66. package/dist/dynamic/components/Spinner/package.json +1 -1
  67. package/dist/dynamic/components/Switch/package.json +1 -1
  68. package/dist/dynamic/components/Tabs/package.json +1 -1
  69. package/dist/dynamic/components/Text/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Modal/package.json +1 -0
  87. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/package.json +1 -1
  89. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  90. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  91. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  92. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  93. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  94. package/dist/dynamic/helpers/constants/package.json +1 -1
  95. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  96. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  98. package/dist/dynamic/helpers/package.json +1 -1
  99. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  100. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  102. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  103. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  104. package/dist/dynamic/helpers/util/package.json +1 -1
  105. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  106. package/dist/dynamic/layouts/Flex/package.json +1 -1
  107. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  108. package/dist/dynamic/layouts/Grid/package.json +1 -1
  109. package/dist/dynamic/layouts/Level/package.json +1 -1
  110. package/dist/dynamic/layouts/Split/package.json +1 -1
  111. package/dist/dynamic/layouts/Stack/package.json +1 -1
  112. package/dist/dynamic/next/components/DualListSelector/package.json +1 -1
  113. package/dist/dynamic/next/components/package.json +1 -1
  114. package/dist/dynamic/styles/package.json +1 -1
  115. package/dist/dynamic-modules.json +6 -12
  116. package/dist/esm/components/AboutModal/AboutModal.js +1 -1
  117. package/dist/esm/components/AboutModal/AboutModal.js.map +1 -1
  118. package/dist/esm/components/Modal/Modal.d.ts +4 -40
  119. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  120. package/dist/esm/components/Modal/Modal.js +5 -27
  121. package/dist/esm/components/Modal/Modal.js.map +1 -1
  122. package/dist/esm/components/Modal/ModalBody.d.ts.map +1 -0
  123. package/dist/esm/components/Modal/ModalBody.js.map +1 -0
  124. package/dist/esm/components/Modal/ModalBox.d.ts +3 -3
  125. package/dist/esm/components/Modal/ModalBox.d.ts.map +1 -1
  126. package/dist/esm/components/Modal/ModalBox.js +2 -2
  127. package/dist/esm/components/Modal/ModalBox.js.map +1 -1
  128. package/dist/esm/components/Modal/ModalBoxCloseButton.js +1 -1
  129. package/dist/esm/components/Modal/ModalBoxCloseButton.js.map +1 -1
  130. package/dist/esm/components/Modal/ModalBoxTitle.d.ts +2 -2
  131. package/dist/esm/components/Modal/ModalBoxTitle.d.ts.map +1 -1
  132. package/dist/esm/components/Modal/ModalBoxTitle.js +3 -2
  133. package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
  134. package/dist/esm/components/Modal/ModalContent.d.ts +3 -41
  135. package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
  136. package/dist/esm/components/Modal/ModalContent.js +12 -29
  137. package/dist/esm/components/Modal/ModalContent.js.map +1 -1
  138. package/dist/esm/components/Modal/ModalFooter.d.ts.map +1 -0
  139. package/dist/esm/components/Modal/ModalFooter.js.map +1 -0
  140. package/dist/esm/components/Modal/ModalHeader.d.ts.map +1 -0
  141. package/dist/esm/components/Modal/ModalHeader.js.map +1 -0
  142. package/dist/esm/components/Modal/index.d.ts +3 -6
  143. package/dist/esm/components/Modal/index.d.ts.map +1 -1
  144. package/dist/esm/components/Modal/index.js +3 -6
  145. package/dist/esm/components/Modal/index.js.map +1 -1
  146. package/dist/esm/{next → deprecated}/components/Modal/Modal.d.ts +40 -4
  147. package/dist/esm/deprecated/components/Modal/Modal.d.ts.map +1 -0
  148. package/dist/esm/{next → deprecated}/components/Modal/Modal.js +27 -5
  149. package/dist/esm/deprecated/components/Modal/Modal.js.map +1 -0
  150. package/dist/esm/{next → deprecated}/components/Modal/ModalBox.d.ts +3 -3
  151. package/dist/esm/deprecated/components/Modal/ModalBox.d.ts.map +1 -0
  152. package/dist/esm/deprecated/components/Modal/ModalBox.js +15 -0
  153. package/dist/esm/deprecated/components/Modal/ModalBox.js.map +1 -0
  154. package/dist/esm/deprecated/components/Modal/ModalBoxBody.d.ts.map +1 -0
  155. package/dist/esm/deprecated/components/Modal/ModalBoxBody.js.map +1 -0
  156. package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
  157. package/dist/esm/{next → deprecated}/components/Modal/ModalBoxCloseButton.js +1 -1
  158. package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -0
  159. package/dist/esm/deprecated/components/Modal/ModalBoxDescription.d.ts.map +1 -0
  160. package/dist/esm/deprecated/components/Modal/ModalBoxDescription.js.map +1 -0
  161. package/dist/esm/deprecated/components/Modal/ModalBoxFooter.d.ts.map +1 -0
  162. package/dist/esm/deprecated/components/Modal/ModalBoxFooter.js.map +1 -0
  163. package/dist/esm/deprecated/components/Modal/ModalBoxHeader.d.ts.map +1 -0
  164. package/dist/esm/deprecated/components/Modal/ModalBoxHeader.js.map +1 -0
  165. package/dist/{js/next → esm/deprecated}/components/Modal/ModalBoxTitle.d.ts +2 -2
  166. package/dist/esm/deprecated/components/Modal/ModalBoxTitle.d.ts.map +1 -0
  167. package/dist/esm/{next → deprecated}/components/Modal/ModalBoxTitle.js +2 -3
  168. package/dist/esm/deprecated/components/Modal/ModalBoxTitle.js.map +1 -0
  169. package/dist/esm/deprecated/components/Modal/ModalContent.d.ts +80 -0
  170. package/dist/esm/deprecated/components/Modal/ModalContent.d.ts.map +1 -0
  171. package/dist/esm/deprecated/components/Modal/ModalContent.js +62 -0
  172. package/dist/esm/deprecated/components/Modal/ModalContent.js.map +1 -0
  173. package/dist/esm/deprecated/components/Modal/index.d.ts +8 -0
  174. package/dist/esm/deprecated/components/Modal/index.d.ts.map +1 -0
  175. package/dist/esm/deprecated/components/Modal/index.js +8 -0
  176. package/dist/esm/deprecated/components/Modal/index.js.map +1 -0
  177. package/dist/esm/deprecated/components/Wizard/Wizard.js +1 -1
  178. package/dist/esm/deprecated/components/Wizard/Wizard.js.map +1 -1
  179. package/dist/esm/deprecated/components/index.d.ts +1 -0
  180. package/dist/esm/deprecated/components/index.d.ts.map +1 -1
  181. package/dist/esm/deprecated/components/index.js +1 -0
  182. package/dist/esm/deprecated/components/index.js.map +1 -1
  183. package/dist/esm/next/components/index.d.ts +0 -1
  184. package/dist/esm/next/components/index.d.ts.map +1 -1
  185. package/dist/esm/next/components/index.js +0 -1
  186. package/dist/esm/next/components/index.js.map +1 -1
  187. package/dist/js/components/AboutModal/AboutModal.js +1 -1
  188. package/dist/js/components/AboutModal/AboutModal.js.map +1 -1
  189. package/dist/js/components/Modal/Modal.d.ts +4 -40
  190. package/dist/js/components/Modal/Modal.d.ts.map +1 -1
  191. package/dist/js/components/Modal/Modal.js +5 -27
  192. package/dist/js/components/Modal/Modal.js.map +1 -1
  193. package/dist/js/components/Modal/ModalBody.d.ts.map +1 -0
  194. package/dist/js/components/Modal/ModalBody.js.map +1 -0
  195. package/dist/js/components/Modal/ModalBox.d.ts +3 -3
  196. package/dist/js/components/Modal/ModalBox.d.ts.map +1 -1
  197. package/dist/js/components/Modal/ModalBox.js +2 -2
  198. package/dist/js/components/Modal/ModalBox.js.map +1 -1
  199. package/dist/js/components/Modal/ModalBoxCloseButton.js +1 -1
  200. package/dist/js/components/Modal/ModalBoxCloseButton.js.map +1 -1
  201. package/dist/js/components/Modal/ModalBoxTitle.d.ts +2 -2
  202. package/dist/js/components/Modal/ModalBoxTitle.d.ts.map +1 -1
  203. package/dist/js/components/Modal/ModalBoxTitle.js +3 -2
  204. package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
  205. package/dist/js/components/Modal/ModalContent.d.ts +3 -41
  206. package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
  207. package/dist/js/components/Modal/ModalContent.js +12 -29
  208. package/dist/js/components/Modal/ModalContent.js.map +1 -1
  209. package/dist/js/components/Modal/ModalFooter.d.ts.map +1 -0
  210. package/dist/js/components/Modal/ModalFooter.js.map +1 -0
  211. package/dist/js/components/Modal/ModalHeader.d.ts.map +1 -0
  212. package/dist/js/components/Modal/ModalHeader.js.map +1 -0
  213. package/dist/js/components/Modal/index.d.ts +3 -6
  214. package/dist/js/components/Modal/index.d.ts.map +1 -1
  215. package/dist/js/components/Modal/index.js +3 -6
  216. package/dist/js/components/Modal/index.js.map +1 -1
  217. package/dist/js/{next → deprecated}/components/Modal/Modal.d.ts +40 -4
  218. package/dist/js/deprecated/components/Modal/Modal.d.ts.map +1 -0
  219. package/dist/js/{next → deprecated}/components/Modal/Modal.js +27 -5
  220. package/dist/js/deprecated/components/Modal/Modal.js.map +1 -0
  221. package/dist/js/{next → deprecated}/components/Modal/ModalBox.d.ts +3 -3
  222. package/dist/js/deprecated/components/Modal/ModalBox.d.ts.map +1 -0
  223. package/dist/js/deprecated/components/Modal/ModalBox.js +19 -0
  224. package/dist/js/deprecated/components/Modal/ModalBox.js.map +1 -0
  225. package/dist/js/deprecated/components/Modal/ModalBoxBody.d.ts.map +1 -0
  226. package/dist/js/deprecated/components/Modal/ModalBoxBody.js.map +1 -0
  227. package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
  228. package/dist/js/{next → deprecated}/components/Modal/ModalBoxCloseButton.js +1 -1
  229. package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -0
  230. package/dist/js/deprecated/components/Modal/ModalBoxDescription.d.ts.map +1 -0
  231. package/dist/js/deprecated/components/Modal/ModalBoxDescription.js.map +1 -0
  232. package/dist/js/deprecated/components/Modal/ModalBoxFooter.d.ts.map +1 -0
  233. package/dist/js/deprecated/components/Modal/ModalBoxFooter.js.map +1 -0
  234. package/dist/js/deprecated/components/Modal/ModalBoxHeader.d.ts.map +1 -0
  235. package/dist/js/deprecated/components/Modal/ModalBoxHeader.js.map +1 -0
  236. package/dist/{esm/next → js/deprecated}/components/Modal/ModalBoxTitle.d.ts +2 -2
  237. package/dist/js/deprecated/components/Modal/ModalBoxTitle.d.ts.map +1 -0
  238. package/dist/js/{next → deprecated}/components/Modal/ModalBoxTitle.js +2 -3
  239. package/dist/js/deprecated/components/Modal/ModalBoxTitle.js.map +1 -0
  240. package/dist/js/deprecated/components/Modal/ModalContent.d.ts +80 -0
  241. package/dist/js/deprecated/components/Modal/ModalContent.d.ts.map +1 -0
  242. package/dist/js/deprecated/components/Modal/ModalContent.js +66 -0
  243. package/dist/js/deprecated/components/Modal/ModalContent.js.map +1 -0
  244. package/dist/js/deprecated/components/Modal/index.d.ts +8 -0
  245. package/dist/js/deprecated/components/Modal/index.d.ts.map +1 -0
  246. package/dist/js/deprecated/components/Modal/index.js +11 -0
  247. package/dist/js/deprecated/components/Modal/index.js.map +1 -0
  248. package/dist/js/deprecated/components/Wizard/Wizard.js +1 -1
  249. package/dist/js/deprecated/components/Wizard/Wizard.js.map +1 -1
  250. package/dist/js/deprecated/components/index.d.ts +1 -0
  251. package/dist/js/deprecated/components/index.d.ts.map +1 -1
  252. package/dist/js/deprecated/components/index.js +1 -0
  253. package/dist/js/deprecated/components/index.js.map +1 -1
  254. package/dist/js/next/components/index.d.ts +0 -1
  255. package/dist/js/next/components/index.d.ts.map +1 -1
  256. package/dist/js/next/components/index.js +0 -1
  257. package/dist/js/next/components/index.js.map +1 -1
  258. package/dist/umd/assets/{output-BsYBUJdh.css → output-DC58BpxL.css} +9943 -9943
  259. package/dist/umd/react-core.min.js +3 -3
  260. package/helpers/package.json +1 -1
  261. package/layouts/package.json +1 -1
  262. package/next/package.json +1 -1
  263. package/package.json +2 -2
  264. package/src/components/AboutModal/AboutModal.tsx +1 -1
  265. package/src/components/Label/examples/LabelGroupEditableAddModal.tsx +4 -5
  266. package/src/components/Modal/Modal.tsx +9 -82
  267. package/src/components/Modal/ModalBox.tsx +6 -6
  268. package/src/components/Modal/ModalBoxCloseButton.tsx +1 -1
  269. package/src/components/Modal/ModalBoxTitle.tsx +7 -5
  270. package/src/components/Modal/ModalContent.tsx +19 -110
  271. package/src/components/Modal/__tests__/Modal.test.tsx +10 -77
  272. package/src/components/Modal/__tests__/ModalBoxHeader.test.tsx +12 -5
  273. package/src/components/Modal/__tests__/ModalBoxTitle.test.tsx +6 -28
  274. package/src/components/Modal/__tests__/ModalContent.test.tsx +6 -72
  275. package/src/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap +16 -2
  276. package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +13 -478
  277. package/src/components/Modal/examples/Modal.md +24 -32
  278. package/src/components/Modal/examples/ModalBasic.tsx +16 -12
  279. package/src/components/Modal/examples/ModalCustomFocus.tsx +19 -15
  280. package/src/{next/components → components}/Modal/examples/ModalCustomHeader.tsx +12 -2
  281. package/src/components/Modal/examples/ModalCustomTitleIcon.tsx +24 -18
  282. package/src/components/Modal/examples/ModalCustomWidth.tsx +15 -11
  283. package/src/components/Modal/examples/ModalNoHeaderFooter.tsx +14 -12
  284. package/src/{next/components → components}/Modal/examples/ModalSize.tsx +1 -2
  285. package/src/components/Modal/examples/ModalTitleIcon.tsx +20 -18
  286. package/src/components/Modal/examples/ModalTopAligned.tsx +15 -11
  287. package/src/components/Modal/examples/ModalWithDescription.tsx +53 -12
  288. package/src/components/Modal/examples/ModalWithDropdown.tsx +56 -49
  289. package/src/components/Modal/examples/ModalWithForm.tsx +150 -139
  290. package/src/components/Modal/examples/ModalWithHelp.tsx +34 -26
  291. package/src/components/Modal/examples/ModalWithOverflowingContent.tsx +47 -44
  292. package/src/components/Modal/examples/ModalWithWizard.tsx +2 -4
  293. package/src/components/Modal/index.ts +3 -6
  294. package/src/components/Wizard/examples/Wizard.md +1 -0
  295. package/src/components/Wizard/examples/WizardWithinModal.tsx +5 -4
  296. package/src/demos/CustomMenus/examples/DateSelectDemo.tsx +25 -13
  297. package/src/demos/DatePicker/DatePicker.md +2 -2
  298. package/src/demos/DatePicker/examples/DateTimePickerInModal.tsx +5 -12
  299. package/src/demos/LabelGroupDemos.md +3 -0
  300. package/src/demos/MultipleFileUploadDemos.md +2 -0
  301. package/src/demos/examples/Card/CardEventsView.tsx +15 -8
  302. package/src/demos/examples/Card/CardLogView.tsx +4 -4
  303. package/src/demos/examples/Card/CardStatusTabbed.tsx +23 -6
  304. package/src/demos/examples/Card/CardUtilizationDemo3.tsx +5 -2
  305. package/src/demos/examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx +3 -3
  306. package/src/{next → deprecated}/components/Modal/Modal.tsx +82 -9
  307. package/src/{next → deprecated}/components/Modal/ModalBox.tsx +6 -6
  308. package/src/{next → deprecated}/components/Modal/ModalBoxCloseButton.tsx +1 -1
  309. package/src/{next → deprecated}/components/Modal/ModalBoxTitle.tsx +5 -7
  310. package/src/deprecated/components/Modal/ModalContent.tsx +222 -0
  311. package/src/{next → deprecated}/components/Modal/__tests__/Modal.test.tsx +76 -9
  312. package/src/deprecated/components/Modal/__tests__/ModalBoxHeader.test.tsx +14 -0
  313. package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxTitle.test.tsx +28 -6
  314. package/src/deprecated/components/Modal/__tests__/ModalContent.test.tsx +112 -0
  315. package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap +2 -16
  316. package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +593 -0
  317. package/src/{next → deprecated}/components/Modal/examples/Modal.md +34 -24
  318. package/src/deprecated/components/Modal/examples/ModalBasic.tsx +39 -0
  319. package/src/deprecated/components/Modal/examples/ModalCustomFocus.tsx +39 -0
  320. package/src/{components → deprecated/components}/Modal/examples/ModalCustomHeaderFooter.tsx +5 -4
  321. package/src/deprecated/components/Modal/examples/ModalCustomTitleIcon.tsx +47 -0
  322. package/src/deprecated/components/Modal/examples/ModalCustomWidth.tsx +39 -0
  323. package/src/{components → deprecated/components}/Modal/examples/ModalLarge.tsx +5 -4
  324. package/src/{components → deprecated/components}/Modal/examples/ModalMedium.tsx +5 -4
  325. package/src/deprecated/components/Modal/examples/ModalNoHeaderFooter.tsx +38 -0
  326. package/src/{components → deprecated/components}/Modal/examples/ModalSmall.tsx +5 -4
  327. package/src/deprecated/components/Modal/examples/ModalTitleIcon.tsx +46 -0
  328. package/src/deprecated/components/Modal/examples/ModalTopAligned.tsx +39 -0
  329. package/src/deprecated/components/Modal/examples/ModalWithDescription.tsx +39 -0
  330. package/src/deprecated/components/Modal/examples/ModalWithDropdown.tsx +100 -0
  331. package/src/deprecated/components/Modal/examples/ModalWithForm.tsx +183 -0
  332. package/src/deprecated/components/Modal/examples/ModalWithHelp.tsx +56 -0
  333. package/src/deprecated/components/Modal/examples/ModalWithOverflowingContent.tsx +72 -0
  334. package/src/{next → deprecated}/components/Modal/examples/ModalWithWizard.tsx +7 -5
  335. package/src/deprecated/components/Modal/index.ts +7 -0
  336. package/src/deprecated/components/Wizard/Wizard.tsx +1 -1
  337. package/src/deprecated/components/index.ts +1 -0
  338. package/src/next/components/index.ts +0 -1
  339. package/dist/dynamic/next/components/Modal/package.json +0 -1
  340. package/dist/esm/components/Modal/ModalBoxBody.d.ts.map +0 -1
  341. package/dist/esm/components/Modal/ModalBoxBody.js.map +0 -1
  342. package/dist/esm/components/Modal/ModalBoxFooter.d.ts.map +0 -1
  343. package/dist/esm/components/Modal/ModalBoxFooter.js.map +0 -1
  344. package/dist/esm/components/Modal/ModalBoxHeader.d.ts.map +0 -1
  345. package/dist/esm/components/Modal/ModalBoxHeader.js.map +0 -1
  346. package/dist/esm/next/components/Modal/Modal.d.ts.map +0 -1
  347. package/dist/esm/next/components/Modal/Modal.js.map +0 -1
  348. package/dist/esm/next/components/Modal/ModalBody.d.ts.map +0 -1
  349. package/dist/esm/next/components/Modal/ModalBody.js.map +0 -1
  350. package/dist/esm/next/components/Modal/ModalBox.d.ts.map +0 -1
  351. package/dist/esm/next/components/Modal/ModalBox.js +0 -15
  352. package/dist/esm/next/components/Modal/ModalBox.js.map +0 -1
  353. package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts.map +0 -1
  354. package/dist/esm/next/components/Modal/ModalBoxCloseButton.js.map +0 -1
  355. package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts.map +0 -1
  356. package/dist/esm/next/components/Modal/ModalBoxDescription.js.map +0 -1
  357. package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts.map +0 -1
  358. package/dist/esm/next/components/Modal/ModalBoxTitle.js.map +0 -1
  359. package/dist/esm/next/components/Modal/ModalContent.d.ts +0 -42
  360. package/dist/esm/next/components/Modal/ModalContent.d.ts.map +0 -1
  361. package/dist/esm/next/components/Modal/ModalContent.js +0 -45
  362. package/dist/esm/next/components/Modal/ModalContent.js.map +0 -1
  363. package/dist/esm/next/components/Modal/ModalFooter.d.ts.map +0 -1
  364. package/dist/esm/next/components/Modal/ModalFooter.js.map +0 -1
  365. package/dist/esm/next/components/Modal/ModalHeader.d.ts.map +0 -1
  366. package/dist/esm/next/components/Modal/ModalHeader.js.map +0 -1
  367. package/dist/esm/next/components/Modal/index.d.ts +0 -5
  368. package/dist/esm/next/components/Modal/index.d.ts.map +0 -1
  369. package/dist/esm/next/components/Modal/index.js +0 -5
  370. package/dist/esm/next/components/Modal/index.js.map +0 -1
  371. package/dist/js/components/Modal/ModalBoxBody.d.ts.map +0 -1
  372. package/dist/js/components/Modal/ModalBoxBody.js.map +0 -1
  373. package/dist/js/components/Modal/ModalBoxFooter.d.ts.map +0 -1
  374. package/dist/js/components/Modal/ModalBoxFooter.js.map +0 -1
  375. package/dist/js/components/Modal/ModalBoxHeader.d.ts.map +0 -1
  376. package/dist/js/components/Modal/ModalBoxHeader.js.map +0 -1
  377. package/dist/js/next/components/Modal/Modal.d.ts.map +0 -1
  378. package/dist/js/next/components/Modal/Modal.js.map +0 -1
  379. package/dist/js/next/components/Modal/ModalBody.d.ts.map +0 -1
  380. package/dist/js/next/components/Modal/ModalBody.js.map +0 -1
  381. package/dist/js/next/components/Modal/ModalBox.d.ts.map +0 -1
  382. package/dist/js/next/components/Modal/ModalBox.js +0 -19
  383. package/dist/js/next/components/Modal/ModalBox.js.map +0 -1
  384. package/dist/js/next/components/Modal/ModalBoxCloseButton.d.ts.map +0 -1
  385. package/dist/js/next/components/Modal/ModalBoxCloseButton.js.map +0 -1
  386. package/dist/js/next/components/Modal/ModalBoxDescription.d.ts.map +0 -1
  387. package/dist/js/next/components/Modal/ModalBoxDescription.js.map +0 -1
  388. package/dist/js/next/components/Modal/ModalBoxTitle.d.ts.map +0 -1
  389. package/dist/js/next/components/Modal/ModalBoxTitle.js.map +0 -1
  390. package/dist/js/next/components/Modal/ModalContent.d.ts +0 -42
  391. package/dist/js/next/components/Modal/ModalContent.d.ts.map +0 -1
  392. package/dist/js/next/components/Modal/ModalContent.js +0 -49
  393. package/dist/js/next/components/Modal/ModalContent.js.map +0 -1
  394. package/dist/js/next/components/Modal/ModalFooter.d.ts.map +0 -1
  395. package/dist/js/next/components/Modal/ModalFooter.js.map +0 -1
  396. package/dist/js/next/components/Modal/ModalHeader.d.ts.map +0 -1
  397. package/dist/js/next/components/Modal/ModalHeader.js.map +0 -1
  398. package/dist/js/next/components/Modal/index.d.ts +0 -5
  399. package/dist/js/next/components/Modal/index.d.ts.map +0 -1
  400. package/dist/js/next/components/Modal/index.js +0 -8
  401. package/dist/js/next/components/Modal/index.js.map +0 -1
  402. package/src/demos/CustomMenus/examples/ComposableDateSelect.tsx +0 -113
  403. package/src/next/components/Modal/ModalContent.tsx +0 -131
  404. package/src/next/components/Modal/__tests__/ModalBoxHeader.test.tsx +0 -21
  405. package/src/next/components/Modal/__tests__/ModalContent.test.tsx +0 -46
  406. package/src/next/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +0 -128
  407. package/src/next/components/Modal/examples/ModalBasic.tsx +0 -43
  408. package/src/next/components/Modal/examples/ModalCustomFocus.tsx +0 -43
  409. package/src/next/components/Modal/examples/ModalCustomTitleIcon.tsx +0 -54
  410. package/src/next/components/Modal/examples/ModalCustomWidth.tsx +0 -43
  411. package/src/next/components/Modal/examples/ModalNoHeaderFooter.tsx +0 -40
  412. package/src/next/components/Modal/examples/ModalTitleIcon.tsx +0 -48
  413. package/src/next/components/Modal/examples/ModalTopAligned.tsx +0 -43
  414. package/src/next/components/Modal/examples/ModalWithDescription.tsx +0 -80
  415. package/src/next/components/Modal/examples/ModalWithDropdown.tsx +0 -105
  416. package/src/next/components/Modal/examples/ModalWithForm.tsx +0 -191
  417. package/src/next/components/Modal/examples/ModalWithHelp.tsx +0 -63
  418. package/src/next/components/Modal/examples/ModalWithOverflowingContent.tsx +0 -75
  419. package/src/next/components/Modal/index.ts +0 -4
  420. /package/dist/esm/{next/components → components}/Modal/ModalBody.d.ts +0 -0
  421. /package/dist/esm/{next/components → components}/Modal/ModalBody.js +0 -0
  422. /package/dist/esm/{next/components → components}/Modal/ModalFooter.d.ts +0 -0
  423. /package/dist/esm/{next/components → components}/Modal/ModalFooter.js +0 -0
  424. /package/dist/esm/{next/components → components}/Modal/ModalHeader.d.ts +0 -0
  425. /package/dist/esm/{next/components → components}/Modal/ModalHeader.js +0 -0
  426. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxBody.d.ts +0 -0
  427. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxBody.js +0 -0
  428. /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxCloseButton.d.ts +0 -0
  429. /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxDescription.d.ts +0 -0
  430. /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxDescription.js +0 -0
  431. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxFooter.d.ts +0 -0
  432. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxFooter.js +0 -0
  433. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxHeader.d.ts +0 -0
  434. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxHeader.js +0 -0
  435. /package/dist/js/{next/components → components}/Modal/ModalBody.d.ts +0 -0
  436. /package/dist/js/{next/components → components}/Modal/ModalBody.js +0 -0
  437. /package/dist/js/{next/components → components}/Modal/ModalFooter.d.ts +0 -0
  438. /package/dist/js/{next/components → components}/Modal/ModalFooter.js +0 -0
  439. /package/dist/js/{next/components → components}/Modal/ModalHeader.d.ts +0 -0
  440. /package/dist/js/{next/components → components}/Modal/ModalHeader.js +0 -0
  441. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxBody.d.ts +0 -0
  442. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxBody.js +0 -0
  443. /package/dist/js/{next → deprecated}/components/Modal/ModalBoxCloseButton.d.ts +0 -0
  444. /package/dist/js/{next → deprecated}/components/Modal/ModalBoxDescription.d.ts +0 -0
  445. /package/dist/js/{next → deprecated}/components/Modal/ModalBoxDescription.js +0 -0
  446. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxFooter.d.ts +0 -0
  447. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxFooter.js +0 -0
  448. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxHeader.d.ts +0 -0
  449. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxHeader.js +0 -0
  450. /package/src/{next/components → components}/Modal/ModalBody.tsx +0 -0
  451. /package/src/{next/components → components}/Modal/ModalFooter.tsx +0 -0
  452. /package/src/{next/components → components}/Modal/ModalHeader.tsx +0 -0
  453. /package/src/{next/components → components}/Modal/__tests__/ModalBody.test.tsx +0 -0
  454. /package/src/{next/components → components}/Modal/__tests__/ModalFooter.test.tsx +0 -0
  455. /package/src/{next/components → components}/Modal/__tests__/__snapshots__/ModalBody.test.tsx.snap +0 -0
  456. /package/src/{next/components → components}/Modal/__tests__/__snapshots__/ModalFooter.test.tsx.snap +0 -0
  457. /package/src/{components → deprecated/components}/Modal/ModalBoxBody.tsx +0 -0
  458. /package/src/{next → deprecated}/components/Modal/ModalBoxDescription.tsx +0 -0
  459. /package/src/{components → deprecated/components}/Modal/ModalBoxFooter.tsx +0 -0
  460. /package/src/{components → deprecated/components}/Modal/ModalBoxHeader.tsx +0 -0
  461. /package/src/{next → deprecated}/components/Modal/__tests__/ModalBox.test.tsx +0 -0
  462. /package/src/{components → deprecated/components}/Modal/__tests__/ModalBoxBody.test.tsx +0 -0
  463. /package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxCloseButton.test.tsx +0 -0
  464. /package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxDescription.test.tsx +0 -0
  465. /package/src/{components → deprecated/components}/Modal/__tests__/ModalBoxFooter.test.tsx +0 -0
  466. /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBox.test.tsx.snap +0 -0
  467. /package/src/{components → deprecated/components}/Modal/__tests__/__snapshots__/ModalBoxBody.test.tsx.snap +0 -0
  468. /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxDescription.test.tsx.snap +0 -0
  469. /package/src/{components → deprecated/components}/Modal/__tests__/__snapshots__/ModalBoxFooter.test.tsx.snap +0 -0
  470. /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +0 -0
@@ -8,7 +8,7 @@ const modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/cs
8
8
  const Button_1 = require("../Button");
9
9
  const times_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/esm/icons/times-icon"));
10
10
  const ModalBoxCloseButton = (_a) => {
11
- var { className, onClose = () => undefined, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
11
+ var { className, onClose, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
12
12
  return (React.createElement("div", { className: (0, react_styles_1.css)(modal_box_1.default.modalBoxClose, className) },
13
13
  React.createElement(Button_1.Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${exports.ModalBoxCloseButton.displayName}` }), props),
14
14
  React.createElement(times_icon_1.default, null))));
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,sCAAmC;AACnC,2GAA0E;AAcnE,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,MAAM,OAEmB,EADtB,KAAK,sBAL6E,gDAMtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,eAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACtB,SAAS,IACjB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,2BAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,oBAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AAlBW,QAAA,mBAAmB,uBAkB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
1
+ {"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,sCAAmC;AACnC,2GAA0E;AAcnE,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,EACP,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,MAAM,OAEmB,EADtB,KAAK,sBAL6E,gDAMtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,eAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACtB,SAAS,IACjB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,2BAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,oBAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AAlBW,QAAA,mBAAmB,uBAkB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
@@ -4,14 +4,14 @@ export interface ModalBoxTitleProps {
4
4
  /** Additional classes added to the modal box title. */
5
5
  className?: string;
6
6
  /** Id of the modal box title. */
7
- id: string;
7
+ id?: string;
8
8
  /** Content rendered inside the modal box title. */
9
9
  title: React.ReactNode;
10
10
  /** Optional alert icon (or other) to show before the title. When the predefined alert types
11
11
  * are used the default styling will be automatically applied. */
12
12
  titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
13
13
  /** Optional title label text for screen readers. */
14
- titleLabel?: string;
14
+ titleScreenReaderText?: string;
15
15
  }
16
16
  export declare const ModalBoxTitle: React.FunctionComponent<ModalBoxTitleProps>;
17
17
  //# sourceMappingURL=ModalBoxTitle.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,aAAa,SAAU,GAAG,mBACsC,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnG,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA0CrE,CAAC"}
1
+ {"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,aAAa,SAAU,GAAG,mBACsC,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnG,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA4CrE,CAAC"}
@@ -16,10 +16,11 @@ const helpers_2 = require("../../helpers");
16
16
  const isVariantIcon = (icon) => ['success', 'danger', 'warning', 'info', 'custom'].includes(icon);
17
17
  exports.isVariantIcon = isVariantIcon;
18
18
  const ModalBoxTitle = (_a) => {
19
- var { className = '', id, title, titleIconVariant, titleLabel = '' } = _a, props = tslib_1.__rest(_a, ["className", "id", "title", "titleIconVariant", "titleLabel"]);
19
+ var { className, id, title, titleIconVariant, titleScreenReaderText } = _a, props = tslib_1.__rest(_a, ["className", "id", "title", "titleIconVariant", "titleScreenReaderText"]);
20
20
  const [hasTooltip, setHasTooltip] = React.useState(false);
21
21
  const h1 = React.useRef(null);
22
- const label = titleLabel || ((0, exports.isVariantIcon)(titleIconVariant) ? `${(0, helpers_1.capitalize)(titleIconVariant)} alert:` : titleLabel);
22
+ const label = titleScreenReaderText ||
23
+ ((0, exports.isVariantIcon)(titleIconVariant) ? `${(0, helpers_1.capitalize)(titleIconVariant)} alert:` : titleScreenReaderText);
23
24
  const variantIcons = {
24
25
  success: React.createElement(check_circle_icon_1.default, null),
25
26
  danger: React.createElement(exclamation_circle_icon_1.default, null),
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mHAAqF;AACrF,2DAA+C;AAC/C,2CAA2C;AAC3C,wCAAqC;AACrC,yHAAuF;AACvF,qIAAmG;AACnG,yIAAuG;AACvG,uHAAqF;AACrF,yGAAwE;AACxE,2CAA0D;AAEnD,MAAM,aAAa,GAAG,CAAC,IAAS,EAAkB,EAAE,CACzD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC,CAAC;AADjE,QAAA,aAAa,iBACoD;AAgBvE,MAAM,aAAa,GAAgD,CAAC,EAOtD,EAAE,EAAE;QAPkD,EACzE,SAAS,GAAG,EAAE,EACd,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,UAAU,GAAG,EAAE,OAEI,EADhB,KAAK,sBANiE,8DAO1E,CADS;IAER,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,UAAU,IAAI,CAAC,IAAA,qBAAa,EAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAA,oBAAU,EAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACtH,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,oBAAC,2BAAe,OAAG;QAC5B,MAAM,EAAE,oBAAC,iCAAqB,OAAG;QACjC,OAAO,EAAE,oBAAC,mCAAuB,OAAG;QACpC,IAAI,EAAE,oBAAC,0BAAc,OAAG;QACxB,MAAM,EAAE,oBAAC,mBAAQ,OAAG;KACrB,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,IAAA,qBAAa,EAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC;IAExE,IAAA,mCAAyB,EAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC/E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,CACd,0CACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,EAAE,EACP,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,aAAa,EAAE,gBAAgB,IAAI,mBAAW,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAChG,KAAK;QAER,gBAAgB,IAAI,CACnB,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,iBAAiB,CAAC,IAChD,IAAA,qBAAa,EAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAC7E,CACR;QACA,KAAK,IAAI,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAQ;QAC9D,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,iBAAiB,CAAC,IAAG,KAAK,CAAQ,CAChE,CACN,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,oBAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,IAAG,OAAO,CAAW,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7E,CAAC,CAAC;AA1CW,QAAA,aAAa,iBA0CxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mHAAqF;AACrF,2DAA+C;AAC/C,2CAA2C;AAC3C,wCAAqC;AACrC,yHAAuF;AACvF,qIAAmG;AACnG,yIAAuG;AACvG,uHAAqF;AACrF,yGAAwE;AACxE,2CAA0D;AAEnD,MAAM,aAAa,GAAG,CAAC,IAAS,EAAkB,EAAE,CACzD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC,CAAC;AADjE,QAAA,aAAa,iBACoD;AAgBvE,MAAM,aAAa,GAAgD,CAAC,EAOtD,EAAE,EAAE;QAPkD,EACzE,SAAS,EACT,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,qBAAqB,OAEF,EADhB,KAAK,sBANiE,yEAO1E,CADS;IAER,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAClD,MAAM,KAAK,GACT,qBAAqB;QACrB,CAAC,IAAA,qBAAa,EAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAA,oBAAU,EAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvG,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,oBAAC,2BAAe,OAAG;QAC5B,MAAM,EAAE,oBAAC,iCAAqB,OAAG;QACjC,OAAO,EAAE,oBAAC,mCAAuB,OAAG;QACpC,IAAI,EAAE,oBAAC,0BAAc,OAAG;QACxB,MAAM,EAAE,oBAAC,mBAAQ,OAAG;KACrB,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,IAAA,qBAAa,EAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC;IAExE,IAAA,mCAAyB,EAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC/E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,CACd,0CACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,EAAE,EACP,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,aAAa,EAAE,gBAAgB,IAAI,mBAAW,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAChG,KAAK;QAER,gBAAgB,IAAI,CACnB,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,iBAAiB,CAAC,IAChD,IAAA,qBAAa,EAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAC7E,CACR;QACA,KAAK,IAAI,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAQ;QAC9D,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,iBAAiB,CAAC,IAAG,KAAK,CAAQ,CAChE,CACN,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,oBAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,IAAG,OAAO,CAAW,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7E,CAAC,CAAC;AA5CW,QAAA,aAAa,iBA4CxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
@@ -1,70 +1,32 @@
1
1
  import * as React from 'react';
2
2
  import { OUIAProps } from '../../helpers';
3
3
  export interface ModalContentProps extends OUIAProps {
4
- /** Action buttons to add to the standard modal footer. Ignored if the footer property
5
- * is passed in.
6
- */
7
- actions?: any;
8
- /** Id to use for the modal box descriptor. */
4
+ /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
9
5
  'aria-describedby'?: string;
10
6
  /** Accessible descriptor of the modal. */
11
7
  'aria-label'?: string;
12
- /** Id to use for the modal box label. */
13
- 'aria-labelledby'?: string | null;
14
- /** Accessible label applied to the modal box body. This should be used to communicate
15
- * important information about the modal box body div element if needed, such as that it
16
- * is scrollable.
17
- */
18
- bodyAriaLabel?: string;
19
- /** Accessible role applied to the modal box body. This will default to "region" if the
20
- * bodyAriaLabel property is passed in. Set to a more appropriate role as applicable
21
- * based on the modal content and context.
22
- */
23
- bodyAriaRole?: string;
8
+ /** Id to use for the modal box label. This should include the ModalHeader labelId. */
9
+ 'aria-labelledby'?: string;
24
10
  /** Id of the modal box container. */
25
11
  boxId: string;
26
12
  /** Content rendered inside the modal. */
27
13
  children: React.ReactNode;
28
14
  /** Additional classes added to the modal box. */
29
15
  className?: string;
30
- /** Description of the modal. */
31
- description?: React.ReactNode;
32
- /** Id of the modal box description. */
33
- descriptorId: string;
34
16
  /** Flag to disable focus trap. */
35
17
  disableFocusTrap?: boolean;
36
18
  /** The element to focus when the modal opens. By default the first
37
19
  * focusable element will receive focus.
38
20
  */
39
21
  elementToFocus?: HTMLElement | SVGElement | string;
40
- /** Custom footer. */
41
- footer?: React.ReactNode;
42
- /** Flag indicating if modal content should be placed in a modal box body wrapper. */
43
- hasNoBodyWrapper?: boolean;
44
- /** Complex header (more than just text), supersedes the title property for header content. */
45
- header?: React.ReactNode;
46
- /** Optional help section for the modal header. */
47
- help?: React.ReactNode;
48
22
  /** Flag to show the modal. */
49
23
  isOpen?: boolean;
50
- /** Id of the modal box title. */
51
- labelId: string;
52
24
  /** A callback for when the close button is clicked. */
53
25
  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
54
26
  /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
55
27
  position?: 'default' | 'top';
56
28
  /** Offset from alternate position. Can be any valid CSS length/percentage. */
57
29
  positionOffset?: string;
58
- /** Flag to show the close button in the header area of the modal. */
59
- showClose?: boolean;
60
- /** Simple text content of the modal header. Also used for the aria-label on the body. */
61
- title?: string;
62
- /** Optional alert icon (or other) to show before the title of the modal header. When the
63
- * predefined alert types are used the default styling will be automatically applied.
64
- */
65
- titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
66
- /** Optional title label text for screen readers. */
67
- titleLabel?: string;
68
30
  /** Variant of the modal. */
69
31
  variant?: 'small' | 'medium' | 'large' | 'default';
70
32
  /** Default width of the modal. */
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8FAA8F;IAC9F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnG,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA+HnE,CAAC"}
1
+ {"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAKxD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAiFnE,CAAC"}
@@ -4,54 +4,37 @@ exports.ModalContent = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const React = tslib_1.__importStar(require("react"));
6
6
  const helpers_1 = require("../../helpers");
7
- const modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/ModalBox/modal-box"));
8
7
  const bullseye_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/layouts/Bullseye/bullseye"));
9
8
  const react_styles_1 = require("@patternfly/react-styles");
10
9
  const helpers_2 = require("../../helpers");
11
- const Backdrop_1 = require("../Backdrop/Backdrop");
12
- const ModalBoxBody_1 = require("./ModalBoxBody");
10
+ const Backdrop_1 = require("../Backdrop");
13
11
  const ModalBoxCloseButton_1 = require("./ModalBoxCloseButton");
14
12
  const ModalBox_1 = require("./ModalBox");
15
- const ModalBoxFooter_1 = require("./ModalBoxFooter");
16
- const ModalBoxDescription_1 = require("./ModalBoxDescription");
17
- const ModalBoxHeader_1 = require("./ModalBoxHeader");
18
- const ModalBoxTitle_1 = require("./ModalBoxTitle");
19
13
  const ModalContent = (_a) => {
20
- var { children, className = '', isOpen = false, header = null, help = null, description = null, title = '', titleIconVariant = null, titleLabel = '', 'aria-label': ariaLabel = '', 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, bodyAriaLabel, bodyAriaRole, showClose = true, footer = null, actions = [], onClose = () => undefined, variant = 'default', position, positionOffset, width, maxWidth, boxId, labelId, descriptorId, disableFocusTrap = false, hasNoBodyWrapper = false, ouiaId, ouiaSafe = true, elementToFocus } = _a, props = tslib_1.__rest(_a, ["children", "className", "isOpen", "header", "help", "description", "title", "titleIconVariant", "titleLabel", 'aria-label', 'aria-describedby', 'aria-labelledby', "bodyAriaLabel", "bodyAriaRole", "showClose", "footer", "actions", "onClose", "variant", "position", "positionOffset", "width", "maxWidth", "boxId", "labelId", "descriptorId", "disableFocusTrap", "hasNoBodyWrapper", "ouiaId", "ouiaSafe", "elementToFocus"]);
14
+ var { children, className, isOpen = false, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, onClose, variant = 'default', position, positionOffset, width, maxWidth, boxId, disableFocusTrap = false, ouiaId, ouiaSafe = true, elementToFocus } = _a, props = tslib_1.__rest(_a, ["children", "className", "isOpen", 'aria-label', 'aria-describedby', 'aria-labelledby', "onClose", "variant", "position", "positionOffset", "width", "maxWidth", "boxId", "disableFocusTrap", "ouiaId", "ouiaSafe", "elementToFocus"]);
21
15
  if (!isOpen) {
22
16
  return null;
23
17
  }
24
- const modalBoxHeader = header ? (React.createElement(ModalBoxHeader_1.ModalBoxHeader, { help: help }, header)) : (title && (React.createElement(ModalBoxHeader_1.ModalBoxHeader, { help: help },
25
- React.createElement(ModalBoxTitle_1.ModalBoxTitle, { title: title, titleIconVariant: titleIconVariant, titleLabel: titleLabel, id: labelId }),
26
- description && React.createElement(ModalBoxDescription_1.ModalBoxDescription, { id: descriptorId }, description))));
27
- const modalBoxFooter = footer ? (React.createElement(ModalBoxFooter_1.ModalBoxFooter, null, footer)) : (actions.length > 0 && React.createElement(ModalBoxFooter_1.ModalBoxFooter, null, actions));
28
- const defaultModalBodyAriaRole = bodyAriaLabel ? 'region' : undefined;
29
- const hasNoDescription = !description && !ariaDescribedby;
30
- const id = hasNoDescription ? descriptorId : undefined;
31
- const modalBody = hasNoBodyWrapper ? (children) : (React.createElement(ModalBoxBody_1.ModalBoxBody, Object.assign({ "aria-label": bodyAriaLabel, role: bodyAriaRole || defaultModalBodyAriaRole }, props, { id: id }), children));
32
18
  const ariaLabelledbyFormatted = () => {
33
- if (ariaLabelledby === null) {
34
- return null;
35
- }
36
19
  const idRefList = [];
37
- if ((ariaLabel && boxId) !== '') {
20
+ if (ariaLabel && boxId) {
38
21
  idRefList.push(ariaLabel && boxId);
39
22
  }
40
23
  if (ariaLabelledby) {
41
24
  idRefList.push(ariaLabelledby);
42
25
  }
43
- if (title) {
44
- idRefList.push(labelId);
26
+ if (idRefList.length === 0) {
27
+ return undefined;
28
+ }
29
+ else {
30
+ return idRefList.join(' ');
45
31
  }
46
- return idRefList.join(' ');
47
32
  };
48
- const modalBox = (React.createElement(ModalBox_1.ModalBox, Object.assign({ id: boxId, className: (0, react_styles_1.css)(className, (0, ModalBoxTitle_1.isVariantIcon)(titleIconVariant) && modal_box_1.default.modifiers[titleIconVariant]), variant: variant, position: position, positionOffset: positionOffset, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledbyFormatted(), "aria-describedby": ariaDescribedby || (hasNoBodyWrapper ? null : descriptorId) }, (0, helpers_2.getOUIAProps)(exports.ModalContent.displayName, ouiaId, ouiaSafe), { style: Object.assign(Object.assign({}, (width && { '--pf-v6-c-modal-box--Width': typeof width !== 'number' ? width : `${width}px` })), (maxWidth && {
33
+ const modalBox = (React.createElement(ModalBox_1.ModalBox, Object.assign({ className: (0, react_styles_1.css)(className), variant: variant, position: position, positionOffset: positionOffset, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledbyFormatted(), "aria-describedby": ariaDescribedby }, (0, helpers_2.getOUIAProps)(exports.ModalContent.displayName, ouiaId, ouiaSafe), { style: Object.assign(Object.assign({}, (width && { '--pf-v6-c-modal-box--Width': typeof width !== 'number' ? width : `${width}px` })), (maxWidth && {
49
34
  '--pf-v6-c-modal-box--MaxWidth': typeof maxWidth !== 'number' ? maxWidth : `${maxWidth}px`
50
- })) }),
51
- showClose && React.createElement(ModalBoxCloseButton_1.ModalBoxCloseButton, { onClose: (event) => onClose(event), ouiaId: ouiaId }),
52
- modalBoxHeader,
53
- modalBody,
54
- modalBoxFooter));
35
+ })) }, props, { id: boxId }),
36
+ onClose && React.createElement(ModalBoxCloseButton_1.ModalBoxCloseButton, { onClose: (event) => onClose(event), ouiaId: ouiaId }),
37
+ children));
55
38
  return (React.createElement(Backdrop_1.Backdrop, null,
56
39
  React.createElement(helpers_1.FocusTrap, { active: !disableFocusTrap, focusTrapOptions: {
57
40
  clickOutsideDeactivates: true,
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAA0C;AAC1C,8GAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,0CAAuC;AACvC,+DAA4D;AAC5D,yCAAsC;AAyC/B,MAAM,YAAY,GAA+C,CAAC,EAmBrD,EAAE,EAAE;QAnBiD,EACvE,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,iBAAiB,EAAE,cAAc,EACjC,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,GAAG,KAAK,EACxB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,cAAc,OAEI,EADf,KAAK,sBAlB+D,sOAmBxE,CADS;IAER,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,uBAAuB,GAAG,GAAW,EAAE;QAC3C,MAAM,SAAS,GAAa,EAAE,CAAC;QAC/B,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YACvB,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,cAAc,EAAE,CAAC;YACnB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;QACD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,oBAAC,mBAAQ,kBACP,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC,EACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,gBAClB,SAAS,qBACJ,uBAAuB,EAAE,sBACxB,eAAe,IAC7B,IAAA,sBAAY,EAAC,oBAAY,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,IAC5D,KAAK,EACH,gCACK,CAAC,KAAK,IAAI,EAAE,4BAA4B,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC,GAC7F,CAAC,QAAQ,IAAI;YACd,+BAA+B,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI;SAC3F,CAAC,CACoB,IAEtB,KAAK,IACT,EAAE,EAAE,KAAK;QAER,OAAO,IAAI,oBAAC,yCAAmB,IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI;QACtF,QAAQ,CACA,CACZ,CAAC;IACF,OAAO,CACL,oBAAC,mBAAQ;QACP,oBAAC,mBAAS,IACR,MAAM,EAAE,CAAC,gBAAgB,EACzB,gBAAgB,EAAE;gBAChB,uBAAuB,EAAE,IAAI;gBAC7B,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBACzC,iFAAiF;gBACjF,2DAA2D;gBAC3D,YAAY,EAAE,cAAc,IAAI,SAAS;aAC1C,EACD,SAAS,EAAE,IAAA,kBAAG,EAAC,kBAAc,CAAC,QAAQ,CAAC,IAEtC,QAAQ,CACC,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AAjFW,QAAA,YAAY,gBAiFvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iDAAiD;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAQjE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalFooter.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAWzE,MAAM,WAAW,GAA8C,CAAC,EAIpD,EAAE,EAAE;QAJgD,EACrE,QAAQ,EACR,SAAS,OAEQ,EADd,KAAK,sBAH6D,yBAItE,CADS;IACc,OAAA,CACtB,gDAAY,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,cAAc,EAAE,SAAS,CAAC,KAChE,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AARW,QAAA,WAAW,eAQtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,iDAAiD;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,4JAA4J;IAC5J,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnG,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAuCjE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,+DAA4D;AAC5D,mDAAgD;AA0BzC,MAAM,WAAW,GAA8C,CAAC,EAWpD,EAAE,EAAE;QAXgD,EACrE,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,qBAAqB,EACrB,IAAI,OAEa,EADd,KAAK,sBAV6D,iIAWtE,CADS;IAER,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC/B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,6BAAa,IACZ,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,EAC5C,EAAE,EAAE,OAAO,GACX;QACD,WAAW,IAAI,oBAAC,yCAAmB,IAAC,EAAE,EAAE,YAAY,IAAG,WAAW,CAAuB,CACzF,CACJ,CAAC;IAEF,2FAA2F;IAC3F,yGAAyG;IACzG,OAAO,CACL,8CAAQ,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,cAAc,EAAE,IAAI,IAAI,mBAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAC/F,IAAI,IAAI,CACP;YACE,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,kBAAkB,CAAC,IAAG,aAAa,CAAO;YACrE,6BAAK,SAAS,EAAE,GAAG,mBAAM,CAAC,cAAc,OAAO,IAAG,IAAI,CAAO,CAC5D,CACJ;QACA,CAAC,IAAI,IAAI,aAAa,CAChB,CACV,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,WAAW,eAuCtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -1,8 +1,5 @@
1
1
  export * from './Modal';
2
- export * from './ModalBox';
3
- export * from './ModalBoxBody';
4
- export * from './ModalBoxCloseButton';
5
- export * from './ModalBoxHeader';
6
- export * from './ModalBoxFooter';
7
- export * from './ModalContent';
2
+ export * from './ModalBody';
3
+ export * from './ModalHeader';
4
+ export * from './ModalFooter';
8
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
@@ -2,10 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  tslib_1.__exportStar(require("./Modal"), exports);
5
- tslib_1.__exportStar(require("./ModalBox"), exports);
6
- tslib_1.__exportStar(require("./ModalBoxBody"), exports);
7
- tslib_1.__exportStar(require("./ModalBoxCloseButton"), exports);
8
- tslib_1.__exportStar(require("./ModalBoxHeader"), exports);
9
- tslib_1.__exportStar(require("./ModalBoxFooter"), exports);
10
- tslib_1.__exportStar(require("./ModalContent"), exports);
5
+ tslib_1.__exportStar(require("./ModalBody"), exports);
6
+ tslib_1.__exportStar(require("./ModalHeader"), exports);
7
+ tslib_1.__exportStar(require("./ModalFooter"), exports);
11
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,qDAA2B;AAC3B,yDAA+B;AAC/B,gEAAsC;AACtC,2DAAiC;AACjC,2DAAiC;AACjC,yDAA+B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,sDAA4B;AAC5B,wDAA8B;AAC9B,wDAA8B"}
@@ -2,29 +2,53 @@ import * as React from 'react';
2
2
  import { PickOptional } from '../../../helpers';
3
3
  import { OUIAProps } from '../../../helpers';
4
4
  export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
5
+ /** Action buttons to add to the standard modal footer. Ignored if the footer property
6
+ * is passed in.
7
+ */
8
+ actions?: any;
5
9
  /** The parent container to append the modal to. Defaults to "document.body". */
6
10
  appendTo?: HTMLElement | (() => HTMLElement);
7
- /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
11
+ /** Id to use for the modal box descriptor. */
8
12
  'aria-describedby'?: string;
9
- /** Adds an accessible name to the modal when there is no title in the ModalHeader. */
13
+ /** Accessible descriptor of the modal. */
10
14
  'aria-label'?: string;
11
- /** Id to use for the modal box label. This should include the ModalHeader labelId. */
15
+ /** Id to use for the modal box label. */
12
16
  'aria-labelledby'?: string;
17
+ /** Accessible label applied to the modal box body. This should be used to communicate
18
+ * important information about the modal box body div element if needed, such as that it
19
+ * is scrollable.
20
+ */
21
+ bodyAriaLabel?: string;
22
+ /** Accessible role applied to the modal box body. This will default to "region" if the
23
+ * bodyAriaLabel property is passed in. Set to a more appropriate role as applicable
24
+ * based on the modal content and context.
25
+ */
26
+ bodyAriaRole?: string;
13
27
  /** Content rendered inside the modal. */
14
28
  children: React.ReactNode;
15
29
  /** Additional classes added to the modal. */
16
30
  className?: string;
31
+ /** Description of the modal. */
32
+ description?: React.ReactNode;
17
33
  /** Flag to disable focus trap. */
18
34
  disableFocusTrap?: boolean;
19
35
  /** The element to focus when the modal opens. By default the first
20
36
  * focusable element will receive focus.
21
37
  */
22
38
  elementToFocus?: HTMLElement | SVGElement | string;
39
+ /** Custom footer. */
40
+ footer?: React.ReactNode;
41
+ /** Flag indicating if modal content should be placed in a modal box body wrapper. */
42
+ hasNoBodyWrapper?: boolean;
43
+ /** Complex header (more than just text), supersedes the title property for header content. */
44
+ header?: React.ReactNode;
45
+ /** Optional help section for the modal header. */
46
+ help?: React.ReactNode;
23
47
  /** An id to use for the modal box container. */
24
48
  id?: string;
25
49
  /** Flag to show the modal. */
26
50
  isOpen?: boolean;
27
- /** Add callback for when the close button is clicked. This prop needs to be passed to render the close button */
51
+ /** A callback for when the close button is clicked. */
28
52
  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
29
53
  /** Modal handles pressing of the escape key and closes the modal. If you want to handle
30
54
  * this yourself you can use this callback function. */
@@ -33,6 +57,16 @@ export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
33
57
  position?: 'default' | 'top';
34
58
  /** Offset from alternate position. Can be any valid CSS length/percentage. */
35
59
  positionOffset?: string;
60
+ /** Flag to show the close button in the header area of the modal. */
61
+ showClose?: boolean;
62
+ /** Simple text content of the modal header. Also used for the aria-label on the body. */
63
+ title?: string;
64
+ /** Optional alert icon (or other) to show before the title of the modal header. When the
65
+ * predefined alert types are used the default styling will be automatically applied.
66
+ */
67
+ titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
68
+ /** Optional title label text for screen readers. */
69
+ titleLabel?: string;
36
70
  /** Variant of the modal. */
37
71
  variant?: 'small' | 'medium' | 'large' | 'default';
38
72
  /** Default width of the modal. */
@@ -58,6 +92,8 @@ declare class Modal extends React.Component<ModalProps, ModalState> {
58
92
  static displayName: string;
59
93
  static currentId: number;
60
94
  boxId: string;
95
+ labelId: string;
96
+ descriptorId: string;
61
97
  static defaultProps: PickOptional<ModalProps>;
62
98
  constructor(props: ModalProps);
63
99
  handleEscKeyClick: (event: KeyboardEvent) => void;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
@@ -20,6 +20,8 @@ class Modal extends React.Component {
20
20
  constructor(props) {
21
21
  super(props);
22
22
  this.boxId = '';
23
+ this.labelId = '';
24
+ this.descriptorId = '';
23
25
  this.handleEscKeyClick = (event) => {
24
26
  var _a, _b;
25
27
  const { onEscapePress } = this.props;
@@ -45,14 +47,18 @@ class Modal extends React.Component {
45
47
  };
46
48
  this.isEmpty = (value) => value === null || value === undefined || value === '';
47
49
  const boxIdNum = Modal.currentId++;
50
+ const labelIdNum = boxIdNum + 1;
51
+ const descriptorIdNum = boxIdNum + 2;
48
52
  this.boxId = props.id || `pf-modal-part-${boxIdNum}`;
53
+ this.labelId = `pf-modal-part-${labelIdNum}`;
54
+ this.descriptorId = `pf-modal-part-${descriptorIdNum}`;
49
55
  this.state = {
50
56
  container: undefined,
51
57
  ouiaStateId: (0, helpers_2.getDefaultOUIAId)(Modal.displayName, props.variant)
52
58
  };
53
59
  }
54
60
  componentDidMount() {
55
- const { appendTo, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = this.props;
61
+ const { appendTo, title, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, hasNoBodyWrapper, header } = this.props;
56
62
  const target = this.getElement(appendTo);
57
63
  const container = document.createElement('div');
58
64
  this.setState({ container });
@@ -64,9 +70,13 @@ class Modal extends React.Component {
64
70
  else {
65
71
  target.classList.remove((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
66
72
  }
67
- if (!ariaDescribedby && !ariaLabel && !ariaLabelledby) {
73
+ if (this.isEmpty(title) && this.isEmpty(ariaLabel) && this.isEmpty(ariaLabelledby)) {
68
74
  // eslint-disable-next-line no-console
69
- console.error('Modal: Specify at least one of: aria-describedby, aria-label, aria-labelledby.');
75
+ console.error('Modal: Specify at least one of: title, aria-label, aria-labelledby.');
76
+ }
77
+ if (this.isEmpty(ariaLabel) && this.isEmpty(ariaLabelledby) && (hasNoBodyWrapper || header)) {
78
+ // eslint-disable-next-line no-console
79
+ console.error('Modal: When using hasNoBodyWrapper or setting a custom header, ensure you assign an accessible name to the the modal container with aria-label or aria-labelledby.');
70
80
  }
71
81
  }
72
82
  componentDidUpdate() {
@@ -96,20 +106,32 @@ class Modal extends React.Component {
96
106
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
97
107
  appendTo,
98
108
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
99
- onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, ouiaId, ouiaSafe, position, elementToFocus } = _a, props = tslib_1.__rest(_a, ["appendTo", "onEscapePress", 'aria-labelledby', 'aria-label', 'aria-describedby', "ouiaId", "ouiaSafe", "position", "elementToFocus"]);
109
+ onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, bodyAriaLabel, bodyAriaRole, title, titleIconVariant, titleLabel, ouiaId, ouiaSafe, position, elementToFocus } = _a, props = tslib_1.__rest(_a, ["appendTo", "onEscapePress", 'aria-labelledby', 'aria-label', 'aria-describedby', "bodyAriaLabel", "bodyAriaRole", "title", "titleIconVariant", "titleLabel", "ouiaId", "ouiaSafe", "position", "elementToFocus"]);
100
110
  const { container } = this.state;
101
111
  if (!helpers_1.canUseDOM || !container) {
102
112
  return null;
103
113
  }
104
- return ReactDOM.createPortal(React.createElement(ModalContent_1.ModalContent, Object.assign({ boxId: this.boxId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe, position: position, elementToFocus: elementToFocus }, props)), container);
114
+ return ReactDOM.createPortal(React.createElement(ModalContent_1.ModalContent, Object.assign({}, props, { boxId: this.boxId, labelId: this.labelId, descriptorId: this.descriptorId, title: title, titleIconVariant: titleIconVariant, titleLabel: titleLabel, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, bodyAriaLabel: bodyAriaLabel, bodyAriaRole: bodyAriaRole, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe, position: position, elementToFocus: elementToFocus })), container);
105
115
  }
106
116
  }
107
117
  exports.Modal = Modal;
108
118
  Modal.displayName = 'Modal';
109
119
  Modal.currentId = 0;
110
120
  Modal.defaultProps = {
121
+ className: '',
111
122
  isOpen: false,
123
+ title: '',
124
+ titleIconVariant: null,
125
+ titleLabel: '',
126
+ 'aria-label': '',
127
+ showClose: true,
128
+ 'aria-describedby': '',
129
+ 'aria-labelledby': '',
130
+ id: undefined,
131
+ actions: [],
132
+ onClose: () => undefined,
112
133
  variant: 'default',
134
+ hasNoBodyWrapper: false,
113
135
  appendTo: () => document.body,
114
136
  ouiaSafe: true,
115
137
  position: 'default'
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  export interface ModalBoxProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId */
4
- 'aria-describedby'?: string;
5
- /** Adds an accessible name to the modal when there is no title in the ModalHeader. */
3
+ /** Id to use for the modal box description. */
4
+ 'aria-describedby': string;
5
+ /** Accessible descriptor of the modal. */
6
6
  'aria-label'?: string;
7
7
  /** Id to use for the modal box label. */
8
8
  'aria-labelledby'?: string;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBox.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpE,+CAA+C;IAC/C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAqC3D,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ModalBox = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = tslib_1.__importStar(require("react"));
6
+ const react_styles_1 = require("@patternfly/react-styles");
7
+ const modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/ModalBox/modal-box"));
8
+ const c_modal_box_m_align_top_spacer_1 = tslib_1.__importDefault(require("@patternfly/react-tokens/dist/esm/c_modal_box_m_align_top_spacer"));
9
+ const ModalBox = (_a) => {
10
+ var { children, className = '', variant = 'default', position, positionOffset, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel = '', 'aria-describedby': ariaDescribedby, style } = _a, props = tslib_1.__rest(_a, ["children", "className", "variant", "position", "positionOffset", 'aria-labelledby', 'aria-label', 'aria-describedby', "style"]);
11
+ if (positionOffset) {
12
+ style = style || {};
13
+ style[c_modal_box_m_align_top_spacer_1.default.name] = positionOffset;
14
+ }
15
+ return (React.createElement("div", Object.assign({}, props, { role: "dialog", "aria-label": ariaLabel || null, "aria-labelledby": ariaLabelledby || null, "aria-describedby": ariaDescribedby, "aria-modal": "true", className: (0, react_styles_1.css)(modal_box_1.default.modalBox, className, position === 'top' && modal_box_1.default.modifiers.alignTop, variant === 'large' && modal_box_1.default.modifiers.lg, variant === 'small' && modal_box_1.default.modifiers.sm, variant === 'medium' && modal_box_1.default.modifiers.md), style: style }), children));
16
+ };
17
+ exports.ModalBox = ModalBox;
18
+ exports.ModalBox.displayName = 'ModalBox';
19
+ //# sourceMappingURL=ModalBox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBox.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,8IAAyF;AAqBlF,MAAM,QAAQ,GAA2C,CAAC,EAWjD,EAAE,EAAE;QAX6C,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,kBAAkB,EAAE,eAAe,EACnC,KAAK,OAES,EADX,KAAK,sBAVuD,gIAWhE,CADS;IAER,IAAI,cAAc,EAAE,CAAC;QACnB,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;QACnB,KAAa,CAAC,wCAAS,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC;IAClD,CAAC;IACD,OAAO,CACL,6CACM,KAAK,IACT,IAAI,EAAC,QAAQ,gBACD,SAAS,IAAI,IAAI,qBACZ,cAAc,IAAI,IAAI,sBACrB,eAAe,gBACtB,MAAM,EACjB,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,QAAQ,EACf,SAAS,EACT,QAAQ,KAAK,KAAK,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EAC/C,OAAO,KAAK,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,EAAE,EAC1C,OAAO,KAAK,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,EAAE,EAC1C,OAAO,KAAK,QAAQ,IAAI,mBAAM,CAAC,SAAS,CAAC,EAAE,CAC5C,EACD,KAAK,EAAE,KAAK,KAEX,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,QAAQ,YAqCnB;AACF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxBody.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAQnE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxBody.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxBody.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AASzE,MAAM,YAAY,GAA+C,CAAC,EAIrD,EAAE,EAAE;QAJiD,EACvE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEI,EADf,KAAK,sBAH+D,yBAIxE,CADS;IACe,OAAA,CACvB,6CAAS,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,YAAY,EAAE,SAAS,CAAC,KAC3D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,YAAY,gBAQvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAkBjF,CAAC"}
@@ -8,7 +8,7 @@ const modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/cs
8
8
  const Button_1 = require("../../../components/Button");
9
9
  const times_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/esm/icons/times-icon"));
10
10
  const ModalBoxCloseButton = (_a) => {
11
- var { className, onClose, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
11
+ var { className, onClose = () => undefined, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
12
12
  return (React.createElement("div", { className: (0, react_styles_1.css)(modal_box_1.default.modalBoxClose, className) },
13
13
  React.createElement(Button_1.Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${exports.ModalBoxCloseButton.displayName}` }), props),
14
14
  React.createElement(times_icon_1.default, null))));
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,uDAAoD;AACpD,2GAA0E;AAcnE,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,MAAM,OAEmB,EADtB,KAAK,sBAL6E,gDAMtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,eAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACtB,SAAS,IACjB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,2BAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,oBAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AAlBW,QAAA,mBAAmB,uBAkB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxDescription.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAwB;IACvC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CASjF,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxDescription.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAWzE,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,EAAE,GAAG,EAAE,OAEkB,EADtB,KAAK,sBAJ6E,+BAKtF,CADS;IACsB,OAAA,CAC9B,6CAAS,KAAK,IAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AATW,QAAA,mBAAmB,uBAS9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxFooter.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAQvE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxFooter.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxFooter.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AASzE,MAAM,cAAc,GAAiD,CAAC,EAIvD,EAAE,EAAE;QAJmD,EAC3E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEM,EADjB,KAAK,sBAHmE,yBAI5E,CADS;IACiB,OAAA,CACzB,gDAAY,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,cAAc,EAAE,SAAS,CAAC,KAChE,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AARW,QAAA,cAAc,kBAQzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxHeader.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAevE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxHeader.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/Modal/ModalBoxHeader.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAWzE,MAAM,cAAc,GAAiD,CAAC,EAKvD,EAAE,EAAE;QALmD,EAC3E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,OAES,EADjB,KAAK,sBAJmE,iCAK5E,CADS;IACiB,OAAA,CACzB,8CAAQ,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,cAAc,EAAE,IAAI,IAAI,mBAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAC/F,IAAI,IAAI,CACP,oBAAC,KAAK,CAAC,QAAQ;YACb,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAO;YAChE,6BAAK,SAAS,EAAE,GAAG,mBAAM,CAAC,cAAc,OAAO,IAAG,IAAI,CAAO,CAC9C,CAClB;QACA,CAAC,IAAI,IAAI,QAAQ,CACX,CACV,CAAA;CAAA,CAAC;AAfW,QAAA,cAAc,kBAezB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}