@patternfly/react-core 5.2.0-prerelease.40 → 5.2.0-prerelease.42

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 (287) 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/Chip/package.json +1 -1
  21. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  22. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/DragDrop/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hint/package.json +1 -1
  38. package/dist/dynamic/components/Icon/package.json +1 -1
  39. package/dist/dynamic/components/InputGroup/package.json +1 -1
  40. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  41. package/dist/dynamic/components/Label/package.json +1 -1
  42. package/dist/dynamic/components/List/package.json +1 -1
  43. package/dist/dynamic/components/LoginPage/package.json +1 -1
  44. package/dist/dynamic/components/Masthead/package.json +1 -1
  45. package/dist/dynamic/components/Menu/package.json +1 -1
  46. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  47. package/dist/dynamic/components/Modal/package.json +1 -1
  48. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  49. package/dist/dynamic/components/Nav/package.json +1 -1
  50. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  51. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  52. package/dist/dynamic/components/NumberInput/package.json +1 -1
  53. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  54. package/dist/dynamic/components/Page/package.json +1 -1
  55. package/dist/dynamic/components/Pagination/package.json +1 -1
  56. package/dist/dynamic/components/Panel/package.json +1 -1
  57. package/dist/dynamic/components/Popover/package.json +1 -1
  58. package/dist/dynamic/components/Progress/package.json +1 -1
  59. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  60. package/dist/dynamic/components/Radio/package.json +1 -1
  61. package/dist/dynamic/components/SearchInput/package.json +1 -1
  62. package/dist/dynamic/components/Select/package.json +1 -1
  63. package/dist/dynamic/components/Sidebar/package.json +1 -1
  64. package/dist/dynamic/components/SimpleList/package.json +1 -1
  65. package/dist/dynamic/components/Skeleton/package.json +1 -1
  66. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  67. package/dist/dynamic/components/Slider/package.json +1 -1
  68. package/dist/dynamic/components/Spinner/package.json +1 -1
  69. package/dist/dynamic/components/Switch/package.json +1 -1
  70. package/dist/dynamic/components/Tabs/package.json +1 -1
  71. package/dist/dynamic/components/Text/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/Tile/package.json +1 -1
  76. package/dist/dynamic/components/TimePicker/package.json +1 -1
  77. package/dist/dynamic/components/Timestamp/package.json +1 -1
  78. package/dist/dynamic/components/Title/package.json +1 -1
  79. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  80. package/dist/dynamic/components/Toolbar/package.json +1 -1
  81. package/dist/dynamic/components/Tooltip/package.json +1 -1
  82. package/dist/dynamic/components/TreeView/package.json +1 -1
  83. package/dist/dynamic/components/Truncate/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  85. package/dist/dynamic/components/Wizard/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/Modal/package.json +1 -0
  119. package/dist/dynamic/next/components/package.json +1 -1
  120. package/dist/esm/components/DragDrop/index.d.ts +1 -0
  121. package/dist/esm/components/DragDrop/index.d.ts.map +1 -1
  122. package/dist/esm/components/DragDrop/index.js +1 -0
  123. package/dist/esm/components/DragDrop/index.js.map +1 -1
  124. package/dist/esm/components/DualListSelector/index.d.ts +2 -0
  125. package/dist/esm/components/DualListSelector/index.d.ts.map +1 -1
  126. package/dist/esm/components/DualListSelector/index.js +2 -0
  127. package/dist/esm/components/DualListSelector/index.js.map +1 -1
  128. package/dist/esm/components/index.d.ts +1 -1
  129. package/dist/esm/components/index.d.ts.map +1 -1
  130. package/dist/esm/components/index.js +1 -1
  131. package/dist/esm/components/index.js.map +1 -1
  132. package/dist/esm/next/components/Modal/Modal.d.ts +73 -0
  133. package/dist/esm/next/components/Modal/Modal.d.ts.map +1 -0
  134. package/dist/esm/next/components/Modal/Modal.js +114 -0
  135. package/dist/esm/next/components/Modal/Modal.js.map +1 -0
  136. package/dist/esm/next/components/Modal/ModalBody.d.ts +19 -0
  137. package/dist/esm/next/components/Modal/ModalBody.d.ts.map +1 -0
  138. package/dist/esm/next/components/Modal/ModalBody.js +11 -0
  139. package/dist/esm/next/components/Modal/ModalBody.js.map +1 -0
  140. package/dist/esm/next/components/Modal/ModalBox.d.ts +21 -0
  141. package/dist/esm/next/components/Modal/ModalBox.d.ts.map +1 -0
  142. package/dist/esm/next/components/Modal/ModalBox.js +15 -0
  143. package/dist/esm/next/components/Modal/ModalBox.js.map +1 -0
  144. package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts +14 -0
  145. package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
  146. package/dist/esm/next/components/Modal/ModalBoxCloseButton.js +14 -0
  147. package/dist/esm/next/components/Modal/ModalBoxCloseButton.js.map +1 -0
  148. package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts +11 -0
  149. package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts.map +1 -0
  150. package/dist/esm/next/components/Modal/ModalBoxDescription.js +10 -0
  151. package/dist/esm/next/components/Modal/ModalBoxDescription.js.map +1 -0
  152. package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts +17 -0
  153. package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts.map +1 -0
  154. package/dist/esm/next/components/Modal/ModalBoxTitle.js +38 -0
  155. package/dist/esm/next/components/Modal/ModalBoxTitle.js.map +1 -0
  156. package/dist/esm/next/components/Modal/ModalContent.d.ts +42 -0
  157. package/dist/esm/next/components/Modal/ModalContent.d.ts.map +1 -0
  158. package/dist/esm/next/components/Modal/ModalContent.js +45 -0
  159. package/dist/esm/next/components/Modal/ModalContent.js.map +1 -0
  160. package/dist/esm/next/components/Modal/ModalFooter.d.ts +10 -0
  161. package/dist/esm/next/components/Modal/ModalFooter.d.ts.map +1 -0
  162. package/dist/esm/next/components/Modal/ModalFooter.js +10 -0
  163. package/dist/esm/next/components/Modal/ModalFooter.js.map +1 -0
  164. package/dist/esm/next/components/Modal/ModalHeader.d.ts +25 -0
  165. package/dist/esm/next/components/Modal/ModalHeader.d.ts.map +1 -0
  166. package/dist/esm/next/components/Modal/ModalHeader.js +21 -0
  167. package/dist/esm/next/components/Modal/ModalHeader.js.map +1 -0
  168. package/dist/esm/next/components/Modal/index.d.ts +5 -0
  169. package/dist/esm/next/components/Modal/index.d.ts.map +1 -0
  170. package/dist/esm/next/components/Modal/index.js +5 -0
  171. package/dist/esm/next/components/Modal/index.js.map +1 -0
  172. package/dist/esm/next/components/index.d.ts +1 -1
  173. package/dist/esm/next/components/index.d.ts.map +1 -1
  174. package/dist/esm/next/components/index.js +1 -1
  175. package/dist/esm/next/components/index.js.map +1 -1
  176. package/dist/js/components/DragDrop/index.d.ts +1 -0
  177. package/dist/js/components/DragDrop/index.d.ts.map +1 -1
  178. package/dist/js/components/DragDrop/index.js +1 -0
  179. package/dist/js/components/DragDrop/index.js.map +1 -1
  180. package/dist/js/components/DualListSelector/index.d.ts +2 -0
  181. package/dist/js/components/DualListSelector/index.d.ts.map +1 -1
  182. package/dist/js/components/DualListSelector/index.js +2 -0
  183. package/dist/js/components/DualListSelector/index.js.map +1 -1
  184. package/dist/js/components/index.d.ts +1 -1
  185. package/dist/js/components/index.d.ts.map +1 -1
  186. package/dist/js/components/index.js +1 -1
  187. package/dist/js/components/index.js.map +1 -1
  188. package/dist/js/next/components/Modal/Modal.d.ts +73 -0
  189. package/dist/js/next/components/Modal/Modal.d.ts.map +1 -0
  190. package/dist/js/next/components/Modal/Modal.js +117 -0
  191. package/dist/js/next/components/Modal/Modal.js.map +1 -0
  192. package/dist/js/next/components/Modal/ModalBody.d.ts +19 -0
  193. package/dist/js/next/components/Modal/ModalBody.d.ts.map +1 -0
  194. package/dist/js/next/components/Modal/ModalBody.js +15 -0
  195. package/dist/js/next/components/Modal/ModalBody.js.map +1 -0
  196. package/dist/js/next/components/Modal/ModalBox.d.ts +21 -0
  197. package/dist/js/next/components/Modal/ModalBox.d.ts.map +1 -0
  198. package/dist/js/next/components/Modal/ModalBox.js +19 -0
  199. package/dist/js/next/components/Modal/ModalBox.js.map +1 -0
  200. package/dist/js/next/components/Modal/ModalBoxCloseButton.d.ts +14 -0
  201. package/dist/js/next/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
  202. package/dist/js/next/components/Modal/ModalBoxCloseButton.js +18 -0
  203. package/dist/js/next/components/Modal/ModalBoxCloseButton.js.map +1 -0
  204. package/dist/js/next/components/Modal/ModalBoxDescription.d.ts +11 -0
  205. package/dist/js/next/components/Modal/ModalBoxDescription.d.ts.map +1 -0
  206. package/dist/js/next/components/Modal/ModalBoxDescription.js +14 -0
  207. package/dist/js/next/components/Modal/ModalBoxDescription.js.map +1 -0
  208. package/dist/js/next/components/Modal/ModalBoxTitle.d.ts +17 -0
  209. package/dist/js/next/components/Modal/ModalBoxTitle.d.ts.map +1 -0
  210. package/dist/js/next/components/Modal/ModalBoxTitle.js +43 -0
  211. package/dist/js/next/components/Modal/ModalBoxTitle.js.map +1 -0
  212. package/dist/js/next/components/Modal/ModalContent.d.ts +42 -0
  213. package/dist/js/next/components/Modal/ModalContent.d.ts.map +1 -0
  214. package/dist/js/next/components/Modal/ModalContent.js +49 -0
  215. package/dist/js/next/components/Modal/ModalContent.js.map +1 -0
  216. package/dist/js/next/components/Modal/ModalFooter.d.ts +10 -0
  217. package/dist/js/next/components/Modal/ModalFooter.d.ts.map +1 -0
  218. package/dist/js/next/components/Modal/ModalFooter.js +14 -0
  219. package/dist/js/next/components/Modal/ModalFooter.js.map +1 -0
  220. package/dist/js/next/components/Modal/ModalHeader.d.ts +25 -0
  221. package/dist/js/next/components/Modal/ModalHeader.d.ts.map +1 -0
  222. package/dist/js/next/components/Modal/ModalHeader.js +25 -0
  223. package/dist/js/next/components/Modal/ModalHeader.js.map +1 -0
  224. package/dist/js/next/components/Modal/index.d.ts +5 -0
  225. package/dist/js/next/components/Modal/index.d.ts.map +1 -0
  226. package/dist/js/next/components/Modal/index.js +8 -0
  227. package/dist/js/next/components/Modal/index.js.map +1 -0
  228. package/dist/js/next/components/index.d.ts +1 -1
  229. package/dist/js/next/components/index.d.ts.map +1 -1
  230. package/dist/js/next/components/index.js +1 -1
  231. package/dist/js/next/components/index.js.map +1 -1
  232. package/dist/umd/react-core.min.js +1 -1
  233. package/helpers/package.json +1 -1
  234. package/layouts/package.json +1 -1
  235. package/next/package.json +1 -1
  236. package/package.json +2 -2
  237. package/src/components/DataList/examples/DataList.md +2 -2
  238. package/src/components/DragDrop/examples/DragDrop.md +4 -2
  239. package/src/components/DragDrop/examples/DragDropBasic.tsx +4 -4
  240. package/src/components/DragDrop/examples/DragDropMultipleLists.tsx +7 -2
  241. package/src/components/DragDrop/index.ts +1 -0
  242. package/src/components/DualListSelector/examples/DualListSelector.md +3 -1
  243. package/src/components/DualListSelector/index.ts +2 -0
  244. package/src/components/index.ts +1 -1
  245. package/src/next/components/Modal/Modal.tsx +202 -0
  246. package/src/next/components/Modal/ModalBody.tsx +42 -0
  247. package/src/next/components/Modal/ModalBox.tsx +63 -0
  248. package/src/next/components/Modal/ModalBoxCloseButton.tsx +38 -0
  249. package/src/next/components/Modal/ModalBoxDescription.tsx +24 -0
  250. package/src/next/components/Modal/ModalBoxTitle.tsx +75 -0
  251. package/src/next/components/Modal/ModalContent.tsx +131 -0
  252. package/src/next/components/Modal/ModalFooter.tsx +23 -0
  253. package/src/next/components/Modal/ModalHeader.tsx +71 -0
  254. package/src/next/components/Modal/__tests__/Modal.test.tsx +145 -0
  255. package/src/next/components/Modal/__tests__/ModalBody.test.tsx +60 -0
  256. package/src/next/components/Modal/__tests__/ModalBox.test.tsx +58 -0
  257. package/src/next/components/Modal/__tests__/ModalBoxCloseButton.test.tsx +18 -0
  258. package/src/next/components/Modal/__tests__/ModalBoxDescription.test.tsx +8 -0
  259. package/src/next/components/Modal/__tests__/ModalBoxHeader.test.tsx +21 -0
  260. package/src/next/components/Modal/__tests__/ModalBoxTitle.test.tsx +37 -0
  261. package/src/next/components/Modal/__tests__/ModalContent.test.tsx +46 -0
  262. package/src/next/components/Modal/__tests__/ModalFooter.test.tsx +8 -0
  263. package/src/next/components/Modal/__tests__/__snapshots__/ModalBody.test.tsx.snap +12 -0
  264. package/src/next/components/Modal/__tests__/__snapshots__/ModalBox.test.tsx.snap +86 -0
  265. package/src/next/components/Modal/__tests__/__snapshots__/ModalBoxDescription.test.tsx.snap +12 -0
  266. package/src/next/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap +46 -0
  267. package/src/next/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +218 -0
  268. package/src/next/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +128 -0
  269. package/src/next/components/Modal/__tests__/__snapshots__/ModalFooter.test.tsx.snap +11 -0
  270. package/src/next/components/Modal/examples/Modal.md +148 -0
  271. package/src/next/components/Modal/examples/ModalBasic.tsx +43 -0
  272. package/src/next/components/Modal/examples/ModalCustomFocus.tsx +43 -0
  273. package/src/next/components/Modal/examples/ModalCustomHeader.tsx +58 -0
  274. package/src/next/components/Modal/examples/ModalCustomTitleIcon.tsx +54 -0
  275. package/src/next/components/Modal/examples/ModalCustomWidth.tsx +43 -0
  276. package/src/next/components/Modal/examples/ModalNoHeaderFooter.tsx +40 -0
  277. package/src/next/components/Modal/examples/ModalSize.tsx +63 -0
  278. package/src/next/components/Modal/examples/ModalTitleIcon.tsx +48 -0
  279. package/src/next/components/Modal/examples/ModalTopAligned.tsx +43 -0
  280. package/src/next/components/Modal/examples/ModalWithDescription.tsx +80 -0
  281. package/src/next/components/Modal/examples/ModalWithDropdown.tsx +105 -0
  282. package/src/next/components/Modal/examples/ModalWithForm.tsx +211 -0
  283. package/src/next/components/Modal/examples/ModalWithHelp.tsx +63 -0
  284. package/src/next/components/Modal/examples/ModalWithOverflowingContent.tsx +75 -0
  285. package/src/next/components/Modal/examples/ModalWithWizard.tsx +59 -0
  286. package/src/next/components/Modal/index.ts +4 -0
  287. package/src/next/components/index.ts +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../../src/next/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"}
@@ -0,0 +1,14 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import { css } from '@patternfly/react-styles';
4
+ import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
5
+ import { Button } from '../../../components/Button';
6
+ import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
7
+ export const ModalBoxCloseButton = (_a) => {
8
+ var { className, onClose, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = __rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
9
+ return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
10
+ React.createElement(Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
11
+ React.createElement(TimesIcon, null))));
12
+ };
13
+ ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
14
+ //# sourceMappingURL=ModalBoxCloseButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAc1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,EACP,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,MAAM,OAEmB,EADtB,KAAK,cAL6E,gDAMtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,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,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ export interface ModalBoxDescriptionProps {
3
+ /** Content rendered inside the description. */
4
+ children?: React.ReactNode;
5
+ /** Additional classes added to the description. */
6
+ className?: string;
7
+ /** Id of the description. */
8
+ id?: string;
9
+ }
10
+ export declare const ModalBoxDescription: React.FunctionComponent<ModalBoxDescriptionProps>;
11
+ //# sourceMappingURL=ModalBoxDescription.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxDescription.d.ts","sourceRoot":"","sources":["../../../../../src/next/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,10 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import { css } from '@patternfly/react-styles';
4
+ import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
5
+ export const ModalBoxDescription = (_a) => {
6
+ var { children = null, className = '', id = '' } = _a, props = __rest(_a, ["children", "className", "id"]);
7
+ return (React.createElement("div", Object.assign({}, props, { id: id, className: css(styles.modalBoxDescription, className) }), children));
8
+ };
9
+ ModalBoxDescription.displayName = 'ModalBoxDescription';
10
+ //# sourceMappingURL=ModalBoxDescription.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxDescription.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAWhF,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,EAAE,GAAG,EAAE,OAEkB,EADtB,KAAK,cAJ6E,+BAKtF,CADS;IACsB,OAAA,CAC9B,6CAAS,KAAK,IAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ export declare const isVariantIcon: (icon: any) => icon is string;
3
+ export interface ModalBoxTitleProps {
4
+ /** Additional classes added to the modal box title. */
5
+ className?: string;
6
+ /** Id of the modal box title. */
7
+ id?: string;
8
+ /** Content rendered inside the modal box title. */
9
+ title: React.ReactNode;
10
+ /** Optional alert icon (or other) to show before the title. When the predefined alert types
11
+ * are used the default styling will be automatically applied. */
12
+ titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
13
+ /** Optional title label text for screen readers. */
14
+ titleScreenReaderText?: string;
15
+ }
16
+ export declare const ModalBoxTitle: React.FunctionComponent<ModalBoxTitleProps>;
17
+ //# sourceMappingURL=ModalBoxTitle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../../src/next/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"}
@@ -0,0 +1,38 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import modalStyles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
4
+ import { css } from '@patternfly/react-styles';
5
+ import { capitalize } from '../../../helpers';
6
+ import { Tooltip } from '../../../components/Tooltip';
7
+ import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
8
+ import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
9
+ import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
10
+ import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
11
+ import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
12
+ import { useIsomorphicLayoutEffect } from '../../../helpers';
13
+ export const isVariantIcon = (icon) => ['success', 'danger', 'warning', 'info', 'custom'].includes(icon);
14
+ export const ModalBoxTitle = (_a) => {
15
+ var { className, id, title, titleIconVariant, titleScreenReaderText } = _a, props = __rest(_a, ["className", "id", "title", "titleIconVariant", "titleScreenReaderText"]);
16
+ const [hasTooltip, setHasTooltip] = React.useState(false);
17
+ const h1 = React.useRef(null);
18
+ const label = titleScreenReaderText ||
19
+ (isVariantIcon(titleIconVariant) ? `${capitalize(titleIconVariant)} alert:` : titleScreenReaderText);
20
+ const variantIcons = {
21
+ success: React.createElement(CheckCircleIcon, null),
22
+ danger: React.createElement(ExclamationCircleIcon, null),
23
+ warning: React.createElement(ExclamationTriangleIcon, null),
24
+ info: React.createElement(InfoCircleIcon, null),
25
+ custom: React.createElement(BellIcon, null)
26
+ };
27
+ const CustomIcon = !isVariantIcon(titleIconVariant) && titleIconVariant;
28
+ useIsomorphicLayoutEffect(() => {
29
+ setHasTooltip(h1.current && h1.current.offsetWidth < h1.current.scrollWidth);
30
+ }, []);
31
+ const content = (React.createElement("h1", Object.assign({ id: id, ref: h1, className: css(modalStyles.modalBoxTitle, titleIconVariant && modalStyles.modifiers.icon, className) }, props),
32
+ titleIconVariant && (React.createElement("span", { className: css(modalStyles.modalBoxTitleIcon) }, isVariantIcon(titleIconVariant) ? variantIcons[titleIconVariant] : React.createElement(CustomIcon, null))),
33
+ label && React.createElement("span", { className: "pf-v5-screen-reader" }, label),
34
+ React.createElement("span", { className: css(modalStyles.modalBoxTitleText) }, title)));
35
+ return hasTooltip ? React.createElement(Tooltip, { content: title }, content) : content;
36
+ };
37
+ ModalBoxTitle.displayName = 'ModalBoxTitle';
38
+ //# sourceMappingURL=ModalBoxTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,42 @@
1
+ import * as React from 'react';
2
+ import { OUIAProps } from '../../../helpers';
3
+ export interface ModalContentProps extends OUIAProps {
4
+ /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
5
+ 'aria-describedby'?: string;
6
+ /** Accessible descriptor of the modal. */
7
+ 'aria-label'?: string;
8
+ /** Id to use for the modal box label. This should include the ModalHeader labelId. */
9
+ 'aria-labelledby'?: string;
10
+ /** Id of the modal box container. */
11
+ boxId: string;
12
+ /** Content rendered inside the modal. */
13
+ children: React.ReactNode;
14
+ /** Additional classes added to the modal box. */
15
+ className?: string;
16
+ /** Flag to disable focus trap. */
17
+ disableFocusTrap?: boolean;
18
+ /** The element to focus when the modal opens. By default the first
19
+ * focusable element will receive focus.
20
+ */
21
+ elementToFocus?: HTMLElement | SVGElement | string;
22
+ /** Flag to show the modal. */
23
+ isOpen?: boolean;
24
+ /** A callback for when the close button is clicked. */
25
+ onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
26
+ /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
27
+ position?: 'default' | 'top';
28
+ /** Offset from alternate position. Can be any valid CSS length/percentage. */
29
+ positionOffset?: string;
30
+ /** Variant of the modal. */
31
+ variant?: 'small' | 'medium' | 'large' | 'default';
32
+ /** Default width of the modal. */
33
+ width?: number | string;
34
+ /** Maximum width of the modal. */
35
+ maxWidth?: number | string;
36
+ /** Value to overwrite the randomly generated data-ouia-component-id.*/
37
+ ouiaId?: number | string;
38
+ /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
39
+ ouiaSafe?: boolean;
40
+ }
41
+ export declare const ModalContent: React.FunctionComponent<ModalContentProps>;
42
+ //# sourceMappingURL=ModalContent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK3D,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"}
@@ -0,0 +1,45 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import { FocusTrap } from '../../../helpers';
4
+ import bullsEyeStyles from '@patternfly/react-styles/css/layouts/Bullseye/bullseye.mjs';
5
+ import { css } from '@patternfly/react-styles';
6
+ import { getOUIAProps } from '../../../helpers';
7
+ import { Backdrop } from '../../../components/Backdrop';
8
+ import { ModalBoxCloseButton } from './ModalBoxCloseButton';
9
+ import { ModalBox } from './ModalBox';
10
+ export const ModalContent = (_a) => {
11
+ 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 = __rest(_a, ["children", "className", "isOpen", 'aria-label', 'aria-describedby', 'aria-labelledby', "onClose", "variant", "position", "positionOffset", "width", "maxWidth", "boxId", "disableFocusTrap", "ouiaId", "ouiaSafe", "elementToFocus"]);
12
+ if (!isOpen) {
13
+ return null;
14
+ }
15
+ const ariaLabelledbyFormatted = () => {
16
+ const idRefList = [];
17
+ if (ariaLabel && boxId) {
18
+ idRefList.push(ariaLabel && boxId);
19
+ }
20
+ if (ariaLabelledby) {
21
+ idRefList.push(ariaLabelledby);
22
+ }
23
+ if (idRefList.length === 0) {
24
+ return undefined;
25
+ }
26
+ else {
27
+ return idRefList.join(' ');
28
+ }
29
+ };
30
+ const modalBox = (React.createElement(ModalBox, Object.assign({ className: css(className), variant: variant, position: position, positionOffset: positionOffset, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledbyFormatted(), "aria-describedby": ariaDescribedby }, getOUIAProps(ModalContent.displayName, ouiaId, ouiaSafe), { style: Object.assign(Object.assign({}, (width && { '--pf-v5-c-modal-box--Width': typeof width !== 'number' ? width : `${width}px` })), (maxWidth && {
31
+ '--pf-v5-c-modal-box--MaxWidth': typeof maxWidth !== 'number' ? maxWidth : `${maxWidth}px`
32
+ })) }, props, { id: boxId }),
33
+ onClose && React.createElement(ModalBoxCloseButton, { onClose: (event) => onClose(event), ouiaId: ouiaId }),
34
+ children));
35
+ return (React.createElement(Backdrop, null,
36
+ React.createElement(FocusTrap, { active: !disableFocusTrap, focusTrapOptions: {
37
+ clickOutsideDeactivates: true,
38
+ tabbableOptions: { displayCheck: 'none' },
39
+ // FocusTrap's initialFocus can accept false as a value to prevent initial focus.
40
+ // We want to prevent this in case false is ever passed in.
41
+ initialFocus: elementToFocus || undefined
42
+ }, className: css(bullsEyeStyles.bullseye) }, modalBox)));
43
+ };
44
+ ModalContent.displayName = 'ModalContent';
45
+ //# sourceMappingURL=ModalContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalContent.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ /** Renders content in the footer of the modal */
3
+ export interface ModalFooterProps {
4
+ /** Content rendered inside the modal footer. */
5
+ children?: React.ReactNode;
6
+ /** Additional classes added to the modal footer. */
7
+ className?: string;
8
+ }
9
+ export declare const ModalFooter: React.FunctionComponent<ModalFooterProps>;
10
+ //# sourceMappingURL=ModalFooter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/next/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,10 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import { css } from '@patternfly/react-styles';
4
+ import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
5
+ export const ModalFooter = (_a) => {
6
+ var { children, className } = _a, props = __rest(_a, ["children", "className"]);
7
+ return (React.createElement("footer", Object.assign({}, props, { className: css(styles.modalBoxFooter, className) }), children));
8
+ };
9
+ ModalFooter.displayName = 'ModalFooter';
10
+ //# sourceMappingURL=ModalFooter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAWhF,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAIpD,EAAE,EAAE;QAJgD,EACrE,QAAQ,EACR,SAAS,OAEQ,EADd,KAAK,cAH6D,yBAItE,CADS;IACc,OAAA,CACtB,gDAAY,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,KAChE,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -0,0 +1,25 @@
1
+ import * as React from 'react';
2
+ /** Renders content in the header of the modal */
3
+ export interface ModalHeaderProps {
4
+ /** Custom content rendered inside the modal header. If children are supplied then the tile, tileIconVariant and titleScreenReaderText props are ignored. */
5
+ children?: React.ReactNode;
6
+ /** Additional classes added to the modal header. */
7
+ className?: string;
8
+ /** Description of the modal. */
9
+ description?: React.ReactNode;
10
+ /** Id of the modal description. */
11
+ descriptorId?: string;
12
+ /** Optional help section for the modal header. */
13
+ help?: React.ReactNode;
14
+ /** Id of the modal title. */
15
+ labelId?: string;
16
+ /** Content rendered inside the modal title. */
17
+ title?: React.ReactNode;
18
+ /** Optional alert icon (or other) to show before the title. When the predefined alert types
19
+ * are used the default styling will be automatically applied. */
20
+ titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
21
+ /** Optional title label text for screen readers. */
22
+ titleScreenReaderText?: string;
23
+ }
24
+ export declare const ModalHeader: React.FunctionComponent<ModalHeaderProps>;
25
+ //# sourceMappingURL=ModalHeader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/next/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,21 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import { css } from '@patternfly/react-styles';
4
+ import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
5
+ import { ModalBoxDescription } from './ModalBoxDescription';
6
+ import { ModalBoxTitle } from './ModalBoxTitle';
7
+ export const ModalHeader = (_a) => {
8
+ var { children, className, descriptorId, description, labelId, title, titleIconVariant, titleScreenReaderText, help } = _a, props = __rest(_a, ["children", "className", "descriptorId", "description", "labelId", "title", "titleIconVariant", "titleScreenReaderText", "help"]);
9
+ const headerContent = children ? (children) : (React.createElement(React.Fragment, null,
10
+ React.createElement(ModalBoxTitle, { title: title, titleIconVariant: titleIconVariant, titleScreenReaderText: titleScreenReaderText, id: labelId }),
11
+ description && React.createElement(ModalBoxDescription, { id: descriptorId }, description)));
12
+ // TODO: apply variant modifier for icon styling. Core fix needed first. similar to this:
13
+ // className={css(className, isVariantIcon(titleIconVariant) && modalStyles.modifiers[titleIconVariant])}
14
+ return (React.createElement("header", Object.assign({ className: css(styles.modalBoxHeader, help && styles.modifiers.help, className) }, props),
15
+ help && (React.createElement(React.Fragment, null,
16
+ React.createElement("div", { className: css(styles.modalBoxHeaderMain) }, headerContent),
17
+ React.createElement("div", { className: `${styles.modalBoxHeader}-help` }, help))),
18
+ !help && headerContent));
19
+ };
20
+ ModalHeader.displayName = 'ModalHeader';
21
+ //# sourceMappingURL=ModalHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA0BhD,MAAM,CAAC,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,cAV6D,iIAWtE,CADS;IAER,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC/B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,EAC5C,EAAE,EAAE,OAAO,GACX;QACD,WAAW,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,YAAY,IAAG,WAAW,CAAuB,CACzF,CACJ,CAAC;IAEF,2FAA2F;IAC3F,yGAAyG;IACzG,OAAO,CACL,8CAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAC/F,IAAI,IAAI,CACP;YACE,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,aAAa,CAAO;YACrE,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,OAAO,IAAG,IAAI,CAAO,CAC5D,CACJ;QACA,CAAC,IAAI,IAAI,aAAa,CAChB,CACV,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './Modal';
2
+ export * from './ModalBody';
3
+ export * from './ModalHeader';
4
+ export * from './ModalFooter';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './Modal';
2
+ export * from './ModalBody';
3
+ export * from './ModalHeader';
4
+ export * from './ModalFooter';
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
@@ -1,2 +1,2 @@
1
- export * from './';
1
+ export * from './Modal';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,IAAI,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -1,2 +1,2 @@
1
- export * from './';
1
+ export * from './Modal';
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,IAAI,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export * from './DragDrop';
2
2
  export * from './Draggable';
3
3
  export * from './Droppable';
4
+ export * from './DroppableContext';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}
@@ -4,4 +4,5 @@ const tslib_1 = require("tslib");
4
4
  tslib_1.__exportStar(require("./DragDrop"), exports);
5
5
  tslib_1.__exportStar(require("./Draggable"), exports);
6
6
  tslib_1.__exportStar(require("./Droppable"), exports);
7
+ tslib_1.__exportStar(require("./DroppableContext"), exports);
7
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,sDAA4B;AAC5B,sDAA4B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,sDAA4B;AAC5B,sDAA4B;AAC5B,6DAAmC"}
@@ -1,8 +1,10 @@
1
1
  export * from './DualListSelector';
2
+ export * from './DualListSelectorContext';
2
3
  export * from './DualListSelectorControl';
3
4
  export * from './DualListSelectorControlsWrapper';
4
5
  export * from './DualListSelectorPane';
5
6
  export * from './DualListSelectorList';
6
7
  export * from './DualListSelectorListItem';
7
8
  export * from './DualListSelectorTree';
9
+ export * from './DualListSelectorContext';
8
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC"}
@@ -2,10 +2,12 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  tslib_1.__exportStar(require("./DualListSelector"), exports);
5
+ tslib_1.__exportStar(require("./DualListSelectorContext"), exports);
5
6
  tslib_1.__exportStar(require("./DualListSelectorControl"), exports);
6
7
  tslib_1.__exportStar(require("./DualListSelectorControlsWrapper"), exports);
7
8
  tslib_1.__exportStar(require("./DualListSelectorPane"), exports);
8
9
  tslib_1.__exportStar(require("./DualListSelectorList"), exports);
9
10
  tslib_1.__exportStar(require("./DualListSelectorListItem"), exports);
10
11
  tslib_1.__exportStar(require("./DualListSelectorTree"), exports);
12
+ tslib_1.__exportStar(require("./DualListSelectorContext"), exports);
11
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,oEAA0C;AAC1C,4EAAkD;AAClD,iEAAuC;AACvC,iEAAuC;AACvC,qEAA2C;AAC3C,iEAAuC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,oEAA0C;AAC1C,oEAA0C;AAC1C,4EAAkD;AAClD,iEAAuC;AACvC,iEAAuC;AACvC,qEAA2C;AAC3C,iEAAuC;AACvC,oEAA0C"}
@@ -22,6 +22,7 @@ export * from './DataList';
22
22
  export * from './DatePicker';
23
23
  export * from './DescriptionList';
24
24
  export * from './Divider';
25
+ export * from './DragDrop';
25
26
  export * from './Drawer';
26
27
  export * from './Dropdown';
27
28
  export * from './DualListSelector';
@@ -76,7 +77,6 @@ export * from './Tooltip';
76
77
  export * from './NumberInput';
77
78
  export * from './TreeView';
78
79
  export * from './Wizard';
79
- export * from './DragDrop';
80
80
  export * from './TextInputGroup';
81
81
  export * from './Panel';
82
82
  export * from './Truncate';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}
@@ -25,6 +25,7 @@ tslib_1.__exportStar(require("./DataList"), exports);
25
25
  tslib_1.__exportStar(require("./DatePicker"), exports);
26
26
  tslib_1.__exportStar(require("./DescriptionList"), exports);
27
27
  tslib_1.__exportStar(require("./Divider"), exports);
28
+ tslib_1.__exportStar(require("./DragDrop"), exports);
28
29
  tslib_1.__exportStar(require("./Drawer"), exports);
29
30
  tslib_1.__exportStar(require("./Dropdown"), exports);
30
31
  tslib_1.__exportStar(require("./DualListSelector"), exports);
@@ -79,7 +80,6 @@ tslib_1.__exportStar(require("./Tooltip"), exports);
79
80
  tslib_1.__exportStar(require("./NumberInput"), exports);
80
81
  tslib_1.__exportStar(require("./TreeView"), exports);
81
82
  tslib_1.__exportStar(require("./Wizard"), exports);
82
- tslib_1.__exportStar(require("./DragDrop"), exports);
83
83
  tslib_1.__exportStar(require("./TextInputGroup"), exports);
84
84
  tslib_1.__exportStar(require("./Panel"), exports);
85
85
  tslib_1.__exportStar(require("./Truncate"), exports);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,uDAA6B;AAC7B,sDAA4B;AAC5B,uDAA6B;AAC7B,kDAAwB;AACxB,mDAAyB;AACzB,sDAA4B;AAC5B,qDAA2B;AAC3B,4DAAkC;AAClC,kDAAwB;AACxB,mDAAyB;AACzB,kDAAwB;AACxB,uDAA6B;AAC7B,mDAAyB;AACzB,0DAAgC;AAChC,iDAAuB;AACvB,qDAA2B;AAC3B,iDAAuB;AACvB,0DAAgC;AAChC,sDAA4B;AAC5B,qDAA2B;AAC3B,uDAA6B;AAC7B,4DAAkC;AAClC,oDAA0B;AAC1B,mDAAyB;AACzB,qDAA2B;AAC3B,6DAAmC;AACnC,uDAA6B;AAC7B,8DAAoC;AACpC,uDAA6B;AAC7B,iDAAuB;AACvB,uDAA6B;AAC7B,uDAA6B;AAC7B,iDAAuB;AACvB,iDAAuB;AACvB,uDAA6B;AAC7B,sDAA4B;AAC5B,kDAAwB;AACxB,iDAAuB;AACvB,sDAA4B;AAC5B,qDAA2B;AAC3B,iDAAuB;AACvB,uDAA6B;AAC7B,kDAAwB;AACxB,+DAAqC;AACrC,gDAAsB;AACtB,8DAAoC;AACpC,+DAAqC;AACrC,yDAA+B;AAC/B,iDAAuB;AACvB,uDAA6B;AAC7B,oDAA0B;AAC1B,qDAA2B;AAC3B,4DAAkC;AAClC,kDAAwB;AACxB,wDAA8B;AAC9B,mDAAyB;AACzB,oDAA0B;AAC1B,uDAA6B;AAC7B,qDAA2B;AAC3B,0DAAgC;AAChC,mDAAyB;AACzB,oDAA0B;AAC1B,mDAAyB;AACzB,iDAAuB;AACvB,iDAAuB;AACvB,qDAA2B;AAC3B,sDAA4B;AAC5B,iDAAuB;AACvB,uDAA6B;AAC7B,sDAA4B;AAC5B,kDAAwB;AACxB,wDAA8B;AAC9B,oDAA0B;AAC1B,oDAA0B;AAC1B,wDAA8B;AAC9B,qDAA2B;AAC3B,mDAAyB;AACzB,qDAA2B;AAC3B,2DAAiC;AACjC,kDAAwB;AACxB,qDAA2B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,uDAA6B;AAC7B,sDAA4B;AAC5B,uDAA6B;AAC7B,kDAAwB;AACxB,mDAAyB;AACzB,sDAA4B;AAC5B,qDAA2B;AAC3B,4DAAkC;AAClC,kDAAwB;AACxB,mDAAyB;AACzB,kDAAwB;AACxB,uDAA6B;AAC7B,mDAAyB;AACzB,0DAAgC;AAChC,iDAAuB;AACvB,qDAA2B;AAC3B,iDAAuB;AACvB,0DAAgC;AAChC,sDAA4B;AAC5B,qDAA2B;AAC3B,uDAA6B;AAC7B,4DAAkC;AAClC,oDAA0B;AAC1B,qDAA2B;AAC3B,mDAAyB;AACzB,qDAA2B;AAC3B,6DAAmC;AACnC,uDAA6B;AAC7B,8DAAoC;AACpC,uDAA6B;AAC7B,iDAAuB;AACvB,uDAA6B;AAC7B,uDAA6B;AAC7B,iDAAuB;AACvB,iDAAuB;AACvB,uDAA6B;AAC7B,sDAA4B;AAC5B,kDAAwB;AACxB,iDAAuB;AACvB,sDAA4B;AAC5B,qDAA2B;AAC3B,iDAAuB;AACvB,uDAA6B;AAC7B,kDAAwB;AACxB,+DAAqC;AACrC,gDAAsB;AACtB,8DAAoC;AACpC,+DAAqC;AACrC,yDAA+B;AAC/B,iDAAuB;AACvB,uDAA6B;AAC7B,oDAA0B;AAC1B,qDAA2B;AAC3B,4DAAkC;AAClC,kDAAwB;AACxB,wDAA8B;AAC9B,mDAAyB;AACzB,oDAA0B;AAC1B,uDAA6B;AAC7B,qDAA2B;AAC3B,0DAAgC;AAChC,mDAAyB;AACzB,oDAA0B;AAC1B,mDAAyB;AACzB,iDAAuB;AACvB,iDAAuB;AACvB,qDAA2B;AAC3B,sDAA4B;AAC5B,iDAAuB;AACvB,uDAA6B;AAC7B,sDAA4B;AAC5B,kDAAwB;AACxB,wDAA8B;AAC9B,oDAA0B;AAC1B,oDAA0B;AAC1B,wDAA8B;AAC9B,qDAA2B;AAC3B,mDAAyB;AACzB,2DAAiC;AACjC,kDAAwB;AACxB,qDAA2B"}
@@ -0,0 +1,73 @@
1
+ import * as React from 'react';
2
+ import { PickOptional } from '../../../helpers';
3
+ import { OUIAProps } from '../../../helpers';
4
+ export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
5
+ /** The parent container to append the modal to. Defaults to "document.body". */
6
+ appendTo?: HTMLElement | (() => HTMLElement);
7
+ /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
8
+ 'aria-describedby'?: string;
9
+ /** Adds an accessible name to the modal when there is no title in the ModalHeader. */
10
+ 'aria-label'?: string;
11
+ /** Id to use for the modal box label. This should include the ModalHeader labelId. */
12
+ 'aria-labelledby'?: string;
13
+ /** Content rendered inside the modal. */
14
+ children: React.ReactNode;
15
+ /** Additional classes added to the modal. */
16
+ className?: string;
17
+ /** Flag to disable focus trap. */
18
+ disableFocusTrap?: boolean;
19
+ /** The element to focus when the modal opens. By default the first
20
+ * focusable element will receive focus.
21
+ */
22
+ elementToFocus?: HTMLElement | SVGElement | string;
23
+ /** An id to use for the modal box container. */
24
+ id?: string;
25
+ /** Flag to show the modal. */
26
+ isOpen?: boolean;
27
+ /** Add callback for when the close button is clicked. This prop needs to be passed to render the close button */
28
+ onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
29
+ /** Modal handles pressing of the escape key and closes the modal. If you want to handle
30
+ * this yourself you can use this callback function. */
31
+ onEscapePress?: (event: KeyboardEvent) => void;
32
+ /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
33
+ position?: 'default' | 'top';
34
+ /** Offset from alternate position. Can be any valid CSS length/percentage. */
35
+ positionOffset?: string;
36
+ /** Variant of the modal. */
37
+ variant?: 'small' | 'medium' | 'large' | 'default';
38
+ /** Default width of the modal. */
39
+ width?: number | string;
40
+ /** Maximum width of the modal. */
41
+ maxWidth?: number | string;
42
+ /** Value to overwrite the randomly generated data-ouia-component-id.*/
43
+ ouiaId?: number | string;
44
+ /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
45
+ ouiaSafe?: boolean;
46
+ }
47
+ export declare enum ModalVariant {
48
+ small = "small",
49
+ medium = "medium",
50
+ large = "large",
51
+ default = "default"
52
+ }
53
+ interface ModalState {
54
+ container: HTMLElement;
55
+ ouiaStateId: string;
56
+ }
57
+ declare class Modal extends React.Component<ModalProps, ModalState> {
58
+ static displayName: string;
59
+ static currentId: number;
60
+ boxId: string;
61
+ static defaultProps: PickOptional<ModalProps>;
62
+ constructor(props: ModalProps);
63
+ handleEscKeyClick: (event: KeyboardEvent) => void;
64
+ getElement: (appendTo: HTMLElement | (() => HTMLElement)) => HTMLElement;
65
+ toggleSiblingsFromScreenReaders: (hide: boolean) => void;
66
+ isEmpty: (value: string | null | undefined) => boolean;
67
+ componentDidMount(): void;
68
+ componentDidUpdate(): void;
69
+ componentWillUnmount(): void;
70
+ render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
71
+ }
72
+ export { Modal };
73
+ //# sourceMappingURL=Modal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrE,OAAO,EAAE,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC5E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,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,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iHAAiH;IACjH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D;2DACuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,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,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,UAAU,UAAU;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACzD,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,SAAS,SAAK;IACrB,KAAK,SAAM;IAEX,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAM3C;gBAEU,KAAK,EAAE,UAAU;IAW7B,iBAAiB,UAAW,aAAa,KAAG,IAAI,CAK9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,OAAO,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,aAA2D;IAEtG,iBAAiB;IAyBjB,kBAAkB;IAYlB,oBAAoB;IAWpB,MAAM;CAoCP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}